:root{--album:#2a2433;--paper:#f3f6f8;--paper-2:#e7eef2;--slip:#fde8ee;--slip-ink:#7a3048;--quiz:#e6e3f7;--quiz-ink:#3a3568;--janken:#ffe6d4;--janken-ink:#8a3a14;--ink:#1c1823;--muted:#5c5668;--post:#c41e3a;--post-dim:#c41e3a29;--foil:#c4a35a;--teal:#2a6f7a;--album-edge:#514860;--shadow:0 18px 50px #08060c73;--sans:"Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", sans-serif;--serif:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--num:"Chivo", "Arial Black", sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--sans);color:var(--paper);background:radial-gradient(1200px 600px at 10% -10%, #4a3f5c 0%, transparent 55%), radial-gradient(900px 500px at 110% 20%, #1d3340 0%, transparent 50%), var(--album);line-height:1.5}button{font-family:inherit}.app{justify-content:center;align-items:center;min-height:100dvh;padding:12px;display:flex}.sheet-shell{width:min(640px,96vw,100dvh - 270px)}.mini-controls{justify-content:flex-end;gap:6px;margin-bottom:8px;display:flex}.btn-mini{appearance:none;color:#b7b0c8;letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #c4a35a59;padding:3px 8px;font-size:.68rem}.btn-mini:hover{color:var(--foil);border-color:var(--foil)}.btn-mini:focus-visible{outline:2px solid var(--foil);outline-offset:2px}.sheet{background:linear-gradient(180deg, #ffffffa6, transparent 28%), var(--paper);color:var(--ink);box-shadow:var(--shadow);border:1px solid #d5dde3;padding:22px 18px 16px;position:relative}.sheet:before{content:"";pointer-events:none;border:1px solid #2a6f7a38;position:absolute;inset:8px}.sheet-head{justify-content:space-between;align-items:baseline;gap:12px;margin:0 10px 14px;display:flex;position:relative}.sheet-title{font-family:var(--serif);letter-spacing:.22em;margin:0;font-size:1.35rem}.edition{letter-spacing:.16em;color:var(--muted);font-size:.72rem;font-family:var(--serif)}.name-row{align-items:baseline;gap:10px;margin:0 10px 14px;font-size:.85rem;display:flex}.name-row .label{color:var(--muted);letter-spacing:.16em}.name-row .who{border-bottom:1px solid #bfc8d0;flex:1;min-height:1.4em}.cols{grid-template-columns:repeat(5,1fr);gap:6px;margin:0 6px 8px;display:grid;position:relative}.cols span{text-align:center;font-family:var(--serif);letter-spacing:.28em;color:var(--teal);font-size:.95rem}.grid{z-index:1;grid-template-columns:repeat(5,1fr);gap:7px;margin:0 6px;display:grid;position:relative}.cell{aspect-ratio:1;appearance:none;cursor:pointer;color:inherit;text-align:center;background:var(--paper-2);border:0;place-items:center;padding:6px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #cfd8de,inset 0 0 0 4px #f7fafb,inset 0 0 0 5px #c5a45c55}.cell.special{background:var(--slip);color:var(--slip-ink);box-shadow:inset 0 0 0 1px #e3b3c0,inset 0 0 0 4px #fff6f8}.cell.special:before,.cell.quiz:before,.cell.janken:before{content:"特";width:1.05rem;height:1.05rem;font-size:.55rem;line-height:1.05rem;font-family:var(--serif);opacity:.7;border:1px solid;border-radius:50%;position:absolute;top:4px;right:5px}.cell.quiz{background:var(--quiz);color:var(--quiz-ink);box-shadow:inset 0 0 0 1px #b8b3d8,inset 0 0 0 4px #f4f2fc}.cell.quiz:before{content:"問"}.cell.janken{background:var(--janken);color:var(--janken-ink);box-shadow:inset 0 0 0 1px #e0b089,inset 0 0 0 4px #fff4eb}.cell.janken:before{content:"勝"}.cell.free{background:#f7efd6;box-shadow:inset 0 0 0 1px #e0d0a0,inset 0 0 0 4px #fffaf0,inset 0 0 0 5px #c5a45c88}.cell:hover{filter:brightness(.98)}.num{font-family:var(--num);letter-spacing:-.04em;color:var(--teal);font-size:clamp(1.35rem,4.4vw,2.15rem);font-weight:700;line-height:1}.lab{letter-spacing:.02em;text-wrap:balance;word-break:keep-all;line-break:strict;overflow-wrap:anywhere;padding:0 6px;font-size:clamp(.58rem,1.55vw,.78rem);font-weight:700;line-height:1.25}.free-lab{font-family:var(--serif);letter-spacing:.18em;color:#8a6a22;font-size:.85rem}.cell.marked:not(.free):after{content:"開";border:3px solid var(--post);color:var(--post);font-family:var(--serif);transform:rotate(var(--rot,-18deg));opacity:.88;pointer-events:none;box-shadow:inset 0 0 0 1px var(--post);background:0 0;border-radius:50%;place-items:center;font-size:clamp(1.1rem,3.2vw,1.7rem);font-weight:700;display:grid;position:absolute;inset:14%}.cell.marked.special .lab,.cell.marked.quiz .lab,.cell.marked.janken .lab,.cell.marked .num{opacity:.35}.cell.in-reach:not(.marked){animation:1.4s ease-in-out infinite pulse}.sheet-foot{color:var(--muted);letter-spacing:.04em;margin:12px 10px 4px;font-size:.7rem}.status{flex-wrap:wrap;gap:8px;min-height:2rem;margin-top:14px;display:flex}.pill{border:1px solid var(--album-edge);letter-spacing:.08em;background:#0000002e;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;display:inline-flex}.pill.hot{border-color:var(--post);color:#ffd4db;background:var(--post-dim)}.pill.gold{border-color:var(--foil);color:var(--foil)}.cell:focus-visible{outline:2px solid var(--foil);outline-offset:2px}.overlay{z-index:20;background:#0c08108c;place-items:center;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none!important}.hanko{aspect-ratio:1;border:10px solid var(--post);width:min(280px,70vw);color:var(--post);font-family:var(--serif);letter-spacing:.16em;box-shadow:inset 0 0 0 4px var(--post);background:#fff8f8eb;border-radius:50%;place-items:center;font-size:clamp(2.6rem,8vw,3.6rem);animation:.45s cubic-bezier(.12,.8,.2,1.1) both slam;display:grid;transform:rotate(-14deg)}@keyframes slam{0%{opacity:0;transform:rotate(-14deg)scale(1.45)}to{opacity:1;transform:rotate(-14deg)scale(1)}}@keyframes pulse{50%{box-shadow:inset 0 0 0 1px var(--post), inset 0 0 0 4px #fff6f8, 0 0 0 2px var(--post)}}@media (prefers-reduced-motion:reduce){.hanko,.cell.in-reach{animation:none}}