:root{--bg:#0b0f14;--surface:#121821;--surface-2:#1a2330;--border:#26303d;--border-strong:#3a4757;--text:#e6edf3;--text-muted:#8b98a8;--text-faint:#5c6878;--text-on-accent:#06110d;--accent:#1ffcc4;--accent-hover:#5dffd6;--accent-dim:#1ffcc424;--glow:0 0 0 1px #1ffcc459, 0 0 24px #1ffcc440;--accent-2:#ff4d9d;--accent-2-dim:#ff4d9d24;--glow-2:0 0 0 1px #ff4d9d59, 0 0 24px #ff4d9d40;--accent-3:#c8ff3d;--cyan:#22e7ff;--cyan-deep:#00a8d6;--info:#38bdf8;--warning:#ffb020;--danger:#ff5c7a;--success:#1ffcc4;--violet:#b98cff;--cyber-purple:#8a3ffc;--role-wolf:#ff5c7a;--role-citizen:#38bdf8;--font-sans:system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Consolas, "Noto Sans Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--width-play:480px;--width-site:960px;--width-article:720px;--motion:.15s ease-out;--motion-phase:.2s ease-out;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.6}:root[data-motion=off]{--motion:0s;--motion-phase:0s}*,:before,:after{box-sizing:border-box}body{min-height:100dvh;margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.2}h1{font-size:28px;font-weight:800}h2{font-size:22px;font-weight:700;line-height:1.3}h3{font-size:18px;font-weight:700;line-height:1.4}p{margin:0}a{color:var(--accent);text-decoration:none}@media (hover:hover){a:where(:not(.btn)):hover{color:var(--accent-hover);text-decoration:underline}}.num,time{font-variant-numeric:tabular-nums}.page{padding:var(--space-6) var(--space-4) 88px;margin:0 auto}.page--play{max-width:var(--width-play)}.page--site{max-width:var(--width-site)}.page--article{max-width:var(--width-article)}@media (width>=769px){.page{padding-inline:var(--space-6)}}.page--play>:not(.topbar):not(.bc-reveal){animation:phase-in var(--motion-phase) both}@keyframes phase-in{0%{opacity:0;transform:translateY(8px)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-6);border-radius:var(--radius-pill);font:inherit;color:var(--text);background:var(--surface-2);border:1px solid #0000;border-color:var(--border-strong);cursor:pointer;touch-action:manipulation;transition:background var(--motion), border-color var(--motion), transform var(--motion), box-shadow var(--motion);font-weight:700;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn--primary{min-height:56px;color:var(--text-on-accent);background:var(--accent);border-color:#0000}.btn--primary.is-glow{box-shadow:var(--glow)}.btn--ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn--danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn--block{width:100%}@media (hover:hover){.btn:hover{border-color:var(--accent)}.btn--primary:hover{background:var(--accent-hover);border-color:#0000}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.card.is-selected{border-color:var(--accent);background:var(--accent-dim)}.input{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--motion), box-shadow var(--motion);outline:none;font-size:16px}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:var(--glow)}.badge{height:24px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--accent);background:var(--accent-dim);align-items:center;font-size:12px;font-weight:500;display:inline-flex}.badge--muted{color:var(--text-muted);background:var(--surface-2)}.muted{color:var(--text-muted)}.small{font-size:14px;line-height:1.5}.caption{font-size:12px;font-weight:500;line-height:1.4}.stack{gap:var(--space-3);display:grid}.stack--lg{gap:var(--space-6)}.row{gap:var(--space-2);align-items:center;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.field{gap:var(--space-1);display:grid;position:relative}.field-count{justify-self:end}.two-col,.talk-layout{gap:var(--space-6);align-items:start;display:grid}.talk-layout .talk-side{order:-1}@media (width>=640px){.page--play.page--wide{max-width:960px}.two-col{grid-template-columns:1fr 1fr}.talk-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.talk-layout .talk-side{order:0}}.lobby-teams{gap:var(--space-3);display:grid}.lobby-team{--team:var(--cyan);border-top:3px solid var(--team);align-content:start}.lobby-team.is-team-1{--team:var(--accent-2)}.lobby-team.is-mine{box-shadow:0 0 0 1px color-mix(in srgb, var(--team) 50%, transparent)}.lobby-team .btn--primary{background:var(--team)}@media (hover:hover){.lobby-team .btn--primary:hover{background:color-mix(in srgb, var(--team) 80%, white)}}.lobby-team-name{color:var(--team);margin:0;font-size:16px}.sticky-actions{bottom:var(--space-4);padding-top:var(--space-2);background:linear-gradient(to top, var(--bg) 70%, transparent);position:sticky}.topbar{z-index:10;height:56px;margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-4)) 0;padding:0 var(--space-4);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{gap:2px;min-width:0;display:grid}.topbar-title{font-size:16px;font-weight:800;line-height:1.2}.lobby-game-head{--c:var(--accent);align-items:center;gap:var(--space-3);display:flex}.lobby-game-head.tone-pink{--c:var(--accent-2)}.lobby-game-head.tone-lime{--c:var(--accent-3)}.lobby-game-icon{border:1px solid color-mix(in srgb, var(--c) 60%, transparent);background:color-mix(in srgb, var(--c) 12%, transparent);width:48px;height:48px;color:var(--c);flex:none;justify-content:center;align-items:center;display:inline-flex}.lobby-game-name{font-size:26px;font-weight:800}.page--play>.site-logo{justify-self:start}.topbar--tall{height:auto;min-height:56px;padding-block:var(--space-2)}.topbar--tall .topbar-left{gap:var(--space-1)}.topbar--tall .site-logo-mark{width:32px;height:32px}.topbar-phase{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:13px;line-height:1.2;display:flex}.topbar-phase-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar-phase .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%;flex:none}.topbar-phase.is-offline .dot{background:var(--danger);box-shadow:0 0 8px var(--danger)}.topbar-right{align-items:center;gap:var(--space-2);display:flex}.topbar-menu-btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.cyber-btn{--fill:color-mix(in srgb, var(--accent) 55%, var(--bg));--shade:#000;--shade-2:var(--cyber-purple);--ink:var(--text);--shift:4px;--clip:polygon(11% 0, 95% 0, 100% 25%, 90% 90%, 95% 90%, 85% 90%, 85% 100%, 7% 100%, 0 80%);isolation:isolate;min-width:44px;height:34px;color:var(--ink);font:inherit;letter-spacing:.08em;transition:color var(--motion);white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex;position:relative}.cyber-btn:before,.cyber-btn:after{content:"";clip-path:var(--clip);z-index:-1;transition:background var(--motion);position:absolute;inset:0}.cyber-btn:before{background:var(--shade);transform:translateX(var(--shift))}.cyber-btn:after{background:var(--fill)}.cyber-btn.is-on{--fill:var(--accent-3);--shade-2:var(--cyber-purple);--ink:var(--text-on-accent)}.cyber-btn.is-main{--fill:linear-gradient(135deg, var(--cyan), var(--cyan-deep));--ink:var(--text-on-accent);-webkit-text-stroke:.6px currentColor;height:38px;padding:0 18px;font-size:13px}.cyber-btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.cyber-btn__glitch{inset:calc(var(--shift) * -1);background:var(--shade);text-shadow:2px 2px var(--shade), -2px -2px var(--shade-2);clip-path:var(--clip);pointer-events:none;justify-content:center;align-items:center;animation:2s infinite cyber-glitch;display:none;position:absolute}.cyber-btn__glitch:before{content:"";inset:var(--shift);clip-path:var(--clip);background:var(--fill);z-index:-1;position:absolute}.cyber-btn.is-on .cyber-btn__glitch{animation-duration:5s;display:flex}@media (hover:hover){.cyber-btn:not(.is-on):hover{--fill:var(--cyber-purple);--shade-2:var(--accent-3);--ink:var(--text)}.cyber-btn:hover .cyber-btn__glitch{animation-duration:2s;display:flex}}.cyber-btn__num{background:var(--shade);color:var(--text-muted);letter-spacing:.05em;padding:0 3px;font-size:7px;font-weight:700;line-height:9px;position:absolute;top:0;left:80%}.cyber-btn:hover,.cyber-btn:focus-visible{color:var(--ink);text-decoration:none}@media (prefers-reduced-motion:reduce){.cyber-btn__glitch{display:none!important}}@keyframes cyber-glitch{0%{clip-path:polygon(0 2%,100% 2%,100% 95%,95% 95%,95% 90%,85% 90%,85% 95%,8% 95%,0 70%)}2%,8%{clip-path:polygon(0 78%,100% 78%,100% 100%,95% 100%,95% 90%,85% 90%,85% 100%,8% 100%,0 78%);transform:translate(-5%)}6%{clip-path:polygon(0 78%,100% 78%,100% 100%,95% 100%,95% 90%,85% 90%,85% 100%,8% 100%,0 78%);transform:translate(5%)}9%{clip-path:polygon(0 78%,100% 78%,100% 100%,95% 100%,95% 90%,85% 90%,85% 100%,8% 100%,0 78%);transform:translate(0)}10%{clip-path:polygon(0 44%,100% 44%,100% 54%,95% 54%,95% 54%,85% 54%,85% 54%,8% 54%,0 54%);transform:translate(5%)}13%{clip-path:polygon(0 44%,100% 44%,100% 54%,95% 54%,95% 54%,85% 54%,85% 54%,8% 54%,0 54%);transform:translate(0)}14%,21%,25%{clip-path:polygon(0 0,100% 0,100% 0,95% 0,95% 0,85% 0,85% 0,8% 0,0 0);transform:translate(5%)}30%{clip-path:polygon(0 0,100% 0,100% 0,95% 0,95% 0,85% 0,85% 0,8% 0,0 0);transform:translate(-5%)}35%,45%{clip-path:polygon(0 40%,100% 40%,100% 85%,95% 85%,95% 85%,85% 85%,85% 85%,8% 85%,0 70%);transform:translate(-5%)}40%{clip-path:polygon(0 40%,100% 40%,100% 85%,95% 85%,95% 85%,85% 85%,85% 85%,8% 85%,0 70%);transform:translate(5%)}50%{clip-path:polygon(0 40%,100% 40%,100% 85%,95% 85%,95% 85%,85% 85%,85% 85%,8% 85%,0 70%);transform:translate(0)}55%{clip-path:polygon(0 63%,100% 63%,100% 80%,95% 80%,95% 80%,85% 80%,85% 80%,8% 80%,0 70%);transform:translate(5%)}60%{clip-path:polygon(0 63%,100% 63%,100% 80%,95% 80%,95% 80%,85% 80%,85% 80%,8% 80%,0 70%);transform:translate(0)}31%,61%,to{clip-path:polygon(0 0,100% 0,100% 0,95% 0,95% 0,85% 0,85% 0,8% 0,0 0)}}.topbar-menu{top:calc(100% + var(--space-2));right:var(--space-4);width:min(300px, calc(100vw - 2 * var(--space-4)));position:absolute;box-shadow:0 12px 32px #00000080}.topbar-menu-item{gap:var(--space-1);text-align:center;display:grid}.player-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.player-row{align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);border-left-width:3px;display:flex}.player-row.is-me{border-left-color:var(--accent)}.player-row.is-offline{opacity:.55}.player-name{text-overflow:ellipsis;white-space:nowrap;gap:var(--space-1);flex:1;align-items:baseline;min-width:0;display:flex;overflow:hidden}.player-status.tone-ok{color:var(--accent)}.player-status.tone-muted{color:var(--text-muted)}.player-status.tone-faint{color:var(--text-faint)}.avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;transition:border-color var(--motion), background var(--motion);font-size:14px;font-weight:700}.chip.is-selected{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.chip:disabled{cursor:default;opacity:.7}.setting-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;display:flex}.setting-row--wrap{flex-direction:column;align-items:stretch}.stepper{align-items:center;gap:var(--space-2);flex:none;display:flex}.stepper .btn{min-width:44px;padding:0}.stepper-infinite{font-size:18px}.setting-range-row .stepper-infinite{flex:none;min-width:44px;padding:0}.stepper-infinite.is-selected{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.stepper-value{text-align:center;min-width:56px;font-weight:700}.switch{border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;width:52px;min-width:52px;height:32px;transition:background var(--motion);flex:none;padding:3px;display:flex}.switch-knob{background:var(--text-muted);width:24px;height:24px;transition:transform var(--motion), background var(--motion);border-radius:50%;flex:none}.switch.is-on{background:var(--accent-dim);border-color:var(--accent)}.switch.is-on .switch-knob{background:var(--accent);transform:translate(20px)}.setting-range-row{align-items:center;gap:var(--space-3);display:flex}.setting-range{width:100%;height:28px;accent-color:var(--accent);cursor:pointer;background:0 0;margin:0}.setting-range-value{color:var(--accent);font-size:18px;font-weight:800}.setting-range-value.is-off{color:var(--text-muted)}.setting-range-none{min-height:36px}.setting-range:disabled{opacity:.35;cursor:default}.display{letter-spacing:-.01em;color:var(--text);overflow-wrap:anywhere;font-size:40px;font-weight:800;line-height:1.1}.word-card{border-color:var(--border-strong)}.mission{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--accent-dim);border:1px solid var(--accent);justify-items:start;display:grid}.mission-text{font-size:22px;font-weight:800;line-height:1.3}.prompt-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.prompt-list li{padding-left:var(--space-4);font-weight:700;position:relative}.prompt-list li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.timer{font-variant-numeric:tabular-nums;color:var(--accent);transition:color var(--motion);font-weight:800;line-height:1;display:inline-block}.timer--display{font-size:56px}.timer--bar{font-size:18px}.timer.tone-urgent{color:var(--warning)}.timer.tone-critical{color:var(--danger);animation:1s ease-in-out infinite pulse}.timer-card{--timer-color:var(--accent);gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--timer-color);box-shadow:0 0 0 1px color-mix(in srgb, var(--timer-color) 25%, transparent), 0 0 24px color-mix(in srgb, var(--timer-color) 18%, transparent);transition:border-color var(--motion), box-shadow var(--motion);justify-items:center;display:grid}.timer-card.tone-urgent{--timer-color:var(--warning)}.timer-card.tone-critical,.timer-card.tone-expired{--timer-color:var(--danger)}.timer.tone-expired{color:var(--danger)}.timer-card .timer{color:var(--timer-color)}.timer-card.tone-critical .timer{animation:1s ease-in-out infinite pulse}.timer-card-label{color:var(--text-muted);letter-spacing:.08em}.timer-track{border-radius:var(--radius-pill);background:var(--surface-2);width:100%;height:6px;overflow:hidden}.timer-fill{border-radius:var(--radius-pill);background:var(--timer-color);height:100%;transition:width .25s linear}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}[data-motion=off] .timer.tone-critical,[data-motion=off] .timer-card.tone-critical .timer{animation:none}.timer.tone-paused{color:var(--warning);animation:1.6s step-end infinite paused-blink}.timer-pause-icon{margin-right:.25em;font-size:.8em}.timer-card.tone-paused{--timer-color:var(--warning);background:color-mix(in srgb, var(--warning) 10%, var(--surface));border-style:dashed;border-width:2px}.timer-card.tone-paused .timer-card-label{color:var(--warning);font-weight:800}.timer-card.tone-paused .timer-fill{background:repeating-linear-gradient(-45deg, var(--warning) 0 6px, color-mix(in srgb, var(--warning) 45%, transparent) 6px 12px)}.timer-card-hint{color:var(--text-faint)}.timer-card.tone-paused .timer-card-hint{color:var(--warning)}.timer-button,.timer-card--button{font:inherit;color:inherit;cursor:pointer}.timer-button{border-radius:var(--radius-pill);background:0 0;border:1px solid #0000;padding:2px 6px}.timer-button:hover,.timer-button:focus-visible{border-color:var(--border)}.timer-card--button{width:100%}.timer-card--button:hover,.timer-card--button:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--timer-color) 45%, transparent), 0 0 28px color-mix(in srgb, var(--timer-color) 28%, transparent)}@keyframes paused-blink{0%,to{opacity:1}50%{opacity:.35}}[data-motion=off] .timer.tone-paused{animation:none}.pause-banner{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:2px dashed var(--warning);background:color-mix(in srgb, var(--warning) 14%, var(--surface));color:var(--warning);text-align:center;font-weight:800;display:flex}.gm-badge{color:var(--warning);background:color-mix(in srgb, var(--warning) 14%, transparent);justify-self:start}.result-banner .gm-badge{justify-self:center}.player-status.tone-wolf{color:var(--role-wolf);font-weight:700}.player-status.tone-citizen{color:var(--role-citizen)}.notice{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--warning) 10%, var(--surface));border:1px solid var(--warning);display:flex}.notice p{font-size:16px;line-height:1.5}.notice strong{color:var(--warning);font-size:18px}.notice .badge{flex:none;margin-top:2px}.choice-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.choice{align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);color:var(--text);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:border-color var(--motion), background var(--motion);font-size:16px;font-weight:700;display:flex}.choice.is-selected{border-color:var(--accent);background:var(--accent-dim)}.choice.is-disabled{opacity:.4;cursor:not-allowed;filter:grayscale()}.choice-label{flex:1}.badge.role-wolf{color:var(--role-wolf);background:#ff5c7a24}.badge.role-citizen{color:var(--role-citizen);background:#38bdf824}.badge.badge--danger{color:var(--danger);background:#ff5c7a24}.word-pair{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.word-reveal{gap:var(--space-1);text-align:center;padding:var(--space-4) var(--space-3);border-width:4px 1px 1px;justify-items:center;display:grid}.word-reveal.role-citizen{border-color:var(--role-citizen);background:color-mix(in srgb, var(--role-citizen) 8%, var(--surface))}.word-reveal.role-wolf{border-color:var(--role-wolf);background:color-mix(in srgb, var(--role-wolf) 8%, var(--surface))}.word-reveal-label{letter-spacing:.08em}.word-reveal.role-citizen .word-reveal-label{color:var(--role-citizen)}.word-reveal.role-wolf .word-reveal-label{color:var(--role-wolf)}.word-reveal-word{overflow-wrap:anywhere;font-size:24px;font-weight:800;line-height:1.2}.result-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.result-row{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--border-strong);display:flex}.result-row.role-wolf{border-left-color:var(--role-wolf);background:color-mix(in srgb, var(--role-wolf) 8%, var(--surface))}.result-row.role-citizen{border-left-color:var(--role-citizen)}.result-row.is-out{border-color:var(--danger);border-left-color:var(--danger)}.result-main{flex:1;gap:2px;min-width:0;display:grid}.result-name{font-size:16px}.result-voters{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-votes{justify-content:flex-end;align-items:baseline;gap:2px;min-width:48px;display:flex}.result-votes-n{font-size:28px;font-weight:800;line-height:1}.score-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.ad-slot{width:100%;margin-block:var(--space-8)}.ad-slot--spaced{margin-block:150px}.ad-slot--placeholder{border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface);justify-content:center;align-items:center;min-height:250px;display:flex}.room-ad{max-width:var(--width-play);padding:0 var(--space-4) var(--space-8);margin:0 auto}.room-ad .ad-slot{margin-top:150px;margin-bottom:0}.dev-panel{border-style:dashed}.site{flex-direction:column;min-height:100dvh;display:flex}.site .page{width:100%;padding-bottom:var(--space-12);flex:1}.stack--xl{gap:var(--space-12)}.site-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;height:64px;position:sticky;top:0}.site-header-inner{max-width:var(--width-site);height:100%;padding:0 var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.site-logo{align-items:center;gap:var(--space-3);color:var(--text);min-width:0;text-decoration:none;display:inline-flex}@media (hover:hover){.site-logo:hover{color:var(--text);text-decoration:none}}.site-logo-mark{width:36px;height:36px;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent-2) 30%, transparent));flex:none;display:block}.site-logo-text{line-height:1.1;display:grid}.site-logo-name{white-space:nowrap;font-size:16px;font-weight:800}.site-logo-sub{font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent);font-size:10px}.site-nav{align-items:center;gap:var(--space-6);font-size:14px;font-weight:700;display:flex}.site-nav>a:not(.nbtn):not(.cyber-btn){color:var(--text)}.site-menu-btn{--bar:4px;--gap:7px;--ease:cubic-bezier(.5, -.35, .35, 1.5);width:32px;height:calc(var(--bar) * 3 + var(--gap) * 2);cursor:pointer;background:0 0;border:0;flex:none;padding:0;display:none;position:relative}.site-menu-btn:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.site-menu-bar{height:var(--bar);border-radius:calc(var(--bar) / 2);background:var(--cyber-purple);transition:none .35s var(--ease) 0s;position:absolute;left:0;right:0}.site-menu-bar.is-top{bottom:calc(50% + var(--gap) + var(--bar) / 2);transition-property:bottom,transform;transition-delay:.35s,0s}.site-menu-bar.is-middle{top:calc(50% - var(--bar) / 2);transition-property:opacity;transition-delay:.35s}.site-menu-bar.is-bottom{top:calc(50% + var(--gap) + var(--bar) / 2);transition-property:top,transform;transition-delay:.35s,0s}.site-menu-btn[aria-expanded=true] .is-top{bottom:calc(50% - var(--bar) / 2);transition-delay:0s,.35s;transform:rotate(135deg)}.site-menu-btn[aria-expanded=true] .is-middle{opacity:0;transition-duration:0s;transition-delay:.35s}.site-menu-btn[aria-expanded=true] .is-bottom{top:calc(50% - var(--bar) / 2);transition-delay:0s,.35s;transform:rotate(225deg)}@media (prefers-reduced-motion:reduce){.site-menu-bar{transition:none!important}}.site-menu{padding:var(--space-2) var(--space-4) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg);font-size:15px;font-weight:700;display:grid;position:absolute;top:100%;left:0;right:0}.site-menu a{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--border);color:var(--text)}.site-menu a:last-child{border-bottom:0}.site-menu a[aria-current=page]{color:var(--accent-3)}@media (width<=640px){.site-nav{gap:var(--space-3)}.site-nav>a:not(.nbtn),.site-nav>.site-nav-games{display:none}.site-menu-btn{display:inline-flex}.site-logo-sub{display:none}}@media (width>=641px){.site-menu{display:none}}.crt-toggle{align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);font:inherit;font-family:var(--font-mono);letter-spacing:.12em;color:#2a323c;border:1px solid var(--border);cursor:pointer;touch-action:manipulation;background:#07090c;font-size:12px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #000c}.crt-toggle:after{content:"";pointer-events:none;background:repeating-linear-gradient(#00000059 0 1px,#0000 1px 3px);position:absolute;inset:0}.crt-toggle-state{min-width:3ch}.crt-toggle.is-on{color:var(--accent-3);background:color-mix(in srgb, var(--accent-3) 8%, #07090c);border-color:color-mix(in srgb, var(--accent-3) 55%, transparent);text-shadow:0 0 4px var(--accent-3), 0 0 12px color-mix(in srgb, var(--accent-3) 60%, transparent);box-shadow:inset 0 0 12px color-mix(in srgb, var(--accent-3) 18%, transparent), 0 0 12px color-mix(in srgb, var(--accent-3) 22%, transparent);animation:7s linear infinite crt-flicker}@media (hover:hover){.crt-toggle:not(.is-on):hover{color:var(--text-faint)}}@keyframes crt-flicker{0%{opacity:.2}2%{opacity:1}3%{opacity:.35}5%,61%{opacity:1}62%{opacity:.55}63%,88%{opacity:1}88.6%{opacity:.3}89.2%{opacity:1}89.8%{opacity:.7}90.5%,to{opacity:1}}.site--neon{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:48px 48px;overflow-x:clip}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent);margin:0;font-size:12px}.eyebrow--pink{color:var(--accent-2)}.h2-neon{align-items:flex-start;gap:var(--space-1);letter-spacing:-.02em;flex-direction:column-reverse;font-size:28px;font-weight:800;line-height:1.25;display:flex}.h2-neon .eyebrow{letter-spacing:.18em}@media (width>=769px){.h2-neon{font-size:34px}}.nbtn{--cut:12px;justify-content:center;align-items:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-6);font:inherit;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));transition:filter var(--motion), transform var(--motion);touch-action:manipulation;font-weight:700;text-decoration:none;display:inline-flex}.nbtn:active{transform:translateY(2px)}.nbtn--primary{color:var(--text-on-accent);background:linear-gradient(135deg, var(--cyan), var(--cyan-deep));letter-spacing:.04em;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--cyan) 45%, transparent));transition:filter .25s,transform .12s;position:relative;overflow:hidden}.nbtn--primary:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffffb3,#0000);width:38%;height:100%;position:absolute;top:0;left:-60%;transform:skew(-18deg)}@keyframes nbtn-shine{to{left:130%}}[data-motion=off] .nbtn--primary:after{display:none}.nbtn--pink{color:var(--text-on-accent);background:linear-gradient(135deg, var(--accent-2), color-mix(in srgb, var(--accent-2) 70%, var(--cyber-purple)));filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent-2) 45%, transparent))}.nbtn--outline{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:0 0}.nbtn--sm{--cut:8px;min-height:40px;padding:0 var(--space-4);font-size:14px}@media (hover:hover){.nbtn:hover{filter:brightness(1.12);text-decoration:none}.nbtn--primary:hover{color:var(--text-on-accent);filter:brightness(1.08) drop-shadow(0 0 16px color-mix(in srgb, var(--cyan) 80%, transparent))}.nbtn--primary:hover:after{animation:.7s ease-out nbtn-shine}.nbtn--pink:hover{filter:brightness(1.08) drop-shadow(0 0 16px color-mix(in srgb, var(--accent-2) 80%, transparent))}.nbtn--outline:hover{color:var(--accent);background:var(--accent-dim)}}.hero2{gap:var(--space-8);padding-top:var(--space-8);align-items:center;display:grid}@media (width>=769px){.hero2{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:460px}}.hero2-copy{gap:var(--space-4);justify-items:start;display:grid}.hero2-title{letter-spacing:.02em;text-shadow:0 0 24px #1ffcc440;font-size:40px;line-height:1.15}@media (width>=769px){.hero2-title{font-size:46px}}@media (width>=1024px){.hero2-title{font-size:54px}}.hero2-title .hl{color:var(--accent-2);text-shadow:0 0 24px #ff4d9d8c;white-space:nowrap}.hero2-title .hl--outline{color:#0000;-webkit-text-stroke:2px var(--accent-2);text-shadow:0 0 18px #ff4d9d73;letter-spacing:.04em}.hero2-lead{max-width:560px;color:var(--text-muted);line-height:1.9}.hero2-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero2-main-btn{min-width:200px;font-family:var(--font-mono);letter-spacing:.2em;font-size:17px;font-weight:800}.hero2-visual{justify-content:center;align-items:center;display:flex;position:relative}.lobby-preview{gap:var(--space-4);width:100%;max-width:420px;padding:var(--space-6);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid var(--accent);box-shadow:var(--glow), 0 0 60px #ff4d9d1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid}.lobby-preview-head{justify-content:space-between;align-items:center;display:flex}.lobby-preview-status{align-items:center;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);font-size:12px;display:inline-flex}.lobby-preview-status .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%}.lobby-preview-url{gap:var(--space-1);padding:var(--space-3) 0;justify-items:center;display:grid}.lobby-preview-code{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text);overflow-wrap:anywhere;text-align:center;font-size:18px;font-weight:700}.lobby-preview-avatars{justify-content:center;align-items:center;display:flex}.lobby-preview-avatars .avatar{border:2px solid var(--surface);margin-left:-8px}.lobby-preview-avatars .avatar:first-child{margin-left:0}.lobby-preview-plus{width:40px;height:40px;margin-left:var(--space-2);border:1px dashed var(--border-strong);color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.lobby-preview-foot{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);justify-content:space-between;align-items:center;display:flex}.wcard{box-sizing:border-box;width:190px;height:250px;padding:var(--space-6) var(--space-4);align-content:center;justify-items:center;gap:var(--space-3);text-align:center;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid;border-radius:4px;display:grid;position:absolute}.wcard--citizen{--c:var(--accent);border-color:var(--c);box-shadow:var(--glow);transform:translate(-80px)rotate(-8deg)}.wcard--wolf{--c:var(--accent-2);border-color:var(--c);box-shadow:var(--glow-2);z-index:1;transform:translate(80px)translateY(-24px)rotate(8deg)}.wcard-label{font-family:var(--font-mono);letter-spacing:.2em;color:var(--c);font-size:11px}.wcard-word{letter-spacing:.08em;font-size:30px;font-weight:800;line-height:1.2}.wcard-note{color:var(--text-muted);font-size:12px}.wcard-tag{padding:var(--space-2) var(--space-4);color:var(--accent);background:var(--bg);border:1px solid var(--accent);box-shadow:var(--glow);font-size:14px;font-weight:700;position:absolute;bottom:0;right:8px}.featured-visual{flex:none;width:150px;height:130px;position:relative}.wcard--mini{width:96px;height:120px;padding:var(--space-3) var(--space-2);gap:var(--space-1);margin-left:-48px;top:4px;left:50%}.wcard--mini.wcard--citizen{transform:translate(-28px)rotate(-8deg)}.wcard--mini.wcard--wolf{transform:translate(28px)translateY(-6px)rotate(8deg)}.wcard--mini .wcard-label{letter-spacing:.14em;font-size:8px}.wcard--mini .wcard-word{letter-spacing:.04em;font-size:16px}.perks{gap:var(--space-6);padding:var(--space-6) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid}@media (width>=769px){.perks{grid-template-columns:repeat(3,minmax(0,1fr))}}.perk{--c:var(--accent);gap:var(--space-3);align-items:flex-start;display:flex}.perk--pink{--c:var(--accent-2)}.perk--lime{--c:var(--accent-3)}.perk-icon{width:24px;height:24px;color:var(--c);filter:drop-shadow(0 0 6px var(--c));flex:none}.perk h3{margin-bottom:var(--space-1);font-size:16px}.featured{--cut:20px;gap:var(--space-4);padding:var(--space-6);color:var(--text);background:color-mix(in srgb, var(--surface) 80%, transparent);border:1px solid var(--accent);box-shadow:var(--glow);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));transition:background var(--motion);text-decoration:none;display:grid}@media (width>=769px){.featured{align-items:center;gap:var(--space-8);grid-template-columns:auto minmax(0,1fr) auto}}@media (hover:hover){.featured:hover{color:var(--text);background:color-mix(in srgb, var(--surface) 100%, transparent);text-decoration:none}}.featured-glyph{width:112px;height:112px;color:var(--accent-2);text-shadow:0 0 18px var(--accent-2);border:1px solid var(--accent-2);background:var(--accent-2-dim);justify-content:center;align-items:center;font-size:52px;font-weight:800;display:flex}.featured-body{gap:var(--space-2);display:grid}.featured-title{font-size:26px;font-weight:800}.featured-meta{gap:var(--space-4);color:var(--accent);flex-wrap:wrap;display:flex}.featured-cta{justify-self:start}.tag{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-on-accent);background:var(--accent);padding:3px 8px;font-size:11px}.soon-grid{gap:var(--space-4);display:grid}@media (width>=481px){.soon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.soon{gap:var(--space-2);padding:var(--space-4);border:1px dashed var(--border-strong);opacity:.85;align-content:start;display:grid}.soon .eyebrow{color:var(--text-faint)}.soon strong{font-size:18px}.howto{gap:var(--space-4);display:grid}@media (width>=769px){.howto{grid-template-columns:repeat(3,minmax(0,1fr))}}.howto-step{--c:var(--accent);gap:var(--space-2);padding:var(--space-6) var(--space-4);background:color-mix(in srgb, var(--surface) 80%, transparent);border-left:3px solid var(--c);align-content:start;display:grid}.howto-step--2{--c:var(--accent-2)}.howto-step--3{--c:var(--accent-3)}.howto-num{font-family:var(--font-mono);color:var(--c);text-shadow:0 0 14px var(--c);font-size:32px;font-weight:800;line-height:1}.howto-step strong{font-size:18px}.site-footer{gap:var(--space-3);padding:var(--space-6) var(--space-4);border-top:1px solid var(--border);text-align:center;display:grid}.site-footer-links{justify-content:center;gap:var(--space-2) var(--space-6);flex-wrap:wrap;font-size:14px;display:flex}.site-footer-links a{color:var(--text-muted);align-items:center;min-height:44px;display:inline-flex}.article{gap:var(--space-8);align-content:start;display:grid}.article-head{gap:var(--space-3);padding-top:var(--space-4);display:grid}.article-head h1{font-size:32px}.article section{gap:var(--space-3);display:grid}.article section+section{padding-top:var(--space-6);border-top:1px solid var(--border)}.article p,.article li,.article dd{font-size:17px;line-height:1.8}.article ul{gap:var(--space-2);margin:0;padding-left:1.4em;display:grid}.article p.small{font-size:14px;line-height:1.6}.article blockquote{padding:var(--space-3) var(--space-4);border-left:3px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);margin:0;font-size:17px;line-height:1.8}.article p.caption{font-size:12px;line-height:1.4}.article-toc{gap:var(--space-2);flex-wrap:wrap;display:flex}.article-toc a{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);align-items:center;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}@media (hover:hover){.article-toc a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}}.article h3{padding-top:var(--space-3)}.article-author{gap:var(--space-1);margin-top:var(--space-8);display:grid}.article-author p{margin:0}.article-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.article-list-item{gap:var(--space-2);color:var(--text);transition:border-color var(--motion), box-shadow var(--motion);text-decoration:none;display:grid}.article-list-item:hover,.article-list-item:focus-visible{border-color:var(--accent);box-shadow:var(--glow)}.article-list-item .caption{align-items:center;gap:var(--space-2);display:flex}.article-list-title{font-size:18px;line-height:1.5}.article-data{border-collapse:collapse;width:100%;font-size:14px}.article-data th,.article-data td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);text-align:left}.article-data th{color:var(--text-muted);font-weight:600}.article-data th:last-child{text-align:right}.article-data td.num{text-align:right;color:var(--accent);font-weight:700}.article-table{gap:var(--space-2) var(--space-6);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.article-table dt{color:var(--text-muted);padding-top:2px;font-size:14px;line-height:1.8}.article-table dd{overflow-wrap:anywhere;margin:0}.article-contact{align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}@media (width<=480px){.article-table{grid-template-columns:1fr;gap:0}.article-table dt{padding-top:var(--space-3)}}.hero{gap:var(--space-4);padding-top:var(--space-6);justify-items:start;display:grid}.hero-title{font-size:36px;line-height:1.15}.hero-lead{max-width:640px;font-size:17px}.hero--game{align-items:start}@media (width>=769px){.hero-title{font-size:44px}.hero--game{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 380px}}.create-room{border-color:var(--border-strong);width:100%}.create-room-cta{cursor:pointer;border:0;width:100%;min-height:56px}a.create-room-cta,a.create-room-cta:hover{color:var(--text-on-accent);text-decoration:none}.create-room-cta:disabled{opacity:.6;cursor:wait}.game-grid,.feature-grid{gap:var(--space-4);display:grid}@media (width>=481px){.game-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=769px){.game-grid,.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.game-card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);color:var(--text);transition:border-color var(--motion);align-content:start;text-decoration:none;display:grid}@media (hover:hover){a.game-card:hover{border-color:var(--accent);color:var(--text);text-decoration:none}}.game-card.is-soon{opacity:.6}.game-card-title{font-size:22px;font-weight:800;line-height:1.3}.game-card-meta{gap:var(--space-3);flex-wrap:wrap;display:flex}.steps{gap:var(--space-3);counter-reset:step;margin:0;padding:0;list-style:none;display:grid}.steps li{column-gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);counter-increment:step;grid-template-rows:auto auto;grid-template-columns:40px 1fr;row-gap:2px;display:grid}.steps li:before{content:counter(step);background:var(--accent-dim);width:40px;height:40px;color:var(--accent);font-variant-numeric:tabular-nums;border-radius:50%;grid-row:1/span 2;justify-content:center;align-items:center;font-weight:800;display:flex}.steps strong{font-size:17px}.setting-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.setting-list li{justify-content:space-between;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);flex-wrap:wrap;align-items:center;display:flex}.faq{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin:0;overflow:hidden}.faq dt,.faq dd{padding-left:calc(var(--space-4) + 1.5em + var(--space-2));padding-right:var(--space-4);margin:0;position:relative}.faq dt{padding-top:var(--space-4);padding-bottom:var(--space-1);border-top:1px solid var(--border);font-weight:700}.faq dt:first-of-type{border-top:0}.faq dd{padding-bottom:var(--space-4);color:var(--text-muted);font-size:14px;line-height:1.7}.faq dt:before,.faq dd:before{left:var(--space-4);font-family:var(--font-mono);font-weight:800;position:absolute}.faq dt:before{content:"Q";color:var(--cyan);text-shadow:0 0 8px color-mix(in srgb, var(--cyan) 60%, transparent)}.faq dd:before{content:"A";color:var(--accent-2);text-shadow:0 0 8px color-mix(in srgb, var(--accent-2) 60%, transparent)}.rank-star{letter-spacing:.08em;font-weight:800}.rank-star--1{color:var(--cyan)}.rank-star--2{color:var(--accent-3)}.rank-star--3{color:var(--accent-2)}.toast{max-width:calc(100% - 32px);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--danger);color:var(--text);z-index:20;font-size:14px;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}[data-motion=off] *,[data-motion=off] :before,[data-motion=off] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.badge.ty-ai-badge{font-family:var(--font-mono);color:var(--cyan);background:color-mix(in srgb, var(--cyan) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cyan) 55%, transparent);font-weight:700}.setting-fieldset{border:0;min-width:0;margin:0;padding:0}.setting-fieldset:disabled{opacity:.5}.start-confirm{gap:var(--space-3);text-align:center;width:100%;max-width:480px;margin-inline:auto;display:grid}.start-confirm-actions{gap:var(--space-3);display:flex}.start-confirm-actions .btn{min-height:52px;padding-inline:var(--space-3);flex:1}.btn--wait{color:#1a1204;background:var(--warning);border-color:#0000}@media (hover:hover){.btn--wait:hover{border-color:var(--text)}}.player-status.tone-warning{color:var(--warning)}.btn.lobby-leave{min-width:160px;min-height:40px;margin-top:var(--space-4);color:var(--accent-2);border-color:color-mix(in srgb, var(--accent-2) 70%, transparent);text-shadow:0 0 4px color-mix(in srgb, var(--accent-2) 35%, transparent);box-shadow:0 0 6px color-mix(in srgb, var(--accent-2) 20%, transparent);justify-self:center;font-size:14px}@media (hover:hover){.btn.lobby-leave:hover{border-color:var(--accent-2);background:var(--accent-2-dim);box-shadow:0 0 10px color-mix(in srgb, var(--accent-2) 40%, transparent), inset 0 0 6px color-mix(in srgb, var(--accent-2) 20%, transparent)}}.btn.lobby-start:disabled{opacity:1;color:var(--text-faint);background:var(--surface-2);border-color:var(--border);text-shadow:none;box-shadow:none}.lobby-start-note{text-align:center}.btn.lobby-start.is-glow{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 35%, transparent)}.action-btn-wrap{--neon:var(--accent);--bright:color-mix(in srgb, var(--neon) 55%, white);--deep:color-mix(in srgb, var(--neon) 45%, var(--bg));--size:clamp(158px, 17vw, 216px);right:clamp(18px,3.8vw,64px);bottom:calc(clamp(18px, 4vw, 56px) + env(safe-area-inset-bottom,0px));z-index:50;pointer-events:none;flex-direction:row-reverse;align-items:flex-end;gap:18px;display:flex;position:fixed}.action-btn-wrap.is-ready{--neon:var(--accent)}.action-btn-wrap.is-drop{--neon:var(--danger)}.action-btn-wrap.is-accept{--neon:var(--info)}.action-btn-wrap.is-countdown,.action-btn-wrap.is-idle{--neon:var(--border-strong);--bright:var(--text-muted)}.action-btn-shell{filter:drop-shadow(0 12px 14px #0009);pointer-events:auto;position:relative}.action-btn-orbit{border:3px solid color-mix(in srgb, var(--neon) 70%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--neon) 45%, transparent), inset 0 0 10px color-mix(in srgb, var(--neon) 25%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:-12px}.action-btn-progress{pointer-events:none;width:calc(100% + 28px);height:calc(100% + 28px);position:absolute;inset:-14px;overflow:visible}.action-btn-progress circle{stroke:var(--text);filter:drop-shadow(0 0 8px var(--neon)) drop-shadow(0 0 4px var(--bright))}.action-btn-shell.is-counting .action-btn-orbit{border-color:var(--neon);box-shadow:0 0 24px color-mix(in srgb, var(--neon) 80%, transparent), inset 0 0 14px color-mix(in srgb, var(--neon) 40%, transparent)}.action-btn{isolation:isolate;width:var(--size);height:var(--size);cursor:pointer;color:var(--text);font-family:var(--font-sans);filter:drop-shadow(0 4px 0 color-mix(in srgb, var(--deep) 60%, black)) drop-shadow(0 17px 18px #0009);background:linear-gradient(145deg, var(--bright) 0%, var(--neon) 14%, var(--deep) 47%, var(--bg) 77%, var(--neon) 100%);box-shadow:0 0 5px var(--bright), 0 0 24px color-mix(in srgb, var(--neon) 77%, transparent), 0 0 66px color-mix(in srgb, var(--neon) 30%, transparent), inset 0 2px 2px #ffffff80, inset 0 -8px 13px #000000b3;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:18px;transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s,box-shadow .24s;display:flex;position:relative;transform:translateY(0)}.action-btn:before{content:"";z-index:-1;background:radial-gradient(circle at 42% 25%, color-mix(in srgb, var(--neon) 29%, transparent), transparent 58%), linear-gradient(145deg, var(--surface-2), var(--bg) 55%, color-mix(in srgb, var(--neon) 18%, var(--bg)));border:2px solid var(--bright);box-shadow:inset 0 5px 16px #000000b3, inset 0 0 25px color-mix(in srgb, var(--neon) 22%, transparent), 0 0 13px color-mix(in srgb, var(--neon) 80%, transparent);border-radius:50%;position:absolute;inset:11px}.action-btn:after{content:"";pointer-events:none;border-top:2px solid #fff9;border-left:1px solid #fff3;border-radius:50%;position:absolute;inset:15px;transform:rotate(-28deg)}@media (hover:hover){.action-btn:hover:not(:disabled){filter:drop-shadow(0 10px 0 color-mix(in srgb, var(--deep) 60%, black)) drop-shadow(0 25px 21px #000000a6);box-shadow:0 0 9px var(--bright), 0 0 37px color-mix(in srgb, var(--neon) 95%, transparent), 0 0 100px color-mix(in srgb, var(--neon) 55%, transparent), inset 0 2px 2px #ffffff8c, inset 0 -8px 13px #000000b3;transform:translateY(-8px)scale(1.055)}}.action-btn:active:not(:disabled),.action-btn.is-counting{filter:drop-shadow(0 1px 0 color-mix(in srgb, var(--deep) 60%, black));transform:translateY(3px)scale(.97)}.action-btn:focus-visible{outline:3px solid var(--text);outline-offset:14px}.action-btn:disabled{cursor:default}.action-btn.is-done{filter:saturate(.55)brightness(.8)}.action-btn__label{letter-spacing:.08em;white-space:nowrap;text-shadow:0 0 5px #fff9, 0 0 18px var(--neon), 0 3px 0 black;font-size:clamp(25px,3vw,37px);font-weight:900}.action-btn__label.is-number{font-size:clamp(56px,6vw,76px);line-height:1}.action-btn__label.is-small{font-size:clamp(18px,2vw,24px)}.action-btn__sub{color:var(--bright);letter-spacing:.04em;margin-top:6px;font-size:12px;font-weight:700}.action-btn__price{color:var(--warning);font-variant-numeric:tabular-nums;text-shadow:0 0 10px color-mix(in srgb, var(--warning) 45%, transparent);margin-top:6px;font-size:clamp(20px,2.2vw,26px);font-weight:900}.action-btn__key{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.06em;pointer-events:none;border-bottom-width:3px;border-radius:6px;padding:1px 10px;font-size:11px;font-weight:700;display:none;position:absolute;bottom:-34px;left:50%;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.action-btn__key{display:block}}@media (width<=640px){.action-btn-wrap{--size:158px;gap:13px}}@media (prefers-reduced-motion:reduce){.action-btn{transition:none}}.hb{--hb-hit:var(--cyan);--hb-blow:var(--accent-2);position:relative}.hb .tone-a{--tone:var(--accent)}.hb .tone-b{--tone:var(--violet)}.hb:before,.hb:after{content:"";z-index:-1;pointer-events:none;position:fixed}.hb:before{background:radial-gradient(ellipse 60% 40% at 50% -5%, color-mix(in srgb, var(--cyan) 22%, transparent), transparent 70%), radial-gradient(ellipse 45% 35% at 0% 60%, color-mix(in srgb, var(--cyber-purple) 18%, transparent), transparent 70%), radial-gradient(ellipse 45% 35% at 100% 60%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 70%);inset:0}.hb:after{background-image:linear-gradient(color-mix(in srgb, var(--cyan) 22%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-2) 20%, transparent) 1px, transparent 1px);transform-origin:bottom;background-size:56px 56px;height:42vh;bottom:0;left:-20%;right:-20%;transform:perspective(360px)rotateX(58deg);-webkit-mask-image:linear-gradient(#0000 10%,#000);mask-image:linear-gradient(#0000 10%,#000)}.hb.has-art:before{background:linear-gradient(color-mix(in srgb, var(--bg) 35%, transparent), color-mix(in srgb, var(--bg) 35%, transparent)), var(--hb-bg-pc) center / cover no-repeat}.hb.has-art:after{display:none}@media (width<=719px){.hb.has-art:before{background:linear-gradient(color-mix(in srgb, var(--bg) 35%, transparent), color-mix(in srgb, var(--bg) 35%, transparent)), var(--hb-bg-sp) center / cover no-repeat}}.hb .card{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hb h3{margin:0;font-size:15px}.hb-title{justify-items:center;gap:var(--space-1);margin-top:var(--space-2);text-align:center;display:grid}.hb-title-main{letter-spacing:.06em;align-items:center;gap:.3em;font-size:clamp(34px,7vw,68px);font-weight:900;line-height:1;display:flex}.hb-title-main .is-hit,.hb-title-main .is-blow{--neon:var(--hb-hit);color:color-mix(in srgb, var(--neon) 72%, white);-webkit-text-stroke:.04em var(--neon);paint-order:stroke fill;text-shadow:0 0 6px var(--neon), 0 0 18px var(--neon), 0 0 42px color-mix(in srgb, var(--neon) 60%, transparent)}.hb-title-main .is-blow{--neon:var(--hb-blow)}.hb-title-main .is-amp{color:#fff;text-shadow:-.06em -.04em 0 var(--hb-hit), .06em .04em 0 var(--hb-blow);font-size:.8em}.hb-title-sub{align-items:center;gap:var(--space-3);letter-spacing:.35em;color:var(--text);text-shadow:0 0 10px color-mix(in srgb, var(--cyan) 50%, transparent);font-size:18px;font-weight:800;display:flex}.hb-title-sub:before,.hb-title-sub:after{content:"";background:color-mix(in srgb, var(--cyan) 60%, transparent);width:48px;height:1px}.hb-layout{gap:var(--space-4);margin-top:var(--space-4);display:grid}.hb-layout>*{align-content:start;min-width:0}@media (width>=720px){.hb-layout{grid-template:"left right""center right""note right"1fr/minmax(0,1fr) 300px;align-items:start}.hb-note-wrap{grid-area:note}.hb-left{grid-area:left}.hb-center{grid-area:center}.hb-right{grid-area:right}}@media (width>=1100px){.page--play.page--wide.hb{max-width:1280px}.hb-layout{grid-template:"left center right""note center right"1fr/260px minmax(0,1fr) 300px}}.hb-score{gap:var(--space-2);display:grid}.hb-score-side{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);transition:box-shadow var(--motion), border-color var(--motion);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.hb-score-side.is-turn{border-color:color-mix(in srgb, var(--tone) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--tone) 45%, transparent), 0 0 18px color-mix(in srgb, var(--tone) 25%, transparent)}.hb-score-side{position:relative}.hb-score-side.is-damaged{animation:.6s ease-out both hb-damage;animation-delay:var(--delta-delay)}@keyframes hb-damage{0%{transform:translate(0)}15%{border-color:var(--danger);box-shadow:0 0 22px color-mix(in srgb, var(--danger) 60%, transparent), inset 0 0 18px color-mix(in srgb, var(--danger) 35%, transparent);transform:translate(-7px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}to{transform:translate(0)}}.hb-delta{top:50%;right:var(--space-3);pointer-events:none;opacity:0;animation:1.8s ease-out both hb-delta;animation-delay:var(--delta-delay);font-size:26px;font-weight:900;position:absolute}.hb-delta.is-minus{color:var(--danger);text-shadow:0 0 10px color-mix(in srgb, var(--danger) 70%, transparent)}.hb-delta.is-plus{color:var(--accent);text-shadow:0 0 10px color-mix(in srgb, var(--accent) 70%, transparent)}@keyframes hb-delta{0%{opacity:0;transform:translateY(-20%)scale(.6)}15%{opacity:1;transform:translateY(-60%)scale(1.15)}70%{opacity:1;transform:translateY(-110%)scale(1)}to{opacity:0;transform:translateY(-160%)scale(1)}}@media (prefers-reduced-motion:reduce){.hb-score-side.is-damaged{animation:none}}.hb-avatar{width:36px;height:36px;color:var(--tone);background:color-mix(in srgb, var(--tone) 14%, transparent);border:2px solid var(--tone);box-shadow:0 0 10px color-mix(in srgb, var(--tone) 35%, transparent);border-radius:50%;place-items:center;font-weight:800;display:grid}.hb-score-main{gap:2px;min-width:0;display:grid}.hb-score-name{align-items:center;gap:var(--space-1);overflow-wrap:anywhere;flex-wrap:wrap;font-weight:700;display:flex}.hb-first{font-size:11px}.hb-now{color:var(--tone);font-weight:700}.hb-score-n{color:var(--tone);font-size:22px;font-weight:800}.hb-life{background:var(--surface-2);border-radius:var(--radius-pill);height:5px;margin-top:2px;display:block;overflow:hidden}.hb-life>span{background:var(--tone);border-radius:inherit;height:100%;transition:width .6s ease-out;display:block}.hb-note-input{resize:vertical;width:100%;min-height:140px;font-size:14px;line-height:1.6}.hb-mysecret{justify-content:center;align-items:center;gap:var(--space-3);width:100%;font:inherit;color:var(--text);cursor:pointer;display:flex}.hb-status{padding:var(--space-2) var(--space-4);text-align:center;color:var(--text-muted);background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--border);border-radius:var(--radius-pill);margin:0;font-weight:700}.hb-status.is-mine{color:var(--hb-hit);border-color:var(--hb-hit);box-shadow:0 0 16px color-mix(in srgb, var(--hb-hit) 30%, transparent);animation:1.2s ease-in-out 3 hb-pulse}@keyframes hb-pulse{50%{box-shadow:0 0 32px color-mix(in srgb, var(--hb-hit) 65%, transparent);transform:scale(1.02)}}.hb-status.is-lost{color:var(--text);border-color:var(--hb-blow);box-shadow:0 0 16px color-mix(in srgb, var(--hb-blow) 30%, transparent)}.hb-status.hb-round-over{font-size:18px;animation:none}.hb-status.is-rescue{color:var(--text);background:color-mix(in srgb, var(--warning) 20%, var(--surface));border-color:var(--warning)}.hb-digits{gap:var(--space-1);display:inline-flex}.hb-digit{--s:40px;width:calc(var(--s) * .8);height:var(--s);font-family:var(--font-mono);font-size:calc(var(--s) * .6);color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);place-items:center;font-weight:800;line-height:1;display:inline-grid}.hb-digits--sm .hb-digit{--s:30px}.hb-digits--lg .hb-digit{--s:72px;width:calc(var(--s) * .9);color:var(--text);background:color-mix(in srgb, var(--bg) 70%, transparent);border:2px solid var(--hb-hit);box-shadow:0 0 12px color-mix(in srgb, var(--hb-hit) 45%, transparent), inset 0 0 10px color-mix(in srgb, var(--hb-hit) 20%, transparent)}.hb-digit.is-empty{background:0 0;border-style:dashed}.hb-digits--lg .hb-digit.is-empty{border-color:color-mix(in srgb, var(--hb-hit) 45%, transparent);box-shadow:none}.hb-digit.is-hit{color:var(--bg);background:var(--hb-hit);border-color:var(--hb-hit)}.hb-digit.is-blow{border-color:var(--hb-blow);box-shadow:inset 0 0 0 1px var(--hb-blow)}.hb-digit.is-none{color:var(--text-muted)}.hb-target{justify-items:center;gap:var(--space-2);display:grid}.hb-target-row{gap:var(--space-3);display:flex}.hb-target-cell{perspective:600px;width:64px;height:76px}.hb-target-inner{width:100%;height:100%;transform-style:preserve-3d;display:block;position:relative}.hb-target-face{font-family:var(--font-mono);border:2px solid var(--hb-hit);border-radius:var(--radius-md);backface-visibility:hidden;place-items:center;font-size:44px;font-weight:900;display:grid;position:absolute;inset:0}.hb-target-face.is-back{color:var(--hb-hit);background:color-mix(in srgb, var(--hb-hit) 8%, var(--bg));text-shadow:0 0 12px var(--hb-hit);box-shadow:0 0 14px color-mix(in srgb, var(--hb-hit) 35%, transparent)}.hb-target-face.is-front{color:var(--bg);background:var(--hb-hit);box-shadow:0 0 18px color-mix(in srgb, var(--hb-hit) 60%, transparent);transform:rotateY(180deg)}.hb-mine-label{margin-top:var(--space-1)}.hb-mine{gap:var(--space-3);display:flex}.hb-mine-cell{width:64px;height:76px;font-family:var(--font-mono);color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg));border:2px solid color-mix(in srgb, var(--accent) 70%, transparent);border-radius:var(--radius-md);box-shadow:0 0 12px color-mix(in srgb, var(--accent) 25%, transparent);place-items:center;font-size:44px;font-weight:900;display:grid}.hb-target.is-reveal .hb-target-inner{animation:.6s ease-out both hb-flip;animation-delay:calc(.2s + var(--i) * .22s)}@keyframes hb-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.hb-table-wrap{max-height:380px;overflow-y:auto}.hb-table{border-collapse:collapse;width:100%}.hb-table th{padding:var(--space-1) var(--space-2);color:var(--text-muted);text-align:center;border-bottom:1px solid var(--border);font-size:12px;font-weight:700}.hb-table th.is-hit{color:var(--hb-hit)}.hb-table th.is-blow{color:var(--hb-blow)}.hb-table td{padding:var(--space-1) var(--space-2);text-align:center;border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent)}.hb-table tr:last-child td{border-bottom:none}.hb-table tr.is-latest td{animation:.9s ease-out 1.1s both hb-row-in}@keyframes hb-row-in{0%{opacity:0;background:color-mix(in srgb, var(--hb-hit) 35%, transparent)}30%{opacity:1;background:color-mix(in srgb, var(--hb-hit) 30%, transparent)}}.hb-table tr.is-solved td{background:color-mix(in srgb, var(--hb-hit) 12%, transparent)}.hb-call-turn{color:var(--text-faint);font-size:13px}.hb-rescue-tag{margin-left:var(--space-1)}.hb-count{min-width:40px;padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid;place-items:center;font-weight:800;display:inline-grid}.hb-count.is-hit{color:var(--hb-hit);background:color-mix(in srgb, var(--hb-hit) 12%, transparent);border-color:color-mix(in srgb, var(--hb-hit) 50%, transparent)}.hb-count.is-blow{color:var(--hb-blow);background:color-mix(in srgb, var(--hb-blow) 12%, transparent);border-color:color-mix(in srgb, var(--hb-blow) 50%, transparent)}.hb-reveal{--result-at:calc(var(--n) * var(--digit-ms) + var(--gap-ms));z-index:40;padding:var(--space-4);cursor:pointer;background:#00000059;place-items:center;display:grid;position:fixed;inset:0}.hb-reveal-close{animation:.3s ease-out both hb-result-in;animation-delay:calc(var(--result-at) + .4s)}.hb-reveal-card{--neon:var(--violet);justify-items:center;gap:var(--space-3);min-width:min(360px,90vw);padding:var(--space-6) var(--space-8);background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--neon);border-radius:var(--radius-lg);box-shadow:0 0 32px color-mix(in srgb, var(--neon) 45%, transparent), 0 20px 48px #0009;animation:.26s cubic-bezier(.2,1.4,.4,1) both hb-reveal-in;display:grid}.hb-reveal-card.is-mine{--neon:var(--accent)}.hb-reveal-card.is-solved{--neon:var(--hb-hit)}@keyframes hb-reveal-in{0%{opacity:0;transform:scale(.8)}}.hb-reveal-who{color:var(--neon);font-weight:800}.hb-reveal-digits{gap:var(--space-2);perspective:600px;display:flex}.hb-reveal-digit{width:64px;height:80px;font-family:var(--font-mono);color:var(--text);background:var(--surface-2);border:2px solid color-mix(in srgb, var(--neon) 60%, var(--border-strong));border-radius:var(--radius-md);animation:.32s ease-out both hb-digit-in;animation-delay:calc(var(--i) * var(--digit-ms));place-items:center;font-size:48px;font-weight:900;display:grid}@keyframes hb-digit-in{0%{opacity:0;transform:rotateX(-90deg)translateY(-12px)}}.hb-reveal-result{gap:var(--space-3);animation:.36s cubic-bezier(.2,1.6,.4,1) both hb-result-in;animation-delay:var(--result-at);display:flex}@keyframes hb-result-in{0%{opacity:0;transform:scale(.4)}}.hb-reveal-count{align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-4);letter-spacing:.04em;border-radius:var(--radius-md);border:2px solid;font-size:18px;font-weight:900;display:inline-flex}.hb-reveal-count .num{font-size:34px}.hb-reveal-count.is-hit{color:var(--hb-hit);background:color-mix(in srgb, var(--hb-hit) 14%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--hb-hit) 40%, transparent)}.hb-reveal-count.is-blow{color:var(--hb-blow);background:color-mix(in srgb, var(--hb-blow) 14%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--hb-blow) 40%, transparent)}.hb-reveal-result.is-solved{letter-spacing:.06em;color:color-mix(in srgb, var(--hb-hit) 72%, white);text-shadow:0 0 8px var(--hb-hit), 0 0 24px var(--hb-hit);font-size:44px;font-weight:900}@media (prefers-reduced-motion:reduce){.hb-reveal-card,.hb-reveal-close,.hb-reveal-digit,.hb-reveal-result,.hb-status.is-mine,.hb-table tr.is-latest td,.hb-target.is-reveal .hb-target-inner{animation-duration:1ms;animation-delay:0s}}.hb-legend{gap:var(--space-2);display:grid}.hb-legend p{margin:0}.hb-legend dl{gap:var(--space-2) var(--space-3);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--cyan) 35%, transparent);border-radius:var(--radius-sm);grid-template-columns:auto 1fr;align-items:center;margin:0;display:grid}.hb-legend dt{letter-spacing:.04em;font-size:20px;font-weight:900}.hb-legend dt.is-hit{color:var(--hb-hit)}.hb-legend dt.is-blow{color:var(--hb-blow)}.hb-legend dd{margin:0;font-size:13px}.hb-input{gap:var(--space-3);padding:var(--space-4);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid color-mix(in srgb, var(--hb-hit) 30%, var(--border));border-radius:var(--radius-lg);display:grid}.hb-input.is-waiting{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-3);display:flex}.hb-waiting-text:before{content:"";width:8px;height:8px;margin-right:var(--space-2);vertical-align:middle;background:var(--violet);border-radius:50%;animation:1.2s ease-in-out infinite hb-blink;display:inline-block}@keyframes hb-blink{50%{opacity:.2}}.hb-input.is-memo{border-color:var(--violet);border-style:dashed}.hb-input-title{font-weight:700}.hb-input.is-memo .hb-input-title{color:var(--violet)}.hb-input-head{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.hb-submit{align-items:center;gap:var(--space-2);min-height:64px;padding:0 var(--space-6);font:inherit;color:var(--text);background:color-mix(in srgb, var(--hb-blow) 22%, var(--bg));border:2px solid var(--hb-blow);border-radius:var(--radius-md);box-shadow:0 0 16px color-mix(in srgb, var(--hb-blow) 45%, transparent), inset 0 0 12px color-mix(in srgb, var(--hb-blow) 25%, transparent);cursor:pointer;transition:background var(--motion), opacity var(--motion);font-size:20px;font-weight:800;display:inline-flex}.hb-submit>span{font-size:28px;line-height:1}@media (hover:hover){.hb-submit:not(:disabled):hover{background:color-mix(in srgb, var(--hb-blow) 35%, var(--bg))}}.hb-submit:disabled{cursor:default;opacity:.35;box-shadow:none}.hb-pad{gap:var(--space-2);grid-template-columns:repeat(5,1fr) 1.2fr;display:grid}.hb-key{min-height:48px;font:inherit;font-family:var(--font-mono);color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion), opacity var(--motion);font-size:22px;font-weight:800;position:relative}@media (hover:hover){.hb-key:not(:disabled):hover{background:color-mix(in srgb, var(--hb-hit) 14%, var(--surface-2))}}.hb-key:disabled{cursor:default;opacity:.35}.hb-key.is-used{opacity:.2}.hb-back{grid-area:1/6/span 2;place-content:center;gap:2px;font-family:inherit;display:grid}.hb-back .caption{color:var(--text-muted);font-weight:700}.hb-key-mark{font-family:var(--font-sans);font-size:12px;font-weight:800;line-height:1;text-decoration:none;position:absolute;top:2px;right:5px}.hb-key.is-mark-1 .hb-key-mark{color:var(--text-muted)}.hb-key.is-mark-2 .hb-key-mark{color:var(--hb-blow)}.hb-key.is-mark-3 .hb-key-mark{color:var(--hb-hit)}.hb-key.is-mark-1{color:var(--text-faint);background:var(--bg);text-decoration:line-through}.hb-key.is-mark-2{border-color:var(--hb-blow);box-shadow:inset 0 0 0 1px var(--hb-blow)}.hb-key.is-mark-3{color:var(--hb-hit);background:color-mix(in srgb, var(--hb-hit) 14%, var(--surface-2));border-color:var(--hb-hit);box-shadow:inset 0 0 0 1px var(--hb-hit)}.hb-input-foot{gap:var(--space-2);align-items:center;display:flex}.hb-input-foot:empty{display:none}.hb-input-top{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.hb-mark-tools{gap:var(--space-1);flex-shrink:0;display:inline-flex}.hb-mark-tool{--c:var(--text-muted);width:38px;height:38px;font:inherit;color:var(--c);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;place-items:center;font-size:16px;font-weight:800;display:grid}.hb-mark-tool.is-reset{width:auto;padding:0 var(--space-3);font-size:13px}.hb-mark-tool:disabled{cursor:default;opacity:.4}.hb-mark-tool.is-mark-2{--c:var(--hb-blow)}.hb-mark-tool.is-mark-3{--c:var(--hb-hit)}@media (hover:hover){.hb-mark-tool:hover{border-color:var(--c)}}.hb-mark-tool.is-on{color:var(--bg);background:var(--c);border-color:var(--c);box-shadow:0 0 12px color-mix(in srgb, var(--c) 55%, transparent)}.hb-secret-done{text-align:center;justify-items:center}.hb-result,.hb-final{text-align:center}.hb-result.is-won,.hb-final.is-won{border-color:var(--hb-hit);box-shadow:0 0 0 1px color-mix(in srgb, var(--hb-hit) 40%, transparent), 0 0 24px color-mix(in srgb, var(--hb-hit) 25%, transparent)}.hb-result.is-lost,.hb-final.is-lost{border-color:color-mix(in srgb, var(--hb-blow) 60%, transparent)}.hb-result-sides{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.hb-result-side{gap:var(--space-2);align-content:start;justify-items:center;display:grid}.hb-bonus{margin-left:var(--space-1);color:var(--text-on-accent);background:var(--warning);border-color:var(--warning)}.hb-history-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.hb-history-list li{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex}.hb-history-round{color:var(--text-muted);font-weight:800}.hb-history-body{display:grid}.hb-item-card,.hb-item-chip,.hb-dialog,.hb-event-list li,.hb-event-row{--kind:var(--accent-3)}.hb-item-card.is-defense,.hb-item-chip.is-defense,.hb-dialog.is-defense,.hb-event-list li.is-defense,.hb-event-row.is-defense{--kind:var(--violet)}.hb-item-kind{color:var(--bg);background:var(--kind);border-radius:var(--radius-pill);padding:1px 6px;font-size:11px;font-weight:800;display:inline-block}.hb-picker-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.hb-item-card{gap:var(--space-1);padding:var(--space-3);font:inherit;text-align:left;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--motion), box-shadow var(--motion);display:grid}.hb-item-card.is-on{border-color:var(--kind);box-shadow:0 0 0 1px var(--kind), 0 0 14px color-mix(in srgb, var(--kind) 35%, transparent)}.hb-item-card:disabled{cursor:default;opacity:.4}.hb-item-head{align-items:center;gap:var(--space-2);display:flex}.hb-items.is-priority{border-color:var(--violet);box-shadow:0 0 18px color-mix(in srgb, var(--violet) 30%, transparent)}.hb-priority{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--violet) 14%, transparent);border:1px solid color-mix(in srgb, var(--violet) 50%, transparent);border-radius:var(--radius-sm);flex-wrap:wrap;display:flex}.hb-items .row-between{flex-wrap:wrap}.hb-hand{gap:var(--space-2);flex-wrap:wrap;display:flex}.hb-item-chip{place-items:center;gap:var(--space-1);width:104px;height:140px;padding:var(--space-2);font:inherit;color:var(--text);background:linear-gradient(160deg, color-mix(in srgb, var(--kind) 22%, transparent), transparent 55%), linear-gradient(to top, color-mix(in srgb, var(--kind) 14%, var(--surface-2)), var(--surface-2));border:2px solid var(--kind);box-shadow:0 0 14px color-mix(in srgb, var(--kind) 35%, transparent), inset 0 0 0 3px color-mix(in srgb, var(--bg) 70%, transparent), inset 0 0 0 4px color-mix(in srgb, var(--kind) 35%, transparent);cursor:pointer;transition:transform var(--motion), box-shadow var(--motion), opacity var(--motion), filter var(--motion);border-radius:10px;grid-template-rows:auto 1fr auto;display:grid;position:relative}.hb-item-chip .hb-item-kind{justify-self:start}@media (hover:hover){.hb-item-chip:not(:disabled):hover{box-shadow:0 8px 22px color-mix(in srgb, var(--kind) 45%, transparent), inset 0 0 0 3px color-mix(in srgb, var(--bg) 70%, transparent), inset 0 0 0 4px color-mix(in srgb, var(--kind) 45%, transparent);transform:translateY(-4px)}}.hb-item-chip:disabled{cursor:default;opacity:.45;filter:grayscale(.6);box-shadow:none}.hb-item-glyph{color:color-mix(in srgb, var(--kind) 75%, white);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--kind) 60%, transparent));place-items:center;display:grid}.hb-item-glyph.is-small{filter:none;border:1px solid color-mix(in srgb, var(--kind) 50%, transparent);border-radius:var(--radius-sm);place-items:center;min-width:32px;height:32px;display:inline-grid}.hb-item-name{text-align:center;font-size:12px;font-weight:800;line-height:1.3}.hb-dialog-back{z-index:60;padding:var(--space-4);background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.hb-dialog{border:2px solid var(--kind);width:min(420px,100%);box-shadow:0 0 28px color-mix(in srgb, var(--kind) 35%, transparent), 0 20px 48px #0009;--hb-hit:var(--cyan);background:var(--surface)}.hb-dialog h3{color:var(--kind)}.hb-dialog p{margin:0}.hb-dialog-pad{gap:var(--space-2);grid-template-columns:repeat(5,1fr);display:grid}.hb-dialog-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.hb-dialog-row .hb-key{min-width:52px}.hb-key.is-picked{color:var(--bg);background:var(--kind,var(--accent-3));border-color:var(--kind,var(--accent-3))}.hb-dialog-use{flex:1}.hb-pick{border-color:color-mix(in srgb, var(--accent-3) 50%, var(--border))}.hb-pick p{margin:0}.hb-pick.is-mine{border-color:var(--accent-3);box-shadow:0 0 18px color-mix(in srgb, var(--accent-3) 30%, transparent)}.hb-pick-key{min-width:84px;font-family:var(--font-sans);padding:var(--space-1) var(--space-3);font-size:16px;display:grid}.hb-event-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.hb-event-list li{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-left:3px solid var(--kind);background:color-mix(in srgb, var(--kind) 8%, transparent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:15px;font-weight:700;display:flex}.hb-event-icon{width:36px;height:36px;color:var(--kind);background:color-mix(in srgb, var(--kind) 14%, transparent);border:1px solid color-mix(in srgb, var(--kind) 50%, transparent);border-radius:var(--radius-sm);flex-shrink:0;place-items:center;display:grid}.hb-event-text{display:grid}.hb-event-who{color:var(--text-muted);font-weight:700}.hb-target-col{justify-items:center;gap:var(--space-1);display:grid}.hb-target-face.is-known{color:var(--text);font-family:var(--font-mono);text-shadow:none;border-style:dashed}.hb-hint-tags{gap:3px;width:100%;display:grid}.hb-hint-tag{text-align:center;border-radius:var(--radius-sm);padding:2px 4px;font-size:16px;font-weight:900;line-height:1.15;display:grid}.hb-hint-tag small{font-size:11px;font-weight:700}.hb-hint-tag.is-high{color:var(--bg);background:var(--warning)}.hb-hint-tag.is-low{color:var(--bg);background:var(--info)}.hb-hint-tag.is-parity{color:var(--bg);background:var(--accent-3)}.hb-hint-set{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.hb-hint-badge{padding:var(--space-1) var(--space-3);color:var(--text-muted);background:var(--surface-2);border:1px solid color-mix(in srgb, var(--accent-3) 45%, var(--border));border-radius:var(--radius-pill);font-size:13px}.hb-hint-badge strong{margin-left:var(--space-1);color:var(--accent-3);font-size:16px}.hb-table tr.hb-event-row td{padding:var(--space-1) var(--space-2);text-align:left;color:var(--kind);background:color-mix(in srgb, var(--kind) 10%, transparent);border-top:1px dashed var(--kind)}.hb-liar-tag{margin-left:var(--space-1);color:var(--bg);background:var(--violet);border-radius:var(--radius-pill);padding:1px 6px;font-weight:800;display:inline-block}.hb-item-notes{gap:var(--space-1);display:grid}.hb-note-barrier,.hb-note-liar{padding:var(--space-1) var(--space-3);color:var(--violet);background:color-mix(in srgb, var(--violet) 12%, transparent);border:1px solid color-mix(in srgb, var(--violet) 45%, transparent);border-radius:var(--radius-sm);font-weight:700}.hb-result-items{gap:var(--space-1);display:grid}@media (width<=719px){.hb{padding-bottom:320px}.hb-title-main{font-size:30px}.hb-title-sub{font-size:13px}.page--play.page--wide.hb .hb-center,.page--play.page--wide.hb .hb-layout,.page--play.page--wide.hb{animation:none}.hb-input{z-index:20;gap:var(--space-2);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--surface);border-radius:var(--radius-md) var(--radius-md) 0 0;border-width:1px 0 0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0009}.hb-input-head{justify-content:flex-start;gap:var(--space-3)}.hb-digits--lg .hb-digit{--s:48px}.hb-submit{min-height:48px;padding:0 var(--space-4);font-size:16px}.hb-pad{gap:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr))}.hb-back{grid-area:auto}.hb-back .caption{display:none}.hb-title{margin-top:0}.hb-layout{margin-top:var(--space-3);gap:var(--space-3)}.hb-score{padding:var(--space-2);grid-template-columns:1fr 1fr}.hb-score h3,.hb-avatar{display:none}.hb-score-side{gap:var(--space-2);padding:var(--space-2);grid-template-columns:minmax(0,1fr) auto}.hb-mysecret{padding:var(--space-2)}.hb-key{min-height:44px;font-size:20px}.hb-input.has-big{min-height:196px;padding-right:204px}.hb-input.is-waiting.has-big{flex-direction:column;align-items:flex-start;min-height:0}.hb-input.has-big .hb-submit,.hb-items-note{display:none}.hb-hand{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hb-item-chip{width:auto;height:116px}.hb-items.is-priority,.hb-pick.is-mine{z-index:30;max-height:60svh;padding:var(--space-3) 204px calc(var(--space-3) + env(safe-area-inset-bottom)) var(--space-4);background:var(--surface);border-radius:var(--radius-md) var(--radius-md) 0 0;-webkit-backdrop-filter:none;backdrop-filter:none;border-width:2px 0 0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 24px #0009}.hb-target-cell,.hb-mine-cell{width:52px;height:62px}.hb-mine-cell,.hb-target-face{font-size:34px}.hb-table-wrap{max-height:none}.hb-score-n{font-size:18px}}.intro{z-index:10000;color:#f4f6f8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#000;place-items:center;transition:opacity .45s;display:grid;position:fixed;inset:0}.intro--leaving{opacity:0}.intro:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000008c 0 1px,#0000 1px 3px),repeating-linear-gradient(#0000008c 0 1px,#0000 1px 3px);position:absolute;inset:0}.intro-text{font-family:var(--font-sans);letter-spacing:.04em;white-space:nowrap;text-shadow:0 0 2px #ffffffb3,0 0 18px #c8dcff40;margin:0;padding:0 4vw;font-size:clamp(22px,6.2vw,72px);font-weight:800}.intro-cursor{vertical-align:-.12em;background:currentColor;width:.5em;height:1em;margin-left:.08em;display:inline-block}.intro-claw{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.intro--break{background:0 0}.intro--break:after,.intro--break .intro-text{visibility:hidden}.intro--hit .intro-claw{animation:.26s cubic-bezier(.2,.7,.3,1) intro-hit}@keyframes intro-hit{0%{transform:translate(0)}15%{transform:translate(-9px,6px)}35%{transform:translate(7px,-4px)}55%{transform:translate(-4px,2px)}75%{transform:translate(2px,-1px)}to{transform:translate(0)}}.intro-rest{visibility:hidden}.intro-cursor--idle{animation:1s step-end infinite intro-blink}@keyframes intro-blink{50%{opacity:0}}.home-title{font-size:34px}@media (width>=769px){.home-title{font-size:40px}}@media (width>=1024px){.home-title{font-size:46px}}.hero2--floor{isolation:isolate;padding-bottom:120px;position:relative}.hero-floor{z-index:-1;pointer-events:none;perspective:280px;perspective-origin:50% 0;background:color-mix(in srgb, var(--bg) 92%, transparent);width:100vw;height:240px;position:absolute;bottom:0;left:calc(50% - 50vw);overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#00000080 8%,#000 18% 82%,#00000080 92%,#0000 100%);mask-image:linear-gradient(#0000 0%,#00000080 8%,#000 18% 82%,#00000080 92%,#0000 100%)}.hero-floor:before{content:"";transform-origin:50% 0;background-image:linear-gradient(color-mix(in srgb, var(--accent) 55%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 55%, transparent) 1px, transparent 1px);background-position:50% 0;background-size:48px 48px;width:200%;height:200%;animation:1.4s linear infinite hero-floor-run;position:absolute;top:0;left:-50%;transform:rotateX(64deg)}@keyframes hero-floor-run{to{background-position:50% 48px}}[data-motion=off] .hero-floor:before{animation:none}.hero-tiles{gap:var(--space-3);padding:var(--space-6) 0;grid-template-columns:repeat(3,100px);place-content:center;display:grid}@media (width>=1024px){.hero-tiles{grid-template-columns:repeat(3,112px)}}.tile{--c:var(--text-muted);aspect-ratio:1;align-content:center;place-items:center;gap:var(--space-2);color:var(--c);background:color-mix(in srgb, var(--surface) 85%, transparent);border:1px solid color-mix(in srgb, var(--c) 45%, transparent);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));display:grid}.tile--mint{--c:var(--accent)}.tile--pink{--c:var(--accent-2)}.tile--lime{--c:var(--accent-3)}.tile.is-playable{border-color:var(--c);background:color-mix(in srgb, var(--c) 12%, var(--surface));filter:drop-shadow(0 0 12px color-mix(in srgb, var(--c) 45%, transparent))}.tile--more{--c:var(--text-faint);border-style:dashed}.tile-label{font-family:var(--font-mono);letter-spacing:.14em;font-size:9px}@property --fy{syntax:"<length>";inherits:false;initial-value:0}@property --fr{syntax:"<angle>";inherits:false;initial-value:0deg}@property --rx{syntax:"<length>";inherits:false;initial-value:0}@property --ry{syntax:"<length>";inherits:false;initial-value:0}@property --k{syntax:"<number>";inherits:false;initial-value:1}.tile{--tilt:0deg;--ty:0px;transform:translate(var(--rx), var(--ry)) translateY(calc(var(--ty) + var(--fy) * var(--k))) rotate(var(--sa,0deg)) scale(var(--sx,1), var(--sy,1)) rotate(calc(var(--sa,0deg) * -1)) rotate(calc((var(--tilt) + var(--fr)) * var(--k) + var(--rt,0deg)));animation:tile-float var(--dur,6s) ease-in-out var(--delay,0s) infinite;will-change:transform;transition:--k .3s}.tile--1{--tilt:-4deg;--ty:6px}.tile--2{--tilt:2deg}.tile--3{--tilt:-2deg;--ty:-4px}.tile--4{--tilt:3deg}.tile--5{--tilt:-3deg;--ty:4px}.tile--6{--tilt:2deg;--ty:-2px}@keyframes tile-float{0%,to{--fy:calc(var(--amp,5px) * -1);--fr:0deg}25%{--fy:0px;--fr:var(--rot,1.2deg)}50%{--fy:var(--amp,5px);--fr:0deg}75%{--fy:0px;--fr:calc(var(--rot,1.2deg) * -1)}}@media (hover:hover){.tile-slot:hover .tile{--k:0}}.tile-slot.is-shaking{animation:.25s ease-in-out tile-shake}@keyframes tile-shake{20%{transform:translate(-3px)}45%{transform:translate(3px)}70%{transform:translate(-2px)}90%{transform:translate(1px)}}:root[data-motion=off] .tile,:root[data-motion=off] .tile-slot.is-shaking{transition:none;animation:none}:root[data-motion=off] .tile-slot:hover .tile{--k:1}@media (prefers-reduced-motion:reduce){.tile,.tile-slot.is-shaking{transition:none;animation:none}.tile-slot:hover .tile{--k:1}}.games-section{gap:var(--space-6)}.games-head{align-items:flex-end}.filters{gap:var(--space-3);padding:var(--space-4) var(--space-6);background:color-mix(in srgb, var(--surface) 85%, transparent);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));display:grid}.filter-row{gap:var(--space-2);align-items:center;display:grid}@media (width>=640px){.filter-row{grid-template-columns:96px 1fr}}.filter-label{color:var(--accent);font-size:14px;font-weight:700}.filter-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.fchip{min-height:40px;padding:0 var(--space-3);font:inherit;color:var(--text);border:1px solid var(--border-strong);cursor:pointer;touch-action:manipulation;transition:background var(--motion), border-color var(--motion), color var(--motion);background:0 0;font-size:13px;font-weight:700}.fchip.is-on{color:var(--text-on-accent);background:var(--accent-2);border-color:var(--accent-2)}@media (hover:hover){.fchip:not(.is-on):hover{border-color:var(--accent);color:var(--accent)}}.games-grid{gap:var(--space-4);grid-auto-flow:dense;align-items:stretch;display:grid}.games-grid>.gcard-ring{align-self:start}.games-grid:has(.gcard-ring)>button.gcard{align-self:start}@media (width>=640px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.gcard{--c:var(--accent);--cut:12px;gap:var(--space-3);padding:var(--space-4);color:var(--text);background:color-mix(in srgb, var(--surface) 85%, transparent);border:1px dashed color-mix(in srgb, var(--c) 40%, transparent);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));transition:border-color var(--motion);align-content:start;text-decoration:none;display:grid}.gcard--mint{--c:var(--accent)}.gcard--pink{--c:var(--accent-2)}.gcard--lime{--c:var(--accent-3)}.gcard.is-soon{opacity:.85}button.gcard{width:100%;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--motion), transform var(--motion);flex-direction:column;display:flex}@media (hover:hover){button.gcard:hover{border-color:var(--c);transform:translateY(-3px)}}button.gcard:focus-visible{border-style:solid;border-color:var(--c);outline:none}@property --gcard-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.gcard-ring{--ring-cut:24px;background:conic-gradient(from var(--gcard-angle), var(--accent-2), var(--info), var(--accent), var(--accent-3), var(--accent-2));clip-path:polygon(0 0, calc(100% - var(--ring-cut)) 0, 100% var(--ring-cut), 100% 100%, var(--ring-cut) 100%, 0 calc(100% - var(--ring-cut)));padding:2px;animation:.22s ease-out gcard-open,4s linear infinite gcard-spin}@media (width>=640px){.gcard-ring{grid-area:span 2/span 2}}.gcard-ring-gap{--gap-cut:22px;background:var(--bg);clip-path:polygon(0 0, calc(100% - var(--gap-cut)) 0, 100% var(--gap-cut), 100% 100%, var(--gap-cut) 100%, 0 calc(100% - var(--gap-cut)));padding:4px}.gcard--open{position:relative}@keyframes gcard-spin{to{--gcard-angle:360deg}}@keyframes gcard-open{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}[data-motion=off] .gcard-ring{animation:none}.gcard-close{top:var(--space-3);right:var(--space-6);width:36px;height:36px;font:inherit;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;font-size:20px;line-height:1;position:absolute}.gcard-close:hover{color:var(--text);border-color:var(--c)}.gcard--featured{--cut:20px;gap:var(--space-4);padding:var(--space-6);border-style:solid;border-color:var(--c);box-shadow:0 0 0 1px color-mix(in srgb, var(--c) 25%, transparent), 0 0 32px color-mix(in srgb, var(--c) 18%, transparent)}@media (width>=640px){.gcard--featured{grid-column:span 2}}@media (hover:hover){a.gcard:hover{color:var(--text);border-color:var(--c);text-decoration:none}}.gcard-head{align-items:center;gap:var(--space-4);display:flex}.gcard-head--sm{justify-content:space-between;gap:var(--space-2)}.gicon{width:64px;height:64px;color:var(--c);background:color-mix(in srgb, var(--c) 12%, transparent);border:1px solid var(--c);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--c) 50%, transparent));flex:none;justify-content:center;align-items:center;display:inline-flex}.gicon--sm{border-color:color-mix(in srgb, var(--c) 60%, transparent);filter:none;width:40px;height:40px}.gcard-title{font-size:26px;font-weight:800;line-height:1.2}.gcard-title--sm{font-size:18px}.gcard-status{color:var(--text-faint);font-size:10px}.gcard .tag{justify-self:start;width:fit-content}.gtags{gap:var(--space-2);flex-wrap:wrap;display:flex}.gtag{color:var(--c);border:1px solid color-mix(in srgb, var(--c) 60%, transparent);padding:3px 10px;font-size:12px}.gmeta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.gfeature,.gtag--feature{font-family:var(--font-mono);letter-spacing:.04em;color:var(--cyan);text-shadow:0 0 8px color-mix(in srgb, var(--cyan) 45%, transparent);font-weight:700}.gfeature{border:1px solid color-mix(in srgb, var(--cyan) 55%, transparent);padding:1px 8px}.gtag.gtag--new,.gfeature--new{color:var(--accent-2);border-color:color-mix(in srgb, var(--accent-2) 70%, transparent)}.gtag.gtag--feature{border-color:color-mix(in srgb, var(--cyan) 70%, transparent)}button.gcard .gmeta{margin-top:auto}button.gcard .gcard-title--sm{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gcard-desc{-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;flex:none;height:7.5em;display:-webkit-box;overflow:hidden}button.gcard .gmeta{min-height:24px}.gcard-cta{width:100%}.gcard-actions{gap:var(--space-2);justify-items:center;margin-top:auto;display:grid}.gcard-sample{align-items:center;gap:var(--space-4);padding:var(--space-2) 0;display:flex}.tsample{align-items:stretch}.tsample-q{align-content:center;justify-items:center;gap:var(--space-1);width:110px;padding:var(--space-3);border:1px solid var(--c);box-shadow:0 0 18px color-mix(in srgb, var(--c) 25%, transparent);flex:none;display:grid}.tsample-word{font-size:20px;font-weight:800}.tsample-list{gap:var(--space-2);flex:1;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.tsample-list li{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);color:var(--text-muted);display:flex}.tsample-list li.is-real{border-color:var(--c);color:var(--text)}.tsample-tag{color:var(--text-faint);flex:none;font-size:11px;font-weight:700}.tsample-list li.is-real .tsample-tag{color:var(--c)}.msample{align-items:stretch;gap:var(--space-2);flex-direction:column}.msample-row{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.msample-door{padding:var(--space-2) 0;border:1.5px solid var(--border-strong);color:var(--text-muted);border-radius:8px 8px 3px 3px;justify-items:center;gap:2px;font-size:20px;font-weight:800;display:grid}.msample-door.is-picked{border-color:var(--cyan);color:var(--cyan)}.msample-door.is-open{background:var(--bg);opacity:.8}.msample-no{color:var(--text-faint);font-size:11px}.msample-note{color:var(--text-muted);font-size:10px;font-weight:600}.bsample-art{aspect-ratio:2;object-fit:cover;border:1px solid color-mix(in srgb, var(--warning) 35%, transparent);border-radius:8px;width:100%;max-width:360px;height:auto;margin-inline:auto;display:block}.hsample{align-items:stretch;gap:var(--space-2);flex-direction:column}.hsample-board{justify-content:center;align-items:center;gap:var(--space-4);width:100%;max-width:360px;padding:var(--space-3);background:radial-gradient(ellipse 70% 60% at 50% 0%, color-mix(in srgb, var(--cyan) 16%, transparent), transparent 70%), radial-gradient(ellipse 60% 60% at 100% 100%, color-mix(in srgb, var(--accent-2) 14%, transparent), transparent 70%), #070b16;border:1px solid color-mix(in srgb, var(--cyan) 35%, transparent);border-radius:10px;margin-inline:auto;display:flex}.hsample-target{justify-items:center;gap:4px;display:grid}.hsample-label{color:var(--text-muted);font-size:10px}.hsample-tiles{gap:4px;display:flex}.hsample-tile{width:26px;height:32px;font-family:var(--font-mono);color:var(--cyan);background:color-mix(in srgb, var(--cyan) 8%, #070b16);border:1.5px solid var(--cyan);box-shadow:0 0 8px color-mix(in srgb, var(--cyan) 40%, transparent);text-shadow:0 0 6px var(--cyan);border-radius:6px;place-items:center;font-size:18px;font-weight:900;display:grid}.hsample-tile.is-known{color:var(--text);text-shadow:none;border-style:dashed}.hsample-table{border-collapse:collapse;font-size:12px}.hsample-table th{color:var(--text-muted);padding:0 6px 2px;font-size:9px;font-weight:800}.hsample-table th.is-hit{color:var(--cyan)}.hsample-table th.is-blow{color:var(--accent-2)}.hsample-table td{text-align:center;padding:2px 6px}.hsample-table tr.is-solved td{background:color-mix(in srgb, var(--cyan) 14%, transparent)}.hsample-call{font-family:var(--font-mono);letter-spacing:.1em;font-size:14px;font-weight:800}.hsample-count{border:1px solid;border-radius:4px;place-items:center;min-width:22px;font-weight:900;display:inline-grid}.hsample-count.is-hit{color:var(--cyan);background:color-mix(in srgb, var(--cyan) 12%, transparent)}.hsample-count.is-blow{color:var(--accent-2);background:color-mix(in srgb, var(--accent-2) 12%, transparent)}.esample{align-items:stretch;gap:var(--space-2);flex-direction:column}.esample-art{aspect-ratio:2;object-fit:cover;border:1px solid color-mix(in srgb, var(--warning) 35%, transparent);border-radius:8px;width:100%;max-width:320px;height:auto;margin-inline:auto;display:block}.asample{align-items:stretch;gap:var(--space-2);flex-direction:column}.asample-row{align-items:center;gap:var(--space-3);grid-template-columns:auto auto 1fr;display:grid}.asample-art{border:1px solid color-mix(in srgb, var(--warning) 45%, transparent);object-fit:cover;border-radius:8px;width:56px;height:56px}.asample-price{justify-items:center;display:grid}.asample-label{color:var(--text-muted);font-size:10px}.asample-n{color:var(--warning);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1.1}.asample-bidders{color:var(--text);grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:0;font-size:11px;list-style:none;display:grid}.asample-bidders li{align-items:center;gap:4px;display:flex}.asample-bidders li.is-out{color:var(--text-faint)}.asample-name{background:var(--surface-2);border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:inline-grid}.ssample{align-items:stretch;gap:var(--space-2);flex-direction:column}.ssample-row{justify-content:space-around;align-items:flex-end;gap:var(--space-2);padding:var(--space-3) 0 0;display:flex}.ssample-person{color:var(--c);justify-items:center;gap:3px;display:grid;position:relative}.ssample-head{background:var(--surface);border:1px solid;border-radius:50%;width:14px;height:14px}.ssample-num{background:var(--surface);min-width:34px;font-family:var(--font-mono);text-align:center;border:1px solid;border-radius:7px 7px 3px 3px;padding:3px 5px 2px;font-size:13px;font-weight:700;line-height:1.3}.ssample-person.is-out{color:var(--danger)}.ssample-x{color:var(--danger);text-shadow:0 0 10px color-mix(in srgb, var(--danger) 55%, transparent);place-items:center;font-size:34px;font-weight:800;display:grid;position:absolute;inset:0}.ksample{align-items:stretch;gap:var(--space-2);flex-direction:column}.ksample-row{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ksample-card{padding:var(--space-2) var(--space-1);border:1.5px solid hsl(var(--h) 85% 60%);box-shadow:0 0 8px hsl(var(--h) 85% 60% / .3);background:var(--surface-2);border-radius:8px;justify-items:center;gap:2px;display:grid}.ksample-n{font-family:var(--font-mono);color:hsl(var(--h) 90% 70%);font-size:20px;font-weight:800;line-height:1.1}.ksample-word{overflow-wrap:anywhere;font-size:12px;font-weight:700}.ksample-team{color:var(--cyan);place-items:center;font-size:18px;font-weight:800;display:grid}.ksample-row+.ksample-row .ksample-team{color:var(--accent-2)}.ksample-scale{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:12px;display:flex}.ksample-bar{background:linear-gradient(90deg,#f04242,#f0b642,#b6f042,#42f042,#42f0b6,#42b6f0,#4242f0,#b642f0);border-radius:999px;flex:1;height:3px}.bsample{align-items:stretch;gap:var(--space-2);flex-direction:column}.bsample-line{height:88px;margin:0 var(--space-4);position:relative}.bsample-line:before{content:"";background:var(--border-strong);height:1px;position:absolute;top:56px;left:0;right:0}.bsample-chip{left:var(--x);text-align:center;min-width:34px;font-family:var(--font-mono);color:var(--text-muted);background:var(--surface);border:1px solid var(--border-strong);border-radius:12px 12px 3px 3px;padding:3px 5px 2px;font-size:13px;font-weight:700;line-height:1.3;position:absolute;top:18px;transform:translate(-50%)}.bsample-chip:before{content:"";background:var(--surface);border:1px solid var(--border-strong);border-radius:50%;width:12px;height:12px;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.bsample-chip:after{content:"";opacity:.5;background:currentColor;width:1px;height:14px;position:absolute;top:100%;left:50%}.bsample-chip.is-win,.bsample-chip.is-win:before{color:var(--c);border-color:var(--c);box-shadow:0 0 12px color-mix(in srgb, var(--c) 40%, transparent)}.bsample-mark{left:var(--x);height:14px;position:absolute;top:50px}.bsample-mark span{white-space:nowrap;font-size:12px;position:absolute;top:18px}.bsample-mark--avg{border-left:1px dashed var(--text-faint)}.bsample-mark--avg span{color:var(--text-faint);left:2px}.bsample-mark--target{border-left:2px solid var(--c);filter:drop-shadow(0 0 4px var(--c))}.bsample-mark--target span{color:var(--c);font-weight:700;right:0}.bsample-end{left:var(--x);font-family:var(--font-mono);color:var(--text-faint);font-size:11px;position:absolute;top:62px;transform:translate(-50%)}.request{gap:var(--space-3);padding:var(--space-4) var(--space-6);border:1px dashed var(--border-strong);align-items:center;display:grid}@media (width>=640px){.request{grid-template-columns:auto 1fr auto}}.request-icon{width:44px;height:44px;color:var(--accent-2);border:1px solid var(--accent-2);justify-content:center;align-items:center;display:inline-flex}.request-body{gap:2px;display:grid}.monty-guide{text-align:center;place-items:center;min-height:3.4em;margin:0;font-size:16px;line-height:1.7;display:grid}.monty-note{animation:.3s ease-out both monty-note-in}@keyframes monty-note-in{0%{opacity:0;transform:translateY(4px)}}.monty-verdict strong{font-size:24px}.monty-verdict.is-win strong{color:var(--accent)}.monty-verdict.is-lose strong{color:var(--danger)}.monty-doors{justify-content:center;gap:var(--space-6);padding:40px var(--space-2) var(--space-3);background:radial-gradient(ellipse 60% 40% at 50% 100%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%), linear-gradient(180deg, transparent 70%, color-mix(in srgb, var(--text) 4%, transparent));border-radius:var(--radius-md);grid-template-columns:repeat(3,minmax(0,170px));display:grid}.monty-door{--tone:var(--accent);gap:var(--space-2);color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:grid}.monty-door--2{--tone:var(--accent-2)}.monty-door--3{--tone:var(--accent-3)}.monty-door:disabled{cursor:default}.monty-door-frame{aspect-ratio:5/8;border:3px solid color-mix(in srgb, var(--tone) 55%, #1a2230);perspective:900px;background:radial-gradient(70% 55% at 50% 20%,#ffffff1a,#0000 70%),#05080c;border-radius:14px 14px 4px 4px;margin:8px;transition:box-shadow .3s ease-out;display:block;position:relative;box-shadow:inset 0 0 18px #000c}.monty-door-frame:before{content:"";background:radial-gradient(circle, var(--bulb,color-mix(in srgb, var(--tone) 35%, #2a3240)) 2.2px, transparent 2.8px) 0 0 / 11px 11px;-webkit-mask-composite:xor;pointer-events:none;border-radius:20px 20px 8px 8px;padding:5px;position:absolute;inset:-11px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.monty-door-inside{filter:drop-shadow(0 6px 10px #000000b3);place-items:center;font-size:clamp(34px,9vw,58px);line-height:1;display:grid;position:absolute;inset:0}.monty-door.is-open .monty-door-inside{animation:.42s cubic-bezier(.2,.9,.3,1.4) .25s both monty-inside-in}@keyframes monty-inside-in{0%{opacity:0;transform:scale(.4)}}.monty-door-panel{background:linear-gradient(100deg, #ffffff12, transparent 40%), linear-gradient(180deg, color-mix(in srgb, var(--tone) 26%, #151c27), color-mix(in srgb, var(--tone) 12%, #0c1118));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 40%, transparent), inset -6px 0 12px #00000059;transform-origin:0;backface-visibility:hidden;border-radius:11px 11px 2px 2px;transition:transform .7s cubic-bezier(.3,.7,.2,1);position:absolute;inset:0}.monty-door.is-open .monty-door-panel{transform:rotateY(-105deg)}.monty-door-inset{border:1px solid color-mix(in srgb, var(--tone) 30%, transparent);border-radius:4px;position:absolute;left:18%;right:18%;box-shadow:inset 2px 2px 5px #00000073,inset -1px -1px #ffffff0f}.monty-door-inset--top{height:22%;top:30%}.monty-door-inset--bottom{height:34%;top:58%}.monty-door-plate{aspect-ratio:1;border:2px solid var(--tone);width:clamp(24px,30%,40px);color:var(--tone);text-shadow:0 0 10px var(--tone);box-shadow:0 0 14px color-mix(in srgb, var(--tone) 45%, transparent);background:#070a0f;border-radius:50%;place-items:center;font-size:clamp(13px,3.6vw,22px);font-weight:800;display:grid;position:absolute;top:7%;left:50%;transform:translate(-50%)}.monty-door-knob{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #fff 0 12%, color-mix(in srgb, var(--tone) 70%, #fff) 30%, color-mix(in srgb, var(--tone) 40%, #000) 100%);border-radius:50%;width:clamp(7px,8%,12px);position:absolute;top:53%;right:6%;box-shadow:0 1px 3px #0009}.monty-door:not(:disabled):hover .monty-door-frame{--bulb:color-mix(in srgb, var(--tone) 70%, #fff);box-shadow:inset 0 0 18px #000c, 0 0 22px color-mix(in srgb, var(--tone) 30%, transparent)}.monty-door.is-picked .monty-door-frame{--bulb:#fff6c8;border-color:var(--tone);box-shadow:inset 0 0 18px #000c, 0 0 26px color-mix(in srgb, var(--tone) 45%, transparent)}.monty-door.is-picked .monty-door-frame:before{filter:drop-shadow(0 0 3px #ffe58a);animation:.9s steps(2,jump-none) infinite monty-bulbs}@keyframes monty-bulbs{50%{background-position:5.5px 5.5px}}.monty-door.is-car .monty-door-frame{--bulb:#fff6c8;border-color:var(--tone);box-shadow:inset 0 0 18px #0009, 0 0 36px color-mix(in srgb, var(--tone) 60%, transparent)}.monty-door.is-car .monty-door-frame:before{filter:drop-shadow(0 0 4px #ffe58a);animation:.36s steps(2,jump-none) infinite monty-flash}@keyframes monty-flash{50%{opacity:.25}}.monty-door.is-goat .monty-door-inside{opacity:.85}.monty-door{position:relative}.monty-hand{z-index:2;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--tone) 80%, transparent));pointer-events:none;animation:.32s cubic-bezier(.2,.9,.3,1.5) both monty-hand-in,.9s ease-in-out .32s infinite alternate monty-hand-bob;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.monty-hand svg{display:block}@keyframes monty-hand-in{0%{opacity:0;transform:translate(-50%,-12px)scale(.7)}}@keyframes monty-hand-bob{0%{transform:translate(-50%)}to{transform:translate(-50%,6px)}}html[data-motion=off] .monty-hand{animation:none}.monty-door-label{text-align:center;color:var(--text-muted)}.monty-door-label.is-selected{color:var(--tone);font-weight:700;animation:.32s cubic-bezier(.2,.9,.3,1.5) both monty-mark-in}@keyframes monty-mark-in{0%{opacity:0;transform:translateY(-6px)scale(.8)}}.monty-choice{padding-block:var(--space-2);flex-direction:column;gap:0;line-height:1.3}.monty-choice-sub{opacity:.8;font-size:12px;font-weight:700}.monty-actions{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.monty-stat{gap:var(--space-2);display:grid}.monty-stat-rate{font-size:24px;font-weight:800}.monty-stat.is-switch .monty-stat-rate{color:var(--accent)}.monty-stat.is-stay .monty-stat-rate{color:var(--accent-2)}.monty-bar{border-radius:var(--radius-pill);background:var(--surface-2);height:14px;position:relative;overflow:hidden}.monty-bar-fill{border-radius:inherit;height:100%;transition:width .5s ease-out}.monty-stat.is-switch .monty-bar-fill{background:var(--accent)}.monty-stat.is-stay .monty-bar-fill{background:var(--accent-2)}.monty-bar-theory{background:var(--text);width:2px;position:absolute;top:-2px;bottom:-2px}.monty-batch{margin:0}[data-motion=off] .monty-note,[data-motion=off] .monty-door.is-open .monty-door-inside,[data-motion=off] .monty-door-label.is-selected,[data-motion=off] .monty-door-frame:before{animation:none}[data-motion=off] .monty-door-panel,[data-motion=off] .monty-door-frame,[data-motion=off] .monty-bar-fill{transition:none}.au{--au-gold:var(--warning);--r-kokuho:var(--au-gold);--r-meihin:var(--accent-2);--r-ryohin:var(--accent);--r-bonpin:var(--info);--r-garakuta:var(--text-muted)}.au-layout{gap:var(--space-6);grid-template-areas:"main""side""list";align-items:start;display:grid}.au-main{grid-area:main}.au-side{grid-area:side}.au-list{grid-area:list}.au-main,.au-side,.au-list{min-width:0}@media (width>=900px){.au-layout{grid-template:"main side""main list"1fr/minmax(0,3fr) minmax(280px,2fr)}}@media (width>=1200px){.page--play.page--wide.au{max-width:1400px}.au-layout{grid-template:"list main side"/minmax(260px,1fr) minmax(0,2fr) minmax(280px,1fr)}}.au.is-big-button{padding-bottom:300px}.au-bigbtn-toggle{margin-right:var(--space-2);border:1px solid var(--border-strong);color:var(--text-muted);font:inherit;letter-spacing:.04em;cursor:pointer;transition:color var(--motion), border-color var(--motion);background:0 0;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:800}.au-bigbtn-toggle.is-on{border-color:var(--accent);color:var(--accent)}@media (hover:hover){.au-bigbtn-toggle:hover{border-color:var(--accent);color:var(--text)}}.au-stage{text-align:center;justify-items:center}.au-stage>.row-between{justify-self:stretch}.au-lot{justify-items:center;gap:var(--space-2);display:grid}.au-scene{aspect-ratio:16/9;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:url(/auction/stage.webp) center / cover no-repeat, var(--bg);place-items:end center;width:100%;padding-bottom:4%;display:grid;overflow:hidden}.au-lot{width:100%}.au-lot-art{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--au-gold) 35%, transparent);border-radius:var(--radius-md);background:radial-gradient(circle at 50% 40%, var(--surface-2), var(--bg));width:32%;box-shadow:0 18px 30px #0000008c, 0 0 40px color-mix(in srgb, var(--au-gold) 15%, transparent);place-items:center;display:grid;position:relative;overflow:hidden}.au-lot-art img{object-fit:cover;width:100%;height:100%}.au-lot-placeholder{color:color-mix(in srgb, var(--au-gold) 70%, var(--text));text-shadow:0 0 24px color-mix(in srgb, var(--au-gold) 40%, transparent);font-size:72px;font-weight:800}.au-lot--sm .au-lot-placeholder{font-size:44px}.au-lot.is-kokuho .au-lot-art{border-color:var(--au-gold);box-shadow:0 0 24px color-mix(in srgb, var(--au-gold) 35%, transparent)}.au-lot-badge{top:var(--space-2);left:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--au-gold);color:var(--text-on-accent);font-size:12px;font-weight:800;position:absolute}.au-lot-caption{justify-items:center;display:grid}.au-lot-name{font-size:20px;font-weight:800}.au-lot--sm .au-lot-name{font-size:16px}.au-kokuho-note{color:var(--au-gold);margin:0;font-weight:800}.au-timer{font-weight:700}.au-timer.is-urgent{color:var(--danger)}.au-score-rule{padding:var(--space-2) var(--space-3);border-left:3px solid var(--au-gold);border-radius:var(--radius-sm);background:var(--surface-2);gap:2px;margin:0}.au-score-rule b{color:var(--au-gold)}.au-tally{gap:var(--space-2);padding:var(--space-4);border:2px solid var(--au-gold);border-radius:var(--radius-md);background:color-mix(in srgb, var(--au-gold) 8%, var(--surface-2));box-shadow:0 0 20px color-mix(in srgb, var(--au-gold) 25%, transparent);display:grid}.au-tally-title{color:var(--au-gold);letter-spacing:.06em;font-size:14px;font-weight:800}.au-tally-rows{gap:var(--space-1);margin:0;padding:0;font-size:18px;font-weight:700;list-style:none;display:grid}.au-tally-op{width:1.4em;color:var(--au-gold);display:inline-block}.au-tally b{color:var(--au-gold)}.au-balance{font-size:36px;font-weight:800;line-height:1}.au-cards,.au-items,.au-rounds,.au-trades,.au-bidders,.au-results{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.au-card-row{padding:var(--space-2) var(--space-3);border-left:3px solid var(--r,var(--border-strong));border-radius:var(--radius-sm);background:var(--surface-2);gap:2px;display:grid}.au-card-row.is-meihin{--r:var(--r-meihin)}.au-card-row.is-ryohin{--r:var(--r-ryohin)}.au-card-row.is-bonpin{--r:var(--r-bonpin)}.au-card-row.is-garakuta{--r:var(--r-garakuta)}.au-card-row.is-funds{--r:var(--au-gold)}.au-card-row.is-kokuho,.au-card-row.is-kokuhoValue{--r:var(--r-kokuho)}.au-card-row.is-scout{--r:var(--cyan)}.au-card-row.is-hacker{--r:var(--danger)}.au-card-row.is-appraise,.au-card-row.is-insurance,.au-card-row.is-quagmire{--r:var(--info)}.au-card-row.has-icon{align-items:start;column-gap:var(--space-3);grid-template-columns:auto minmax(0,1fr)}.au-card-main{gap:2px;min-width:0;display:grid}.au-special-tag{color:var(--text-muted);margin-left:2px;font-size:11px;font-weight:600}.au-cicon{--cicon:var(--border-strong);--cicon-bg:color-mix(in srgb, var(--cicon) 30%, var(--bg));border:1px solid color-mix(in srgb, var(--cicon) 60%, transparent);background:var(--cicon-bg);color:var(--text);border-radius:8px;flex:none;place-items:center;display:inline-grid}.au-cicon.is-meihin{--cicon:var(--r-meihin)}.au-cicon.is-ryohin{--cicon:var(--r-ryohin)}.au-cicon.is-bonpin{--cicon:var(--r-bonpin)}.au-cicon.is-garakuta{--cicon:var(--r-garakuta)}.au-cicon.is-funds,.au-cicon.is-kokuho,.au-cicon.is-kokuhoValue{--cicon:var(--au-gold)}.au-cicon.is-scout{--cicon:var(--cyan)}.au-cicon.is-hacker,.au-cicon.is-quagmire{--cicon:var(--danger)}.au-cicon.is-appraise,.au-cicon.is-insurance{--cicon:var(--info)}.au-card-use{gap:var(--space-1);margin-top:var(--space-1);justify-items:start;display:grid}.au-card-use .btn{min-height:0;padding:var(--space-1) var(--space-3);font-size:13px}.au-use-btn{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:background var(--motion), border-color var(--motion), color var(--motion);border-radius:2px;justify-self:stretch;font-size:13px;font-weight:800}.au-use-btn:disabled{opacity:.45;cursor:not-allowed}.au-use-btn.is-danger{border-color:var(--danger);color:var(--danger)}@media (hover:hover){.au-use-btn:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.au-use-btn.is-danger:not(:disabled):hover{background:var(--danger);border-color:var(--danger);color:var(--bg)}}.au-kokuho-known{color:var(--au-gold);margin:0;font-weight:700}.au-hack{border-color:var(--danger)}.au-hack.is-target{box-shadow:0 0 0 2px var(--danger)}.au-quagmire{margin-left:var(--space-1);border-radius:var(--radius-sm);background:var(--danger);color:var(--bg);white-space:nowrap;padding:0 6px;font-size:11px;font-weight:800;line-height:1.6;display:inline-block}.au-offer-blocked{color:var(--danger);margin:0}.au-quagmire-note{color:var(--danger);text-align:center;margin:0;font-weight:700}.au-item-row{align-items:center;gap:var(--space-2);display:flex}.au-others{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.au-other{align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);display:flex}.au-other-body{gap:var(--space-1);flex:1;min-width:0;display:grid}.au-other-head{align-items:center;gap:var(--space-2);display:flex}.au-other-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.au-other-ready{color:var(--accent)}.au-other-items{flex-wrap:wrap;gap:4px;display:flex}.au-scoutmark{border:1px solid var(--cyan);border-radius:var(--radius-sm);color:var(--cyan);white-space:nowrap;padding:0 6px;font-size:11px;font-weight:800;line-height:1.6}.au-tip{cursor:help;position:relative}.au-tip:after{content:attr(data-tip);z-index:20;width:max-content;max-width:220px;padding:var(--space-2) var(--space-3);border:1px solid var(--cyan);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);white-space:pre-line;opacity:0;pointer-events:none;transition:opacity var(--motion), transform var(--motion);font-size:12px;font-weight:500;line-height:1.5;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-2px);box-shadow:0 6px 18px #00000073}.au-tip:hover:after,.au-tip:focus-visible:after,.au-tip:focus:after{opacity:1;transform:none}.au-tip:focus{outline:none}.au-other-cards{flex-wrap:wrap;gap:4px;display:flex}.au-cicon.is-unknown{--cicon:var(--au-gold);color:var(--au-gold)}.au-rank{margin-left:var(--space-1);border:1px solid var(--r);border-radius:var(--radius-sm);color:var(--r);white-space:nowrap;padding:0 6px;font-size:11px;font-weight:800;line-height:1.6;display:inline-block}.au-rank.is-kokuho{--r:var(--r-kokuho)}.au-rank.is-meihin{--r:var(--r-meihin)}.au-rank.is-ryohin{--r:var(--r-ryohin)}.au-rank.is-bonpin{--r:var(--r-bonpin)}.au-rank.is-garakuta{--r:var(--r-garakuta)}.au-rank.is-appraised{--r:var(--info)}.au-legend{border-collapse:collapse;width:100%;font-size:13px}.au-legend th{padding:0 var(--space-2) var(--space-1);color:var(--text-muted);text-align:left;font-size:11px;font-weight:600}.au-legend td{padding:var(--space-1) var(--space-2);border-top:1px solid var(--border)}.au-legend th:not(:first-child),.au-legend td:not(:first-child){text-align:right}.au-legend .au-rank{margin-left:0;font-size:12px}.au-thumb{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);flex:none;width:28px;height:28px;display:block;overflow:hidden}.au-thumb img{object-fit:cover;width:100%;height:100%;display:block}.au-round{align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);grid-template-columns:1.8em 28px minmax(0,1fr) auto;display:grid}.au-round.is-done{opacity:.75}.au-round.is-kokuho{border-color:color-mix(in srgb, var(--au-gold) 50%, var(--border))}.au-round-divider{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;color:var(--au-gold);font-size:12px;font-weight:700;display:flex}.au-round-divider:before,.au-round-divider:after{content:"";background:color-mix(in srgb, var(--au-gold) 50%, transparent);flex:1;height:1px}.au-round-divider.is-past{opacity:.6}.au-round-n{text-align:right}.au-round-name{overflow-wrap:anywhere}.au-round-result{white-space:nowrap}.au-log{align-content:start;gap:var(--space-1);min-height:160px;max-height:420px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);display:grid;overflow-y:auto}.au-log-time{margin-right:var(--space-2)}.au-notice{padding:var(--space-1) var(--space-2);border-left:3px solid var(--vis);border-radius:var(--radius-sm);background:var(--surface);color:var(--vis);margin:0}.au-notice.is-self,.au-log-legend .is-self{--vis:var(--danger)}.au-notice.is-temp,.au-log-legend .is-temp{--vis:var(--text)}.au-notice.is-public,.au-log-legend .is-public{--vis:var(--warning)}.au-notice.is-party,.au-log-legend .is-party{--vis:var(--violet)}.au-log-legend{gap:var(--space-3);flex-wrap:wrap;margin:0;display:flex}.au-log-legend span{color:var(--vis)}.au-log-legend span:before{content:"■ "}.au-notice.is-new{animation:phase-in var(--motion-phase) both}.au-notice:not(.is-new){opacity:.8}.au-deck{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.au-deck-card{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--au-gold) 14%, transparent) 0 1px, transparent 1px 9px), var(--surface-2);width:64px;height:88px;color:var(--au-gold);font:inherit;cursor:pointer;transition:transform var(--motion);place-items:center;font-size:26px;font-weight:800;display:grid}.au-deck-card:disabled{cursor:default}.au-deck-card.is-taken{opacity:.45;color:var(--text);font-size:12px}.au-deck-card.is-mine{opacity:1;border-color:var(--au-gold);box-shadow:0 0 12px color-mix(in srgb, var(--au-gold) 40%, transparent)}@media (hover:hover){.au-deck-card:not(:disabled):hover{border-color:var(--au-gold);transform:translateY(-3px)}}.au-offer{padding:var(--space-3);border:1px solid var(--warning);border-radius:var(--radius-md);background:color-mix(in srgb, var(--warning) 6%, var(--surface))}.au-offer.is-waiting{border-color:var(--border);background:var(--surface-2)}.au-offer-new{padding:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-md)}.au-offer-sides{gap:var(--space-4);display:grid}@media (width>=640px){.au-offer-sides{grid-template-columns:1fr 1fr}}.au-money-field{gap:2px;display:grid}.au-check{align-items:center;gap:var(--space-2);display:flex}.au-price{justify-items:center;gap:var(--space-1);display:grid}.au-price-n{color:var(--au-gold);text-shadow:0 0 24px color-mix(in srgb, var(--au-gold) 35%, transparent);font-size:72px;font-weight:800;line-height:1}.au-price.is-count .au-price-n{color:var(--text);text-shadow:none}.au-bidder{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);display:flex}.au-bidder>.caption{color:var(--accent);margin-left:auto}.au-bidder.is-out{opacity:.5}.au-bidder.is-out>.caption{color:var(--text-muted)}.au-bidder.is-me{border-left:3px solid var(--accent)}.au-drop{min-height:64px;font-size:20px}.au-bid-form{align-items:end;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.au-sold{margin:0;font-size:22px;font-weight:800}.au-sold b{color:var(--au-gold)}.au-sold.is-draw{color:var(--danger)}.au-result{align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:2em minmax(0,1fr) auto auto;display:grid}button.au-result{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--motion)}@media (hover:hover){button.au-result:hover{border-color:var(--border-strong)}}.au-result.is-shown{outline:2px solid var(--text);outline-offset:2px}.au-result.is-top{border-color:var(--au-gold);box-shadow:0 0 16px color-mix(in srgb, var(--au-gold) 25%, transparent)}.au-result.is-me{border-left:3px solid var(--accent)}.au-result-rank{text-align:center;font-size:20px;font-weight:800}.au-myresult{padding-top:var(--space-3);border-top:1px solid var(--border)}.au-myitems{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.au-myitem{align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:28px minmax(0,1fr) auto auto;display:grid}.au-myitem-name{overflow-wrap:anywhere}.au-myitem-value{color:var(--warning);font-size:16px;font-weight:800}.au-diff{text-align:right;min-width:3em;font-weight:800}.au-diff.is-plus{color:var(--accent)}.au-diff.is-minus{color:var(--danger)}.au-sum{gap:var(--space-1) var(--space-3);grid-template-columns:1fr auto;margin:0;font-size:14px;display:grid}.au-sum dt{color:var(--text-muted)}.au-sum dd{text-align:right;margin:0}.au-sum-score,.au-result-score{font-size:20px;font-weight:800}.bc-announce .bc-rank{color:var(--accent-3);letter-spacing:.1em}.bc-layout{gap:var(--space-6);align-items:start;display:grid}@media (width>=640px){.bc-layout{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)}}.bc-formula{gap:var(--space-2);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:var(--radius-lg);background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 12%, var(--surface-2)), var(--surface));box-shadow:0 0 24px color-mix(in srgb, var(--accent) 18%, transparent);text-align:center;display:grid}.bc-formula-line{justify-content:center;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;font-size:22px;font-weight:800;line-height:1.2;display:flex}.bc-formula-key{color:var(--accent);text-shadow:0 0 12px color-mix(in srgb, var(--accent) 55%, transparent)}.bc-formula-eq,.bc-formula-op{color:var(--text-muted);font-family:var(--font-mono)}.bc-formula-num{color:var(--accent);text-shadow:0 0 16px color-mix(in srgb, var(--accent) 55%, transparent);font-size:28px}.bc-formula-sub{color:var(--text-muted);font-size:13px}.bc-formula-note{color:var(--text-muted);opacity:.85}.bc-formula-sub .bc-plus{color:var(--accent);font-weight:800}@media (width>=600px){.bc-formula-line{font-size:28px}.bc-formula-num{font-size:36px}}.bc-slots{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(64px,1fr));margin:0;padding:0;list-style:none;display:grid}.bc-slot{padding:var(--space-2) var(--space-1);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg) 60%, transparent);color:var(--text-faint);text-align:center;gap:2px;display:grid}.bc-slot-rank{letter-spacing:.08em;font-size:11px}.bc-slot-maybe{color:var(--accent-2);opacity:.7}.bc-slot-name{overflow-wrap:anywhere;font-size:11px;font-weight:700;line-height:1.3}.bc-slot.is-filled{color:var(--text);border-style:solid;animation:.42s cubic-bezier(.2,.8,.2,1.4) both bc-slot-in}.bc-slot.is-filled.rank-1{border-color:var(--cyan);background:color-mix(in srgb, var(--cyan) 14%, transparent)}.bc-slot.is-filled.rank-2{border-color:var(--accent-3);background:color-mix(in srgb, var(--accent-3) 14%, transparent)}.bc-slot.is-filled.rank-3{border-color:var(--accent-2);background:color-mix(in srgb, var(--accent-2) 16%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--accent-2) 35%, transparent)}.bc-slot.is-dormant{opacity:.45}@keyframes bc-slot-in{0%{opacity:0;transform:scale(.7)rotate(-6deg)}}.bc-reveal{z-index:50;padding:var(--space-4);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;animation:.2s both bc-fade;display:grid;position:fixed;inset:0}.bc-reveal-inner{text-align:center;width:min(420px,100%)}.bc-reveal-lead{color:var(--text-muted);letter-spacing:.08em;font-size:13px}.bc-reveal-flip{min-height:190px;transform-style:preserve-3d;perspective:1200px;transition:transform .7s cubic-bezier(.3,.7,.2,1.15);display:grid}.bc-reveal-flip.is-flipped{transform:rotateY(180deg)}.bc-reveal-face{align-content:center;gap:var(--space-2);padding:var(--space-5);border:2px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);backface-visibility:hidden;grid-area:1/1;display:grid}.bc-reveal-face--front{transform:rotateY(180deg)}.bc-reveal-face--front.rank-1{border-color:var(--cyan);box-shadow:0 0 36px color-mix(in srgb, var(--cyan) 35%, transparent)}.bc-reveal-face--front.rank-2{border-color:var(--accent-3);box-shadow:0 0 36px color-mix(in srgb, var(--accent-3) 35%, transparent)}.bc-reveal-face--front.rank-3{border-color:var(--accent-2);box-shadow:0 0 44px color-mix(in srgb, var(--accent-2) 45%, transparent)}.bc-reveal-rank{letter-spacing:.15em;color:var(--accent-3);font-size:18px}.bc-reveal-face--front.rank-3 .bc-reveal-rank{color:var(--accent-2)}.bc-reveal-q{font-family:var(--font-mono);color:var(--text-faint);font-size:64px;font-weight:800}.bc-reveal-name{font-size:26px;line-height:1.2}.bc-reveal-text{color:var(--text-muted);font-size:14px;line-height:1.7}@keyframes bc-fade{0%{opacity:0}}.bc-die{padding:var(--space-4) 0;place-items:center;display:grid}.bc-die-face{fill:none;width:128px;height:128px;stroke:var(--cyan);stroke-width:3px}.bc-die-face circle{fill:var(--cyan);stroke:none}.bc-die.is-rolling{animation:.42s linear infinite bc-die-tumble}.bc-die:not(.is-rolling) .bc-die-face{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--cyan) 55%, transparent));animation:.42s cubic-bezier(.2,.9,.3,1.5) both bc-die-land}@keyframes bc-die-tumble{0%{transform:rotate(0)scale(.92)}50%{transform:rotate(180deg)scale(1.04)}to{transform:rotate(360deg)scale(.92)}}@keyframes bc-die-land{0%{opacity:.4;transform:scale(1.5)}}.bc-die-text{font-size:18px;line-height:1.6}.bc-die-text.is-rolling{color:var(--text-muted)}.bc-die-plus{color:var(--cyan);font-size:30px;font-weight:800}[data-motion=off] .bc-die.is-rolling,[data-motion=off] .bc-die .bc-die-face{animation:none}[data-motion=off] .bc-reveal-flip,[data-motion=off] .bc-slot.is-filled{transition:none;animation:none}.bc-rules-title{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.bc-rule{padding-left:var(--space-3);border-left:2px solid var(--border-strong)}.bc-rule.is-dormant,.score-list .is-out{opacity:.5}.bc-bubble{color:var(--accent-2);border-color:var(--accent-2)}.bc-input-row{gap:var(--space-3);display:flex}.bc-number{min-width:0;height:88px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text);font-family:var(--font-mono);text-align:center;flex:1;font-size:44px;font-weight:800}.bc-number:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.bc-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bc-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bc-number[type=number]{appearance:textfield}.bc-error{color:var(--danger)}.bc-prev{padding:var(--space-2) var(--space-3);border-left:2px solid var(--accent-2);background:color-mix(in srgb, var(--accent-2) 10%, transparent);border-radius:var(--radius-sm);margin:0}.bc-prev-value{color:var(--accent-2);font-size:18px;font-weight:800}.bc-dice{align-items:center;gap:var(--space-3);display:flex}.bc-dice-value{color:var(--cyan);font-size:32px;font-weight:800}.bc-target{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;display:flex}.bc-target-value{color:var(--accent);text-shadow:0 0 20px color-mix(in srgb, var(--accent) 45%, transparent)}.bc-target-value.is-pending{color:var(--text-faint);text-shadow:none;animation:1.2s ease-in-out infinite bc-target-wait}.bc-target-value.is-revealed{animation:.42s cubic-bezier(.2,.9,.3,1.4) both bc-target-in}@keyframes bc-target-wait{50%{opacity:.4}}@keyframes bc-target-in{0%{opacity:0;transform:scale(1.4)}}.bc-delta.is-pending{visibility:hidden}.bc-delta.is-revealed{animation:.42s cubic-bezier(.2,.9,.3,1.6) both bc-delta-in;animation-delay:calc(var(--i,0) * 90ms)}@keyframes bc-delta-in{0%{opacity:0;transform:scale(2.2)}}.bc-card.is-win{animation:.9s ease-out both bc-win-flash;animation-delay:calc(var(--i,0) * 90ms)}@keyframes bc-win-flash{0%{box-shadow:0 0 #0000}35%{box-shadow:0 0 0 2px var(--accent), 0 0 48px color-mix(in srgb, var(--accent) 70%, transparent)}}.bc-card.is-lose .bc-card-number,.bc-card.is-out .bc-card-number{color:var(--text-muted);transition:color .3s ease-out}[data-motion=off] .bc-target-value.is-pending,[data-motion=off] .bc-target-value.is-revealed,[data-motion=off] .bc-delta.is-revealed,[data-motion=off] .bc-card.is-win{animation:none}.bc-cards{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.bc-card{gap:var(--space-1);display:grid}.bc-card.is-win{border-color:var(--accent);box-shadow:0 0 20px color-mix(in srgb, var(--accent) 25%, transparent)}.bc-card.is-out{border-color:color-mix(in srgb, var(--danger) 60%, transparent);opacity:.8}.bc-card.is-phantom{--phantom:#b58cff;border:1px dashed var(--phantom);background:color-mix(in srgb, var(--phantom) 10%, var(--surface));box-shadow:0 0 18px color-mix(in srgb, var(--phantom) 22%, transparent)}.bc-card.is-phantom .bc-card-name,.bc-card.is-phantom .bc-card-number,.bc-phantom-mark{color:var(--phantom)}.bc-card-name{font-weight:700}.bc-card-number{font-size:30px;font-weight:800}.bc-delta{color:var(--danger);font-weight:800}.bc-delta.is-plus{color:var(--accent)}.bc-trace{border-collapse:collapse;width:100%;font-size:16px}.bc-trace th{width:6.5em;color:var(--text-muted);text-align:left;vertical-align:top;padding:6px 0;font-weight:600}.bc-trace td{overflow-wrap:anywhere;padding:6px 0}.bc-trace tr.is-winner td{color:var(--accent);font-size:18px;font-weight:800}.bc-trace tr.is-pending{visibility:hidden}.bc-trace tr.is-shown{animation:.26s ease-out both bc-trace-in}@keyframes bc-trace-in{0%{opacity:0;transform:translate(-6px)}}[data-motion=off] .bc-trace tr.is-shown{animation:none}.bc-rank-no{min-width:2.5em;color:var(--accent);font-weight:800;display:inline-block}.bb{--bb-gold:var(--warning);--bb-wood:#5a3f26}.page--play.page--wide.bb{max-width:1100px}.bb-board{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg) center / 100% 100% no-repeat;width:100%;position:relative;overflow:hidden;container-type:inline-size}.bb-board.is-v{aspect-ratio:9/16;background-image:url(/bridge/board-sp.webp);width:min(100%,43.875svh);margin-inline:auto}.bb-board.is-h{aspect-ratio:16/9;background-image:url(/bridge/board-pc.webp)}.bb-tile{--hole:radial-gradient(ellipse at center, #020304 30%, #020304bf 70%, transparent 100%);background:0 0;border:0;padding:0;position:absolute;container-type:size}button.bb-tile{cursor:pointer}.bb-plank{filter:drop-shadow(0 1px 1px #0009);transition:filter var(--motion);background:url(/bridge/plank.webp) 50%/100% 100% no-repeat;position:absolute;inset:1px}.bb-board.is-h .bb-plank{width:calc(100cqh - 2px);height:calc(100cqw - 2px);inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}.bb-tile.is-safe .bb-plank{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--bb-gold) 55%, transparent));background-image:url(/bridge/plank-safe.webp)}.bb-tile.is-repaired .bb-plank{background-image:url(/bridge/plank-repaired.webp)}.bb-tile.is-pit{background:var(--hole)}.bb-tile.is-pit .bb-plank{background-image:url(/bridge/plank-pit.webp)}.bb-tile.is-pit,.bb-tile.is-safe{animation:.5s ease-out bb-open}@keyframes bb-open{0%{filter:brightness(1.8);transform:scale(1.12)}}.bb-tile-n{color:#ffffff8c;text-shadow:0 1px 2px #000;pointer-events:none;font-size:clamp(8px,1.1cqi,11px);font-weight:700;position:absolute;bottom:3%;right:4%}.bb-mine{border:1px dashed var(--danger);border-radius:var(--radius-sm);color:var(--danger);pointer-events:none;background:#0000008c;padding:0 4px;font-size:clamp(9px,1.4cqi,12px);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bb-tile.is-pickable:hover .bb-plank,.bb-tile.is-pickable:focus-visible .bb-plank{filter:brightness(1.3)}.bb-tile.is-picked{outline:2px solid var(--danger);outline-offset:-2px;box-shadow:0 0 14px color-mix(in srgb, var(--danger) 60%, transparent);z-index:1}.bb-pawn{--size:2.4cqw;z-index:2;width:var(--size);height:var(--size);background:var(--c);min-width:18px;min-height:18px;color:var(--text-on-accent);border:2px solid #fff;border-radius:50%;place-items:center;font-size:clamp(9px,1.2cqw,14px);font-weight:800;transition:left .6s ease-in-out,top .6s ease-in-out;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 4px #000000b3}.bb-board.is-v .bb-pawn{--size:6cqw;font-size:clamp(10px,3cqw,14px)}.bb-pawn.is-turn{box-shadow:0 0 0 3px var(--bb-gold), 0 0 14px var(--bb-gold);z-index:3}.bb-pawn.is-skip{opacity:.55}.bb-pawn.is-you{border-color:var(--bb-gold)}.bb-panel{gap:var(--space-6);display:grid}@media (width>=900px){.bb-panel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.bb-panel>.bb-actions{grid-row:span 2}}.bb-actions{padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}.bb-die{--s:44px;width:var(--s);height:var(--s);color:#3a2714;background:linear-gradient(145deg,#e9dcc0,#b7a27a);border:2px solid #c9b38a;border-radius:8px;flex:none;grid-template:repeat(3,1fr)/repeat(3,1fr);place-items:center;padding:6px;display:inline-grid;box-shadow:0 3px 6px #00000080}.bb-die--lg{--s:72px;padding:10px}.bb-pip{width:calc(var(--s) * .2);height:calc(var(--s) * .2);background:#3a2714;border-radius:50%}.bb-die.is-1 .bb-pip{grid-area:2/2}.bb-die.is-2 .bb-pip:first-child,.bb-die.is-3 .bb-pip:first-child,.bb-die.is-4 .bb-pip:first-child{grid-area:1/1}.bb-die.is-2 .bb-pip:nth-child(2),.bb-die.is-3 .bb-pip:nth-child(3),.bb-die.is-4 .bb-pip:nth-child(4){grid-area:3/3}.bb-die.is-3 .bb-pip:nth-child(2){grid-area:2/2}.bb-die.is-4 .bb-pip:nth-child(2){grid-area:1/3}.bb-die.is-4 .bb-pip:nth-child(3){grid-area:3/1}.bb-die.is-x{border-color:var(--danger);color:var(--danger);padding:calc(var(--s) * .1);background:linear-gradient(145deg,#3a1a1f,#1a0b0e);grid-template:1fr/1fr;display:grid}.bb-x-img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--danger) 70%, transparent));-webkit-user-select:none;user-select:none}.bb-die.is-p{padding:calc(var(--s) * .06);border-color:var(--bb-gold);box-shadow:0 3px 6px #00000080, 0 0 12px color-mix(in srgb, var(--bb-gold) 45%, transparent);background:radial-gradient(circle at 50% 60%,#3a2e12,#14100a 75%);grid-template:1fr/1fr;display:grid}.bb-die.is-p svg{width:100%;height:100%;overflow:visible}.bb-p-rays line{stroke:color-mix(in srgb, var(--bb-gold) 55%, transparent);stroke-width:1.2px;stroke-linecap:round}.bb-p-tri{fill:#2a200c;stroke:var(--bb-gold);stroke-width:2px;stroke-linejoin:round;filter:drop-shadow(0 0 2px var(--bb-gold))}.bb-p-eye{fill:#f3e7c6;stroke:var(--bb-gold);stroke-width:1px}.bb-p-iris{fill:#3b6f8f}.bb-p-pupil{fill:#0b0f14}.bb-mydie{align-items:center;gap:var(--space-4);display:flex}.bb-declare{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.bb-declare-btn{flex-direction:column;align-items:center;gap:2px;min-height:64px;display:flex}.bb-declare-btn.is-true{border-color:var(--accent);box-shadow:var(--glow)}.bb-declare-n{font-size:26px;font-weight:800;line-height:1}.bb-claim{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.bb-claim-n{color:var(--bb-gold);text-shadow:0 0 12px color-mix(in srgb, var(--bb-gold) 50%, transparent);font-size:48px;font-weight:800;line-height:1}.bb-doubt-actions{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.bb-doubt-btn{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 85%, black);color:#fff;font-weight:800}.bb-result-head{align-items:center;gap:var(--space-3);display:flex}.bb-events{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.bb-events li{padding:var(--space-1) var(--space-3);border-left:3px solid var(--border-strong);animation:.3s ease-out both bb-event}.bb-events li.is-caught,.bb-events li.is-wrongDoubt,.bb-events li.is-fall{border-left-color:var(--danger)}.bb-events li.is-goal{border-left-color:var(--bb-gold);color:var(--bb-gold);font-weight:700}.bb-events li.is-repair{border-left-color:var(--info)}@keyframes bb-event{0%{opacity:0;transform:translate(-6px)}}@media (prefers-reduced-motion:reduce){.bb-events li,.bb-tile.is-pit,.bb-tile.is-safe{animation:none}.bb-pawn{transition:none}}.bb-players{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.bb-players li{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface);border:1px solid #0000;display:flex}.bb-players li.is-turn{border-color:var(--bb-gold)}.bb-players-dot{background:var(--c);width:24px;height:24px;color:var(--text-on-accent);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.bb-players-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bb-players-pt{font-size:20px;font-weight:800}.bb-tag{margin-left:var(--space-1);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger);padding:0 6px;font-size:11px;font-weight:700}.bb-log{gap:2px;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.bb-log li{gap:var(--space-2);display:flex}.bb-final{text-align:center}.bb-ranking{gap:var(--space-1);text-align:left;margin:0;padding:0;list-style:none;display:grid}.bb-ranking li{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);display:flex}.bb-ranking li.is-first{border:1px solid var(--bb-gold);box-shadow:0 0 14px color-mix(in srgb, var(--bb-gold) 30%, transparent)}.bb-ranking-rank{width:3ch;font-weight:800}.bb-ranking-name{flex:1}.bb-ranking-pt{font-size:18px;font-weight:800}@media (width<=899px){.bb{padding-bottom:240px}.bb-cup-stage{--w:52px}.bb-claim .bb-cup-stage{--w:40px}.bb-claim{flex-wrap:wrap}.page--play.page--wide.bb>.bb-panel{animation:none}.bb-actions{z-index:20;max-height:46svh;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));border-radius:var(--radius-md) var(--radius-md) 0 0;border-width:1px 0 0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 24px #0009}.bb-actions.has-big{min-height:168px;padding-right:176px}.bb-actions .sticky-actions{background:0 0;padding-top:0;position:static}.bb-actions.has-big .bb-doubt-actions{grid-template-columns:1fr}.bb-actions h3{font-size:16px}.bb-die--lg{--s:52px;padding:7px}.bb-declare-btn{min-height:52px;padding-inline:0}.bb-declare-n{font-size:22px}.bb-claim-n{font-size:36px}}.bb-cup-stage{--w:72px;width:calc(var(--w) * 1.25);height:calc(var(--w) * 2);flex:none;position:relative}.bb-cup-die{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.bb-cup-die .bb-die{--s:calc(var(--w) * .78);padding:calc(var(--w) * .09)}.bb-cup-stage.is-shake .bb-cup-die,.bb-cup-stage.is-closed .bb-cup-die{visibility:hidden}.bb-cup{width:var(--w);height:calc(var(--w) * .95);transform-origin:50% 100%;clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);filter:drop-shadow(0 4px 4px #00000080);background:linear-gradient(90deg,#00000073,#0000 22%,#ffffff1a 40%,#0000 60%,#00000080),repeating-linear-gradient(0deg,#0000 0 5px,#00000014 5px 6px),linear-gradient(#7a4a28,#4a2a14);border-radius:10px 10px 4px 4px/8px 8px 4px 4px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%);box-shadow:0 6px 10px #0000008c}.bb-cup-rim{background:linear-gradient(#a06a3a,#5c3418);border-top:1px solid #ffdca059;height:16%;position:absolute;bottom:0;left:-2%;right:-2%}.bb-cup-band{background:radial-gradient(circle,#e8c070 0 2px,#0000 2.5px) 0/12px 100% repeat-x,linear-gradient(#3a2010,#2a160a);height:12%;position:absolute;top:34%;left:0;right:0}.bb-cup-stage.is-shake .bb-cup,.bb-cup-stage.is-shakeReveal .bb-cup{animation:1s ease-in-out both bb-shake}@keyframes bb-shake{0%{transform:translate(-50%)translateY(-22%)rotate(0)}10%{transform:translate(-62%)translateY(-30%)rotate(-14deg)}22%{transform:translate(-38%)translateY(-24%)rotate(13deg)}34%{transform:translate(-60%)translateY(-32%)rotate(-12deg)}46%{transform:translate(-40%)translateY(-24%)rotate(11deg)}58%{transform:translate(-58%)translateY(-30%)rotate(-9deg)}70%{transform:translate(-44%)translateY(-22%)rotate(6deg)}84%{transform:translate(-50%)translateY(-12%)rotate(0)}92%{transform:translate(-50%)translateY(3%)scaleY(.94)}to{transform:translate(-50%)translateY(0)scaleY(1)}}.bb-cup-stage.is-shakeReveal .bb-cup{animation:1s ease-in-out both bb-shake,.45s ease-out 1.05s forwards bb-peek}.bb-cup-stage.is-shakeReveal .bb-cup-die{animation:.3s 1.15s both bb-die-show}@keyframes bb-peek{0%{transform:translate(-50%)translateY(0)rotate(0)}to{transform:translate(-50%)translateY(-100%)}}@keyframes bb-die-show{0%{opacity:0}}.bb-cup-stage.is-lift .bb-cup{animation:.9s cubic-bezier(.3,0,.2,1) .2s both bb-lift}.bb-cup-stage.is-lift .bb-cup-die{animation:.5s .6s both bb-die-reveal}@keyframes bb-lift{0%{transform:translate(-50%)translateY(0)}25%{transform:translate(-50%)translateY(4%)scaleY(.95)}to{opacity:.35;transform:translate(-50%)translateY(-100%)}}@keyframes bb-die-reveal{0%{opacity:0;transform:translate(-50%)scale(.8)}60%{transform:translate(-50%)scale(1.15)}to{opacity:1;transform:translate(-50%)scale(1)}}.bb-cup-stage.is-open .bb-cup{transform:translate(-50%)translateY(-100%)}.bb-verdict{font-weight:800;animation:.3s .9s both bb-die-show;display:inline-block}.bb-verdict.is-lie{color:var(--danger)}.bb-verdict.is-true{color:var(--accent)}.bb-declare:not(.is-ready){opacity:.35}.bb-declare.is-ready{transition:opacity .2s}@media (prefers-reduced-motion:reduce){.bb-cup-stage .bb-cup,.bb-cup-stage .bb-cup-die,.bb-verdict{animation:none!important}.bb-cup-stage.is-shakeReveal .bb-cup,.bb-cup-stage.is-lift .bb-cup{transform:translate(-50%)translateY(-100%)}}.bb-pawn.is-falling{animation:.75s ease-in forwards bb-fall}@keyframes bb-fall{0%{transform:translate(-50%,-50%)scale(1)}25%{transform:translate(-50%,-80%)scale(1.1)}to{opacity:0;transform:translate(-50%,-50%)scale(.1)rotate(300deg)}}.bb-pawn.is-goal{animation:.8s ease-out forwards bb-goal}@keyframes bb-goal{0%,to{transform:translate(-50%,-50%)}40%{box-shadow:0 0 0 4px var(--bb-gold), 0 0 26px var(--bb-gold);transform:translate(-50%,-110%)scale(1.25)}}.bb-pawn.is-respawn{transition:none;animation:.35s ease-out both bb-respawn}@keyframes bb-respawn{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}}@media (prefers-reduced-motion:reduce){.bb-pawn.is-falling,.bb-pawn.is-goal,.bb-pawn.is-respawn{animation:none}}.bb-die--sm{--s:28px;border-width:1.5px;border-radius:5px;padding:3px}.bb-stage{gap:var(--space-3);display:grid}.bb-legend{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);flex-wrap:wrap;display:flex}.bb-legend-title{color:var(--bb-gold);font-family:var(--font-mono);letter-spacing:.18em;font-size:11px;font-weight:700}.bb-legend-item{align-items:center;gap:var(--space-2);display:flex}.bb-legend-dice{gap:3px;display:flex}.bb-legend-text{flex-direction:column;line-height:1.3;display:flex}.bb-legend-text strong{font-size:13px}.bb-legend-short{display:none}@media (width<=899px){.bb-legend{justify-content:space-between;gap:var(--space-2);padding:6px var(--space-2);flex-wrap:nowrap}.bb-legend-title,.bb-legend-long{display:none}.bb-legend-short{display:inline}.bb-legend .bb-die--sm{--s:20px;border-radius:4px;padding:2px}.bb-legend-dice{gap:2px}.bb-legend-item{gap:4px}.bb-legend-text strong{white-space:nowrap;font-size:12px}.bb-phase{padding:var(--space-2) var(--space-3)}.bb-phase-step{font-size:12px}.bb-phase-step.is-now,.bb-phase-text{font-size:13px}}@media (width>=900px){.page--play.page--wide.bb{max-width:1280px}.bb-stage{align-items:start;gap:var(--space-4);grid-template-columns:200px minmax(0,1fr)}.bb-legend{align-items:stretch;gap:var(--space-4);padding:var(--space-4);flex-direction:column}.bb-legend-item{align-items:flex-start;gap:var(--space-2);flex-direction:column}.bb-legend .bb-die--sm{--s:34px}}.bb-phase{gap:var(--space-1);padding:var(--space-2) var(--space-4);border:1px solid color-mix(in srgb, var(--bb-gold) 45%, transparent);border-radius:var(--radius-md);background:linear-gradient(180deg, color-mix(in srgb, var(--bb-gold) 8%, var(--surface)), var(--surface));display:grid}.bb-phase.is-place{border-color:color-mix(in srgb, var(--danger) 55%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--danger) 10%, var(--surface)), var(--surface))}.bb-phase-head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.bb-phase-steps{flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.bb-phase-steps li{align-items:center;gap:4px;display:inline-flex}.bb-phase-arrow{color:var(--text-faint);font-size:12px}.bb-phase-step{color:var(--text-faint);font-size:13px;font-weight:700}.bb-phase-steps .bb-phase-step{align-items:center;display:inline-flex}.bb-phase-step.is-now{border-radius:var(--radius-pill);background:var(--bb-gold);color:var(--text-on-accent);box-shadow:0 0 12px color-mix(in srgb, var(--bb-gold) 45%, transparent);padding:2px 10px;font-size:15px}.bb-phase.is-place .bb-phase-step.is-now{background:var(--danger);color:#fff;box-shadow:0 0 12px color-mix(in srgb, var(--danger) 45%, transparent)}.bb-phase-text{margin:0;font-size:15px}.bb-tile.is-pickable{outline:1px dashed color-mix(in srgb, var(--danger) 70%, transparent);outline-offset:-3px;animation:1.6s ease-in-out infinite bb-pickable}.bb-tile.is-pickable.is-picked{animation:none}@keyframes bb-pickable{50%{box-shadow:inset 0 0 12px color-mix(in srgb, var(--danger) 55%, transparent)}}@media (prefers-reduced-motion:reduce){.bb-tile.is-pickable{animation:none}}.ec{--ec-gold:var(--warning);--ec-emperor:var(--ec-gold);--ec-citizen:var(--info);--ec-slave:var(--danger);--ec-p-a:var(--accent);--ec-p-b:var(--violet);--ec-line:color-mix(in srgb, var(--ec-gold) 45%, transparent);--ec-line-soft:color-mix(in srgb, var(--ec-gold) 18%, transparent);--ec-serif:"Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;--ec-sm:28px;--ec-md:56px;--ec-lg:84px;--ec-ratio:calc(12 / 7)}.ec-layout{gap:var(--space-4);grid-template-areas:"banner""side""center""log";align-items:start;display:grid}.ec-banner{grid-area:banner}.ec-side{grid-area:side;min-width:0}.ec-center{grid-area:center;min-width:0}.ec-log{grid-area:log;min-width:0}@media (width<=899px){.ec-history.is-empty{display:none}}.ec-ended{max-width:var(--width-play);width:100%;margin-inline:auto}@media (width>=900px){.ec{--ec-sm:40px;--ec-md:84px;--ec-lg:108px}.page--play.page--wide.ec{max-width:1100px}.ec-layout{gap:var(--space-6);grid-template:"banner banner""side center""log center"1fr/240px minmax(0,1fr)}.ec-side .ec-score{grid-template-columns:1fr}.ec-layout .ec-cycle{width:52px}.ec-layout .ec-banner{padding-block:var(--space-1)}.ec-layout .ec-banner-main{justify-content:center;gap:var(--space-6);flex-direction:row}.ec-layout .ec-banner-title{font-size:20px}}@media (width>=900px) and (width<=1279px){.ec.is-big .ec-myhand .ec-hand-row{margin-right:140px}}@media (width>=1280px){.ec{--ec-sm:46px;--ec-md:92px;--ec-lg:128px}.page--play.page--wide.ec{max-width:1440px}.ec-layout{grid-template:"banner banner banner""side center log"1fr/250px minmax(0,1fr) 250px}}body.ec-side-emperor .action-btn-wrap.is-ready{--neon:var(--warning)}body.ec-side-slave .action-btn-wrap.is-ready{--neon:var(--danger)}body.ec-side-emperor .action-btn__sub,body.ec-side-slave .action-btn__sub{letter-spacing:.12em;text-shadow:0 0 10px var(--neon);margin-top:8px;font-size:clamp(17px,1.6vw,22px);font-weight:800}.ec .sticky-actions{z-index:5;min-height:64px}html:has(.ec){scrollbar-gutter:stable}.ec .sticky-actions .btn--primary:not(:disabled){border-color:var(--ec-gold);background:linear-gradient(180deg, color-mix(in srgb, var(--ec-gold) 80%, white), var(--ec-gold) 45%, color-mix(in srgb, var(--ec-gold) 70%, black));color:var(--text-on-accent);box-shadow:0 0 20px color-mix(in srgb, var(--ec-gold) 40%, transparent)}.ec-banner-title,.ec-plate{font-family:var(--ec-serif);letter-spacing:.18em;color:var(--ec-gold);text-shadow:0 0 10px color-mix(in srgb, var(--ec-gold) 45%, transparent);font-weight:700}.ec-card{justify-content:center;align-items:center;gap:var(--space-1);border:1.5px solid var(--c,var(--border-strong));border-radius:var(--radius-md);background:radial-gradient(ellipse at 50% 38%, color-mix(in srgb, var(--c) 26%, transparent), transparent 62%), linear-gradient(160deg, color-mix(in srgb, var(--c) 14%, var(--surface)), var(--bg) 58%, color-mix(in srgb, var(--c) 10%, var(--bg)));color:var(--c,var(--text));box-shadow:0 0 16px color-mix(in srgb, var(--c,transparent) 42%, transparent), inset 0 0 14px color-mix(in srgb, var(--c,transparent) 18%, transparent);flex-direction:column;flex:none;line-height:1;display:inline-flex;position:relative;overflow:hidden}.ec-card:before{content:"";border:1px solid color-mix(in srgb, var(--c) 50%, transparent);border-radius:calc(var(--radius-md) - 3px);pointer-events:none;position:absolute;inset:4px}.ec-card:after{content:"◆";color:var(--c);font-size:7px;position:absolute;top:1px;left:50%;transform:translate(-50%)}.ec-card.is-emperor{--c:var(--ec-emperor)}.ec-card.is-citizen{--c:var(--ec-citizen)}.ec-card.is-slave{--c:var(--ec-slave)}.ec-card{width:var(--w);height:calc(var(--w) * var(--ec-ratio))}.ec-card--sm{--w:var(--ec-sm);border-radius:var(--radius-sm)}.ec-card--sm:before{border-radius:2px;inset:2px}.ec-card--sm:after{display:none}.ec-card--md{--w:var(--ec-md)}.ec-card--lg{--w:var(--ec-lg)}.ec-card-char{font-family:var(--ec-serif);font-size:calc(var(--w) * .48);text-shadow:0 0 10px currentColor, 0 0 22px color-mix(in srgb, currentColor 50%, transparent);font-weight:800}.ec-card-name{border-block:1px solid color-mix(in srgb, var(--c) 55%, transparent);width:78%;color:var(--text);font-family:var(--ec-serif);font-size:max(11px, calc(var(--w) * .13));letter-spacing:.12em;text-align:center;background:#00000073;padding:2px 0;font-weight:700}.ec-card--sm .ec-card-name{display:none}.ec-card.has-art{background:var(--bg)}.ec-card.has-art:before,.ec-card.has-art:after{display:none}.ec-card-art{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.ec-card.is-back{--c:var(--ec-gold);background:repeating-linear-gradient(45deg, transparent 0 7px, var(--ec-line-soft) 7px 8px), linear-gradient(160deg, var(--surface), var(--bg));box-shadow:0 0 10px color-mix(in srgb, var(--ec-gold) 22%, transparent)}.ec-card.is-back:after{display:none}.ec-card-back{aspect-ratio:1;border:1px solid var(--ec-line);background:var(--bg);width:62%;color:var(--ec-gold);font-size:calc(var(--w) * .34);border-radius:50%;place-items:center;display:grid}.ec-card-back:before{content:"✦";text-shadow:0 0 8px}.ec-card.is-mine-down{opacity:.55;border-style:dashed}.ec-card.is-placed{animation:.3s ease-out ec-place}@keyframes ec-place{0%{opacity:0;transform:translateY(-12px)scale(1.06)}}.ec-flip{width:var(--ec-lg);height:calc(var(--ec-lg) * var(--ec-ratio));perspective:900px;display:block}.ec-flip-inner{width:100%;height:100%;transform-style:preserve-3d;animation:.7s cubic-bezier(.3,.1,.25,1) .3s both ec-open;display:block;position:relative}.ec-flip-face{backface-visibility:hidden;position:absolute;inset:0}.ec-flip-face.is-back-face{transform:rotateY(180deg)}@keyframes ec-open{0%{transform:rotateY(180deg)}50%{transform:rotateY(90deg)scale(1.08)}to{transform:rotateY(0)}}.ec-after-flip{animation:.3s ease-out 1s both ec-after-flip}@keyframes ec-after-flip{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.ec-card.is-placed,.ec-flip-inner,.ec-after-flip{animation:none}}.ec-banner{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);border:1px solid var(--ec-line);border-radius:var(--radius-sm);background:linear-gradient(180deg, color-mix(in srgb, var(--ec-gold) 8%, var(--surface)), var(--bg));box-shadow:inset 0 0 0 3px var(--bg), inset 0 0 0 4px var(--ec-line-soft);display:flex}.ec-banner-main{align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;flex:1;min-width:0;display:flex}.ec-banner-title{font-size:17px}.ec-dots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ec-dots span{border:1px solid var(--ec-line);border-radius:50%;width:9px;height:9px}.ec-dots span.is-emperor{border-color:var(--ec-emperor);background:var(--ec-emperor);box-shadow:0 0 6px var(--ec-emperor)}.ec-dots span.is-slave{border-color:var(--ec-slave);background:var(--ec-slave);box-shadow:0 0 6px var(--ec-slave)}.ec-dots span.is-now{border-color:var(--ec-gold);box-shadow:0 0 6px var(--ec-gold)}.ec-cycle{flex:none;width:64px;height:auto}.ec-cycle-node circle{fill:var(--bg);stroke:var(--c);stroke-width:1.4px}.ec-cycle-node text{fill:var(--c);font-family:var(--ec-serif);font-size:12px;font-weight:800}.ec-cycle .is-emperor{--c:var(--ec-emperor)}.ec-cycle .is-citizen{--c:var(--ec-citizen)}.ec-cycle .is-slave{--c:var(--ec-slave)}.ec-cycle-arrow{fill:none;stroke:var(--c);stroke-width:1.6px;stroke-linecap:round}.ec-cycle-head{fill:var(--c)}.ec-score{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.ec-score-side{align-items:center;column-gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;row-gap:2px;display:grid}.ec-score-side.is-emperor{--c:var(--ec-emperor)}.ec-score-side.is-slave{--c:var(--ec-slave)}.ec-score-side.tone-a{--p:var(--ec-p-a)}.ec-score-side.tone-b{--p:var(--ec-p-b)}.ec-score-side{border-left:4px solid var(--p)}.ec-score-side .ec-score-n{color:var(--p)}.ec-score-side.is-you{border-color:var(--p);box-shadow:0 0 14px color-mix(in srgb, var(--p) 25%, transparent)}.ec-score-badge{padding:2px var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--c) 16%, transparent);color:var(--c);align-self:flex-start;font-size:12px;font-weight:700}.ec-score-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.ec-score-badge,.ec-score-name{grid-column:1}.ec-score-badge{justify-self:start}.ec-score-n{grid-area:1/2/span 2;font-size:26px;font-weight:800;line-height:1.1}.ec-table{gap:var(--space-3);border-color:var(--ec-line);background:radial-gradient(ellipse at 50% 42%, color-mix(in srgb, var(--ec-gold) 9%, transparent), transparent 62%), repeating-linear-gradient(118deg, transparent 0 46px, #ffffff05 46px 47px, transparent 47px 83px), repeating-linear-gradient(64deg, transparent 0 71px, #ffffff04 71px 72px), linear-gradient(180deg, var(--surface), var(--bg));box-shadow:inset 0 0 0 4px var(--bg), inset 0 0 0 5px var(--ec-line-soft), 0 0 30px color-mix(in srgb, var(--ec-gold) 8%, transparent);position:relative}.ec-hand,.ec-myhand{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.ec-plate{padding:2px var(--space-4);border-block:1px solid var(--ec-line);background:linear-gradient(90deg, transparent, var(--bg) 20%, var(--bg) 80%, transparent);font-size:11px}.ec-plate:before,.ec-plate:after{content:"◇";margin-inline:var(--space-2);vertical-align:2px;font-size:8px}.ec-hand-row{justify-content:center;gap:var(--space-2);min-height:calc(var(--ec-sm) * var(--ec-ratio));flex-wrap:wrap;display:flex}.ec-hand-row.is-mine{min-height:calc(var(--ec-md) * var(--ec-ratio) + 8px);padding-top:var(--space-6)}.ec-hand-row.is-fan{flex-wrap:nowrap;gap:0}.is-fan .ec-pick{--d:calc(var(--i) - (var(--n) - 1) / 2);transform:rotate(calc(var(--d) * 5deg)) translateY(calc(var(--d) * var(--d) * 3px));transform-origin:50% 100%}.is-fan .ec-pick+.ec-pick{margin-left:-4px}.ec-field{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-block:1px solid var(--ec-line-soft);display:flex;position:relative}.ec-field-ring{width:min(calc(var(--ec-lg) * 3.9), 96%);aspect-ratio:400/210;pointer-events:none;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--ec-gold) 45%, transparent));position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.ec-field-ring ellipse{fill:none;stroke:color-mix(in srgb, var(--ec-gold) 70%, transparent);stroke-width:1.2px;vector-effect:non-scaling-stroke}.ec-field-ring .is-star{fill:var(--ec-gold)}.ec-field-slot{width:calc(var(--ec-lg) + 8px);height:calc(var(--ec-lg) * var(--ec-ratio) + 8px);place-items:center;display:grid;position:relative}.ec-slot{width:var(--ec-lg);height:calc(var(--ec-lg) * var(--ec-ratio));border:1px dashed var(--ec-line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 70%, transparent)}.ec-field-vs{color:var(--ec-gold);font-family:var(--ec-serif);text-shadow:0 0 10px color-mix(in srgb, var(--ec-gold) 50%, transparent);font-style:italic;font-weight:800;position:relative}.ec-pick{border-radius:var(--radius-md);cursor:pointer;transition:transform var(--motion);background:0 0;border:0;padding:0;display:flex}.ec-pick.is-static{cursor:default;opacity:.7}.is-fan .ec-pick.is-selected{z-index:2;transform:rotate(0)translateY(-12px)scale(1.2)}.ec-pick.is-selected .ec-card{outline:2px solid var(--c);outline-offset:2px;box-shadow:0 0 28px color-mix(in srgb, var(--c) 60%, transparent), inset 0 0 16px color-mix(in srgb, var(--c) 30%, transparent)}.ec-pick:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.ec-outcome{text-align:center;margin:0}.ec-outcome.is-draw{color:var(--text-muted)}.ec-decided.is-emperor{--c:var(--ec-emperor)}.ec-decided.is-slave{--c:var(--ec-slave)}.ec-decided .ec-outcome strong{color:var(--c);font-family:var(--ec-serif);text-shadow:0 0 14px color-mix(in srgb, var(--c) 50%, transparent);font-size:22px}.ec-history-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ec-history-list li{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-left:3px solid var(--c);border-radius:var(--radius-sm);background:var(--surface);display:flex}.ec-history-list li.tone-a{--c:var(--ec-p-a)}.ec-history-list li.tone-b{--c:var(--ec-p-b)}.ec-history-round{width:2ch;color:var(--text-faint);text-align:right}.ec-history-body{flex-direction:column;flex:1;min-width:0;display:flex}.ec-history-who{color:var(--c);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.ec-history-pt{color:var(--c);font-size:18px;font-weight:800}.ec-final{text-align:center;border-color:var(--ec-line)}.ec-final h2{font-family:var(--ec-serif)}.ec-final.is-won h2{color:var(--ec-gold);text-shadow:0 0 14px color-mix(in srgb, var(--ec-gold) 50%, transparent)}.ec-final.is-lost h2{color:var(--text-muted)}.ec-final-scores{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.ec-final-side{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.ec-final-side.is-winner{border-color:var(--ec-gold);border-left-color:var(--p);box-shadow:0 0 20px color-mix(in srgb, var(--ec-gold) 30%, transparent)}.ec-final-side.tone-a{--p:var(--ec-p-a)}.ec-final-side.tone-b{--p:var(--ec-p-b)}.ec-final-side{border-left:4px solid var(--p)}.ec-final-side .ec-final-n{color:var(--p)}.ec-final-n{font-size:40px;font-weight:800;line-height:1.1}.ec-table[style*=--ec-table-art]{background:linear-gradient(#00000073, #00000073),  var(--ec-table-art) center top / 1280px auto no-repeat, var(--bg)}@media (width>=900px){.ec-table{gap:var(--space-4);padding:var(--space-4) var(--space-8)}.ec-field{gap:var(--space-8);padding:var(--space-6) 0}.ec-field-vs{font-size:28px}.is-fan .ec-pick+.ec-pick{margin-left:var(--space-2)}.ec-center .sticky-actions{max-width:360px;margin-inline:auto;margin-top:var(--space-2);background:0 0;position:static}.ec-plate{font-size:13px}}@media (width>=900px) and (height<=820px){.ec{--ec-sm:34px;--ec-md:76px;--ec-lg:96px}.ec-field{padding:var(--space-3) 0}.ec-table{gap:var(--space-3);padding-block:var(--space-4)}}.ec-cycle-corner{display:none}@media (width>=900px){.ec-layout .ec-cycle.is-banner{display:none}.ec-cycle-corner{top:var(--space-4);left:var(--space-4);width:116px;padding:var(--space-2) var(--space-3);border:1px solid var(--ec-line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg) 80%, transparent);box-shadow:inset 0 0 0 3px var(--bg), inset 0 0 0 4px var(--ec-line-soft);display:block;position:absolute}.ec-layout .ec-cycle-corner .ec-cycle{width:100%;display:block}}@media (width>=1280px){.ec-cycle-corner{width:136px}}.ty-textarea{resize:vertical;min-height:96px;line-height:1.6}.ty-gm-answer{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);border:1px dashed var(--warning);background:color-mix(in srgb, var(--warning) 8%, var(--surface));display:grid}.ty-gm-answer .badge{justify-self:start}.ty-lie{overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.6}.ty-order{gap:var(--space-2);counter-reset:gm;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ty-order li{counter-increment:gm;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:14px}.ty-order li:before{content:counter(gm) ". ";color:var(--text-faint)}.ty-order li.is-current{border-color:var(--warning);color:var(--warning);font-weight:800}.ty-lies{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.ty-lie-card.is-removed{opacity:.55;border-style:dashed}.ty-lie-card.is-removed .ty-lie{text-decoration:line-through}.ty-check{width:20px;height:20px;accent-color:var(--accent);flex:none;margin-top:4px}.ty-parts{gap:var(--space-1);display:grid}.ty-parts .badge{justify-self:start}.ty-offline{align-items:center}.ty-offline p{flex:1}.ty-cards{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=340px){.ty-cards{grid-template-columns:1fr}}.ty-cards>li{perspective:1200px;display:grid}.ty-deal{animation:.48s cubic-bezier(.2,.8,.2,1) both ty-deal;animation-delay:calc(var(--i,0) * 90ms)}@keyframes ty-deal{0%{opacity:0;transform:translate(-70px,-50px)rotate(-12deg)scale(.85)}}.ty-card{gap:var(--space-2);min-height:168px;padding:var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:linear-gradient(160deg, var(--surface-2), var(--surface));box-shadow:inset 0 0 0 3px var(--surface), inset 0 0 0 4px color-mix(in srgb, var(--border-strong) 60%, transparent), 0 6px 16px #00000059;color:var(--text);font:inherit;text-align:left;flex-direction:column;display:flex;position:relative}.ty-card-no{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-faint);font-size:11px}.ty-card-text{overflow-wrap:anywhere;flex:1;font-size:15px;font-weight:700;line-height:1.6}.ty-card-foot{border-top:1px solid var(--border);color:var(--text-muted);gap:8px;padding-top:8px;font-size:12px;line-height:1.6;display:grid}.ty-who{gap:4px;display:grid}.ty-who-label{align-items:center;gap:6px;font-size:11px;display:flex}.ty-gain{background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent);border-radius:999px;padding:0 6px;font-weight:800}.ty-people{flex-wrap:wrap;gap:4px;display:flex}.ty-person{border:1px solid;border-radius:999px;padding:1px 8px;font-size:13px;font-weight:700}.ty-person.is-you{outline:2px solid var(--text);outline-offset:1px}.ty-who-empty{font-size:13px}.ty-card--vote{cursor:pointer;touch-action:manipulation;transition:transform .22s cubic-bezier(.2, .9, .3, 1.4), border-color var(--motion), box-shadow .22s ease}@media (hover:hover){.ty-card--vote:not(:disabled):hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border-strong));transform:translateY(-3px)}}.ty-card--vote.is-selected,.ty-card--vote.is-selected:hover{border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--surface), inset 0 0 0 4px color-mix(in srgb, var(--accent) 50%, transparent), 0 14px 30px color-mix(in srgb, var(--accent) 30%, transparent);transform:translateY(-10px)}.ty-card--vote.is-mine{opacity:.4;cursor:not-allowed}.ty-check{width:30px;height:30px;color:var(--text-on-accent);background:var(--accent);box-shadow:0 0 12px color-mix(in srgb, var(--accent) 70%, transparent);border-radius:50%;place-items:center;font-weight:800;animation:.32s cubic-bezier(.2,.9,.3,1.6) both ty-pop;display:grid;position:absolute;top:-10px;right:-10px}@keyframes ty-pop{0%{transform:scale(0)}}.ty-flip{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.7,.2,1.15);display:grid}.ty-flip.is-flipped{transform:rotateY(180deg)}.ty-face{backface-visibility:hidden;grid-area:1/1}.ty-face--front{transform:rotateY(180deg)}.ty-face--back{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--cyan) 6%, transparent) 0 8px, transparent 8px 16px), linear-gradient(160deg, var(--surface-2), var(--surface))}.ty-card-q{right:var(--space-3);bottom:var(--space-1);font-family:var(--font-mono);color:color-mix(in srgb, var(--cyan) 35%, transparent);font-size:40px;font-weight:800;line-height:1;position:absolute}.ty-flip.is-next .ty-face--back{border-color:var(--cyan);animation:1.4s ease-in-out infinite ty-next}@keyframes ty-next{50%{box-shadow:inset 0 0 0 3px var(--surface), inset 0 0 0 4px color-mix(in srgb, var(--cyan) 50%, transparent), 0 0 22px color-mix(in srgb, var(--cyan) 45%, transparent)}}.ty-stamp{border-radius:var(--radius-sm);letter-spacing:.06em;border:2px solid;align-self:flex-start;padding:2px 10px;font-size:14px;font-weight:800;transform:rotate(-6deg)}.ty-face--front.is-lie{border-color:color-mix(in srgb, var(--danger) 60%, transparent)}.ty-face--front.is-lie .ty-stamp{color:var(--danger)}.ty-face--front.is-real{border-color:var(--accent);background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 16%, var(--surface-2)), var(--surface));box-shadow:inset 0 0 0 3px var(--surface), inset 0 0 0 4px color-mix(in srgb, var(--accent) 50%, transparent), 0 0 28px color-mix(in srgb, var(--accent) 40%, transparent)}.ty-face--front.is-real .ty-stamp{color:var(--accent);text-shadow:0 0 10px color-mix(in srgb, var(--accent) 60%, transparent)}[data-motion=off] .ty-deal,[data-motion=off] .ty-check,[data-motion=off] .ty-flip.is-next .ty-face--back{animation:none}[data-motion=off] .ty-flip,[data-motion=off] .ty-card--vote{transition:none}.ty-word-main ruby rt{color:var(--text-muted);letter-spacing:.08em;font-size:.34em;font-weight:700}.ty-word-label{margin-left:var(--space-2);color:var(--warning);vertical-align:middle;font-size:.4em;font-weight:700}.ty-credit{color:var(--text-faint);font-size:11px}.ty-similar{color:var(--warning);font-weight:700}.ty-judging{justify-items:center}.ty-spinner{border:3px solid color-mix(in srgb, var(--cyan) 25%, transparent);border-top-color:var(--cyan);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite ty-spin}@keyframes ty-spin{to{transform:rotate(360deg)}}[data-motion=off] .ty-spinner{animation-duration:3s}.vs-lives{justify-items:center;gap:var(--space-2);text-align:center;display:grid}.vs-lives-hearts{gap:var(--space-2);color:var(--border-strong);font-size:34px;line-height:1;display:inline-flex}.vs-lives-hearts>span{transition:color .4s,text-shadow .4s,transform .4s}.vs-lives-hearts .is-on{color:var(--accent-2);text-shadow:0 0 12px color-mix(in srgb, var(--accent-2) 60%, transparent)}.vs-lives-hearts>span:not(.is-on){transform:scale(.85)}.vs-theme{text-align:center}.vs-theme-text{font-size:26px;font-weight:800;line-height:1.3}.vs-scale{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:13px;display:flex}.vs-scale b{color:var(--text)}.vs-scale-bar{border-radius:var(--radius-pill);background:linear-gradient(90deg,#f04242,#f0b642,#b6f042,#42f042,#42f0b6,#42b6f0,#4242f0,#b642f0);flex:1;height:4px;position:relative}.vs-scale{padding-bottom:14px}.vs-scale-tick{background:color-mix(in srgb, var(--text) 45%, transparent);width:1px;height:14px;position:absolute;top:-5px;transform:translate(-50%)}.vs-scale-tick-n{color:var(--text-faint);font-size:10px;line-height:1;position:absolute;top:16px;left:50%;transform:translate(-50%)}.vs-scale>span:first-child b{color:#f76e6e}.vs-scale>span:last-child b{color:#c96ef7}.vs-card{--card-w:96px;--card-h:120px;width:var(--card-w);height:var(--card-h);padding:var(--space-2) 3px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-2);text-align:center;grid-template-rows:auto auto auto;align-content:center;justify-items:center;gap:2px;display:inline-grid}.vs-card-n{font-size:26px;font-weight:800;line-height:1.1}.vs-card-word{-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;font-size:12px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.vs-card-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-muted);overflow:hidden}.vs-card.is-back{isolation:isolate;background:0 0;border-color:#0000;position:relative;overflow:hidden}.vs-card.is-back:before{content:"";z-index:-2;aspect-ratio:1;background:conic-gradient(#ff5c7a,#ffb020,#c8ff3d,#1ffcc4,#4da3ff,#b86bff,#ff5c7a);width:250%;animation:3.5s linear infinite vs-back-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vs-card.is-back:after{content:"";z-index:-1;border-radius:calc(var(--radius-md) - 2px);background:radial-gradient(circle at 50% 45%, #ffffff12, transparent 65%), repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent) 14%, transparent) 0 1px, transparent 1px 9px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-2) 14%, transparent) 0 1px, transparent 1px 9px), var(--surface-2);box-shadow:inset 0 0 0 3px var(--surface-2), inset 0 0 0 4px #ffffff24;position:absolute;inset:2px}.vs-card.is-back .vs-card-n{background:linear-gradient(90deg,#ff5c7a,#ffb020,#c8ff3d,#1ffcc4,#4da3ff,#b86bff,#ff5c7a) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;animation:3s linear infinite vs-back-hue}.vs-card.is-back .vs-card-word{background:#0000008c;border-radius:4px;justify-self:stretch;padding:2px}.vs-card.is-back .vs-card-name{color:var(--text);text-shadow:0 1px 2px #000c}@keyframes vs-back-spin{to{transform:translate(-50%,-50%)rotate(1turn)}}@keyframes vs-back-hue{to{background-position:200% 0}}html[data-motion=off] .vs-card.is-back:before,html[data-motion=off] .vs-card.is-back .vs-card-n{animation:none}.vs-card.is-front{border-color:hsl(var(--vs-hue) 85% 60%);box-shadow:0 0 8px hsl(var(--vs-hue) 85% 60% / .3);position:relative}.vs-card.is-front .vs-card-n{color:hsl(var(--vs-hue) 90% 70%)}.vs-card.is-next{outline:2px solid var(--text);outline-offset:3px}.vs-card.is-front.vs-card--mine{box-shadow:0 0 12px hsl(var(--vs-hue) 85% 60% / .5)}.vs-card--removed:before{content:"";border-radius:inherit;pointer-events:none;background:#0000008c;position:absolute;inset:0}.vs-card-x{z-index:1;color:var(--danger);text-shadow:0 0 10px color-mix(in srgb, var(--danger) 70%, transparent);opacity:.85;pointer-events:none;place-items:center;font-size:44px;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.vs-writers{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.vs-writer{opacity:.45;width:56px;transition:opacity var(--motion);justify-items:center;gap:2px;display:grid}.vs-writer.is-done{opacity:1}.vs-writer-avatar{border-radius:50%;display:inline-flex;position:relative}.vs-writer.is-me .vs-writer-avatar{box-shadow:0 0 0 2px var(--panel-bg,var(--bg)), 0 0 0 4px var(--border-strong)}.vs-writer-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-muted);overflow:hidden}.vs-writer-check{border:2px solid var(--panel-bg,var(--bg));background:var(--accent);width:18px;height:18px;color:var(--text-on-accent);border-radius:50%;place-items:center;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-4px;right:-4px}.vs-slot{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);opacity:.7;width:96px;height:120px;display:inline-block}.vs-card-pts{z-index:2;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-2);min-width:26px;color:var(--text-muted);text-align:center;padding:1px 6px;font-size:11px;font-weight:800;line-height:1.5;position:absolute;top:-8px;right:-8px}.vs-card-pts.is-plus{border-color:var(--accent);color:var(--accent)}.vs-card-pts.is-minus{border-color:var(--danger);color:var(--danger)}.vs-card--removed{border-style:dashed}.vs-hand,.vs-field-row,.vs-claim-cards{gap:var(--space-2);flex-wrap:wrap;display:flex}.vs-claim-cards{justify-content:center}.vs-write-row{align-items:center;gap:var(--space-3);display:flex}.vs-write-row .input{flex:1;min-width:0}.vs-write-row .vs-card{--card-w:76px;--card-h:48px;flex:none}.vs-last{margin:0}.vs-last.is-ok{color:var(--accent)}.vs-last.is-mistake{color:var(--danger)}.vs-hands{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.vs-hands-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);border-left-width:3px;grid-template-columns:70px minmax(0,1fr);display:grid}.vs-hands-row.is-me{border-left-color:var(--accent)}.vs-hands-who{justify-items:center;gap:var(--space-1);min-width:0;display:grid}.vs-hands-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-muted);font-weight:700;overflow:hidden}.vs-hands-row.is-me .vs-hands-name{color:var(--text)}.vs-hands-row.is-claiming{border-color:var(--warning)}.vs-hands-row.is-claiming .avatar{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--warning)}.vs-hands-cards{gap:var(--space-2);flex-wrap:wrap;display:flex}.vs-claim{text-align:center;border-color:var(--warning);box-shadow:0 0 12px color-mix(in srgb, var(--warning) 20%, transparent)}.vs-claim-title{margin:0;font-weight:800}.vs-count{min-width:1.6em;margin-left:var(--space-1);color:var(--warning);font-size:20px;display:inline-block}.vs-notice{text-align:center;color:var(--warning);margin:0;font-weight:700}.vs-vote{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.vs-vote-btn{min-height:64px;padding:var(--space-2);flex-direction:column;gap:2px}.vs-vote-word{overflow-wrap:anywhere;font-size:16px}.vs-vote-btn.is-selected{border-color:var(--accent);background:var(--accent-dim)}.vs-result{text-align:center}.vs-result.is-hero{justify-items:center;gap:var(--space-2);padding-block:var(--space-6)}.vs-result.is-hero h2{font-size:36px;font-weight:800}.vs-result.is-hero.is-won{border-color:var(--accent);box-shadow:var(--glow)}.vs-result.is-hero.is-lost{border-color:var(--danger)}.vs-result.is-won h2{color:var(--accent)}.vs-result.is-lost h2{color:var(--danger)}.vs-lines{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.vs-line{align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);grid-template-columns:1.6em 3em 1fr auto auto;display:grid}.vs-line-order{text-align:center;color:var(--text-muted);font-size:16px;font-weight:700}.vs-line.is-mistake .vs-line-order{color:var(--danger)}.vs-line-n{text-align:right;color:hsl(var(--vs-hue) 90% 70%);font-size:20px;font-weight:800}.vs-line-word{overflow-wrap:anywhere;font-weight:700}.vs-line.is-ok .vs-line-status{color:var(--accent)}.vs-line.is-mistake{border-color:var(--danger)}.vs-line.is-mistake .vs-line-status,.vs-line.is-removed .vs-line-status{color:var(--danger)}.vs-line.is-removed,.vs-line.is-unplayed{opacity:.6}.vs-roulette-item{border-radius:var(--radius-md);transition:transform 80ms,box-shadow 80ms}.vs-roulette-item.is-lit{box-shadow:0 0 0 2px var(--warning), 0 0 16px color-mix(in srgb, var(--warning) 45%, transparent);transform:scale(1.06)}.vs-roulette-item.is-picked{box-shadow:0 0 0 2px var(--accent), 0 0 20px color-mix(in srgb, var(--accent) 55%, transparent)}.vs-reveal{display:inline-grid}.vs-reveal.is-place{animation:.5s ease-out both vs-place}.vs-reveal.is-flip-out{animation:.3s ease-in forwards vs-flip-out}.vs-reveal.is-flip-in{animation:.3s ease-out both vs-flip-in}.vs-reveal.is-shown .vs-card.is-front,.vs-reveal.is-flip-in .vs-card.is-front{box-shadow:0 0 18px hsl(var(--vs-hue) 85% 60% / .6)}@keyframes vs-place{0%{opacity:0;transform:translateY(24px)scale(.9)}to{opacity:1;transform:none}}@keyframes vs-flip-out{to{transform:scaleX(0)}}@keyframes vs-flip-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}html[data-motion=off] .vs-reveal{animation:none}.vs-diagram{width:100%;max-width:560px;margin:0 auto}.vs-diagram-theme{justify-content:center;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;font-size:18px;display:flex}.vs-diagram-label{color:var(--accent);font-weight:700}.vs-diagram-row{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.vs-diagram-row .vs-card{width:auto;min-width:0;height:auto;padding-inline:var(--space-1)}.vs-diagram-modes{justify-content:center}.vs-diagram-cell{gap:var(--space-1);align-content:end;display:grid}.vs-diagram-cell .vs-card{width:auto;min-width:0;height:auto;padding-inline:var(--space-1)}.vs-diagram-said{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--accent-dim);color:var(--accent);text-align:center;overflow-wrap:anywhere;font-size:12px;font-weight:700;position:relative}.vs-diagram-said:after{content:"";border:5px solid #0000;border-bottom:0;border-top-color:var(--accent-dim);position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.vs-diagram-arrow{text-align:center;color:var(--warning);font-size:14px;font-weight:700}.vs-slide{animation:.22s cubic-bezier(.2,.9,.3,1.2) both vs-slide;display:inline-grid}@keyframes vs-slide{0%{opacity:0;transform:translateY(40px)scale(.8)}to{opacity:1;transform:none}}html[data-motion=off] .vs-slide{animation:none}.vs-perfect{color:var(--accent-3);text-shadow:0 0 12px color-mix(in srgb, var(--accent-3) 50%, transparent);margin:0;font-size:20px;font-weight:800}.vs-perfect .num{color:var(--accent-2)}@media (width>=1000px){.page--play.vs-solo{column-gap:var(--space-8);grid-template-rows:auto repeat(8,auto) 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;max-width:1040px}.vs-solo>*{grid-column:1}.vs-solo>.topbar{grid-area:1/1/auto/-1}.vs-solo>.vs-side{grid-area:2/2/-1}}.vs-team .is-a{--team:var(--cyan)}.vs-team .is-b{--team:var(--accent-2)}.vs-team-clock{color:var(--text);font-size:16px;font-weight:700}.vs-team-clock.is-urgent{color:var(--danger)}.vs-team-bigclock{justify-items:center;gap:var(--space-1);display:grid}.vs-team-bigclock-n{font-size:44px;font-weight:800;line-height:1}.vs-team-bigclock-bar{border-radius:var(--radius-pill);background:var(--surface-2);width:100%;max-width:480px;height:6px;overflow:hidden}.vs-team-bigclock-bar>span{border-radius:inherit;background:var(--accent);height:100%;transition:width .25s linear;display:block}.vs-team-bigclock-bar{transition:height .2s ease-out}.vs-team-bigclock.is-urgent .vs-team-bigclock-bar{height:12px;box-shadow:0 0 12px color-mix(in srgb, var(--danger) 40%, transparent)}.vs-team-bigclock.is-urgent .vs-team-bigclock-n{color:var(--danger);text-shadow:0 0 16px color-mix(in srgb, var(--danger) 60%, transparent);animation:1s ease-in-out infinite vs-clock-pulse}.vs-team-bigclock.is-urgent .vs-team-bigclock-bar>span{background:var(--danger)}@keyframes vs-clock-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}:root[data-motion=off] .vs-team-bigclock.is-urgent .vs-team-bigclock-n{animation:none}.vs-team-pick{gap:var(--space-4);display:grid}@media (width>=640px){.vs-team-pick{grid-template-columns:1fr 1fr}}.vs-team-card{border-top:3px solid var(--team)}.vs-team-card h3{align-items:center;gap:var(--space-2);color:var(--team);display:flex}.vs-team-card.is-mine{box-shadow:0 0 0 1px color-mix(in srgb, var(--team) 50%, transparent)}.vs-team-final{margin:0;font-size:40px;font-weight:800;line-height:1}.vs-team-scoreboard{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.vs-team-score{justify-items:center;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border);border-top:3px solid var(--team);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:border-color var(--motion);display:grid}.vs-team-score .caption{color:var(--team)}.vs-team-score.is-selected{border-color:var(--team);background:color-mix(in srgb, var(--team) 8%, var(--surface))}.vs-team-score.is-out{opacity:.6}.vs-team-score-n{font-size:32px;font-weight:800;line-height:1}.vs-hearts{gap:2px;font-size:18px;line-height:1;display:inline-flex}.vs-hearts>.is-on{color:var(--accent-2);text-shadow:0 0 8px color-mix(in srgb, var(--accent-2) 50%, transparent)}.vs-hearts>.is-off{color:var(--border-strong);animation:1.2s ease-out both vs-heart-lose;display:inline-block}@keyframes vs-heart-lose{0%{color:var(--accent-2);transform:scale(1.4)}15%{transform:scale(1.4)translate(-3px)rotate(-12deg)}30%{transform:scale(1.3)translate(3px)rotate(12deg)}45%{color:var(--accent-2);transform:scale(1.2)translate(-2px)rotate(-8deg)}60%{transform:scale(1.1)translate(2px)rotate(6deg)}to{color:var(--border-strong);transform:none}}:root[data-motion=off] .vs-hearts>.is-off{animation:none}.vs-team-switch-hint{margin-top:calc(-1 * var(--space-4));text-align:center}.vs-team-cols{gap:var(--space-6);align-items:start;display:grid}.vs-team-col{min-width:0}.vs-team-col:not(.is-shown){display:none}.vs-team-col-title{align-items:baseline;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:2px solid var(--team);color:var(--team);flex-wrap:wrap;display:flex}.vs-team-col-title>:last-child{margin-left:auto}.vs-team-board{animation:phase-in var(--motion-phase) both}.vs-team-head{display:none}@media (width>=1000px){.page--play.vs-team.is-match{max-width:1080px}.vs-team-scoreboard,.vs-team-switch-hint,.vs-team-col-title{display:none}.vs-team-cols{gap:var(--space-8);grid-template-columns:1fr 1fr}.vs-team-col,.vs-team-col:not(.is-shown){--panel-bg:color-mix(in srgb, var(--team) 5%, var(--bg));padding:var(--space-4);border:1px solid color-mix(in srgb, var(--team) 35%, var(--border));border-top:4px solid var(--team);border-radius:var(--radius-lg);background:var(--panel-bg);display:grid}.vs-team-col.is-mine{box-shadow:0 0 24px color-mix(in srgb, var(--team) 18%, transparent)}.vs-team-col .sticky-actions{background:linear-gradient(to top, var(--panel-bg) 70%, transparent)}.vs-team-head{align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid color-mix(in srgb, var(--team) 35%, var(--border));grid-template-columns:1fr auto 1fr;display:grid}.vs-team-head-name{gap:2px;display:grid}.vs-team-head-name h3{color:var(--team)}.vs-team-head-score{font-size:36px;font-weight:800;line-height:1}.vs-team-head-lives{justify-self:end}.vs-team-head-lives .vs-hearts{gap:var(--space-1);font-size:30px}}