@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#dce2df;background:#101d23;font-synthesis:none;--bg: #101d23;--panel: #19282d;--panel-light: #203237;--line: #ffffff12;--gold: #c9af7b;--muted: #8f9f9f;--good: #79a9be;--wolf: #cb8a85;--third: #d0b574;--serif: "Noto Serif SC", "Songti SC", serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}input:focus,select:focus{outline:1px solid var(--gold);border-color:var(--gold)}a{color:inherit;text-decoration:none}input,select{background:#101e24;border:1px solid #ffffff20;color:#e5e9e5;border-radius:9px;padding:13px 15px;width:100%}input::placeholder{color:#647777}input:disabled,select:disabled{opacity:.65}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500}h1{font-size:33px;letter-spacing:2px;margin-bottom:14px}h2{font-size:24px;letter-spacing:1px}h3{font-weight:500;font-size:16px}p{line-height:1.85}small{font-weight:400}svg{flex-shrink:0;vertical-align:middle}button{transition:background .18s,border-color .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}.app{min-height:100vh;background:radial-gradient(ellipse at 10% 0%,#23363970,transparent 50%),var(--bg)}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:#122128b8;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:22px;letter-spacing:4px}.brand small{display:block;font:8px/1.5 sans-serif;letter-spacing:3px;color:var(--muted);margin-top:6px}.brand-symbol{color:var(--gold);width:45px;height:45px;border:1px solid #c9af7b48;display:grid;place-items:center;border-radius:50%;background:#c9af7b07}.top-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}.room-code{display:flex;gap:10px;align-items:center}.room-code b{color:#e4e6df;font:16px monospace;letter-spacing:3px}.icon-button{width:34px;height:34px;display:grid;place-items:center;border-radius:7px}.icon-button:hover{background:#ffffff0b}.user-tag{height:31px;width:31px;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:50%;color:var(--gold)}.online-dot,.connection-state i{display:inline-block;width:6px;height:6px;background:#65736f;border-radius:50%}.online-dot.on,.connection-state i.on{background:#78ad94;box-shadow:0 0 0 3px #78ad940d}.steps{display:flex;justify-content:center;align-items:center;padding:30px 20px;color:#677c80;font-size:11px;letter-spacing:1px}.steps>div{display:flex;align-items:center;gap:9px}.steps>div>span{border:1px solid #ffffff16;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:9px}.steps i{width:44px;height:1px;background:#ffffff13;margin:0 17px}.steps .active{color:var(--gold)}.steps .active>span{border-color:#c9af7b66;background:#c9af7b12}.steps .done{color:#a4bcb1}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:12px}.eyebrow>span{height:1px;width:30px;background:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 21px;border-radius:8px;font-size:13px;font-weight:500;min-height:44px;white-space:nowrap;letter-spacing:.5px}.button.primary{background:#cbb485;color:#15242b;border:1px solid #cbb485}.button.primary:hover:not(:disabled){background:#dfc89a}.button.secondary{background:#ffffff04;border:1px solid #ffffff20;color:#d3ddd9}.button.secondary:hover:not(:disabled){background:#ffffff0c;border-color:#ffffff40}.button.ghost{color:#92a5a6;border:1px solid transparent}.button.ghost:hover:not(:disabled){background:#ffffff05}.button.danger{color:#e0a8a0;border:1px solid #c97b713f;background:#c97b710c}.button:disabled{opacity:.4}.button.compact{padding:9px 13px;font-size:12px;min-height:36px}.wide{width:100%}.center{text-align:center}.text-button{color:var(--gold);display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:9px 0}.welcome-app{background:linear-gradient(90deg,#0e1c25c9,#101c26ae),url(/images/night.webp) center/cover fixed}.welcome-app .topbar{background:#101c2680}.welcome{max-width:1250px;min-height:calc(100vh - 180px);padding:55px 30px 90px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:70px;position:relative}.welcome-story{padding-bottom:22px}.welcome-story h1{font-size:43px;line-height:1.65;letter-spacing:4px;color:#e5e5dd;margin:22px 0}.welcome-story p{font-size:14px;color:#a5b5b7;line-height:2.2;margin:22px 0 38px}.story-tags{display:flex;gap:25px;color:#a4b5b6;font-size:11px}.story-tags span{display:flex;align-items:center;gap:8px}.welcome-card{border:1px solid #d2d7bc21;background:#1a2b30e8;padding:37px;border-radius:16px;box-shadow:0 18px 70px #0003;max-width:425px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.small-moon{color:var(--gold);margin-bottom:26px}.welcome-card .eyebrow{font-size:10px}.welcome-card h2{font-size:22px;line-height:1.6;letter-spacing:.5px;margin-bottom:12px}.welcome-card p{font-size:12px;color:#91a5a6;margin-bottom:28px}.welcome-card label{display:block;font-size:12px;color:#bcc6c1;margin-bottom:10px}.welcome-card input{padding:15px;margin-bottom:19px;background:#101f2670}.quiet-note{font-size:10px;color:#809794;display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid var(--line);margin-top:27px;padding-top:22px}.welcome-bottom{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:10px;color:#7d9599;letter-spacing:1px}.page-shell{max-width:1450px;padding:26px 4.5% 60px;margin:auto}.entrance{max-width:1080px;padding-top:55px}.lead{color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:0}.lead b{color:var(--gold);font-family:monospace;letter-spacing:2px}.entry-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}.entry-card{background:#1c2c32e8;border:1px solid #ffffff17;border-radius:12px;padding:32px}.large-icon{width:55px;height:55px;border:1px solid #c9af7b33;color:var(--gold);background:#c9af7b08;border-radius:14px;display:grid;place-items:center;margin-bottom:28px}.entry-card .eyebrow{font-size:10px}.entry-card h2{margin-bottom:12px}.entry-card p{color:var(--muted);font-size:12px;min-height:45px}.entry-card .button{margin-top:12px}.join-form{display:flex;gap:10px;align-items:center;margin-top:26px}.join-form .button{margin:0}.join-form input{font:14px monospace;letter-spacing:3px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.section-heading .eyebrow{font-size:10px;margin-bottom:12px}.section-heading h1{display:flex;align-items:center;gap:16px}.count-pill{font-family:monospace;font-size:12px;color:#98aaa6;letter-spacing:1px;border:1px solid #ffffff1c;padding:5px 10px;border-radius:20px}.lobby-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px}.lobby-seat{background:linear-gradient(145deg,#243438,#1a2b30);border:1px solid #ffffff13;border-radius:12px;min-height:210px;text-align:center;position:relative;padding:19px}.seat-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8fa19f}.host-badge{display:flex;align-items:center;gap:5px;color:var(--gold);font-size:9px}.lobby-avatar{height:66px;width:66px;border:1px solid #c9af7b40;border-radius:50%;background:#c9af7b0c;font-family:var(--serif);font-size:23px;color:#c9b78d;display:grid;place-items:center;margin:24px auto 15px}.lobby-seat h3{font-size:14px;margin:0 0 10px}.lobby-seat h3 small,.player-card strong small{font-size:9px;border:1px solid #ffffff22;padding:1px 4px;border-radius:4px;color:var(--muted);margin-left:7px}.connection-state{font-size:10px;color:#95aaa1;display:flex;gap:6px;justify-content:center;align-items:center}.kick-button{position:absolute;bottom:12px;right:12px;opacity:.4}.kick-button:hover{opacity:1}.vacant{background:#ffffff01;border:1px dashed #ffffff17;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;color:#647b7c;font-size:11px}.lobby-bottom{display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff12;background:#1c2c30;margin:25px 0;border-radius:10px;padding:22px;gap:20px}.lobby-bottom>div{display:flex;align-items:center;gap:15px;color:var(--gold);font-size:13px}.lobby-bottom small{display:block;color:#8d9f9c;font-size:11px;margin-top:7px}.waiting-pill{font-size:12px;color:var(--muted)}.config-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:32px;padding-top:20px}.role-library .section-heading{margin-bottom:26px}.role-library h1{font-size:28px}.library-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.tabs{display:flex;gap:5px}.tabs button{font-size:12px;padding:9px 12px;border-radius:7px;color:#98aba7;white-space:nowrap}.tabs button small{font-size:9px;margin-left:6px;opacity:.5}.tabs button.active{background:#c9af7b17;color:var(--gold)}.search{display:flex;align-items:center;gap:8px;border:1px solid #ffffff15;border-radius:7px;max-width:165px;padding:0 10px;color:#7b9392}.search input{padding:9px 0;border:0;background:none;font-size:11px;outline:0;min-width:0}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.role-card{text-align:left;border:1px solid #ffffff12;border-radius:10px;background:#1b2c30;padding:19px 17px 0;min-height:200px;display:flex;flex-direction:column;position:relative}.role-card:not(:disabled):hover{border-color:#c9af7b70;background:#25373a;transform:translateY(-2px)}.role-card.selected{border-color:#c9af7b8a;background:linear-gradient(140deg,#2b3d3d,#223235);box-shadow:inset 0 0 0 1px #c9af7b14}.role-card.unavailable{opacity:.44}.role-card:disabled:not(.unavailable){cursor:default}.role-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.role-medallion{width:42px;height:42px;display:grid;place-items:center;border:1px solid currentColor;border-radius:12px;background:#ffffff03;color:var(--good)}.wolf .role-medallion,.role-medallion.wolf{color:var(--wolf)}.third .role-medallion,.role-medallion.third{color:var(--third)}.select-mark{width:19px;height:19px;border:1px solid #ffffff22;border-radius:5px;display:grid;place-items:center;color:#829794}.selected .select-mark{background:var(--gold);color:#17272c;border-color:var(--gold)}.role-card h3{font-family:var(--serif);font-size:16px;letter-spacing:1px;margin:0 0 9px}.role-card p{color:#94a7a4;font-size:10px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:17px}.role-card footer{border-top:1px solid #ffffff09;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:11px 0;font-size:9px;color:#839ea8}.role-facts{display:grid;gap:4px;color:#a9bbb5;font-size:9px;line-height:1.6;margin:0 0 12px;overflow-wrap:anywhere}.role-card.wolf footer{color:#b98580}.role-card.third footer{color:#b9a56e}.role-card footer b{color:var(--gold);font-size:11px}.config-sidebar{position:relative}.config-panel{background:#1d2d31;border:1px solid #ffffff14;border-radius:12px;padding:23px;position:sticky;top:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:10px;margin-bottom:24px}.panel-heading>span:first-child{display:flex;align-items:center;gap:10px}.tiny-tag{background:#ffffff05;border:1px solid #ffffff13;border-radius:5px;padding:3px 6px;color:#91a6a1;font-size:9px;white-space:nowrap}.allocation{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#99aaa6}.allocation strong{font-size:25px;color:var(--gold);font-weight:400}.allocation strong small{font-size:14px;color:#819996}.allocation strong.mismatch{color:#d2a19b}.allocation-bar{height:3px;background:#ffffff0a;margin:14px 0 10px;border-radius:5px;overflow:hidden}.allocation-bar i{display:block;background:var(--gold);height:100%;transition:width .2s}.allocation-caption{font-size:9px;color:#7e9590;margin-bottom:3px}.setting-section{padding:18px 0;border-bottom:1px solid #ffffff0b}.label-heading{display:block;font-size:11px;color:#a3b2ac;margin-bottom:14px}.count-setting{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px}.count-setting:last-child{margin-bottom:0}.count-setting>span{display:flex;gap:10px;align-items:center;color:#b2c2bb}.stepper{display:flex;align-items:center;border:1px solid #ffffff15;border-radius:6px;background:#101e2440}.stepper button{width:28px;height:29px;display:grid;place-items:center;color:#9cafaa}.stepper button:hover{background:#ffffff08}.stepper button:disabled{opacity:.3}.stepper b{min-width:28px;text-align:center;font-size:12px;font-weight:400}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.toggle-row>div>span{display:flex;align-items:center;gap:9px;font-size:12px}.toggle-row small{display:block;color:#819892;font-size:9px;margin-top:7px}.toggle{width:34px;height:19px;border-radius:20px;background:#3a4b4b;padding:3px}.toggle i{display:block;width:13px;height:13px;border-radius:50%;background:#7d9190;transition:transform .2s}.toggle.checked{background:#b99f70}.toggle.checked i{transform:translate(15px);background:#f0e6ce}.toggle:disabled{cursor:default}.segmented{display:flex;border:1px solid #ffffff13;background:#101e242e;border-radius:6px;padding:3px;margin-top:12px;gap:3px}.segmented button{flex:1;font-size:11px;padding:8px;color:#8da39c;border-radius:4px}.segmented button.active{background:#c9af7b19;color:var(--gold)}.setting-hint{color:#829790;font-size:9px;line-height:1.8;margin:11px 0 0}.duration-label{display:flex;justify-content:space-between;font-size:11px}.duration-label span{color:var(--gold)}input[type=range]{padding:0;height:3px;margin:20px 0 10px;accent-color:var(--gold);border:0}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#6f8a82}.judge-status{display:flex;gap:8px;align-items:center;font-size:10px;color:#a2b5ab}.checkline{display:flex;gap:8px;align-items:flex-start;font-size:10px;color:#9eb1a9;margin:16px 0;line-height:1.8;cursor:pointer}.checkline input{width:auto;flex-shrink:0;accent-color:var(--gold);margin-top:3px}.start-button{font-size:11px;gap:9px;padding:14px 10px}.defaults{font-size:10px;margin-top:16px;color:#8fa59c}.defaults summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none}.defaults ol{padding-left:15px;line-height:1.9}.defaults li{margin:10px 0}.catalog-note{margin-top:22px;font-size:11px;color:var(--muted);line-height:1.9}.catalog-note summary{cursor:pointer;display:flex;align-items:center;gap:8px}.catalog-note p{padding:10px 0}.config-media{grid-column:1/-1}.media-panel{border:1px solid #ffffff13;background:#18292ed9;border-radius:10px;padding:17px 20px;margin:20px 0 0}.media-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b6c5bc;gap:12px}.media-heading>span{display:flex;gap:8px;align-items:center}.media-heading small{font-size:10px;color:#8b9f97}.media-controls{display:flex;align-items:center;gap:9px;margin-top:14px;flex-wrap:wrap}.media-controls>span{color:#7e968e;font-size:10px;margin-left:auto}.media-button{width:36px;height:32px;display:grid;place-items:center;border:1px solid #ffffff15;background:#ffffff04;border-radius:6px;color:#bac8c1}.media-button:disabled{opacity:.3}.media-button.off{color:#c8958b}.media-thumbnails{display:flex;gap:10px;overflow:auto;margin-top:15px}.media-thumb{height:90px;width:135px;flex-shrink:0;position:relative;overflow:hidden;border-radius:7px;background:#101d23}.media-thumb video{height:100%;width:100%;object-fit:cover}.media-thumb span{position:absolute;bottom:4px;left:7px;font-size:9px;text-shadow:0 1px 4px #000}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:25px;padding-top:28px}.game-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.phase-title{display:flex;align-items:center;gap:14px}.phase-symbol{color:var(--gold);width:46px;height:46px;display:grid;place-items:center;border:1px solid #c9af7b2c;border-radius:50%}.phase-title .eyebrow{font-size:9px;margin-bottom:6px}.phase-title h2{font-size:20px;margin:0}.timer{display:grid;grid-template-columns:20px auto;column-gap:9px;color:var(--gold);align-items:center}.timer strong{font:24px monospace;letter-spacing:2px}.timer small{grid-column:2;font-size:8px;color:#8a9e98;margin-top:5px}.stage{height:320px;position:relative;border-radius:12px;border:1px solid #ded4ad35;overflow:hidden;background:url(/images/day.webp) center 53% / cover}.stage.night{background-image:url(/images/night.webp);border-color:#7c97b439}.stage-shade{position:absolute;inset:0;background:linear-gradient(0deg,#14232b90,#17242a30)}.stage-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;color:#edeadf;text-shadow:0 2px 10px #0005}.stage-message>svg{margin-bottom:20px;color:#e4d6b3}.stage-message h2{font-size:24px;margin-bottom:13px;letter-spacing:3px}.stage-message p{color:#dedfd3;font-size:12px;margin-bottom:10px}.stage-message>span{font-size:10px;color:#c1cfc8}.stage-expand{position:absolute;right:13px;bottom:12px;padding:7px;border-radius:5px;background:#16252e90;color:#e3dfca}.speaker-stage{height:100%;display:flex;align-items:center;justify-content:center;position:relative}.speaker-stage>video{height:100%;width:100%;object-fit:contain;background:#0e1d24}.speaker-placeholder{width:95px;height:95px;background:#172a32cc;border:1px solid #e4d7b355;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:38px;color:#dfceaa}.speaker-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0b172ce6);padding:34px 22px 19px;display:flex;align-items:center;gap:12px;font-size:12px}.speaker-caption>span:last-child{font-size:10px;color:#a7b7b4}.speaking-indicator{display:flex;gap:3px;align-items:center;height:16px}.speaking-indicator i{width:3px;height:7px;background:var(--gold);animation:pulse 1s infinite alternate}.speaking-indicator i:nth-child(2){height:13px;animation-delay:.3s}.speaking-indicator i:nth-child(3){height:10px;animation-delay:.6s}@keyframes pulse{to{height:3px}}.wolf-stage{position:relative;padding:27px}.wolf-stage h2{font-size:24px}.wolf-partners{display:flex;gap:10px;flex-wrap:wrap}.wolf-partners>span{background:#17232bd9;border:1px solid #c9af7b3b;border-radius:6px;padding:7px 11px;font-size:11px;display:flex;gap:8px;align-items:center}.wolf-videos{display:flex;gap:9px;margin-top:16px}.wolf-videos>div{width:130px;height:85px;overflow:hidden;border-radius:6px}.wolf-videos video{width:100%;height:100%;object-fit:cover}.event-banner{border:1px solid #c9af7b30;background:#c9af7b0d;color:#cfbb90;border-radius:8px;padding:12px 15px;display:flex;align-items:center;gap:10px;font-size:11px;margin:15px 0}.event-banner small{margin-left:auto;color:#9eab99}.players-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:27px 0 15px}.players-header h3{font-size:13px;margin:0}.players-header h3 small{font-size:10px;color:#8a9e97;margin-left:12px}.players-header>span{font-size:9px;color:#8c9d94}.player-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.player-card{position:relative;background:#203136;border:1px solid #ffffff14;border-radius:9px;min-height:133px;padding:11px;text-align:center;display:flex;flex-direction:column;align-items:center}.player-card:disabled{cursor:default}.player-card:not(:disabled):hover{border-color:#c9af7b70}.player-seat{position:absolute;top:11px;left:11px;font:11px monospace;color:#8ca298;display:flex;align-items:center;gap:6px}.sheriff-icon{color:var(--gold)}.player-avatar{height:38px;width:38px;display:grid;place-items:center;background:#c9af7b0d;color:#c4b58d;border:1px solid #c9af7b24;border-radius:50%;font:18px var(--serif);margin:14px 0 10px}.player-card strong{font-size:11px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-card>span{font-size:9px;color:#8ca39b;margin-top:7px}.player-card.dead{filter:grayscale(1);opacity:.42}.player-card.targeted{border-color:var(--gold);background:#c9af7b1c}.player-card .target-check{position:absolute;right:10px;top:5px;background:var(--gold);color:#14252b;border-radius:50%;width:18px;height:18px;display:grid;place-items:center}.action-panel{margin-top:18px;border:1px solid #c9af7b35;background:#c9af7b0a;border-radius:10px;padding:20px;display:flex;justify-content:space-between;gap:20px;align-items:center}.action-panel h3{font-size:13px;margin-bottom:8px}.action-panel p{font-size:11px;color:#d8ba9b;margin:0}.submitted{font-size:9px;display:flex;align-items:center;gap:6px;color:#9fb8a5}.action-buttons{display:flex;gap:9px;flex-wrap:wrap}.action-buttons .button{font-size:11px;padding:10px 14px}.identity-panel{border:1px solid #c9af7b25;border-radius:11px;background:linear-gradient(135deg,#2b3c3a,#203034);padding:20px;margin-bottom:18px}.identity-panel .eyebrow{font-size:8px;margin-bottom:12px}.identity-toggle{display:flex;align-items:center;width:100%;gap:12px;padding:0;text-align:left}.identity-toggle>div{flex:1}.identity-toggle small{font-size:9px;color:#8da697}.identity-toggle h3{font-family:var(--serif);font-size:16px;margin:5px 0 0}.identity-toggle>svg{color:#78988b}.identity-panel p{font-size:10px;color:#a9bbb0;margin:16px 0 0}.local-badge{display:inline-block;font-size:9px;color:#cbb089;border:1px solid #c9af7b30;border-radius:4px;padding:4px 6px;margin-top:15px}.announcements{border:1px solid #ffffff13;background:#1c2c30;border-radius:10px;overflow:hidden}.announcements .panel-heading{padding:18px 18px 14px;border-bottom:1px solid #ffffff0c;margin:0;font-size:12px}.announcement-list{max-height:340px;overflow:auto;padding:0 18px}.announcement-list article{border-bottom:1px solid #ffffff0a;padding:15px 0}.announcement-list article>span{font-size:9px;color:#a49373}.announcement-list article p{font-size:11px;color:#a3b5ab;line-height:1.9;margin:8px 0 0;word-break:break-word}.private-messages{background:#2537337a;border:1px solid #80af9722;padding:15px;border-radius:9px;margin-top:15px}.private-messages h3{font-size:12px;display:flex;align-items:center;gap:9px;color:#b7cabc}.private-messages p{font-size:11px;line-height:1.9;color:#9bbbad;margin:8px 0}.sidebar-actions{display:flex;flex-direction:column;gap:8px;margin-top:17px}.sidebar-actions .button{font-size:11px}.host-controls{border-top:1px solid #ffffff15;margin-top:17px;padding-top:19px}.host-controls h3{font-size:11px;color:#a6b4a3;display:flex;align-items:center;gap:8px}.host-controls .button{font-size:11px}.two-buttons{display:flex;gap:8px;margin:9px 0}.two-buttons>*{flex:1}.hand-request,.manage-player{display:flex;justify-content:space-between;gap:10px;font-size:11px;background:#ffffff05;padding:11px;border-radius:5px;margin-bottom:10px}.hand-request button,.manage-player button{color:var(--gold)}.pause-settings label{display:block;font-size:10px;margin:12px 0}.pause-settings input,.pause-settings select{margin-top:7px;font-size:11px;padding:8px}.day-skill-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.day-skill-row select{width:auto;font-size:11px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:#e1d1b4;color:#203136;padding:15px 19px;box-shadow:0 12px 45px #0005;border-radius:9px;display:flex;gap:12px;align-items:center;max-width:calc(100% - 30px);font-size:12px;z-index:100}.toast button{margin-left:12px}.reconnect{position:fixed;top:0;width:100%;text-align:center;padding:6px;background:#9b7545;color:#fff;font-size:11px;z-index:100}.inline-warning{padding:13px 16px;background:#caa27717;color:#d3b191;border:1px solid #caa27730;border-radius:8px;font-size:12px;margin-top:20px}.modal-backdrop{position:fixed;inset:0;background:#081119bc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:80;padding:25px}.modal{background:#1d2d31;border:1px solid #d1be9d3b;box-shadow:0 25px 100px #0006;border-radius:13px;padding:35px;max-width:600px;width:100%;max-height:85vh;overflow:auto;position:relative}.modal h2{font-size:24px}.modal h2 small{font:12px sans-serif;color:#829b90}.modal>p{font-size:12px;color:var(--muted)}.modal-close{position:absolute;right:12px;top:12px;color:#92a69a}.rule-list{padding-left:18px;line-height:1.9;color:#a3b5a9;font-size:12px}.rule-list li{margin:12px 0}.event-modal{max-width:800px}.event-list{display:flex;flex-direction:column;gap:12px}.event-list>label{display:flex;align-items:flex-start;gap:13px;border:1px solid #ffffff16;border-radius:7px;padding:14px;cursor:pointer}.event-list input{width:auto;margin:4px 0;accent-color:var(--gold)}.event-list b{font-size:13px;font-weight:400}.event-list small{font-size:9px;color:#b6a37b;margin-left:8px}.event-list p{font-size:10px;color:#90a394;margin:8px 0 0}.event-list em{font-size:9px;color:#b79481;font-style:normal;line-height:1.8}.event-list .unavailable{opacity:.45;cursor:default}.judge-chat{position:fixed;right:25px;bottom:25px;width:350px;height:490px;border-radius:13px;border:1px solid #c9af7b40;background:#1a2b30;box-shadow:0 20px 70px #0008;z-index:60;display:flex;flex-direction:column;overflow:hidden}.judge-chat header{display:flex;justify-content:space-between;align-items:center;padding:19px;border-bottom:1px solid #ffffff13}.judge-chat header>div{display:flex;gap:10px;align-items:center;color:var(--gold);font-size:13px}.chat-note{font-size:10px;color:#819b91;padding:12px 18px;margin:0;background:#ffffff02}.chat-messages{flex:1;overflow:auto;display:flex;flex-direction:column;padding:17px;gap:12px}.chat-bubble{border:1px solid #ffffff0c;background:#25383b;padding:11px 13px;border-radius:8px;max-width:90%;font-size:11px;line-height:1.9;white-space:pre-wrap}.chat-bubble.user{align-self:flex-end;background:#c9af7b1b;color:#dbca9e}.thinking{font-size:10px;color:#92a79c}.judge-chat form{display:flex;align-items:center;padding:12px;border-top:1px solid #ffffff13;gap:8px}.judge-chat input{font-size:11px;flex:1;min-width:0}.judge-chat form button{color:var(--gold);padding:9px}.results{max-width:1100px}.result-heading{text-align:center;padding:40px 0}.result-heading .large-icon{margin:0 auto 23px}.result-heading .eyebrow{justify-content:center}.result-heading h1{font-size:30px}.result-heading p{font-size:12px;color:#9db5a5}.final-roles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:10px 0 50px}.final-role{border:1px solid #ffffff16;border-radius:8px;padding:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;background:#1c2d31}.final-role>svg{color:var(--good)}.final-role.wolf>svg{color:var(--wolf)}.final-role.third>svg{color:var(--third)}.final-role b{font-weight:400}.final-role>span{font-size:10px;color:var(--muted);flex-basis:100%;margin-left:32px}.results .section-heading h2{font-size:23px;margin:0}.legend{display:flex;gap:15px;font-size:10px}.legend>span:before{content:"";width:6px;height:6px;background:var(--good);display:inline-block;margin-right:6px;border-radius:50%}.legend>.wolf:before{background:var(--wolf)}.legend>.third:before{background:var(--third)}.timeline-item{display:grid;grid-template-columns:100px 1fr;--timeline-color: #6d8d86}.timeline-item.wolf{--timeline-color: var(--wolf)}.timeline-item.good{--timeline-color: var(--good)}.timeline-item.third{--timeline-color: var(--third)}.timeline-time{position:relative;font-size:10px;color:#92a99b;padding:19px 20px 0 0;text-align:right}.timeline-time i{position:absolute;right:-4px;top:23px;width:7px;height:7px;border-radius:50%;background:var(--timeline-color)}.timeline-content{border-left:1px solid #ffffff18;padding:9px 0 12px 23px}.timeline-action{background:#223338;border:1px solid #ffffff0c;padding:15px 18px;display:flex;gap:12px;align-items:center;border-radius:7px 7px 0 0;font-size:11px}.timeline-action b{color:var(--timeline-color);font-weight:400}.timeline-action>span{font-size:10px;color:#a5b4a4}.timeline-effect{background:#18292e;border:1px solid #ffffff0a;border-top:0;border-radius:0 0 7px 7px;padding:12px 18px;color:#8fa699;font-size:10px;line-height:1.8;overflow-wrap:anywhere}.result-buttons{display:flex;justify-content:center;gap:15px;margin:40px 0 15px}@media(min-width:1550px){.page-shell{padding-left:40px;padding-right:40px}.role-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.welcome{max-width:1300px}.stage{height:370px}}@media(max-width:1100px){.config-layout{gap:20px;grid-template-columns:minmax(0,1fr) 270px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-tools{align-items:stretch;flex-direction:column}.search{max-width:none}.welcome{gap:35px}.welcome-story h1{font-size:36px}.game-layout{gap:17px;grid-template-columns:minmax(0,1fr) 250px}.stage{height:290px}.action-panel{flex-direction:column;align-items:flex-start}.lobby-grid{grid-template-columns:repeat(3,1fr)}.story-tags{gap:15px}}@media(max-width:760px){.topbar{height:72px;padding:0 20px}.brand{font-size:19px;gap:10px}.brand-symbol{width:36px;height:36px}.brand small{font-size:7px;letter-spacing:2px}.desktop-only{display:none}.top-meta{gap:10px}.steps{padding:22px 10px}.steps label{font-size:9px;letter-spacing:0}.steps i{width:10px;margin:0 5px}.steps>div{gap:5px}.steps>div>span{width:20px;height:20px;font-size:8px}.welcome{grid-template-columns:1fr;padding:25px 25px 80px;gap:30px}.welcome-story{padding:0}.welcome-story .eyebrow{font-size:10px}.welcome-story h1{font-size:31px;margin:15px 0;line-height:1.6}.welcome-story p{font-size:12px;margin:14px 0 22px}.story-tags{font-size:10px;justify-content:space-between;gap:8px}.welcome-card{max-width:none;padding:27px}.welcome-card .small-moon{display:none}.welcome-card h2{font-size:21px}.welcome-bottom{left:25px;right:25px;font-size:8px}.page-shell{padding:20px 20px 40px}.entrance{padding-top:32px}.entry-options{grid-template-columns:1fr;margin-top:25px;gap:16px}.entry-card{padding:25px}.entry-card .large-icon{margin-bottom:20px}.entry-card p{min-height:0}.section-heading{align-items:flex-start;gap:10px}.section-heading h1{font-size:26px}.section-heading .button{padding:9px;font-size:10px}.lobby-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.lobby-seat{min-height:183px;padding:14px}.lobby-avatar{margin-top:20px;width:55px;height:55px}.lobby-bottom{flex-direction:column;align-items:stretch;padding:18px}.lobby-bottom>div{font-size:12px}.config-layout{display:flex;flex-direction:column}.config-sidebar{order:2}.config-media{order:3}.config-panel{position:static}.role-library .lead{max-width:270px}.role-card{min-height:195px;padding:15px 13px 0}.role-card h3{font-size:14px}.role-card p{font-size:10px}.role-grid{gap:10px}.tabs{justify-content:space-between}.tabs button{padding:9px 13px}.config-panel{padding:23px}.game-layout{display:flex;flex-direction:column}.game-heading{margin-bottom:18px}.phase-title{gap:10px}.phase-symbol{height:37px;width:37px}.phase-title h2{font-size:17px}.timer strong{font-size:21px}.stage{height:250px}.stage-message{padding:20px}.stage-message h2{font-size:22px}.stage-message p{font-size:11px}.player-grid{grid-template-columns:repeat(3,1fr);gap:8px}.player-card{min-height:126px;padding:9px}.player-seat{font-size:10px;left:8px;top:8px}.players-header{gap:9px}.players-header>span{font-size:8px}.players-header h3 small{display:block;margin:7px 0 0;font-size:9px}.game-sidebar{display:grid;grid-template-columns:1fr;gap:15px}.identity-panel{margin-bottom:0}.sidebar-actions,.host-controls{margin:0}.media-panel{padding:15px}.media-controls>span{margin-left:0;flex-basis:100%;margin-top:5px;font-size:9px}.media-heading{align-items:flex-start}.media-heading small{font-size:8px}.media-controls .button{font-size:10px}.room-code{gap:5px;font-size:9px}.room-code b{font-size:13px;letter-spacing:2px}.room-code button{padding:0}.top-meta>.online-dot{display:none}.modal{padding:28px 22px;max-height:90vh}.modal-backdrop{padding:15px}.judge-chat{right:12px;bottom:12px;width:calc(100% - 24px);height:min(500px,85vh)}.final-roles{grid-template-columns:repeat(2,1fr);gap:9px}.result-heading{padding:25px 0}.result-heading h1{font-size:24px}.results .section-heading{align-items:center}.results .section-heading h2{font-size:19px}.legend{gap:8px;font-size:9px}.timeline-item{grid-template-columns:65px 1fr}.timeline-content{padding-left:16px}.timeline-time{font-size:9px;padding-right:12px}.timeline-action{padding:12px;flex-wrap:wrap;gap:8px}.timeline-effect{padding:12px}.result-buttons{flex-direction:column}.toast{font-size:11px;bottom:15px}.user-tag{display:none}.day-skill-row select{max-width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:760px){.steps label{display:none}.steps .active label{display:block;white-space:nowrap}.steps i{width:25px;margin:0 8px}}