:root{--housing: #b8b1a4;--housing-d: #8d877b;--bezel: #1c1e16;--lcd: #9ca86a;--ink: #222616;--label: #2c2e26;--cream: #efe8d8;--button: #c23a2a;--button-d: #8a2418;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(120% 70% at 50% -10%,rgba(239,232,216,.45),transparent 46%),repeating-linear-gradient(180deg,#6f6a60 0,#6f6a60 1px,#5d5850 1px,#5d5850 7px);color:var(--label);font-family:"M PLUS Rounded 1c",Hiragino Sans,sans-serif}#app{width:min(26rem,100%);margin:0 auto;padding:12px 10px 24px;display:grid;gap:10px}.handheld{background:linear-gradient(180deg,#cdc6b8,var(--housing) 18%,#a9a294);border:2px solid #6f6a60;border-radius:28px 28px 36px 36px;box-shadow:inset 0 1px #ffffff73,inset 0 -10px #00000014,0 18px 0 var(--housing-d),0 26px 32px #00000059;padding:16px 14px 18px}.brand{display:flex;justify-content:space-between;align-items:end;gap:10px;padding:0 6px 10px}.eyebrow{margin:0;font-size:10px;letter-spacing:.22em;color:#5c574d}h1,h2{margin:0;font-family:DotGothic16,Yu Gothic,sans-serif;font-weight:400;letter-spacing:.08em}h1{font-size:clamp(22px,6vw,28px);line-height:1.15}.model{font-family:Share Tech Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.16em;color:#5c574d}.lcd-bezel{position:relative;background:var(--bezel);border-radius:8px;padding:10px 10px 12px;box-shadow:inset 0 0 0 2px #0d0e0a,0 1px #ffffff40}.lcd-cap{display:flex;justify-content:space-between;gap:8px;padding:0 2px 7px;color:var(--lcd);font-family:Share Tech Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.08em}.lcd-body{display:grid;grid-template-columns:1fr 68px;gap:8px;align-items:stretch}#field{display:block;width:100%;height:min(56vh,520px);background:var(--lcd);touch-action:none}.lcd-side{display:grid;align-content:start;gap:8px;padding-top:2px}.mini{background:var(--lcd);padding:4px 4px 5px}.mini span{display:block;font-family:Share Tech Mono,ui-monospace,monospace;font-size:9px;letter-spacing:.12em;color:var(--ink);text-align:center;margin-bottom:3px}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.pip{aspect-ratio:1;background:#2226161a;border-radius:2px}.pip.on{background:var(--ink)}.mini.dim .pip.on{background:#22261659}.modal{position:absolute;top:34px;right:10px;bottom:12px;left:10px;display:grid;place-items:center;background:#9ca86ae0;padding:12px}.modal.hidden{display:none}.sheet{width:min(18rem,100%);text-align:center;color:var(--ink)}.sheet h2{margin:4px 0 8px;font-size:26px}.sheet p{margin:0 0 12px;font-size:13px;line-height:1.65}.sheet .big{font-family:Share Tech Mono,ui-monospace,monospace;font-size:48px;line-height:.9;margin-bottom:8px}.deck{display:grid;gap:10px;padding:14px 4px 2px}.cluster{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.pad{min-height:52px;border:0;background:#3a3c34;color:var(--cream);font:inherit;font-size:16px;font-weight:700;letter-spacing:.08em;border-radius:8px;box-shadow:0 3px #1b1c16;touch-action:none;cursor:pointer}.pad:active{transform:translateY(2px);box-shadow:0 1px #1b1c16}.drops{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hold-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.actions{display:flex;gap:8px;justify-content:flex-end;margin-left:auto}.red,.start,.again{min-width:92px;min-height:52px;border:0;border-radius:999px;background:radial-gradient(circle at 30% 28%,#e25a48,var(--button) 54%,var(--button-d));color:var(--cream);font-family:inherit;font-weight:700;letter-spacing:.1em;box-shadow:0 4px 0 var(--button-d);cursor:pointer}.red:active,.start:active,.again:active{transform:translateY(2px);box-shadow:0 2px 0 var(--button-d)}.ghost{border:1px solid rgba(44,46,38,.28);background:#efe8d859;color:var(--label);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}.status{margin:8px 6px 0;min-height:1.4em;font-size:12px;color:#4b473e}.shop{background:#efe8d86b;border:1px dashed rgba(44,46,38,.22);border-radius:14px;padding:12px}.shop-head p{margin:4px 0 10px;font-size:12px;line-height:1.55;color:#4b473e}.cards{display:grid;gap:8px}.card{display:grid;gap:6px;padding:8px 8px 9px;background:#ffffff47;border:1px solid rgba(44,46,38,.12)}.card-top{display:flex;justify-content:space-between;gap:8px}.card h3{margin:0;font-size:15px}.lv{font-family:Share Tech Mono,ui-monospace,monospace;font-size:13px}.card p{margin:0;font-size:12px;color:#4b473e}.card button{border:0;background:#3a3c34;color:var(--cream);font:inherit;font-weight:700;padding:8px;cursor:pointer}.card button:disabled,.red:disabled,.ghost:disabled,.pad:disabled{opacity:.38;cursor:default}.shop-foot{display:flex;gap:8px;margin-top:10px}button:focus-visible{outline:2px solid var(--button);outline-offset:2px}@media(max-width:420px){.handheld{border-radius:0;box-shadow:inset 0 1px #fff6,0 10px 0 var(--housing-d)}#field{height:min(50vh,440px)}}@media(prefers-reduced-motion:reduce){.pad,.red,.start,.again{transition:none}.pad:active,.red:active,.start:active,.again:active{transform:none}}