:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f4f7fb;--muted:#8793a5;--line:#a7b8cc24;--line-strong:#a7b8cc42;--panel:#101723db;--panel-deep:#090e16;--mint:#5eead4;--mint-bright:#99f6e4;--danger:#ff6b7a;background:#070b12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{background:#070b12;min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;color:var(--ink);overscroll-behavior:none;background:radial-gradient(circle at 80% -15%,#5eead41f,#0000 35rem),radial-gradient(circle at 4% 78%,#6070f31c,#0000 30rem),linear-gradient(160deg,#090e18 0%,#060910 58%,#0a0e17 100%);margin:0}body:before{content:"";z-index:-1;pointer-events:none;opacity:.32;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:56px 56px;animation:18s linear infinite ambient-grid;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible{outline:2px solid var(--mint-bright);outline-offset:3px}a:focus-visible{outline:2px solid var(--mint-bright);outline-offset:3px}.app-shell{width:min(1320px,100% - 48px);min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 0 max(18px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;padding-bottom:17px;display:grid}.brand{width:max-content;color:var(--ink);align-items:center;gap:13px;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--mint);border-radius:5px;grid-template-columns:repeat(2,1fr);gap:2px;width:36px;height:36px;padding:4px;display:grid;transform:rotate(3deg);box-shadow:0 0 24px #69e6c21f}.brand-mark i{background:var(--mint);display:block}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){opacity:.88;background:#6e8cff}.brand strong{letter-spacing:.16em;text-transform:uppercase;font-size:1.08rem;font-weight:800;line-height:1;display:block}.brand small{color:#b7a3b2;letter-spacing:.12em;margin-top:5px;font-family:inherit;font-size:.63rem;display:block}.topbar-status{color:#9aa5b0;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-family:inherit;font-size:.75rem;font-weight:700;display:flex}.status-dot{background:#69717e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #69717e14}.status-dot--playing{background:var(--mint);animation:1.8s ease-in-out infinite status-pulse;box-shadow:0 0 0 4px #69e6c217,0 0 12px #69e6c280}.status-dot--gameOver{background:var(--danger)}.icon-action{width:42px;height:42px;color:var(--ink);border:1px solid var(--line-strong);cursor:pointer;background:#ffffff06;border-radius:8px;justify-self:end;transition:border-color .15s,background .15s,transform .15s}.topbar-actions{justify-self:end;gap:7px;display:flex}.topbar-actions .icon-action{justify-self:auto}.stats-icon{justify-content:center;align-items:flex-end;gap:2px;width:18px;height:17px;margin:auto;display:flex}.stats-icon i{background:currentColor;border-radius:1px 1px 0 0;width:3px;display:block}.stats-icon i:first-child{height:7px}.stats-icon i:nth-child(2){height:14px}.stats-icon i:nth-child(3){height:10px}.icon-action:hover:not(:disabled){border-color:var(--mint);background:#69e6c214}.icon-action:active:not(:disabled){transform:translateY(1px)}.icon-action:disabled{opacity:.32;cursor:not-allowed}.game-status-line{color:#929ba7;letter-spacing:.035em;justify-content:center;align-items:center;min-height:48px;font-size:.79rem;display:flex}.game-status-line span{color:var(--mint);letter-spacing:.08em;margin-right:6px;font-family:inherit;font-size:.68rem;font-weight:800}.game-status-line .mode-status{color:#d9fffa;background:#5eead414;border:1px solid #5eead433;border-radius:99px;margin-right:12px;padding:4px 7px}.game-status-line .contract-status{color:#ffe3a3;background:#ffc45b14;border:1px solid #ffc45b3d;border-radius:99px;margin-right:12px;padding:4px 7px}.game-layout{grid-template:"hold board next""stats board actions""stats board keyboard"1fr/minmax(190px,240px) minmax(320px,520px) minmax(220px,270px);justify-content:center;align-items:start;gap:18px 24px;display:grid}.panel,.stat,.action-panel{border:1px solid var(--line);background:linear-gradient(145deg,#121b2aeb,#090e17e6);border-radius:10px;box-shadow:0 15px 50px #0000001f}.panel{padding:17px}.panel-heading{color:#d7dddf;letter-spacing:.15em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:.75rem;font-weight:700;display:flex}.panel-heading small{color:#68727f;font-family:inherit;font-size:.58rem;font-weight:500}.hold-panel{grid-area:hold}.panel-note{color:#67717e;margin:11px 0 0;font-size:.72rem;line-height:1.5}.piece-preview{background:#03050a61;border:1px solid #ffffff09;border-radius:7px;place-items:center;min-height:96px;display:grid}.mini-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:2px;width:86px;height:65px;display:grid}.mini-cell{display:block;position:relative}.mini-cell[class*=piece-]{border:1px solid #ffffff3d;box-shadow:inset 2px 2px #ffffff24,inset -2px -2px #0003}.stats-panel{grid-area:stats;grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.stat{min-width:0;padding:14px}.stat span{color:#6f7986;letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px;font-size:.61rem;display:block}.stat strong{color:#eaf0ef;font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-overflow:ellipsis;font-family:inherit;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:600;display:block;overflow:hidden}.stat--record{border-color:#69e6c22e;grid-column:1/-1}.stat--record strong{color:var(--mint)}.board-area{grid-area:board;justify-self:center;width:min(100%,50dvh - 84px);min-width:320px}.board-stage{width:100%;position:relative}.board-frame{aspect-ratio:1/2;touch-action:none;-webkit-user-select:none;user-select:none;background:#0b0e17;border:1px solid #c1e1d747;border-radius:12px;width:100%;padding:10px;position:relative;box-shadow:0 24px 80px #00000061,inset 0 0 0 1px #000000a6}.board-frame:before{content:"";pointer-events:none;border:1px solid #ffffff06;position:absolute;top:3px;bottom:3px;left:3px;right:3px}.board-frame--impact{animation:.18s ease-out board-impact}.game-board{background:#05070c;border:1px solid #ffffff09;border-radius:7px;grid-template-rows:repeat(20,1fr);grid-template-columns:repeat(10,1fr);gap:1px;width:100%;height:100%;display:grid;overflow:hidden}.board-cell{background:#ffffff05;min-width:0;min-height:0;position:relative;box-shadow:inset 0 0 0 1px #a5beb906}.board-cell[class*=piece-]:not(.board-cell--ghost){border:1px solid color-mix(in srgb, currentColor 68%, white 32%);box-shadow:inset 3px 3px 0 #ffffff29, inset -3px -3px 0 #0000003b, 0 0 9px color-mix(in srgb, currentColor 24%, transparent);background:currentColor}.board-cell--active:after,.mini-cell[class*=piece-]:after{content:"";border-top:1px solid #fff3;border-left:1px solid #ffffff1c;position:absolute;top:3px;bottom:3px;left:3px;right:3px}.board-cell--ghost{background:color-mix(in srgb, currentColor 9%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 58%, transparent)}.board-cell--ghost:after{content:"";border:1px solid color-mix(in srgb, currentColor 24%, transparent);position:absolute;top:4px;bottom:4px;left:4px;right:4px}.board-cell--clearing{animation:.26s ease-out line-clear}.piece-i{color:#42d7e8;background-color:#42d7e8}.piece-j{color:#6486ff;background-color:#6486ff}.piece-l{color:#ff9d4e;background-color:#ff9d4e}.piece-o{color:#f3d84e;background-color:#f3d84e}.piece-s{color:#63db84;background-color:#63db84}.piece-t{color:#b478f0;background-color:#b478f0}.piece-z{color:#f46673;background-color:#f46673}.board-corner{pointer-events:none;width:10px;height:10px;position:absolute}.board-corner--tl{border-top:1px solid var(--mint);border-left:1px solid var(--mint);top:-3px;left:-3px}.board-corner--br{border-right:1px solid var(--mint);border-bottom:1px solid var(--mint);bottom:-3px;right:-3px}.board-caption{color:#505966;letter-spacing:.08em;justify-content:space-between;padding:10px 3px 0;font-family:inherit;font-size:.57rem;font-weight:700;display:flex}.game-overlay{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06090fe0;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(22px,9%,40px);animation:.22s ease-out overlay-in;display:flex;position:absolute;top:10px;bottom:10px;left:10px;right:10px}.game-overlay:before{content:"";pointer-events:none;border:1px solid #69e6c21f;position:absolute;top:14px;bottom:14px;left:14px;right:14px}.game-overlay>*{z-index:1;position:relative}.game-overlay h2,.confirm-dialog h2{letter-spacing:-.055em;margin:10px 0 12px;font-size:clamp(1.75rem,4.2vw,2.75rem);line-height:.98}.game-overlay p,.confirm-dialog p{color:#929ca7;max-width:25rem;margin:0 0 22px;font-size:clamp(.72rem,1.5vw,.86rem);line-height:1.55}.overlay-kicker{color:var(--mint);letter-spacing:.12em;text-transform:uppercase;font-family:inherit;font-size:.59rem;font-weight:800}.primary-button,.secondary-button{cursor:pointer;border:1px solid #0000;border-radius:7px;min-height:46px;transition:transform .12s,border-color .15s,background .15s}.primary-button{color:#07110e;background:var(--mint);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;min-width:142px;padding:0 17px;font-size:.76rem;font-weight:800;display:inline-flex}.primary-button:hover{background:var(--mint-bright)}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.primary-button--danger{color:#18070a;background:var(--danger)}.primary-button--danger:hover{background:#ff8b96}.overlay-score{border-block:1px solid var(--line);justify-content:space-between;align-items:baseline;width:100%;margin:2px 0 16px;padding:10px 0;display:flex}.overlay-score span{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-size:.62rem}.overlay-score strong{color:var(--mint);font-variant-numeric:tabular-nums;font-family:inherit;font-size:1.2rem}.game-overlay .new-record{color:#c5eadf;margin-bottom:16px}.mode-picker{border:0;width:100%;min-width:0;margin:0 0 15px;padding:0}.mode-picker legend{color:#7f8b98;letter-spacing:.11em;text-transform:uppercase;margin-bottom:7px;padding:0;font-size:.61rem;font-weight:800}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.mode-card{color:#b5bec8;text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff06;border-radius:7px;align-items:center;gap:7px;min-width:0;min-height:58px;padding:9px 10px;transition:color .15s,border-color .15s,background .15s;display:flex}.mode-card:hover,.mode-card--selected{color:var(--ink);background:#5eead413;border-color:#5eead480}.mode-card__check{color:var(--mint);flex:none;font-size:.66rem}.mode-card strong,.mode-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mode-card strong{letter-spacing:.02em;font-size:.71rem}.mode-card small{color:#717c88;margin-top:3px;font-size:.54rem}.mode-card--selected small{color:#9ab7b3}.game-overlay .mode-description{color:#83909c;min-height:2.2em;margin:8px 0 0;font-size:.66rem;line-height:1.4}.game-overlay--start .primary-button,.game-overlay--over .primary-button{justify-content:center;width:100%}.level-banner{z-index:5;color:#07110e;background:var(--mint);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;padding:8px 16px;font-size:.72rem;font-weight:900;animation:1.1s forwards level-up;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #69e6c24d}.next-panel{grid-area:next}.next-list{gap:9px;display:grid}.next-hidden{color:#52606d;text-align:center;background:#03050a61;border:1px dashed #a7b8cc29;border-radius:7px;place-content:center;gap:6px;min-height:180px;display:grid}.next-hidden span{color:#72808d;font-size:2.7rem;font-weight:200;line-height:1}.next-hidden small{letter-spacing:.12em;text-transform:uppercase;font-size:.52rem;font-weight:800}.next-item{position:relative}.next-index{z-index:1;color:#46505c;font-family:inherit;font-size:.56rem;font-weight:800;position:absolute;top:5px;left:7px}.next-item:not(:first-child) .piece-preview{min-height:72px}.next-item:not(:first-child) .mini-grid{width:68px;height:51px}.action-panel{grid-area:actions;gap:9px;padding:10px;display:grid}.secondary-button{color:#b9c0c6;border-color:var(--line);letter-spacing:.04em;background:#ffffff06;justify-content:space-between;align-items:center;width:100%;padding:0 13px;font-size:.72rem;display:flex}.secondary-button:hover:not(:disabled){color:var(--ink);background:#69e6c20f;border-color:#69e6c266}.secondary-button--danger:hover:not(:disabled){background:#ff6f7d0f;border-color:#ff6f7d73}.secondary-button:disabled{opacity:.35;cursor:not-allowed}kbd{color:#929ca7;text-align:center;background:#080b13;border:1px solid #ffffff1c;border-bottom-color:#fff3;border-radius:2px;min-width:20px;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.56rem;line-height:1;display:inline-block}.keyboard-panel{grid-area:keyboard;padding-bottom:13px}.key-list{margin:0}.key-list>div{border-top:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:8px;min-height:31px;display:flex}.key-list dt{gap:3px;display:flex}.key-list dd{color:#747e89;text-align:right;margin:0;font-size:.63rem}.panel-settings-link{width:100%;color:var(--mint-bright);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#5eead412;border:1px solid #5eead438;margin-top:11px;padding:10px;font-size:.63rem;font-weight:800}.panel-settings-link:hover{color:#07110e;background:var(--mint)}.touch-controls{display:none}.touch-button:disabled{opacity:.3;cursor:not-allowed}.site-footer{color:#525c68;letter-spacing:.035em;justify-content:space-between;gap:20px;min-height:52px;margin-top:auto;padding-top:20px;font-size:.65rem;display:flex}.site-footer strong{color:#77828d;font-weight:600}.footer-links{align-items:center;gap:8px;display:flex}.footer-links a{color:#68737e;text-underline-offset:3px;text-decoration-color:#69e6c24d}.footer-links a:hover{color:var(--mint)}.dialog-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030509cc;place-items:center;padding:20px;animation:.16s ease-out overlay-in;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.confirm-dialog{border:1px solid var(--line-strong);background:#10141f;border-radius:12px;width:min(440px,100%);max-height:calc(100dvh - 40px);padding:28px;overflow:auto;box-shadow:0 28px 100px #0000008c}.confirm-dialog .mode-picker{margin-bottom:20px}.confirm-dialog .mode-description{color:#83909c;min-height:0;margin:8px 0 0;font-size:.62rem;line-height:1.4}.settings-dialog{border:1px solid var(--line-strong);background:linear-gradient(155deg,#111b2a,#090e16 62%);border-radius:14px;width:min(680px,100%);max-height:min(88dvh,780px);padding:26px;overflow:auto;box-shadow:0 28px 100px #0000009e}.stats-dialog{width:min(900px,100%);max-height:min(90dvh,880px)}.local-save-note{color:#d8f8f2;background:#5eead412;border:1px solid #5eead433;border-radius:9px;align-items:flex-start;gap:11px;margin-top:20px;padding:14px 16px;display:flex}.local-save-note__dot{background:var(--mint);border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px;box-shadow:0 0 12px #5eead48c}.local-save-note strong{font-size:.72rem;display:block}.local-save-note p{color:#8da49f;margin:4px 0 0;font-size:.62rem;line-height:1.45}.stats-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.stats-summary>div{background:#ffffff07;border:1px solid #fff1;border-radius:8px;min-width:0;padding:13px}.stats-summary span,.stats-summary strong{display:block}.stats-summary span{color:#71808d;letter-spacing:.1em;text-transform:uppercase;font-size:.55rem}.stats-summary strong{color:var(--mint-bright);font-variant-numeric:tabular-nums;text-overflow:ellipsis;margin-top:7px;font-size:1.05rem;overflow:hidden}.stats-section-heading{margin:22px 0 11px}.stats-section-heading h3{margin:0;font-size:.9rem}.stats-section-heading p{color:var(--muted);margin:4px 0 0;font-size:.64rem}.mode-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mode-stats-card{background:#ffffff06;border:1px solid #fff1;border-radius:8px;min-width:0;padding:12px}.mode-stats-card>header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.mode-stats-card>header strong{color:#e6efed;font-size:.72rem}.mode-stats-card>header small{color:#6f7d89;text-overflow:ellipsis;white-space:nowrap;font-size:.52rem;overflow:hidden}.mode-stats-card dl{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:10px 0 0;display:grid}.mode-stats-card dl>div{min-width:0}.mode-stats-card dt{color:#687581;text-overflow:ellipsis;white-space:nowrap;font-size:.48rem;line-height:1.2;overflow:hidden}.mode-stats-card dd{color:#c8d2d0;font-variant-numeric:tabular-nums;text-overflow:ellipsis;margin:5px 0 0;font-size:.68rem;overflow:hidden}.settings-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex}.settings-header h2{letter-spacing:-.045em;margin:5px 0 0;font-size:2rem;line-height:1}.dialog-close{color:#e8dfe2;border:1px solid var(--line-strong);cursor:pointer;background:#ffffff09;border-radius:8px;flex:none;width:38px;height:38px;font-size:1.35rem;line-height:1}.dialog-close:hover{color:#07110e;background:var(--mint);border-color:var(--mint)}.settings-section{padding-top:20px}.settings-section+.settings-section{border-top:1px solid var(--line);margin-top:20px}.settings-section__heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.settings-section__heading h3{letter-spacing:.04em;margin:0;font-size:.9rem}.settings-section__heading p,.binding-help{color:var(--muted);margin:4px 0 0;font-size:.65rem;line-height:1.45}.text-button{color:#cfbdc8;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #5eead459;padding:0 0 3px;font-size:.6rem}.text-button:hover{color:var(--mint-bright)}.binding-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.binding-row{color:#d9cfd4;background:#ffffff07;border:1px solid #fff1;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:6px 7px 6px 11px;font-size:.65rem;display:flex}.binding-button{color:#d9fffa;cursor:pointer;background:#5eead414;border:1px solid #5eead43d;border-radius:5px;min-width:105px;min-height:30px;padding:5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.58rem;font-weight:700}.binding-button:hover{border-color:var(--mint)}.binding-button--listening{color:#07110e;background:var(--mint);border-color:var(--mint-bright);animation:.9s ease-in-out infinite alternate binding-listen}.binding-help{color:#c0acb8;min-height:1.1rem}.toggle-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.toggle-row{cursor:pointer;background:#ffffff07;border:1px solid #fff1;border-radius:8px;flex-direction:column;justify-content:space-between;gap:10px;min-height:86px;padding:12px;display:flex;position:relative}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{color:#e4dadd;font-size:.68rem}.toggle-row small{color:var(--muted);margin-top:3px;font-size:.56rem;line-height:1.35}.toggle-row input{opacity:0;width:1px;height:1px;position:absolute}.toggle-track{background:#473b49;border-radius:99px;width:34px;height:18px;padding:2px;transition:background .15s;display:block}.toggle-track i{background:#c9bec5;border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s;display:block}.toggle-row input:checked+.toggle-track{background:var(--mint)}.toggle-row input:checked+.toggle-track i{background:#07110e;transform:translate(16px)}.toggle-row input:focus-visible+.toggle-track{outline:2px solid var(--mint-bright);outline-offset:3px}.settings-done{justify-content:center;width:100%;margin-top:20px}.confirm-dialog h2{font-size:1.65rem}.dialog-actions{grid-template-columns:1fr auto;gap:9px;display:grid}.dialog-actions .primary-button{justify-content:center;min-width:105px}@keyframes ambient-grid{to{background-position:56px 56px}}@keyframes status-pulse{50%{opacity:.55}}@keyframes board-impact{40%{filter:brightness(1.18);transform:translateY(2px)}}@keyframes line-clear{0%,to{filter:none}45%{filter:brightness(2);background:#fff;box-shadow:0 0 16px #fff}}@keyframes overlay-in{0%{opacity:0}}@keyframes level-up{0%{opacity:0;transform:translate(-50%,-35%)scale(.9)}18%,70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-70%)scale(1.04)}}@keyframes binding-listen{to{filter:brightness(1.2);box-shadow:0 0 20px #5eead438}}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (max-width:900px){.game-layout{grid-template-columns:minmax(150px,185px) minmax(285px,400px) minmax(170px,205px);gap:14px}.panel{padding:13px}.keyboard-panel{display:none}.game-layout{grid-template-areas:"hold board next""stats board actions""stats board actions"}}@media (max-width:720px){body{-webkit-user-select:none;user-select:none}.app-shell{width:100%;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.topbar{min-height:48px;padding-bottom:9px}.topbar-status{font-size:0}.topbar-status .status-dot{width:7px;height:7px}.topbar-actions{gap:5px}.brand-mark{width:28px;height:28px}.brand strong{font-size:.82rem}.brand small{font-size:.48rem}.icon-action{width:34px;height:34px}.game-status-line{min-height:30px;font-size:.61rem}.game-layout{grid-template:"stats stats""hold next""board board"/minmax(0,1fr) minmax(0,1fr);gap:8px}.stats-panel{grid-template-columns:repeat(4,1fr);gap:5px}.stat,.stat--record{grid-column:auto;padding:7px 8px}.stat span{margin-bottom:4px;font-size:.45rem}.stat strong{font-size:.78rem}.hold-panel,.next-panel{min-height:73px;padding:8px}.panel-heading{margin-bottom:5px;font-size:.55rem}.hold-panel .piece-preview,.next-panel .piece-preview{min-height:43px}.next-hidden{gap:1px;min-height:43px}.next-hidden span{font-size:1.35rem}.next-hidden small{font-size:.42rem}.hold-panel .mini-grid,.next-panel .mini-grid{width:52px;height:39px}.panel-note,.next-item:not(:first-child),.next-index,.next-panel .panel-heading small{display:none}.board-area{width:min(100vw - 24px,50dvh - 175px);min-width:230px}.board-frame{padding:6px}.game-overlay{top:6px;bottom:6px;left:6px;right:6px}.board-caption{padding-top:5px}.game-overlay h2{font-size:clamp(1.55rem,8vw,2.3rem)}.game-overlay--start,.game-overlay--over{justify-content:flex-start;padding:16px;overflow-y:auto}.game-overlay--start h2,.game-overlay--over h2{margin-block-start:6px;margin-block-end:9px}.mode-card{gap:5px;min-height:43px;padding:5px 6px}.mode-card small{font-size:.45rem}.game-overlay .mode-description{font-size:.55rem}.action-panel{display:none}.touch-controls{touch-action:none;grid-template-columns:1fr 1.25fr;gap:9px;width:min(430px,100%);min-height:98px;margin:8px auto 0;display:grid}.touch-controls__movement,.touch-controls__actions{gap:6px;display:grid}.touch-controls__movement{grid-template-columns:repeat(3,1fr)}.touch-controls__actions{grid-template-columns:repeat(2,1fr)}.touch-button{color:#dce4e2;border:1px solid var(--line-strong);touch-action:none;background:#131826f2;border-bottom-color:#bdd6cf61;border-radius:4px;min-width:0;font-size:1.25rem;font-weight:600}.touch-button:active{color:#07110e;background:var(--mint);transform:translateY(1px)}.touch-button--small,.touch-button--drop{letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.52rem}.touch-button--rotate{color:var(--mint)}.touch-button--drop{color:#07110e;background:var(--mint)}.site-footer{justify-content:center;min-height:34px;padding-top:10px;font-size:.5rem}.site-footer>span:first-child,.footer-links>:not(:last-child){display:none}.settings-dialog{max-height:calc(100dvh - 24px);padding:19px}.local-save-note{padding:12px}.stats-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-stats-grid{grid-template-columns:1fr}.mode-stats-card{padding:11px}.settings-header h2{font-size:1.65rem}.binding-list,.toggle-list{grid-template-columns:1fr}.toggle-row{flex-direction:row;align-items:center;min-height:64px}}@media (max-width:380px){.game-status-line{justify-content:flex-start}.stats-panel{gap:3px}.stat{padding-inline-start:5px;padding-inline-end:5px}.stat strong{font-size:.69rem}.board-area{min-width:220px}}@media (max-height:720px) and (orientation:portrait) and (max-width:720px){.game-status-line,.site-footer{display:none}.game-layout{margin-top:7px}.hold-panel,.next-panel{min-height:58px}.hold-panel .piece-preview,.next-panel .piece-preview,.next-hidden{min-height:32px}.next-hidden span{font-size:1rem}.hold-panel .mini-grid,.next-panel .mini-grid{width:42px;height:31px}.board-area{width:min(100vw - 24px,50dvh - 135px);min-width:180px}.board-caption{display:none}.touch-controls{min-height:90px}.game-overlay--start,.game-overlay--over{padding:12px}.game-overlay--start h2,.game-overlay--over h2{font-size:1.3rem}.mode-picker{margin-bottom:9px}.mode-picker legend,.game-overlay .mode-description,.mode-card small{display:none}.mode-card{min-height:34px}.game-overlay--start .primary-button,.game-overlay--over .primary-button{min-height:36px}}@media (pointer:coarse) and (min-width:721px) and (max-width:950px) and (orientation:portrait){.keyboard-panel{display:none}.board-area{width:min(100%,50dvh - 130px)}.touch-controls{touch-action:none;grid-template-columns:1fr 1.25fr;gap:9px;width:min(430px,100%);min-height:86px;margin:10px auto 0;display:grid}.touch-controls__movement,.touch-controls__actions{gap:6px;display:grid}.touch-controls__movement{grid-template-columns:repeat(3,1fr)}.touch-controls__actions{grid-template-columns:repeat(2,1fr)}.touch-button{color:#dce4e2;border:1px solid var(--line-strong);touch-action:none;background:#131826f2;border-bottom-color:#bdd6cf61;border-radius:4px;min-width:0;font-weight:700}.touch-button--small,.touch-button--drop{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.52rem}.touch-button--rotate{color:var(--mint)}.touch-button--drop{color:#07110e;background:var(--mint)}}@media (max-height:650px) and (orientation:landscape) and (max-width:950px){.app-shell{padding-top:8px;padding-bottom:4px}.game-status-line,.site-footer,.board-caption{display:none}.game-layout{grid-template:"stats board next""hold board actions"/130px minmax(220px,calc(50dvh - 39px)) 150px;margin-top:8px}.board-area{width:min(100%,50dvh - 39px);min-width:0}.touch-controls{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));opacity:.94;touch-action:none;grid-template-columns:1fr 1.25fr;gap:7px;width:290px;height:86px;min-height:0;margin:0;display:grid;position:fixed}.touch-controls__movement,.touch-controls__actions{gap:5px;display:grid}.touch-controls__movement{grid-template-columns:repeat(3,1fr)}.touch-controls__actions{grid-template-columns:repeat(2,1fr)}.touch-button{color:#dce4e2;border:1px solid var(--line-strong);touch-action:none;background:#131826f7;border-radius:4px;min-width:0;font-weight:700}.touch-button--small,.touch-button--drop{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.48rem}.touch-button--rotate{color:var(--mint)}.touch-button--drop{color:#07110e;background:var(--mint)}.action-panel{display:none}.game-overlay{padding:14px;overflow:hidden}.game-overlay h2{margin:7px 0 12px;font-size:1.45rem;line-height:1}.game-overlay p{display:none}.game-overlay .primary-button{min-width:0;min-height:34px;padding-inline-start:11px;padding-inline-end:11px;font-size:.54rem}.next-item:not(:first-child){display:none}.hold-panel .piece-preview,.next-panel .piece-preview,.next-hidden{min-height:48px}.panel-note{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}