:root{color:#3f392f;font-synthesis:none;--shell:#cbbd96;--shell-light:#ded2ad;--ink:#484137;--screen:#2f3c38;--yellow:#d7aa47;--yellow-dark:#9d7630;--key:#4e4a42;background:#b9ad8e;font-family:Gill Sans,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 20% 10%,#f1e5be80,#0000 32%),radial-gradient(circle at 85% 80%,#6975673d,#0000 34%),repeating-linear-gradient(90deg,#473e2d06 0 1px,#0000 1px 5px),#b9ad8e;place-items:center;min-height:100svh;padding:28px 16px;display:grid}button{font:inherit}.device{background:linear-gradient(100deg, transparent 0 48%, #ffffff14 49%, transparent 50%), var(--shell);border:1px solid #4e433066;border-radius:40px 40px 56px 56px;width:min(980px,100%);padding:25px 38px 22px;position:relative;box-shadow:inset 0 2px #ffffff73,inset 0 -5px #5a4c3133,0 28px 60px #322a1e47}.device:before,.device:after{content:"";background:#81785f;border-radius:50%;width:9px;height:9px;position:absolute;top:21px;box-shadow:inset 1px 1px 2px #4f493b,1px 1px #ffffff59}.device:before{left:22px}.device:after{right:22px}.device__header,.device__footer{justify-content:space-between;align-items:center;display:flex}.device__header{margin:0 7px 15px}.brand{letter-spacing:.12em;align-items:baseline;gap:8px;display:flex}.brand span{font:700 12px/1 American Typewriter,serif}.brand strong{letter-spacing:.04em;font:900 19px/1 American Typewriter,serif}.power{letter-spacing:.12em;opacity:.72;font:700 10px/1 Menlo,monospace}.power i{background:#b97967;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 7px #b97967}.screen-shell{background:#55564f;border-radius:22px 22px 30px 30px;padding:14px 18px 19px;box-shadow:inset 0 4px 8px #191b1873,0 2px #ffffff40}.screen-caption{color:#bebda9;letter-spacing:.16em;justify-content:space-between;margin:0 6px 9px;font:700 9px/1 Menlo,monospace;display:flex}.lcd{background:#26332f;border:3px solid #1f2926;grid-template-columns:minmax(220px,330px) minmax(118px,1fr);gap:18px;max-width:520px;margin:auto;padding:14px;display:grid;box-shadow:inset 0 0 24px #050a0899}.board-wrap{aspect-ratio:1/2;background:var(--screen);border:2px solid #18221f;position:relative;overflow:hidden}#board{width:100%;height:100%;image-rendering:pixelated;display:block}.score-panel{color:#c7d0bd;flex-direction:column;gap:10px;font-family:Menlo,Monaco,monospace;display:flex}.score-block{border-bottom:1px solid #c5cfbd29;padding-bottom:8px}.score-block span,.next-block>span{color:#829288;letter-spacing:.16em;margin-bottom:3px;font-size:9px;display:block}.score-block strong{letter-spacing:.04em;font-size:clamp(15px,2.2vw,24px);font-weight:500}.score-block--main strong{color:#d1bd79}.next-block{margin-top:2px}#next{width:min(96px,100%);height:auto;image-rendering:pixelated}.pause-button{color:#aeb9ac;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #708078;min-height:35px;margin-top:auto;font:700 9px Menlo,monospace}.pause-button:disabled{opacity:.35}.overlay{z-index:2;text-align:center;color:#d3d9c9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#27332fe0;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}.overlay__eyebrow{color:#d1bd79;letter-spacing:.18em;margin:0 0 7px;font:700 10px Menlo,monospace}.overlay h1{letter-spacing:.08em;margin:0;font:700 clamp(24px,4vw,40px)/1.1 American Typewriter,serif}.overlay p:not(.overlay__eyebrow){color:#9caa9e;margin:10px 0 20px;font-size:12px}.start-button{color:#403621;background:var(--yellow);letter-spacing:.08em;cursor:pointer;border:0;border-bottom:4px solid #90702f;padding:10px 18px;font-weight:800}.controls{grid-template-columns:1fr 1fr;align-items:center;min-height:225px;padding:20px 40px 0;display:grid}.dpad-zone,.action-zone{justify-items:center;gap:11px;display:grid}.dpad-zone p,.action-zone p{color:#463d30ad;letter-spacing:.12em;margin:0;font:700 8px Menlo,monospace}.dpad{filter:drop-shadow(0 7px 3px #3f342352);grid-template:repeat(3,58px)/repeat(3,58px);display:grid}.pad,.pad-center{background:var(--key);color:#9e998d;border:0}.pad{z-index:1;cursor:pointer;touch-action:none;font:12px Menlo,monospace;position:relative;box-shadow:inset 2px 2px #ffffff12,inset -3px -3px #1414123d}.pad--up{border-radius:8px 8px 0 0;grid-area:1/2}.pad--left{border-radius:8px 0 0 8px;grid-area:2/1}.pad-center{grid-area:2/2;position:relative}.pad-center:after{content:"";background:#3d3a34;border-radius:50%;position:absolute;inset:18px;box-shadow:inset 1px 1px 2px #282621}.pad--right{border-radius:0 8px 8px 0;grid-area:2/3}.pad--down{border-radius:0 0 8px 8px;grid-area:3/2}.pad.is-pressed{filter:brightness(.86);transform:translateY(3px)}.drop-button{color:#493b20;background:var(--yellow);width:112px;height:112px;box-shadow:inset 5px 5px 0 #ffffff38, inset -7px -8px 0 var(--yellow-dark), 0 10px 0 #765c2d, 0 14px 12px #41331b52;cursor:pointer;touch-action:none;border:0;border-radius:50%;transform:rotate(-8deg)}.drop-button span{letter-spacing:.06em;font:900 18px/1 American Typewriter,serif;display:block}.drop-button small{letter-spacing:.12em;margin-top:5px;font:700 8px Menlo,monospace;display:block}.drop-button.is-pressed{box-shadow:inset 4px 4px 0 #ffffff29, inset -5px -5px 0 var(--yellow-dark), 0 3px 0 #765c2d;transform:rotate(-8deg)translateY(7px)}.action-cluster{place-items:center;width:164px;height:158px;display:grid;position:relative}.undo-button{color:#efe6cb;cursor:pointer;touch-action:none;background:#a86f67;border:0;border-radius:50%;width:58px;height:58px;position:absolute;bottom:0;right:-2px;transform:rotate(8deg);box-shadow:inset 3px 3px #ffffff2b,inset -4px -5px #714c49,0 6px #5e4540,0 9px 9px #40302740}.undo-button span{font:900 20px/1 American Typewriter,serif;display:block}.undo-button small{letter-spacing:.06em;margin-top:2px;font:700 7px Menlo,monospace;display:block}.undo-button.is-pressed{transform:rotate(8deg)translateY(4px);box-shadow:inset 2px 2px #ffffff24,inset -3px -3px #714c49,0 2px #5e4540}.undo-button:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.45)}.device__footer{color:#453b2b9e;letter-spacing:.1em;justify-content:center;gap:12px;margin-top:8px;font:700 8px Menlo,monospace}.device__footer i{background:#453b2b47;border-radius:3px;width:28px;height:4px}.is-clearing .lcd{animation:.18s steps(2,end) screen-flash}@keyframes screen-flash{50%{filter:brightness(1.55);transform:translate(2px)}}@media (width>=760px){.screen-shell{width:60%;margin:0 auto}.controls{pointer-events:none;min-height:390px;padding:0 35px;position:absolute;inset:95px 0 auto}.dpad-zone,.action-zone{pointer-events:auto}.action-zone{justify-self:start}.dpad-zone{justify-self:end}}@media (width<=520px){body{background:var(--shell);padding:0}.device{min-height:100svh;padding:max(18px, env(safe-area-inset-top)) 13px max(14px, env(safe-area-inset-bottom));box-shadow:none;border:0;border-radius:0}.device:before,.device:after{display:none}.screen-shell{border-radius:16px 16px 22px 22px;padding:10px 9px 12px}.lcd{grid-template-columns:minmax(190px,1fr) 74px;gap:8px;padding:8px}.score-panel{gap:5px}.score-block{padding-bottom:4px}.score-block strong{font-size:13px}#next{width:62px}.pause-button{min-height:30px;font-size:7px}.controls{min-height:205px;padding:15px 12px 0}.dpad{grid-template:repeat(3,50px)/repeat(3,50px)}.drop-button{width:92px;height:92px}.action-cluster{width:138px;height:142px}.undo-button{width:52px;height:52px;right:0}.device__footer{display:none}}