:root{--bg:#0f1115;--card:#1a1d24;--text:#f2f4f7;--text-secondary:#9aa3b2;--denom-1:#6b7280;--denom-5:#22c55e;--denom-10:#3b82f6;--denom-25:#a855f7;--denom-100:#ef4444;--seat-own:#fbbf24;--disconnect:#f59e0b;--danger:#dc2626;--radius:12px;--denom-h:48px;--font-display:"ZCOOL XiaoWei", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", "PingFang SC", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0}button,input{font:inherit}.page{max-width:440px;min-height:100dvh;padding:1.5rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.home-hero{flex-direction:column;flex:none;justify-content:flex-start;min-height:0;padding:2.75rem 0 1.25rem;animation:.55s ease-out both rise;display:flex}.brand-en{letter-spacing:.22em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.7rem}.brand{font-family:var(--font-display);color:var(--text);margin:.6rem 0 .75rem;font-size:clamp(2.6rem,11vw,3.4rem);font-weight:400;line-height:1.08}.tagline{color:var(--text-secondary);max-width:16em;margin:0 0 1.25rem;font-size:.95rem;line-height:1.5}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.chip-entry{align-self:flex-start;margin-top:.85rem}.btn{border-radius:var(--radius);cursor:pointer;border:none;padding:.85rem 1.35rem;font-weight:500;transition:transform .12s,opacity .12s}.btn:active{transform:scale(.98)}.btn.primary{background:var(--text);color:var(--bg)}.btn.secondary{background:var(--card);color:var(--text)}.btn.ghost{color:var(--text);box-shadow:inset 0 0 0 2px var(--card);background:0 0}.btn.wide{width:100%}.btn.compact{padding:.4rem .85rem;font-size:.85rem}.btn:disabled{opacity:.4;cursor:not-allowed}.input{background:var(--card);width:100%;color:var(--text);border-radius:var(--radius);border:none;outline:none;padding:.85rem 1rem}.input:focus{box-shadow:inset 0 0 0 2px var(--text-secondary)}.code-input{letter-spacing:.2em;text-transform:uppercase;font-weight:700}.join-panel{gap:.65rem;margin-top:1.25rem;animation:.3s both fade-up;display:grid}.create-room-form{gap:.7rem;margin-top:1.25rem;animation:.3s both fade-up;display:grid}.create-room-form label{color:var(--text-secondary);gap:.35rem;font-size:.85rem;display:grid}.game-pick{gap:.35rem;display:grid}.game-pick-label{color:var(--text-secondary);margin:0;font-size:.85rem}.game-pick-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.game-pick .btn{padding:.65rem .45rem;font-size:.9rem}.prompt-area{border-radius:var(--radius);background:var(--card);text-align:center;flex-direction:column;justify-content:center;gap:.35rem;min-height:7rem;margin-top:1.25rem;padding:1.15rem 1.1rem;display:flex}.prompt-placeholder{font-family:var(--font-display);margin:0;font-size:1.35rem}.prompt-type{letter-spacing:.12em;color:var(--text-secondary);margin:0;font-size:.78rem}.prompt-text{font-family:var(--font-display);margin:0;font-size:1.35rem;line-height:1.45}.prompt-history{border-radius:var(--radius);background:var(--card);margin-top:.85rem;padding:.75rem .9rem}.prompt-history h2{letter-spacing:.08em;color:var(--text-secondary);margin:0;font-size:.78rem;font-weight:500}.prompt-history ul{flex-direction:column;gap:.35rem;margin:.45rem 0 0;padding:0;list-style:none;display:flex}.prompt-history li{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.45}.redraw-types{flex-wrap:wrap;gap:.4rem;width:100%;display:flex}.join-invite{flex-direction:column;align-items:center;gap:.65rem;margin:1rem 0 0;display:flex}.join-invite.compact{margin:.5rem 0 0}.join-qr{background:#fff;border-radius:8px;padding:0;display:block}.join-url{max-width:100%;color:var(--text-secondary);word-break:break-all;text-align:center;margin:0;font-size:.7rem;line-height:1.4}.room-settings{gap:.35rem;width:100%;margin:.25rem 0 0;display:grid}.room-settings div{background:var(--bg);border-radius:var(--radius);justify-content:space-between;gap:.75rem;padding:.45rem .7rem;font-size:.85rem;display:flex}.room-settings dt{color:var(--text-secondary);margin:0}.room-settings dd{color:var(--text);margin:0}.table-top-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.icon-btn.wide-label{width:auto;padding:0 .7rem;font-size:.8rem}.invite-box{max-height:min(85dvh,640px);overflow:auto}.error{color:var(--danger);margin:.35rem 0 0;font-size:.85rem}.tool-wall{padding-top:.5rem;padding-bottom:2rem}.tool-wall h2{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 1rem;font-size:.8rem;font-weight:500}.tool-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.tool-grid-main{grid-template-columns:1fr}.tool-open-btn{align-self:flex-start;margin-top:1.25rem}.tool-back-row{margin-top:1.5rem}.tool-tile{border-radius:var(--radius);background:var(--card);width:100%;min-height:5.25rem;color:var(--text);cursor:pointer;text-align:left;border:none;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.35rem;padding:1.1rem 1rem;font-size:1.1rem;font-weight:500;display:flex}.tool-tile:active{transform:scale(.99)}.tool-title{color:var(--text);font-size:1.1rem;font-weight:500}.tool-subtitle{color:var(--text-secondary);font-size:.75rem;font-weight:400;line-height:1.35}.badge{color:var(--text-secondary);background:var(--bg);border-radius:var(--radius);margin-top:.25rem;padding:.2rem .45rem;font-size:.68rem;font-weight:400;display:inline-block}.eyebrow{color:var(--text-secondary);letter-spacing:.06em;margin:0;font-size:.8rem}.hint{color:var(--text-secondary);font-size:.9rem;line-height:1.55}.nickname{justify-content:center}.nickname-card h1,.lobby-header h1,.paused h1,.stub h1{font-family:var(--font-display);color:var(--text);margin:.35rem 0 .5rem;font-size:2rem;font-weight:400}.nickname-card .input{margin:1.25rem 0 .75rem}.member-list{flex:1;margin-top:1.75rem}.member-list h2{color:var(--text-secondary);font-size:.9rem;font-weight:500}.member-list ul,.paused-members{flex-direction:column;gap:.5rem;margin:.85rem 0 0;padding:0;list-style:none;display:flex}.member-list li{border-radius:var(--radius);background:var(--card);align-items:center;gap:.5rem;padding:.9rem 1rem;display:flex}.member-list li.self{box-shadow:inset 0 0 0 2px var(--seat-own)}.host-badge,.lock-badge,.offline-dot,.online-dot{border-radius:var(--radius);background:var(--bg);color:var(--text-secondary);padding:.15rem .45rem;font-size:.68rem}.lock-badge{color:var(--danger)}.lobby-footer,.paused-actions{flex-direction:column;gap:.65rem;margin-top:auto;padding-top:2rem;display:flex}.play-stack{flex-direction:column;gap:.55rem;margin-top:.85rem;display:flex}.stage-copy{color:var(--text);margin:0;font-size:1rem}.stage-copy.turn-copy{font-family:var(--font-display);font-size:1.35rem}.phase-bar{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.phase-bar li{border-radius:var(--radius);background:var(--card);color:var(--text-secondary);padding:.28rem .65rem;font-size:.8rem}.phase-bar li.current{background:var(--text);color:var(--bg);font-weight:600}.vote-area{border-radius:var(--radius);background:var(--card);text-align:left;flex-direction:column;justify-content:center;gap:.45rem;min-height:5rem;margin-top:1.25rem;padding:1.15rem 1.1rem;display:flex;box-shadow:inset 0 0 0 1px #f2f4f714}.vote-targets{flex-direction:column;gap:.45rem;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.vote-targets button,.vote-area>button{text-align:left;border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);border:0;padding:.75rem .9rem}.vote-targets button.picked,.vote-area>button.picked{box-shadow:inset 0 0 0 2px var(--seat-own)}.member-list li.eliminated{opacity:.45;filter:grayscale()}.out-badge{border-radius:var(--radius);background:var(--bg);color:var(--text-secondary);padding:.15rem .45rem;font-size:.68rem}.reveal-ritual{border-radius:var(--radius);background:var(--card);text-align:center;margin-top:1.25rem;padding:1.15rem 1.1rem 1.25rem}.reveal-pair{font-family:var(--font-display);margin:.2rem 0 0;font-size:1.35rem}.reveal-winner{color:var(--seat-own);margin:.65rem 0 0}.member-list li.turn-speaker{box-shadow:inset 0 0 0 2px var(--text)}.turn-badge{border-radius:var(--radius);background:var(--text);color:var(--bg);padding:.15rem .45rem;font-size:.68rem}.member-list li.turn-drawer{box-shadow:inset 0 0 0 2px var(--text-secondary)}.member-list li.turn-answerer:not(.turn-drawer){box-shadow:inset 0 0 0 2px var(--text)}.seat-picker{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.private-screen{margin-top:1.25rem}.private-word-card{border-radius:var(--radius);background:var(--card);box-shadow:inset 0 0 0 2px var(--seat-own);text-align:center;padding:1.15rem 1.1rem 1.25rem}.private-label{letter-spacing:.12em;color:var(--text-secondary);margin:0;font-size:.78rem}.private-word{font-family:var(--font-display);margin:.45rem 0 0;font-size:2rem;font-weight:400}.midjoin-hint{border-radius:var(--radius);background:var(--card);color:var(--text-secondary);margin:0;padding:.95rem 1rem;line-height:1.5}.word-dot,.noword-dot{border-radius:var(--radius);background:var(--bg);color:var(--text-secondary);margin-left:auto;padding:.15rem .45rem;font-size:.68rem}.word-dot{color:var(--seat-own)}.reveal-word{font-family:var(--font-display);margin-left:.4rem;font-size:1.05rem}.reveal-role{border-radius:var(--radius);background:var(--bg);color:var(--text-secondary);margin-left:auto;padding:.15rem .45rem;font-size:.68rem}.reveal-role[data-role=undercover]{color:var(--danger)}.paused{justify-content:center;gap:.5rem}.pick-host-list{flex-direction:column;gap:.5rem;margin:.75rem 0;padding:0;list-style:none;display:flex}.table{padding-bottom:calc(9.5rem + env(safe-area-inset-bottom));gap:.75rem}.table-top{justify-content:space-between;align-items:center;display:flex}.table-top--pin{z-index:15;background:var(--bg);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem .5rem;padding-top:.15rem;padding-bottom:.5rem;display:grid;position:sticky;top:0}.table-top--pin .pot-top{grid-column:1/-1}.top-meta{color:var(--text-secondary);flex-wrap:wrap;flex:1;align-items:center;gap:.35rem;min-width:0;font-size:.85rem;display:flex}.top-meta .code{color:var(--text);letter-spacing:.12em;font-weight:700}.dot{opacity:.45}.icon-btn{background:var(--card);color:var(--text);border-radius:var(--radius);cursor:pointer;border:none;width:2.5rem;height:2.5rem}.offline-strip{color:var(--text);text-align:center;border-radius:var(--radius);background:#f59e0b80;padding:.55rem .75rem;font-size:.85rem}.readonly-strip{top:calc(.5rem + env(safe-area-inset-top));z-index:55;background:var(--card);width:min(400px,100% - 1.5rem);color:var(--text-secondary);text-align:center;border-radius:var(--radius);flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;padding:.65rem .85rem;font-size:.85rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.seats-rail{scrollbar-width:none;gap:.55rem;padding:.25rem 0;display:flex;overflow-x:auto}.seats-rail::-webkit-scrollbar{display:none}.seat{border-radius:var(--radius);background:var(--card);padding:.75rem}.seat-other{flex-shrink:0;min-width:5.25rem}.seat-other .seat-balance{font-variant-numeric:tabular-nums;color:var(--text);margin:.2rem 0 0;font-size:1.2rem}.seat-self{box-shadow:inset 0 0 0 2px var(--seat-own);margin-top:.5rem;padding:1.5rem 1.25rem 1.6rem;animation:.35s both seat-pop}.seat-label{color:var(--text-secondary);letter-spacing:.08em;margin:0;font-size:.72rem}.seat-name{color:var(--text);flex-wrap:wrap;align-items:center;gap:.4rem;margin:.3rem 0 0;display:flex}.hero-balance{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;margin:.65rem 0 .35rem;font-size:clamp(3.2rem,16vw,4.2rem);line-height:1}.seat-hint{color:var(--text-secondary);margin:0;font-size:.8rem}.seat.locked{opacity:.65}button.seat{font:inherit;color:inherit;text-align:left;cursor:pointer;border:none}.seat-other.selected{outline:2px solid var(--seat-own);outline-offset:1px}.transfer-bar{border-radius:var(--radius);background:var(--card);align-items:center;gap:.5rem;padding:.45rem .55rem;display:flex}.transfer-bar-meta{color:var(--text-secondary);flex:1;font-size:.85rem}.pot-bar{align-items:center;gap:.4rem;padding:.35rem 0;display:flex}.pot-top{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:700;line-height:1.25;display:block}.pot-target-select{appearance:none}.transfer-box .transfer-title{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.25rem}.transfer-targets{color:var(--text-secondary);margin:0 0 .85rem;font-size:.9rem}.transfer-amount-label{color:var(--text-secondary);flex-direction:column;gap:.4rem;font-size:.82rem;display:flex}.transfer-amount-input{border-radius:var(--radius);background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums;border:1px solid #f2f4f729;padding:.75rem .85rem;font-size:1.15rem}.transfer-preview{border-radius:var(--radius);background:var(--bg);font-variant-numeric:tabular-nums;margin:.85rem 0 0;padding:.7rem .85rem}.transfer-preview p{margin:0}.transfer-preview ul{color:var(--text-secondary);margin:.4rem 0 0;padding:0;font-size:.88rem;list-style:none}.ledger-panel{margin-top:.15rem}.ledger-toggle{width:100%;color:var(--text-secondary);background:0 0;border:none;justify-content:space-between;align-items:center;margin:0;padding:.35rem .1rem;font-size:.82rem;display:flex}.ledger-list{border-radius:var(--radius);background:var(--card);flex-direction:column;gap:.4rem;max-height:7rem;margin:.25rem 0 0;padding:.55rem .65rem;list-style:none;display:flex;overflow-y:auto}.ledger-empty{color:var(--text-secondary);font-size:.82rem}.ledger-row{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;align-items:baseline;gap:.55rem;font-size:.82rem;display:grid}.ledger-who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ledger-amt{color:var(--seat-own)}.ledger-amt-set,.ledger-time{color:var(--text-secondary)}.denom-bar{left:50%;bottom:calc(.75rem + env(safe-area-inset-bottom));border-radius:var(--radius);background:var(--card);z-index:20;align-items:center;gap:.4rem;width:min(440px,100% - 1.5rem);padding:.5rem;display:flex;position:fixed;transform:translate(-50%)}.batch-toggle{border-radius:var(--radius);height:var(--denom-h);background:var(--bg);color:var(--text-secondary);white-space:nowrap;cursor:pointer;border:none;padding:0 .7rem;font-size:.72rem}.batch-toggle.on{background:var(--text);color:var(--bg)}.denom{height:var(--denom-h);border-radius:var(--radius);cursor:pointer;color:#fff;touch-action:none;border:none;flex:1;font-weight:700;transition:transform .1s}.denom:active{transform:scale(.94)}.denom-1{background:var(--denom-1)}.denom-5{background:var(--denom-5)}.denom-10{background:var(--denom-10)}.denom-25{background:var(--denom-25)}.denom-100{background:var(--denom-100)}.menu-sheet{max-width:440px;padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom));background:var(--card);border-radius:var(--radius) var(--radius) 0 0;z-index:40;flex-direction:column;gap:.35rem;margin:0 auto;animation:.22s both sheet-up;display:flex;position:fixed;inset:auto 0 0}.menu-sheet button{background:var(--bg);color:var(--text);text-align:left;border-radius:var(--radius);cursor:pointer;border:none;padding:.95rem 1rem}.menu-sheet button.danger{color:var(--danger)}.menu-sheet button.muted{text-align:center;color:var(--text-secondary);background:0 0}.menu-sheet button:disabled{opacity:.4}.confirm-overlay{z-index:50;background:#0f1115b8;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.confirm-box{background:var(--card);border-radius:var(--radius);width:min(360px,100%);color:var(--text);padding:1.25rem}.toast-stack{top:calc(.75rem + env(safe-area-inset-top));z-index:60;flex-direction:column;gap:.4rem;width:min(400px,100% - 1.5rem);display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (pointer:coarse){.toast-stack{top:calc(3.75rem + env(safe-area-inset-top,0px))}}.toast{text-align:left;border-radius:var(--radius);background:var(--card);width:100%;color:var(--text-secondary);cursor:pointer;border:none;padding:.85rem 1rem;animation:.22s both fade-up}.a2hs{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));border-radius:var(--radius);background:var(--card);z-index:30;justify-content:space-between;align-items:center;gap:.75rem;width:min(400px,100% - 1.5rem);padding:.85rem 1rem;animation:.3s both fade-up;display:flex;position:fixed;transform:translate(-50%)}.a2hs p{color:var(--text-secondary);margin:0;font-size:.85rem}.a2hs-dismiss{color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:none}.dev-panel{right:.5rem;bottom:calc(5.5rem + env(safe-area-inset-bottom));z-index:70;background:var(--card);border-radius:var(--radius);flex-direction:column;gap:.35rem;width:9.5rem;padding:.55rem;display:flex;position:fixed;box-shadow:0 8px 24px #00000059}.dev-title{letter-spacing:.12em;color:var(--text-secondary);margin:0;font-size:.65rem}.dev-panel button{border-radius:var(--radius);background:var(--bg);color:var(--text);text-align:left;cursor:pointer;border:none;padding:.45rem .5rem;font-size:.7rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes seat-pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settlement-pot{font-variant-numeric:tabular-nums;color:var(--text-secondary);margin:.35rem 0 .85rem;font-size:.9rem}.settlement-list{flex-direction:column;gap:.55rem;display:flex}.settlement-card{background:var(--card);border-radius:var(--radius);padding:.75rem .85rem}.settlement-card .settlement-name{text-overflow:ellipsis;white-space:nowrap;margin:0 0 .45rem;font-weight:600;overflow:hidden}.settlement-dl{grid-template-columns:repeat(3,1fr);gap:.35rem;margin:0;display:grid}.settlement-dl div{min-width:0}.settlement-dl dt{color:var(--text-secondary);margin:0;font-size:.68rem}.settlement-dl dd{font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;margin:.15rem 0 0}.settlement-foot{box-shadow:inset 0 0 0 1px #f2f4f71f}.net-pos{color:var(--denom-5)}.net-neg{color:var(--denom-100)}.settlement-banner{border-radius:var(--radius);background:var(--card);color:var(--text);box-shadow:inset 3px 0 0 var(--denom-100);margin-top:1.1rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.55}.settlement-transfers{flex-direction:column;gap:.65rem;margin-top:1.1rem;display:flex}.settlement-transfers-title{font-family:var(--font-display);margin:0;font-size:1.2rem}.settlement-transfer-list{background:var(--card);border-radius:var(--radius);margin:0;padding:.65rem .85rem;list-style:none}.settlement-transfer-list li{font-variant-numeric:tabular-nums;padding:.35rem 0}.settlement-back,.settlement-wait{margin-top:1.25rem}.td-wheel-overlay{z-index:40;background:#0f1115eb;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:1.5rem;display:flex;position:fixed;inset:0}.td-wheel-pointer{border-left:10px solid #0000;border-right:10px solid #0000;border-top:16px solid var(--text);z-index:1;width:0;height:0;margin-bottom:-6px}.td-wheel-disc{background:conic-gradient(from 0deg, #2a3140 0 45deg, #3b2a24 45deg 90deg, #2a3140 90deg 135deg, #3b2a24 135deg 180deg, #2a3140 180deg 225deg, #3b2a24 225deg 270deg, #2a3140 270deg 315deg, #3b2a24 315deg 360deg);width:240px;height:240px;box-shadow:inset 0 0 0 4px var(--card);border-radius:50%;transition:transform 1.8s cubic-bezier(.12,.7,.2,1);position:relative}.td-wheel-label{letter-spacing:.08em;color:var(--text);pointer-events:none;justify-content:center;padding-top:1.15rem;font-size:.72rem;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.td-wheel-disc{transition:none}}.miss-card-room .miss-roles{flex-wrap:wrap;gap:.4rem;margin-top:.85rem;display:flex}.miss-badge{color:var(--text-secondary);background:var(--card);border-radius:999px;align-items:center;padding:.28rem .65rem;font-size:.75rem;display:inline-flex}.miss-badge.on{color:var(--text);box-shadow:inset 0 0 0 1px #f2f4f729}.miss-badge.psycho.on{box-shadow:inset 0 0 0 1px var(--denom-100)}.miss-badge.toilet.on{box-shadow:inset 0 0 0 1px var(--denom-10)}.miss-card-face{border-radius:var(--radius);background:var(--card);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;min-height:10.5rem;margin-top:1.1rem;padding:1.2rem 1.1rem 1.3rem;display:flex}.miss-suit{margin:0;font-size:1.4rem;line-height:1}.miss-rank{font-family:var(--font-display);margin:0;font-size:3.1rem;line-height:1}.miss-suit.red,.miss-rank.red{color:#f87171}.miss-suit.black,.miss-rank.black{color:var(--text)}.miss-cmd-name{font-family:var(--font-display);margin:.35rem 0 0;font-size:1.45rem}.miss-cmd-copy{color:var(--text-secondary);max-width:22em;margin:.15rem 0 0;font-size:.88rem;line-height:1.5}.miss-k{gap:.45rem;width:100%;margin-top:.65rem;display:grid}.miss-k label{text-align:left;color:var(--text-secondary);gap:.3rem;font-size:.82rem;display:grid}.miss-rules-preview,.miss-rules-box ul,.miss-history-list{flex-direction:column;gap:.45rem;margin:.55rem 0 0;padding:0;list-style:none;display:flex}.miss-rules-preview{border-radius:var(--radius);background:var(--card);margin-top:1rem;padding:.85rem .95rem}.miss-rules-preview h2,.miss-rules-box h2{letter-spacing:.08em;color:var(--text-secondary);margin:0;font-size:.82rem;font-weight:500}.miss-rules-preview li,.miss-rules-box li,.miss-history-list li{color:var(--text-secondary);gap:.15rem;font-size:.82rem;line-height:1.45;display:grid}.miss-rules-preview li strong,.miss-rules-box li strong{color:var(--text);font-weight:600}.miss-rules-box{max-height:min(78dvh,560px);overflow:auto}.miss-rules-box ul{margin:.7rem 0 1rem}.werewolf-composition,.werewolf-board{margin-top:1.25rem}.werewolf-composition h2,.werewolf-board h2{margin:0 0 .55rem;font-size:.95rem}.werewolf-chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.werewolf-chips li{border-radius:var(--radius);background:var(--card);padding:.28rem .65rem;font-size:.82rem}.werewolf-steppers{flex-direction:column;gap:.45rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.werewolf-steppers li{border-radius:var(--radius);background:var(--card);justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .85rem;display:flex}.werewolf-role-name{flex-direction:column;gap:.15rem;display:flex}.werewolf-camp{color:var(--text-secondary);font-size:.68rem}.werewolf-stepper{align-items:center;gap:.45rem;display:flex}.werewolf-stepper button{border-radius:var(--radius);background:var(--bg);width:2rem;height:2rem;color:var(--text);border:0}.werewolf-stepper strong{text-align:center;min-width:1.25rem}.werewolf-role-card.camp-wolf{box-shadow:inset 0 0 0 2px #c45c5c}.werewolf-camp-line{color:var(--text-secondary);margin:.35rem 0 0;font-size:.85rem}.werewolf-stage-row{flex-wrap:wrap;gap:.45rem;display:flex}.werewolf-stage-row .btn{flex:30%}.werewolf-confirm{z-index:20;background:#0000008c;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.werewolf-confirm-card{border-radius:var(--radius);background:var(--bg);flex-direction:column;gap:.65rem;width:min(22rem,100%);padding:1.2rem 1.1rem;display:flex}@media (width>=720px){.page{padding-top:2rem}}