:root{--mint:#c4f76b;--cream:#fff5da;--violet:#b6a0ff;--ink:#0c1020;--glass:#0e1427ed}html:has(.arcade-body){height:100%;background:var(--ink)}.arcade-body{height:100%;margin:0;overflow:hidden;background:var(--ink);color:var(--cream);overscroll-behavior:none}#arcade{height:100svh;height:100dvh;position:relative;isolation:isolate;background:var(--ink);font-family:ui-sans-serif,system-ui,sans-serif}#arcade [hidden]{display:none!important}#arcade button,#arcade a{touch-action:manipulation}#arcade button{font:inherit}#arcade button:focus-visible,#arcade a:focus-visible,#arcade input:focus-visible{outline:3px solid var(--mint);outline-offset:4px}.scene{position:absolute;inset:0;overflow:hidden;background-color:#111528;background-size:cover;background-position:center}.scene:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#080d26aa 0%,#080d2610 48%,#080d26ef 100%);z-index:-1}.scene{z-index:0}.intro-scene{background-image:url("art/intro.1c8558c7603b.png")}.menu-scene{background-image:url("art/menu.143002915fb8.png");overflow:auto}.game-scene{background-image:linear-gradient(#0b102477,#0b102499),url("art/game.0b5c566e4035.png")}.scene-top{display:flex;align-items:center;justify-content:space-between;padding:24px max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left));position:relative;z-index:1}.arcade-logo{font-size:20px;font-weight:900;letter-spacing:-.8px;color:var(--cream);text-decoration:none;white-space:nowrap}.arcade-logo>span{display:block;font:8px ui-monospace,monospace;letter-spacing:3px;color:var(--mint);margin-top:5px}.edition{font:9px/1.8 ui-monospace,monospace;letter-spacing:2px;color:#e2e2ff;text-align:right}.pixel-kicker{font:700 10px/1.6 ui-monospace,monospace;letter-spacing:2.8px;color:var(--mint)}.intro-title{text-align:center;padding:5vh 15px 0;text-shadow:0 4px 0 #0c132c,0 0 24px #0b132d}.intro-title h1{font:1000 clamp(58px,13vw,126px)/.9 ui-monospace,monospace;letter-spacing:-6px;color:var(--cream);margin:22px 0}.intro-title h1 span{display:block;letter-spacing:3px;font:700 clamp(8px,2vw,13px)/2 ui-monospace,monospace;margin-top:18px;color:var(--mint)}.intro-bottom{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:24px;right:24px;max-width:380px;margin:auto;text-align:center}.intro-bottom p{font-size:13px;color:#efe8ff}.tiny{font:10px/1.6 ui-monospace,monospace;color:#b7bdd6;letter-spacing:.2px}.arcade-primary,.arcade-secondary{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;border-radius:12px;min-height:54px;padding:15px 20px;font-weight:800!important;border:1px solid transparent;text-decoration:none}.arcade-primary{background:var(--mint);color:#172113;box-shadow:0 4px 0 #668938}.arcade-primary:hover{background:#d5ff92}.arcade-primary:active{transform:translateY(2px);box-shadow:0 2px 0 #668938}.arcade-secondary{background:#172039e8;border-color:#8995c34d;color:var(--cream);box-shadow:0 3px 0 #050b19}.icon-button{width:44px;height:44px;border-radius:10px;border:1px solid #8c9ac557;background:#10182cd9;color:var(--cream);font-size:22px!important;display:grid;place-items:center;flex-shrink:0}.plain-button{border:0;background:transparent;color:#d8def3;padding:12px;font-size:13px!important}.menu-content{max-width:420px;margin:clamp(30px,6vh,70px) auto 20px;padding:26px;background:linear-gradient(120deg,#0a1228f2,#0a1228c4);border:1px solid #818bb447;border-radius:22px;box-shadow:0 20px 90px #0008}.menu-content h2{font-size:clamp(40px,9vw,62px);line-height:1;letter-spacing:-2px;margin:16px 0;color:var(--cream)}.menu-content h2 em{font-style:normal;color:var(--mint)}.menu-description{font-size:14px;color:#b7c3e0;margin:0 0 24px}.menu-actions{display:grid;gap:12px}.menu-record{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #818bb447;margin-top:26px;padding-top:18px}.menu-record span{font:10px ui-monospace,monospace;letter-spacing:2px;color:#acb9d5}.menu-record strong{font:700 26px ui-monospace,monospace;color:var(--mint)}.arcade-account{justify-content:center;gap:24px;margin-top:20px}.arcade-account a{color:var(--cream);font-size:13px;text-decoration:underline}.account-hint{text-align:center;margin-bottom:0}.fullscreen-status{font-size:11px;line-height:1.5;color:#d0dcf7;text-align:center;max-width:420px;margin:10px auto;padding:0 20px}.game-layout{height:100%;max-width:650px;margin:auto;display:grid;grid-template-rows:44px 52px 34px minmax(0,1fr) 122px 22px;gap:5px;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box}.game-toolbar{display:flex;align-items:center;justify-content:space-between}.game-toolbar .arcade-logo{font-size:17px;color:var(--mint);text-shadow:0 2px 5px #000}.game-hud{display:grid;grid-template-columns:1.3fr 1.3fr 1fr 1fr;border:1px solid #8995c34d;background:#0e162bef;border-radius:12px;align-items:center;padding:6px 13px;gap:8px}.game-hud span{display:block;font:8px ui-monospace,monospace;letter-spacing:1px;color:#adb8d5}.game-hud strong{display:block;font:700 clamp(17px,4vw,23px)/1.3 ui-monospace,monospace}.game-hud>div:first-child strong{color:var(--mint)}.piece-strip{display:flex;align-items:center;justify-content:center;gap:9px;font:8px ui-monospace,monospace;letter-spacing:1px;color:#c4cde4}.piece-strip #next{width:60px;height:34px;margin:0}.piece-strip #game-hint{margin-left:auto;font-size:8px;letter-spacing:.5px}#board-stage{min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:visible}#board-frame{height:100%;max-width:100%;aspect-ratio:1/2;position:relative;flex:none;background:#070e1f;border:2px solid #93b8b780;border-radius:6px;box-shadow:0 0 0 5px #0c122dc4,0 0 40px #a7df8d17;overflow:hidden}#arcade #board{display:block;width:100%;height:100%;touch-action:none}#line-flash{position:absolute;inset:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 30px var(--mint)}#line-flash.flash{animation:line-light .3s ease-out}@keyframes line-light{from{opacity:1}to{opacity:0}}#arcade #overlay{position:absolute;inset:0;background:#0a1129ed;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;text-align:center;gap:10px;z-index:3}#arcade #overlay h2{font-size:clamp(22px,5vw,38px);margin:0;line-height:1.1;color:var(--cream);letter-spacing:-1px}#arcade #overlay p{font-size:12px;line-height:1.5;margin:0 0 5px;color:#becbe6}#arcade #overlay .pixel-kicker{font-size:8px;color:var(--mint)}#arcade #overlay button{min-height:44px;font-size:13px;padding:11px 13px}#arcade #overlay .plain-button{padding:6px}.arcade-controls{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:56px 56px;gap:8px;align-self:end;touch-action:none}.arcade-controls button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;border:1px solid #92a0cf69;border-radius:13px;color:var(--cream);background:linear-gradient(#2d3653,#1a223c);box-shadow:0 4px 0 #080d1b;font-size:27px!important;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.arcade-controls button span{font:8px ui-monospace,monospace;letter-spacing:.7px}.arcade-controls button b{font-weight:400;line-height:1.1}.arcade-controls button:active{transform:translateY(2px);background:#3a4768;box-shadow:0 2px 0 #080d1b}.control-left{grid-area:1/1/2/2}.control-right{grid-area:1/4/2/5}.control-down{grid-area:2/2/3/3}.control-rotate{grid-area:2/3/3/4;background:linear-gradient(#d0ff88,#aad858)!important;color:#192615!important;border-color:#dcffad!important}.arcade-controls .control-drop{grid-area:1/2/2/4;justify-self:center;align-self:center;flex-direction:row;gap:8px;padding:8px 18px;min-height:40px;border-radius:30px;font-size:22px!important;background:#101a2ded;box-shadow:none}.game-layout #save-status{font-size:9px;line-height:20px;text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bdc8dc}dialog{color:var(--cream);background:#111b30;border:1px solid #8a9db66b;border-radius:20px;box-shadow:0 30px 100px #000b;padding:28px;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#040816bb;backdrop-filter:blur(5px)}dialog h2{font-size:30px;letter-spacing:-1px;margin:14px 0 10px}dialog p,dialog li{font-size:14px;line-height:1.65;color:#b6c6df}dialog ul{padding-left:20px}.dialog-close{position:absolute;right:14px;top:14px;width:34px;height:34px}.dialog-copy{margin:0 0 20px}.setting-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #7889ab35;padding:18px 0;gap:15px}.setting-row strong{display:block;font-size:15px}.setting-row small{display:block;margin-top:5px;color:#a9bbd6;font-size:11px}.setting-row input{appearance:none;width:48px;height:28px;flex:none;border-radius:20px;background:#3a4560;border:1px solid #657491;position:relative;cursor:pointer;margin:0}.setting-row input:before{content:"";position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:#d7dcee;transition:transform .15s}.setting-row input:checked{background:#a7d65c;border-color:#c4f76b}.setting-row input:checked:before{background:#192713;transform:translateX(20px)}.volume-label{display:flex;justify-content:space-between;margin:10px 0;font-size:13px}.volume-label output{color:var(--mint)}#volume{width:100%;accent-color:var(--mint);margin:10px 0 22px;min-height:28px}dialog .arcade-secondary{margin-bottom:10px;min-height:46px}dialog .tiny{font-size:10px}.no-js{position:fixed;z-index:50;inset:40% 20px auto;background:#111b30;padding:30px}@media(min-width:800px){.intro-title{padding-top:5vh}.intro-title h1{font-size:126px}.intro-bottom{bottom:40px}.menu-content{margin-left:max(6vw,calc((100vw - 1100px)/2));margin-right:auto}.scene{background-position:center 48%}.game-layout{max-width:760px;grid-template-rows:44px 54px 36px minmax(0,1fr) 126px 22px}.arcade-controls{max-width:650px;width:100%;justify-self:center}.game-hud{max-width:530px;width:100%;justify-self:center}.piece-strip{max-width:530px;width:100%;justify-self:center}}@media(max-width:480px){.scene-top{padding:18px 20px 0}.intro-title{padding-top:6vh}.intro-title h1{letter-spacing:-4px}.menu-content{margin:30px 18px 15px;padding:23px}.menu-content h2{font-size:48px}.menu-content .pixel-kicker{font-size:9px}.game-layout{gap:4px}.arcade-controls{gap:8px}.intro-bottom{left:28px;right:28px}}@media(max-height:680px) and (orientation:portrait){.intro-title{padding-top:2vh}.game-layout{grid-template-rows:36px 42px 26px minmax(0,1fr) 104px 18px;padding-top:4px;padding-bottom:4px;gap:3px}.game-toolbar .icon-button{height:34px;width:40px}.game-hud strong{font-size:17px}.piece-strip #next{height:26px;width:47px}.arcade-controls{grid-template-rows:46px 46px;gap:8px}.menu-content{margin-top:14px}.menu-content h2{font-size:36px}.menu-content .menu-description{margin-bottom:15px}.menu-record{margin-top:18px;padding-top:12px}#arcade #overlay{gap:6px;padding:10px}#arcade #overlay h2{font-size:22px}#arcade #overlay p{font-size:10px}#arcade #overlay button{min-height:36px;padding:8px;font-size:11px}}@media(orientation:landscape) and (max-height:600px){.intro-title{padding-top:0}.intro-title h1{font-size:60px;margin:10px}.intro-title .pixel-kicker{margin:4px}.intro-bottom{bottom:15px;left:auto;right:5vw;width:250px}.intro-title{text-align:left;padding-left:6vw}.intro-title h1 span{font-size:9px;letter-spacing:1px}.intro-bottom .tiny{display:none}.menu-content{margin:14px auto 14px 6vw;max-width:380px;padding:20px}.menu-content h2{font-size:30px}.menu-content h2 br{display:none}.menu-content .menu-description{display:none}.menu-actions{gap:8px}.menu-actions button{min-height:42px;padding:10px 15px}.menu-record{margin-top:14px;padding-top:10px}.game-layout{max-width:1000px;grid-template-columns:minmax(140px,1fr) minmax(120px,1fr) minmax(140px,1fr);grid-template-rows:40px minmax(0,1fr) 20px;gap:8px;padding:8px 14px}.game-toolbar{grid-area:1/1/2/4}.game-hud{grid-area:2/1/3/2;align-self:start;grid-template-columns:1fr 1fr;gap:18px;padding:15px;margin-top:45px}.piece-strip{grid-area:2/1/3/2;align-self:start;width:100%}.piece-strip #game-hint{display:none}#board-stage{grid-area:2/2/4/3;height:100%}.arcade-controls{grid-area:2/3/3/4;align-self:center;grid-template-columns:repeat(4,1fr);grid-template-rows:52px 52px;width:100%;gap:5px}.control-left{grid-area:1/1/2/3}.control-right{grid-area:1/3/2/5}.control-down{grid-area:2/1/3/3}.control-rotate{grid-area:2/3/3/5}.arcade-controls .control-drop{grid-area:3/1/4/5}.game-layout #save-status{grid-area:3/1/4/2;font-size:8px}#arcade #overlay .pixel-kicker,#arcade #overlay-text{display:none}#arcade #overlay{gap:5px;padding:8px}#arcade #overlay button{padding:6px;font-size:10px;min-height:30px}#arcade #overlay h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}