: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--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--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}.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)}.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}.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}.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}}.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}.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}}