*{box-sizing:border-box}html,body{color:#f6f0dd;background:#102b42;width:100%;height:100%;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline-offset:3px;outline:3px solid #ffdb83}#app{background:radial-gradient(at top,#32586b,#142b40);grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}header{z-index:2;background:#102c3ee8;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}header strong{letter-spacing:.05em;font-size:14px}header nav{gap:6px;display:flex}button{background:#214859;border:1px solid #ffffff30;border-radius:12px;padding:9px 13px;font-weight:700;box-shadow:0 3px #061f2b55}button:active,button.held{background:#397c82;transform:translateY(2px)}#stage{min-height:0;position:relative;overflow:hidden}canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}#stats{pointer-events:none;justify-content:center;gap:6px;display:flex;position:absolute;top:9px;left:10px;right:10px}#stats span{background:#102d40d9;border:1px solid #d1f1df33;border-radius:12px;padding:6px 10px;font-size:12px;box-shadow:0 3px 8px #001a2830}#stats b{color:#ffe29d;font-size:19px;display:block}#controls{padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom));z-index:2;background:#102c3e;justify-content:space-between;gap:10px;display:flex}#controls .group{gap:8px;display:flex}#controls button{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#34737a,#235363);border-bottom:3px solid #091f30;min-width:60px;min-height:48px;font-size:14px}#controls button>*{pointer-events:none}#overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;background:#081c32a8;place-items:center;padding:15px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}#overlay[hidden]{display:none}article{overscroll-behavior:contain;touch-action:pan-y;color:#234553;background:linear-gradient(145deg,#f9efcf,#e2e5cc);border:1px solid #fff6d8;border-radius:25px;width:min(440px,100%);max-height:100%;padding:23px;overflow:auto;box-shadow:0 18px 70px #00142677}article h1{margin:0 0 12px;font-size:clamp(24px,5vw,34px)}article p{margin:9px 0;font-size:14px;line-height:1.65}article .eyebrow{letter-spacing:.18em;color:#567e77;text-transform:uppercase;font-size:11px}article button{color:#fff;background:#2b7375;border-color:#1d565b;min-height:44px;margin:5px 5px 0 0}article .primary{color:#153f4a;background:#d89543}article .record{border-top:1px solid #214e5822;align-items:baseline;gap:12px;padding-top:12px;display:flex}article .record b{font-size:30px}#hint{text-align:center;pointer-events:none;background:#102b40ca;border-radius:12px;max-width:90%;padding:7px 12px;font-size:12px;transition:opacity .3s;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#hint:empty{display:none}@media (max-width:480px){header{padding:6px 9px}header strong{max-width:45%;font-size:12px}header button{padding:7px 9px;font-size:12px}#controls button{min-width:51px;padding:8px 10px}article{padding:18px}#stats{gap:4px}#stats span{padding:5px 8px;font-size:10px}#stats b{font-size:17px}}@media (max-height:480px){header,#controls{padding:4px 10px}#controls button{min-height:35px;padding:5px 12px}#stats{justify-content:flex-start;top:4px}#stats span{padding:3px 8px}#stats b{margin-left:5px;font-size:15px;display:inline}article{width:540px;padding:13px 20px}article p{margin:5px 0;font-size:12px}article h1{margin:0 0 5px;font-size:24px}article .record{padding-top:5px}#hint{bottom:5px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}#stage{background:radial-gradient(#44737a,#102b42);place-items:center;display:grid}canvas{flex:none}#hint{width:min(420px,100% - 24px);max-width:none}