.schulte-page{--schulte-ink:#193634;--schulte-muted:#64748b;--schulte-accent:#237a5e;--schulte-stage:#f2f6f3;--schulte-page-space:64px;--schulte-edge:16px;--schulte-content-gap:24px;--schulte-control-gap:20px;--schulte-action-gap:16px;--schulte-play-width:580px;width:min(1200px,100%);min-width:0;margin:32px 0;border-radius:32px;background:#fff;padding:var(--schulte-page-space)}body:has(.schulte-page) .hero{width:min(1200px,100%);min-width:0}.schulte-container{width:100%;min-width:0;padding:0}#schulte-table{scroll-margin-top:128px}.schulte-intro{max-width:720px;margin:0 auto 28px;text-align:center}.schulte-eyebrow{margin-bottom:8px;color:var(--schulte-accent);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.schulte-intro h2{margin-bottom:12px;color:var(--schulte-ink);font-size:clamp(30px, 4vw, 42px);line-height:1.12;letter-spacing:-.035em}.schulte-intro>p:last-child{color:#475569;font-size:18px;line-height:1.6}.schulte-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 20px;margin-bottom:28px}.schulte-order-switch{display:inline-grid;grid-template-columns:repeat(2,minmax(112px,1fr));padding:4px;background:var(--schulte-stage);border-radius:999px;gap:4px}.schulte-order-option{min-width:0;min-height:44px;border:0;border-radius:999px;padding:0 18px;background:0 0;color:var(--schulte-muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer;touch-action:manipulation;transition:color 180ms ease,background-color 180ms ease}.schulte-order-option[aria-pressed=true]{background:#fff;color:var(--schulte-accent)}.schulte-settings{position:absolute;top:var(--schulte-edge);left:50%;z-index:4;transform:translateX(-50%);max-width:calc(100% - 240px);min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:8px 16px;background:rgb(255 255 255 / 92%);color:var(--schulte-accent);font:inherit;font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer;touch-action:manipulation}.schulte-settings svg{flex:none}.schulte-toolbar button:disabled{cursor:default;opacity:.55}.schulte-toolbar button[aria-pressed=true]:disabled{opacity:1}.schulte-stage-shell{position:relative;isolation:isolate;min-width:0;background:var(--schulte-stage);border-radius:30px}.schulte-stage{position:relative;min-height:560px;border-radius:inherit}.schulte-stage[data-state=running]{min-height:0}.schulte-progress{position:absolute;top:var(--schulte-edge);left:var(--schulte-edge);z-index:1;min-height:44px;display:flex;align-items:center;color:#53766a;font-size:11px;font-weight:700;letter-spacing:.05em;white-space:nowrap;font-variant-numeric:tabular-nums}.schulte-stage[data-state=idle] .schulte-progress,.schulte-stage[data-state=interrupted] .schulte-progress{visibility:hidden}.schulte-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:76px 28px;text-align:center}.schulte-message-art{width:82px;height:82px;margin-bottom:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;transform:rotate(-5deg);color:#678778;opacity:.9}.schulte-message-art span{display:grid;place-items:center;border-radius:7px;background:#fff;font-size:14px;font-weight:600}.schulte-message-art span:nth-child(5){color:#237a5e;background:#dbeae0}.schulte-title{max-width:680px;color:var(--schulte-ink);font-size:clamp(36px, 5vw, 60px);font-weight:720;letter-spacing:-.045em;line-height:1.08;text-wrap:balance;font-variant-numeric:tabular-nums}.schulte-hint{max-width:460px;color:var(--schulte-muted);font-size:15px;line-height:1.6;text-wrap:pretty}.schulte-action{min-width:116px;min-height:46px;margin-top:8px;padding:8px 22px;border:0;border-radius:999px;background:radial-gradient(circle,#fff 8%,transparent 100%);color:var(--schulte-accent);font:inherit;font-weight:700;cursor:pointer}.schulte-stage-tools{position:absolute;z-index:3;top:var(--schulte-edge);right:var(--schulte-edge);display:flex;gap:8px}.schulte-icon-button{width:44px;height:44px;display:grid;place-items:center;flex:none;border:0;border-radius:50%;background:rgb(255 255 255 / 92%);color:var(--schulte-accent);cursor:pointer;touch-action:manipulation;transition:opacity 180ms ease-out,transform .2s cubic-bezier(.22, 1, .36, 1),color 180ms ease,background-color 180ms ease}.schulte-sound[aria-pressed=false]{color:var(--schulte-muted)}.schulte-sound .sound-on,.schulte-sound[aria-pressed=true] .sound-off{display:none}.schulte-sound[aria-pressed=true] .sound-on{display:block}.schulte-fullscreen .fullscreen-exit,.schulte-stage-shell[data-fullscreen=true] .fullscreen-enter{display:none}.schulte-stage-shell[data-fullscreen=true] .fullscreen-exit{display:block}.schulte-stats-toggle{position:absolute;z-index:3;bottom:var(--schulte-edge);left:var(--schulte-edge)}.schulte-stats-toggle svg{transform-origin:center;transition:transform 220ms cubic-bezier(.22, 1, .36, 1)}.schulte-stats-toggle[aria-expanded=true] svg{transform:rotate(-12deg)}.schulte-stats-toggle[aria-expanded=true]{background:#fff;color:#155d46}.schulte-workspace{padding:calc(var(--schulte-edge) + 44px + var(--schulte-control-gap)) var(--schulte-edge) calc(var(--schulte-edge) + 8px)}.schulte-hud{width:min(100%,var(--schulte-play-width));margin:0 auto var(--schulte-content-gap);padding:6px;display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,1.1fr) minmax(0,1fr);align-items:center;gap:6px;border-radius:24px;background:rgb(255 255 255 / 52%);font-variant-numeric:tabular-nums}.schulte-hud>div{min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.schulte-hud-label{color:#62776e;font-size:11px;font-weight:600;line-height:1.2}.schulte-hud strong{color:var(--schulte-ink);font-size:17px;line-height:1.2;font-weight:650;white-space:nowrap}.schulte-hud .schulte-next{flex-direction:row;gap:8px;border-radius:18px;background:#fff}.schulte-next>span{color:var(--schulte-accent);font-size:12px;font-weight:600}.schulte-next strong{color:var(--schulte-accent);font-size:30px;line-height:1.1;letter-spacing:-.04em}.schulte-board{position:relative;width:min(100%,var(--schulte-play-width));margin:0 auto;aspect-ratio:var(--board-ratio,1);container-type:inline-size;isolation:isolate;touch-action:none}.schulte-cell{--number-color:#244a3b;position:absolute;display:grid;place-items:center;border:0;border-radius:clamp(8px,calc(100cqi / var(--grid-size,5) * .2),24px);background:#fff;color:var(--number-color);font:inherit;font-size:clamp(14px, calc(100cqi / var(--grid-size, 5) * .4), 40px);font-weight:580;font-variant-numeric:tabular-nums;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color 140ms ease,color 140ms ease}.schulte-board[data-layout=rings] .schulte-cell{border-radius:50%;font-size:clamp(13px, calc(100cqi / var(--grid-size, 5) * .3), 32px)}.schulte-board[data-layout=honeycomb] .schulte-cell,.schulte-board[data-layout=irregular] .schulte-cell{border-radius:0}.schulte-board[data-layout=irregular] .schulte-cell{font-size:clamp(14px, calc(100cqi / var(--grid-size, 5) * .36), 36px)}.schulte-cell.is-found{color:#708678;background:#dfeae2;cursor:default}.schulte-cell.is-wrong{background:#f6dfd8;color:#9e4434}.schulte-cell:focus{outline:0}.schulte-board[data-input=keyboard] .schulte-cell:focus:not(.is-wrong){background-color:#d4e5da}.schulte-workspace-footer{width:min(100%,var(--schulte-play-width));margin:var(--schulte-action-gap) auto 0;display:flex;align-items:center;justify-content:center}.schulte-restart{min-width:116px;min-height:44px;border:0;border-radius:999px;padding:8px 22px;background:radial-gradient(ellipse,#fff 8%,transparent 100%);color:var(--schulte-accent);font:inherit;font-size:14px;font-weight:650;cursor:pointer}.schulte-stage[data-state=complete] .schulte-message-art{display:none}.schulte-stage[data-state=complete] .schulte-title{font-size:clamp(48px, 7vw, 76px)}.schulte-stats{margin-top:32px}.schulte-stats-inner{position:relative;min-width:0;border-radius:28px;background:radial-gradient(circle,var(--schulte-stage) 8%,transparent 100%);padding:32px}.schulte-stats-kicker{margin-bottom:18px;color:var(--schulte-accent);font-size:11px;font-weight:700;line-height:1.6;letter-spacing:.04em}.schulte-overview{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,0.75fr);gap:28px;align-items:end;container-type:inline-size}.schulte-overview dt{color:var(--schulte-muted);font-size:12px;font-weight:600}.schulte-overview dd{margin-top:6px;color:var(--schulte-ink);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.035em;white-space:nowrap}.schulte-latest{font-size:clamp(24px, 13cqi, 60px);line-height:1.1}.schulte-best{font-size:clamp(18px, 8cqi, 36px);line-height:1.2}.schulte-page:lang(zh) .schulte-best{font-size:clamp(16px, 7cqi, 36px)}.schulte-result-note{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--schulte-muted);font-size:12px;line-height:1.5}.schulte-history{position:relative;min-width:0;margin-top:24px}.schulte-history summary{min-height:48px;padding:4px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--schulte-ink);font-size:15px;font-weight:650;cursor:pointer;list-style:none}.schulte-history summary::-webkit-details-marker{display:none}.schulte-history[open] summary>span{padding-right:52px}.schulte-history-caret{width:18px;height:18px;flex:none;color:var(--schulte-muted);transform-origin:center;transition:opacity 180ms ease,transform 220ms ease}.schulte-history[open] .schulte-history-caret{transform:rotate(180deg)}.schulte-history-actions{position:absolute;z-index:1;top:2px;right:28px}.schulte-clear{background:0 0;color:#a57866}.schulte-clear svg{transition:transform 220ms ease;transform-origin:center}.schulte-history-list{min-width:0;list-style:none;margin-top:4px}.schulte-history-item{min-width:0;padding:14px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;color:var(--schulte-muted);font-size:12px;font-variant-numeric:tabular-nums}.schulte-history-item time{min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}.schulte-history-item time span{white-space:nowrap}.schulte-history-item>strong{grid-column:2;grid-row:1;font-size:21px;color:var(--schulte-ink);font-weight:700;letter-spacing:-.02em;white-space:nowrap}.schulte-history-item>span{grid-column:1;font-size:11px}.schulte-history-item:last-child{padding-bottom:0}.schulte-dialog{width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;border:0;border-radius:28px;padding:32px;color:#172033;background:#fff;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges}.schulte-dialog::backdrop{background:rgb(23 32 51 / 28%)}.schulte-dialog-header{margin-bottom:28px}.schulte-dialog h2{font-size:26px;font-weight:700;letter-spacing:-.035em}.schulte-dialog-header>p{margin-top:8px;color:#64748b;font-size:14px;line-height:1.6}.schulte-settings-group{margin-top:26px;border:0;min-width:0}.schulte-settings-group:first-of-type .schulte-settings-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.schulte-settings-group legend{margin-bottom:12px;color:#475569;font-size:13px;font-weight:650}.schulte-settings-options{display:flex;flex-wrap:wrap;gap:8px}.schulte-setting-option{position:relative;display:flex;flex:1;cursor:pointer}.schulte-setting-option input{position:absolute;width:1px;height:1px;opacity:0}.schulte-setting-option>span{min-height:44px;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;padding:8px 12px;background:#f5f7f5;color:#52665c;font-size:13px;font-weight:600;white-space:nowrap}.schulte-setting-option input:checked+span{background:#e2eee6;color:#1f654b}.schulte-setting-option input:focus-visible+span{outline:0;background:#d4e5da;color:#155d46}.schulte-layout-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.schulte-layout-options .schulte-setting-option>span{min-height:94px;flex-direction:column;gap:12px;padding:12px 4px;font-size:11px}.schulte-layout-options svg{width:36px;height:36px}.schulte-settings-note{margin-top:12px;color:#64748b;font-size:12px;line-height:1.6}.schulte-size-hint{margin-top:10px;color:#64748b;font-size:12px;line-height:1.6}.schulte-dialog-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px}.schulte-dialog-actions button{min-width:96px;min-height:44px;padding:10px 20px;border:0;border-radius:999px;color:#52665c;background:#f5f7f5;font:inherit;font-size:14px;font-weight:650;cursor:pointer}.schulte-dialog-actions button[type=submit]{background:#e2eee6;color:#1f654b}.schulte-history summary:focus,.schulte-page button:focus{outline:0}.schulte-history summary:focus-visible,.schulte-page button:focus-visible:not(.schulte-cell){color:#155d46;background-color:#e2eee6}.schulte-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.schulte-page [hidden]{display:none!important}.schulte-features .feature-kicker{display:block;margin-bottom:12px;color:#237a5e;font-size:11px;font-weight:750;letter-spacing:.14em}.schulte-features .features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.schulte-features .feature-card{min-width:0}.schulte-stage-shell:-webkit-full-screen,.schulte-stage-shell:fullscreen{width:100%;height:100%;height:100dvh;border-radius:0;overflow:auto;background:var(--schulte-stage)}.schulte-stage-shell[data-fullscreen=true] .schulte-stage{min-height:100%;border-radius:0}.schulte-stage-shell[data-fullscreen=true]{--schulte-play-width:min(calc(100dvh - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom)) - 160px - var(--schulte-control-gap) - var(--schulte-content-gap) - var(--schulte-action-gap)), 860px)}.schulte-stage-shell[data-fullscreen=true] .schulte-stage-tools{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}.schulte-stage-shell[data-fullscreen=true] .schulte-progress{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}.schulte-stage-shell[data-fullscreen=true] .schulte-settings{top:max(16px,env(safe-area-inset-top))}.schulte-stage-shell[data-fullscreen=true] .schulte-workspace{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(max(16px,env(safe-area-inset-top)) + 44px + var(--schulte-control-gap)) max(16px,env(safe-area-inset-right)) calc(max(16px,env(safe-area-inset-bottom)) + 8px) max(16px,env(safe-area-inset-left))}.schulte-stage-shell[data-fullscreen=true] .schulte-board{flex:none}.schulte-stage-shell[data-fullscreen=true] .schulte-stats-toggle{display:none}@media (hover:hover) and (pointer:fine){.schulte-clear,.schulte-fullscreen,.schulte-sound,.schulte-stats-toggle{opacity:0;pointer-events:none;transform:translateY(3px);transition-duration:480ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.schulte-fullscreen:focus-visible,.schulte-sound:focus-visible,.schulte-stage-shell:hover .schulte-fullscreen,.schulte-stage-shell:hover .schulte-sound,.schulte-stage-shell:hover .schulte-stats-toggle,.schulte-stats-toggle:focus-visible,.schulte-stats-toggle[aria-expanded=true]{opacity:1;pointer-events:auto;transform:translateY(0);transition-duration:560ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.schulte-order-option:not([aria-pressed=true]):not(:disabled):hover{background:rgb(255 255 255 / 58%);color:var(--schulte-ink)}.schulte-icon-button:hover,.schulte-settings:hover{background:#fff}.schulte-history-caret{opacity:0;pointer-events:none;transition:opacity 480ms cubic-bezier(.4, 0, .2, 1),transform 180ms ease-out}.schulte-clear svg{transform:rotate(-8deg);transform-box:fill-box;transition:transform 480ms cubic-bezier(.4, 0, .2, 1)}.schulte-clear:focus-visible,.schulte-stats:hover .schulte-clear:not(:disabled){opacity:1;pointer-events:auto;transform:translateY(0)}.schulte-history summary:focus-visible .schulte-history-caret,.schulte-stats:hover .schulte-history-caret{opacity:1;pointer-events:auto}.schulte-clear:focus-visible svg,.schulte-stats:hover .schulte-clear:not(:disabled) svg{transform:rotate(0)}}@media (max-width:1023.98px){.schulte-page{--schulte-page-space:40px}.schulte-features .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767.98px){.schulte-page{--schulte-page-space:24px;--schulte-edge:12px;--schulte-content-gap:20px;--schulte-control-gap:16px;--schulte-action-gap:12px;margin:20px 0;border-radius:24px}.schulte-intro{margin-bottom:24px}.schulte-intro h2{font-size:clamp(27px, 7vw, 36px)}.schulte-intro>p:last-child{font-size:16px}.schulte-toolbar{gap:10px;margin-bottom:20px}.schulte-order-option{padding-inline:16px}.schulte-settings{max-width:calc(100% - 224px)}.schulte-stage-shell{border-radius:24px}.schulte-stage{min-height:440px}.schulte-message{padding-inline:20px;gap:14px}.schulte-title{font-size:clamp(32px, 8vw, 44px)}.schulte-hint{font-size:14px}.schulte-hud strong{font-size:16px}.schulte-next strong{font-size:28px}.schulte-cell{font-weight:600}.schulte-stats{margin-top:20px}.schulte-stats-inner{padding:20px 12px}.schulte-overview{gap:16px}.schulte-result-note{font-size:11px;gap:4px 10px}.schulte-history{margin-top:20px}.schulte-history-item{gap:4px 12px}.schulte-history-item time{gap:4px 8px;font-size:11px}.schulte-history-item>strong{font-size:19px}.schulte-dialog{padding:24px 18px;border-radius:24px}.schulte-layout-options{display:flex;justify-content:center}.schulte-layout-options .schulte-setting-option{flex:0 0 calc((100% - 16px)/ 3);min-width:0}.schulte-layout-options .schulte-setting-option>span{min-height:80px}.schulte-setting-option>span{padding-inline:9px;font-size:12px}.schulte-settings-group:first-of-type .schulte-settings-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:420px){.schulte-page{--schulte-page-space:16px}.schulte-stage:lang(zh)[data-state=complete] .schulte-title.is-long-time{font-size:clamp(32px, 9vw, 38px);white-space:nowrap}}@media (max-width:359.98px){.schulte-page:lang(zh) #schulte-timer{font-size:14px}.schulte-toolbar{gap:8px}.schulte-history-item time{gap:3px 6px}.schulte-stage-tools{position:static}.schulte-stage-tools .schulte-icon-button{position:absolute;z-index:3;right:var(--schulte-edge)}.schulte-sound{top:var(--schulte-edge)}.schulte-fullscreen{bottom:var(--schulte-edge)}.schulte-stage-shell[data-fullscreen=true] .schulte-stage-tools .schulte-icon-button{right:max(16px,env(safe-area-inset-right))}.schulte-stage-shell[data-fullscreen=true] .schulte-sound{top:max(16px,env(safe-area-inset-top))}.schulte-stage-shell[data-fullscreen=true] .schulte-fullscreen{bottom:max(16px,env(safe-area-inset-bottom))}}@media (max-width:559.98px){.schulte-settings{width:44px;max-width:44px;padding:0}.schulte-settings #schulte-configuration{display:none}}@media (max-width:620px){.schulte-features .features-grid{grid-template-columns:minmax(0,1fr)}}@media (max-height:500px) and (min-aspect-ratio:1.3){.schulte-stage-shell[data-fullscreen=true] .schulte-workspace{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);align-items:center;gap:24px}.schulte-stage-shell[data-fullscreen=true] .schulte-hud{width:min(100%,148px);margin:0 auto;padding:8px;display:flex;flex-direction:column;gap:12px}.schulte-stage-shell[data-fullscreen=true] .schulte-hud>div{text-align:center}.schulte-stage-shell[data-fullscreen=true] .schulte-next{width:100%}.schulte-stage-shell[data-fullscreen=true] .schulte-board{width:min(calc((100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom))) * var(--board-ratio,1)),calc(100vw - max(24px,env(safe-area-inset-left)) - max(24px,env(safe-area-inset-right)) - 248px))}.schulte-stage-shell[data-fullscreen=true] .schulte-workspace-footer{width:auto;min-width:0;margin:0}.schulte-stage-shell[data-fullscreen=true] .schulte-restart{min-width:0;width:min(116px,100%);padding-inline:12px}.schulte-stage-shell[data-fullscreen=true] .schulte-message{padding:48px 80px;gap:10px}.schulte-stage-shell[data-fullscreen=true] .schulte-message-art{display:none}.schulte-stage-shell[data-fullscreen=true] .schulte-title{font-size:36px}}@media (prefers-reduced-motion:reduce){.schulte-page *{transition:none!important}}@media (forced-colors:active){.schulte-cell{border:1px solid ButtonText}.schulte-cell.is-found{color:GrayText}.schulte-cell.is-wrong{outline:3px solid Highlight;outline-offset:-3px}}