:root{--ink: #0b1020;--ink-lift: #151c32;--navy: #163a73;--navy-deep: #0d2450;--brass: #d4b06a;--brass-dim: #8d7040;--ivory: #f4ead6;--paper: #d9cbb0;--mist: #b7a88d;--human: #d7263d;--human-lit: #ff6a78;--cpu: #f0c14a;--cpu-lit: #ffe08a;--safe: env(safe-area-inset-bottom, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(70% 46% at 50% 0%,rgba(212,176,106,.22),transparent 56%),radial-gradient(80% 60% at 100% 100%,#0a0614 0%,transparent 48%),var(--ink);color:var(--ivory);font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif}body{min-height:100dvh}#app{width:min(460px,100%);margin:0 auto;padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(20px + var(--safe));display:grid;gap:12px}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}button:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.top{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.brand h1{margin:0;font-family:Hina Mincho,Yu Mincho,serif;font-weight:400;font-size:clamp(30px,8vw,42px);letter-spacing:.14em;line-height:1.05}.eyebrow,.ver{margin:0;font-size:11px;letter-spacing:.18em;color:var(--mist)}.ver{font-family:IBM Plex Mono,ui-monospace,monospace;letter-spacing:.08em;color:var(--brass)}.pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.pill{min-width:58px;padding:6px 8px;border-radius:999px;background:#151c32c7;border:1px solid rgba(212,176,106,.32);text-align:center}.pill b{display:block;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:16px;line-height:1.1}.pill span{font-size:10px;letter-spacing:.12em;color:var(--mist)}.how{margin:0;font-size:13px;line-height:1.55;color:var(--paper)}.table{background:linear-gradient(180deg,rgba(212,176,106,.16),transparent 28%),var(--ink-lift);border:1px solid rgba(212,176,106,.38);border-radius:18px;padding:10px 10px 12px;box-shadow:0 18px 40px #00000061}.scoreline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:13px}.side{display:flex;align-items:center;gap:8px}.chip{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 1px #fff6}.chip.human{background:radial-gradient(circle at 32% 28%,var(--human-lit),var(--human) 58%,#7a1020)}.chip.cpu{background:radial-gradient(circle at 32% 28%,#fff4c4,var(--cpu) 56%,#b8860b)}.turn{color:var(--brass);letter-spacing:.08em}.rack{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:10px 8px 12px;background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.08),transparent 46%),linear-gradient(180deg,#2457a3,var(--navy) 48%,var(--navy-deep));border:8px solid #0a1c3d;border-radius:16px;box-shadow:inset 0 0 0 2px #d4b06a59,0 10px #071226}.col{display:grid;grid-template-rows:28px 1fr;gap:4px;min-height:0;border-radius:12px;touch-action:manipulation}.col:disabled{cursor:default}.col.is-legal{cursor:pointer}.col.is-legal:hover,.col.is-focus{background:#ffffff0f}.col.is-hint .drop-cue{color:#ffe08a;text-shadow:0 0 10px rgba(240,193,74,.7)}.drop-cue{display:grid;place-items:center;color:#f4ead68c;font-size:12px;transition:color .16s ease,text-shadow .16s ease}.wells{display:grid;grid-template-rows:repeat(6,1fr);gap:5px}.well{position:relative;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 42%,#0a1733 0,#0a1733 58%,#071022 72%,#1c4b96 73%,#1c4b96);box-shadow:inset 0 4px 6px #00000073}.well.is-win{box-shadow:inset 0 4px 6px #00000059,0 0 0 2px #ffe08a,0 0 14px #f0c14a8c}.disc{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:50%;pointer-events:none}.disc[hidden]{display:none}.disc.is-human{background:radial-gradient(circle at 30% 26%,var(--human-lit),var(--human) 46%,#7a1020);box-shadow:0 3px 5px #00000059}.disc.is-cpu{background:radial-gradient(circle at 30% 26%,#fff6cc,var(--cpu) 48%,#a87a0c);box-shadow:0 3px 5px #00000047}.disc.is-drop{animation:drop-in calc(.1s + var(--fall, 0) * 45ms) cubic-bezier(.22,.82,.28,1)}.status{min-height:2.4em;margin:10px 2px 0;font-size:14px;line-height:1.5}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{flex:1 1 96px;min-height:44px;border-radius:999px;border:1px solid rgba(212,176,106,.4);background:#0b102073;letter-spacing:.08em}.actions .primary{background:linear-gradient(180deg,#c44,var(--human));border-color:var(--human-lit);color:var(--ivory)}.actions button[aria-pressed=true]{background:#163a738c;border-color:var(--brass)}.actions button:disabled{opacity:.45;cursor:default}.shop{margin-top:10px;padding-top:10px;border-top:1px solid rgba(212,176,106,.2)}.shop-label{margin:0 2px 8px;font-size:12px;letter-spacing:.12em;color:var(--brass)}.shop-label span{display:block;margin-top:2px;letter-spacing:0;color:var(--mist);font-size:11px}.kits{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.kit{min-height:86px;padding:8px 7px;border-radius:12px;border:1px solid rgba(212,176,106,.28);background:#0b102066;text-align:left;display:grid;align-content:start;gap:4px}.kit b{font-size:13px;letter-spacing:.06em}.kit small{font-size:10px;line-height:1.4;color:var(--mist)}.kit em{font-style:normal;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;color:var(--brass)}.kit.is-owned{border-color:#f0c14a8c;background:#163a7366}.kit:disabled:not(.is-owned){opacity:.5;cursor:default}.rack.is-busy .col.is-legal{cursor:wait}@keyframes drop-in{0%{transform:translateY(calc(var(--fall, 0) * -128%))}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.disc.is-drop{animation:none}}@media(max-width:380px){.rack{border-width:6px;gap:3px;padding:8px 6px 10px}.kits{grid-template-columns:1fr}.kit{min-height:56px;grid-template-columns:1fr auto;align-items:center}.kit small{grid-column:1}.kit em{grid-column:2;grid-row:1 / span 2}}