:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;color:#eee7d9;background:#070708}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;font-size:.9rem;border:1px solid #b08d5766;color:#ede1c6;background:linear-gradient(145deg,#272723,#101113);border-radius:10px;padding:10px 18px;cursor:pointer;min-height:44px}button:hover{border-color:#ddbe7e}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #f1d596;outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1200px;margin:auto;padding:0 max(16px,env(safe-area-inset-left)) 12px}header{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b08d5733;gap:12px}.brand{color:#d2b27a;font:600 1.25rem Georgia,serif;text-decoration:none}.title{font:1.1rem Georgia,serif;letter-spacing:.24em;color:#cdb887}.stats{display:flex;justify-content:center;gap:36px;padding:14px 0;font-size:.875rem;color:#b8b3a9}.stats>div{display:flex;gap:10px;align-items:center}.stats strong{font-size:1.25rem;color:#f0d39c;font-variant-numeric:tabular-nums}.board{position:relative;width:100%;height:clamp(340px,65dvh,780px);overflow:hidden;touch-action:none;border:1px solid #b08d5729;border-radius:18px;background:#070708}canvas{display:block;width:100%;height:100%}.overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#07070855;padding:16px}.panel{text-align:center;max-width:450px;padding:28px 32px;border:1px solid #b08d57aa;border-radius:20px;background:linear-gradient(150deg,#242523ec,#0a0b0bf5);box-shadow:0 20px 70px #000a}.eyebrow{color:#b7a477;letter-spacing:.24em;font-size:.75rem}h1{font:600 clamp(38px,6vw,70px)/1.1 Georgia,serif;margin:12px 0;color:#e2c48c}p{color:#c2bfb6}.primary{background:linear-gradient(130deg,#195f46,#103b30);border-color:#8ead70;color:#f5ebd3;min-width:160px;font-weight:600}.hint{font-size:.875rem;line-height:1.6;margin-bottom:0}.countdown{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font:600 100px Georgia,serif;color:#f9da90;text-shadow:0 0 25px #b88546}.toolbar{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:14px 0}.status{text-align:center;font-size:.875rem;min-height:22px;margin:6px 0;color:#a7aaa2}.dpad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,46px);gap:5px;justify-content:center;touch-action:none}.dpad button{font-size:1.5rem;padding:0;user-select:none}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.dpad button:nth-child(3){grid-column:2}.dpad button:nth-child(4){grid-column:3}@media(pointer:fine) and (min-width:800px){.dpad{display:none}}@media(max-width:600px){header{height:60px}.stats{gap:14px;padding:10px 0}.stats>div{display:block;text-align:center;font-size:.75rem}.stats strong{display:block;font-size:1.15rem}.board{height:clamp(300px,52dvh,580px)}.panel{padding:20px}.toolbar{gap:6px}.toolbar button{padding:8px;font-size:.8rem}.brand{font-size:1.1rem}.title{font-size:.9rem}.hint{font-size:.8rem}}@media(max-height:520px) and (orientation:landscape){header{height:48px}.stats{padding:4px}.board{height:65dvh;min-height:260px}.dpad{grid-template-columns:repeat(4,48px);grid-template-rows:44px}.dpad button:nth-child(n){grid-column:auto}}