:root{--ink: #12161c;--lead: #232a34;--case: #1a2028;--enamel: #e6ebf2;--enamel-deep: #c5ced8;--type: #1b2740;--vermilion: #e23b2e;--brass: #c4a15a;--paper: #dfe6ee;--mist: #8b93a4;--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(68% 42% at 50% 0%,rgba(226,59,46,.16),transparent 58%),radial-gradient(90% 70% at 100% 100%,#0b0e13 0%,transparent 52%),repeating-linear-gradient(90deg,rgba(196,161,90,.045) 0 1px,transparent 1px 22px),var(--ink);color:var(--paper);font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,sans-serif}body{min-height:100dvh}#app{width:min(520px,100%);margin:0 auto;min-height:100dvh;min-height:100svh;padding:calc(10px + env(safe-area-inset-top,0px)) 12px calc(14px + var(--safe));display:grid;grid-template-rows:auto auto 1fr auto auto auto;gap:8px}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.top{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 10px}.brand h1{margin:0;font-family:Kaisei Tokumin,Yu Mincho,serif;font-weight:700;font-size:clamp(22px,6.2vw,36px);letter-spacing:.06em;line-height:1.2;white-space:nowrap}.eyebrow,.ver{margin:0;font-size:11px;letter-spacing:.18em;color:var(--mist)}.ver{font-family:Share Tech 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:64px;padding:6px 8px 5px;border:1px solid rgba(196,161,90,.32);background:#12161cb8;text-align:center}.pill b{display:block;font-family:Share Tech Mono,ui-monospace,monospace;font-size:16px;line-height:1}.pill span{font-size:10px;letter-spacing:.12em;color:var(--mist)}.how{margin:0;font-size:12px;line-height:1.55;color:var(--mist)}.stage-wrap{position:relative;min-height:0;display:grid;place-items:center}.board{--n: 3;position:relative;width:min(100%,78dvw,92dvh);aspect-ratio:1;padding:10px;background:linear-gradient(180deg,rgba(226,59,46,.08),transparent 30%),linear-gradient(180deg,#2a323c,var(--case));border:2px solid #6a5428;box-shadow:inset 0 0 0 1px #c4a15a47,0 12px #0a0d12;touch-action:none}.slot{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.slot:after{content:"";position:absolute;width:22%;height:22%;left:50%;top:50%;translate:-50% -50%;background:linear-gradient(var(--vermilion),var(--vermilion)) center / 100% 2px no-repeat,linear-gradient(var(--vermilion),var(--vermilion)) center / 2px 100% no-repeat;opacity:.55}.tile{position:absolute;width:calc((100% - 20px) / var(--n) - 6px);height:calc((100% - 20px) / var(--n) - 6px);left:calc(10px + (var(--c) + .5) * (100% - 20px) / var(--n));top:calc(10px + (var(--r) + .5) * (100% - 20px) / var(--n));translate:-50% -50%;display:grid;place-items:center;background:linear-gradient(180deg,#f4f7fb 0 14%,var(--enamel) 14% 86%,var(--enamel-deep));color:var(--type);border:1px solid rgba(18,22,28,.28);box-shadow:0 2px #12161c59,inset 0 1px #ffffffb3;font-family:Share Tech Mono,ui-monospace,monospace;font-size:calc(10px + 54px / var(--n));font-weight:700;letter-spacing:.02em;transition:left .16s ease,top .16s ease;-webkit-user-select:none;user-select:none}.tile:before{content:"";position:absolute;left:10%;right:10%;top:0;height:5px;background:var(--slug, #3a6aa8)}.tile.is-home{box-shadow:0 2px #12161c59,inset 0 0 0 2px #e23b2e2e}.sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.size{min-height:44px;border:1px solid rgba(196,161,90,.35);color:var(--paper);letter-spacing:.08em}.size.is-on{background:linear-gradient(180deg,#d4b05a,#a07830);color:var(--ink);border-color:transparent;font-weight:700}.size:disabled{opacity:.4}.hud{display:flex;justify-content:space-between;gap:8px;font-family:Share Tech Mono,ui-monospace,monospace;font-size:13px;letter-spacing:.06em}.hud b{color:var(--brass);font-weight:400}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.brass{min-height:52px;padding:0 14px;background:linear-gradient(180deg,#d4b05a,#a07830);color:var(--ink);letter-spacing:.1em;font-weight:700;box-shadow:0 4px #7a5a22}.brass:active{transform:translateY(2px);box-shadow:0 2px #7a5a22}.brass:disabled{opacity:.45}.ghost{min-width:44px;min-height:44px;padding:0 10px;border:1px solid rgba(196,161,90,.4);color:var(--brass)}.toast,.sheet{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.toast p,.sheet .panel{margin:0;padding:14px 18px;background:#0e1218f0;border:2px solid var(--brass);color:var(--paper);text-align:center;letter-spacing:.1em}.toast[hidden],.sheet[hidden]{display:none}.sheet{pointer-events:auto;background:#080a0e94}.sheet .panel{width:min(90%,320px);display:grid;gap:10px}.sheet h2{margin:0;font-family:Kaisei Tokumin,Yu Mincho,serif;font-weight:700;letter-spacing:.12em}.sheet .meta,.sheet .unlock{margin:0;color:var(--mist);font-size:13px}.sheet .sizes{margin-top:2px}@media(max-width:420px){.top{grid-template-columns:1fr}.pills{justify-content:flex-start}}@media(max-width:380px){.tile{font-size:clamp(18px,7vw,32px)}.board{padding:8px}}@media(prefers-reduced-motion:reduce){.tile,.brass{transition:none}}