: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;align-items:center;padding:3px 8px;font-size:.68rem;text-decoration:none;display:inline-flex}.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}}.host-page{width:min(1100px,100% - 32px);margin:0 auto;padding:30px 0 72px}.host-masthead{border-bottom:1px solid #c4a35a4d;justify-content:space-between;align-items:flex-end;gap:20px 32px;padding-bottom:22px;display:flex}.host-masthead h1{font-family:var(--serif);letter-spacing:.12em;margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}.host-masthead h1 span{color:var(--foil);letter-spacing:.18em;vertical-align:.18em;white-space:nowrap;font-size:.45em}.brand-kicker{color:var(--foil);letter-spacing:.28em;text-transform:uppercase;margin:0 0 7px;font-size:.68rem}.host-lede{color:#d0c9db;max-width:39rem;margin:10px 0 0;font-size:.88rem}.host-back{color:#e0d6e7;letter-spacing:.08em;border-bottom:1px solid #c4a35a80;flex:none;padding:8px 0;font-size:.8rem;text-decoration:none}.host-back:hover{color:var(--foil);border-color:var(--foil)}.host-back:focus-visible{outline:2px solid var(--foil);outline-offset:4px}.host-layout{grid-template-columns:minmax(0,1.28fr) minmax(270px,.72fr);align-items:start;gap:20px;margin-top:22px;display:grid}.host-main-column,.host-side-column{gap:20px;min-width:0;display:grid}.host-panel{border:1px solid var(--album-edge);background:#14101c94;padding:20px;box-shadow:0 10px 28px #08060c24}.host-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.host-panel-head.compact{margin-bottom:14px}.host-panel h2{color:var(--paper);font-family:var(--serif);letter-spacing:.15em;margin:0;font-size:1.16rem}.panel-kicker{color:var(--foil);letter-spacing:.24em;margin:0 0 5px;font-size:.62rem}.deck-state,.history-count{border:1px solid var(--album-edge);color:#b9b0c9;letter-spacing:.08em;white-space:nowrap;align-items:center;min-height:1.7rem;padding:3px 8px;font-size:.66rem;display:inline-flex}.deck-state.live{color:#9de0ae;background:#2f7d4a1f;border-color:#2f7d4ad9}.call-window{border:1px solid var(--foil);text-align:center;background:linear-gradient(135deg,#c4a35a12,#0000 45%),#140f18;place-items:center;min-height:282px;padding:28px 22px;display:grid}.call-content{width:min(100%,620px)}.call-kind{color:var(--foil);letter-spacing:.22em;margin-bottom:12px;font-size:.68rem}.call-text{color:#faf5fc;font-family:var(--serif);letter-spacing:.06em;overflow-wrap:anywhere;font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.4}.call-text.big-num{color:#9ed4dc;font-family:var(--num);letter-spacing:-.05em;font-size:clamp(4rem,11vw,6rem);line-height:1}.call-answer{color:#ffe08a;letter-spacing:.08em;border-top:1px dashed #c4a35a8c;width:fit-content;max-width:100%;margin:18px auto 0;padding:8px 16px;font-size:1rem}.call-hint{color:#aaa1b7;letter-spacing:.04em;margin:18px 0 0;font-size:.74rem}.call-empty{color:#b7b0c8}.call-empty-mark{color:#c4a35a61;font-family:var(--num);letter-spacing:-.06em;margin-bottom:8px;font-size:3.5rem;line-height:1;display:block}.call-empty p{font-family:var(--serif);margin:0;font-size:1.05rem;line-height:1.7}.host-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.host-btn{appearance:none;border:1px solid var(--album-edge);min-height:42px;color:var(--paper);cursor:pointer;letter-spacing:.08em;background:0 0;justify-content:center;align-items:center;gap:12px;padding:8px 14px;font-size:.78rem;display:inline-flex}.host-btn.primary{border-color:var(--post);background:var(--post);color:#fff;min-width:150px}.host-btn.subtle{color:#b7b0c8}.host-btn:hover:not(:disabled){border-color:var(--foil);color:var(--foil)}.host-btn.primary:hover:not(:disabled){color:#fff;background:#dc4960;border-color:#dc4960}.host-btn:disabled{cursor:not-allowed;opacity:.38}.host-btn:focus-visible{outline:2px solid var(--foil);outline-offset:3px}kbd{color:#f8edf9;font-family:var(--num);letter-spacing:0;border:1px solid #ffffff47;border-bottom-width:2px;border-radius:3px;padding:2px 5px;font-size:.62rem;line-height:1;display:inline-block}.deck-progress{margin-top:20px}.progress-track{background:#30283a;height:4px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--post), var(--foil));height:100%;transition:width .18s ease-out;display:block}.progress-meta{color:#aaa1b7;letter-spacing:.06em;justify-content:space-between;gap:12px;margin-top:8px;font-size:.7rem;display:flex}.history-list{flex-wrap:wrap;gap:6px;max-height:180px;padding-right:2px;display:flex;overflow:auto}.history-chip{border:1px solid var(--album-edge);color:#ddd5e4;overflow-wrap:anywhere;background:#1a1622;align-items:baseline;gap:5px;max-width:100%;padding:4px 8px;font-size:.7rem;line-height:1.35;display:inline-flex}.history-chip small{color:#857a92;font-family:var(--num);font-size:.62rem}.history-chip.special{color:#ffd0dc;border-color:#a95a73}.history-chip.quiz{color:#d4d0ff;border-color:#726aaf}.history-chip.janken{color:#ffd2ad;border-color:#b66c35}.empty-note,.panel-note{color:#b7b0c8;margin:0;font-size:.78rem;line-height:1.7}.deck-summary{border-top:1px solid #c4a35a33;gap:9px;margin-top:18px;padding-top:14px;display:grid}.deck-summary>div{color:#d9d2e2;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;font-size:.76rem;display:grid}.deck-summary b{color:var(--paper);font-family:var(--num);font-size:.9rem;font-weight:700}.summary-dot{background:var(--teal);border-radius:50%;width:8px;height:8px}.summary-dot.special{background:#d7889f}.summary-dot.quiz{background:#9b93d7}.summary-dot.janken{background:#df9a61}.host-steps{gap:10px;margin:17px 0 0;padding:0;list-style:none;display:grid}.host-steps li{color:#d6cfdf;grid-template-columns:1.25rem 1fr;align-items:start;gap:8px;font-size:.77rem;line-height:1.55;display:grid}.host-steps b{color:var(--foil);font-family:var(--serif);font-size:1rem}.keyboard-note{color:#aaa1b7;border-top:1px solid #c4a35a33;align-items:center;gap:8px;margin:18px 0 0;padding-top:13px;font-size:.68rem;display:flex}.data-panel{margin-top:20px}.data-total{min-height:1.7rem;color:var(--foil);font-family:var(--num);letter-spacing:.05em;white-space:nowrap;border:1px solid #c4a35a73;align-items:center;padding:3px 8px;font-size:.68rem;display:inline-flex}.data-intro{max-width:52rem}.data-sections{gap:12px;margin-top:18px;display:grid}.data-section{background:#0c091147;border:1px solid #c4a35a38}.data-section>summary{cursor:pointer;color:var(--paper);justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;list-style:none;display:flex}.data-section>summary::-webkit-details-marker{display:none}.data-section>summary:after{content:"+";color:var(--foil);font-family:var(--num);font-size:1rem;line-height:1}.data-section[open]>summary:after{content:"−"}.data-section>summary:hover{background:#c4a35a0f}.data-section>summary:focus-visible{outline:2px solid var(--foil);outline-offset:-2px}.data-section-title{font-family:var(--serif);letter-spacing:.1em;align-items:center;gap:9px;font-size:.98rem;display:inline-flex}.data-section-meta{color:#aaa1b7;letter-spacing:.05em;white-space:nowrap;margin-left:auto;font-size:.68rem}.special-records,.quiz-records,.janken-records{gap:8px;padding:0 12px 12px;display:grid}.special-records{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-records,.janken-records{grid-template-columns:repeat(2,minmax(0,1fr))}.data-record{border:1px solid var(--album-edge);background:#18131f;min-width:0;padding:11px 12px}.data-record-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.data-record h3{color:#eee7f2;letter-spacing:.04em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:.78rem;font-weight:700}.data-record code{color:#897d96;font-family:var(--num);letter-spacing:0;flex:none;font-size:.6rem}.data-option-list{gap:4px;margin:9px 0 0;padding:0;list-style:none;display:grid}.data-option-list li{color:#d8cbd7;overflow-wrap:anywhere;padding-left:12px;font-size:.68rem;line-height:1.45;position:relative}.data-option-list li:before{content:"";background:#d7889f;border-radius:50%;width:4px;height:4px;position:absolute;top:.62em;left:0}.data-question{color:#eee7f2;overflow-wrap:anywhere;margin:10px 0 0;font-size:.75rem;line-height:1.6}.data-answer{color:#c9c4ff;overflow-wrap:anywhere;border-top:1px dashed #9b93d766;margin:9px 0 0;padding-top:8px;font-size:.7rem;line-height:1.5}.janken-record .data-question{color:#ffd2ad}@media (width<=780px){.host-page{width:min(100% - 20px,680px);padding-top:20px}.host-masthead{flex-direction:column;align-items:flex-start}.host-back{align-self:flex-end}.host-layout{grid-template-columns:1fr}.host-side-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.special-records{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.host-panel{padding:16px}.call-window{min-height:250px;padding:22px 14px}.host-actions{grid-template-columns:1fr 1fr;display:grid}.host-btn.primary{grid-column:1/-1;width:100%}.host-btn{width:100%;padding-inline:8px}.host-side-column{grid-template-columns:1fr}.progress-meta{font-size:.64rem}.data-section>summary{align-items:flex-start}.data-section-meta{text-align:right}.special-records,.quiz-records,.janken-records{grid-template-columns:1fr}}