:root{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,WenQuanYi Zen Hei,sans-serif;color:#29382e;background:#eff2ed;font-synthesis:none;font-weight:400;--ink:#29382e;--muted:#879184;--green:#58765c;--line:#e4e9df;--paper:#fff;--soft:#f3f6ef;--sage:#e8f0e1;--gold:#b9955a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none;transition:background .15s,border-color .15s}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}input:focus,select:focus{outline:none;border-color:#6d906a!important;box-shadow:0 0 0 3px #6d906a12}h1,h2,h3,p{margin:0}svg{flex-shrink:0;vertical-align:middle}a{color:var(--green);text-decoration:none}.app-shell{height:100dvh;max-width:880px;margin:0 auto;display:flex;flex-direction:column;background:#fff;box-shadow:0 0 80px #2e452e07;position:relative}.app-header{height:64px;min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:10px;padding:0}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:#f2f0e7;border-radius:12px;color:#a28957}.brand strong{font-size:23px;font-weight:550;letter-spacing:4px}.brand-sub{font-size:10px;color:#a2a798;border-left:1px solid #dfe4d8;padding-left:12px;letter-spacing:2px}.header-actions{display:flex;align-items:center;gap:9px}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:50%;color:#8a9586}.icon-button:hover{background:var(--soft);color:var(--green)}.icon-button.enabled{background:#eef4e9;color:var(--green)}.profile-button{width:29px;height:29px;border-radius:50%;background:#e9eedf;border:1px solid #dce4d1;color:#6e825d;font-size:12px;margin-left:3px}.main-content{flex:1;min-height:0;padding:28px 32px 20px;overflow:hidden}.home-page,.room-page,.history-page,.roles-page,.rules-page{display:flex;flex-direction:column;height:100%;min-height:0;gap:18px}.eyebrow{display:block;font:9px Arial,sans-serif;letter-spacing:2px;color:#a5ac9c;margin-bottom:9px}.page-intro{flex-shrink:0}.page-intro h1{font-size:28px;line-height:1.45;font-weight:550;letter-spacing:.4px}.page-intro h1>span{color:var(--gold)}.page-intro p{font-size:12px;color:#8d9787;margin-top:7px;line-height:1.5}.home-note{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f6f7f0;border:1px solid #e8eadc;border-radius:13px;padding:23px 25px;flex-shrink:0}.note-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#969c7e;letter-spacing:.7px;margin-bottom:10px}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#95aa82;flex-shrink:0}.home-note strong{font-size:16px;font-weight:500}.home-note p{font-size:11px;color:#9a9f86;margin-top:8px}.home-note>svg{color:#b5b288;margin-right:7px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;flex-shrink:0}.section-label h2{font-size:14px;font-weight:550}.section-label>span{font-size:10px;color:#a5ad9e}.board-options{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1;max-height:340px}.board-option{border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:18px;padding:15px 20px;min-height:66px;flex:1;text-align:left;background:#fff;position:relative}.board-option:hover{border-color:#b6c5a6}.board-option.selected{background:#f0f5ea;border-color:#9eb68a}.board-number{font-family:Georgia,serif;color:#9aaa8b;font-size:34px;display:flex;align-items:baseline;gap:6px;min-width:62px}.board-number small{font-family:inherit;font-size:11px;color:#a2b18e}.board-option.selected .board-number{color:#5c7b4e}.board-text{flex:1}.board-text>strong{font-size:16px;font-weight:500;display:flex;gap:13px;align-items:center}.board-text>strong>span{font-size:9px;color:#98a284;font-weight:400;background:#f3f6ef;padding:3px 6px;border-radius:4px}.board-option.selected .board-text>strong>span{background:#e5edd9;color:#81976b}.board-text>small{display:block;font-size:11px;color:#96a18c;margin-top:7px}.option-check{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#b3bca9}.selected .option-check{background:#769164;color:#fff}.home-bottom{margin-top:auto;flex-shrink:0}.home-buttons,.lobby-actions,.action-buttons{display:flex;gap:10px}.home-buttons>*{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 17px;border-radius:9px;border:1px solid transparent;font-size:13px;font-weight:500;white-space:nowrap}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover:not(:disabled){background:#49674d;border-color:#49674d}.btn.secondary{background:#f7f9f4;border-color:#dee5d7;color:#6d7f60}.btn.secondary:hover:not(:disabled){background:#edf2e6;border-color:#b3c3a3}.full{width:100%}.recent-link{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#a2aa96;padding:12px 10px 0;margin:0 auto}.bottom-nav{height:66px;min-height:66px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#fff;padding:5px 20px max(5px,env(safe-area-inset-bottom))}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#a6b09d;font-size:10px;position:relative}.bottom-nav button.active{color:#537348;font-weight:500}.bottom-nav button.active:before{content:"";position:absolute;width:39px;height:28px;border-radius:9px;background:#edf3e6;top:3px}.bottom-nav svg{position:relative}.room-page{gap:12px}.room-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-shrink:0}.room-summary h1{font-size:21px;font-weight:550;line-height:1.3;max-width:550px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-summary p{display:flex;align-items:center;gap:7px;font-size:10px;color:#9ca78f;margin-top:6px}.room-code{letter-spacing:1px;font-size:11px;font-family:Arial,sans-serif;color:#728663}.connection-dot{width:5px;height:5px;border-radius:50%;background:#8ba873}.connection-dot.offline{background:#cb9381}.invite-button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;border:1px solid #e0e7d9;border-radius:8px;padding:10px 12px;color:#74896b;background:#fafbf8;flex-shrink:0;min-height:40px}.phase-strip{display:flex;align-items:center;gap:12px;background:#f5f7f1;border:1px solid #e9eddf;border-radius:10px;padding:13px 15px;flex-shrink:0;min-height:66px}.phase-strip.your-turn{background:#edf5e7;border-color:#d8e7ca}.phase-icon{display:grid;place-items:center;color:#91a276}.phase-strip h2{font-size:15px;display:flex;align-items:center;gap:8px;font-weight:550;line-height:1.3}.phase-strip h2 small{font-size:9px;color:#94a07e;font-weight:400;background:#e9efdf;border:1px solid #dee8d1;border-radius:4px;padding:2px 4px;white-space:nowrap}.phase-strip p{font-size:10px;color:#92a07f;margin-top:5px;line-height:1.5}.phase-strip>div{flex:1;min-width:0}.ready-count{font-family:Arial,sans-serif;font-size:19px;color:#8da271;white-space:nowrap}.ready-count small{font-size:9px;margin-left:2px;color:#a2ae90}.day-timer{font:20px Arial,sans-serif;color:#7e9762;white-space:nowrap}.seat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;flex:1;min-height:0}.seat-grid.count-6{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.seat-grid.count-9{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.seat{border:1px dashed #dbe3d2;border-radius:10px;background:#fbfcf8;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;min-height:0;min-width:0;gap:4px}.seat:disabled{opacity:1}.seat.occupied{background:#f5f8f0;border-style:solid;border-color:#dfe7d5}.seat.my-seat{background:#edf4e4;border-color:#9db785}.seat.chosen{border:2px solid #749859;background:#e4f0d9;padding:9px}.seat.actionable:hover{background:#edf5e4;border-color:#aec598}.seat.dead{background:#f6f6f3;border-color:#e4e5dc;color:#b1b7a7}.seat.dead .seat-avatar,.seat.dead .seat-name{opacity:.45}.seat-top{display:flex;align-items:center;justify-content:space-between;width:100%;height:17px;flex-shrink:0;color:#8fa27b}.seat-top>strong{font-family:Arial;font-size:16px;font-weight:500}.seat-top small{font-family:inherit;font-size:9px;margin-left:3px;color:#a6b698}.seat-top>svg{color:#a69b68}.mine-label{font-size:8px;padding:2px 4px;border-radius:3px;background:#d9e8ca;color:#79915e}.seat-avatar{display:grid;place-items:center;flex:1;min-height:0;max-height:58px;width:100%;color:#a5b88e}.seat-avatar svg{max-height:100%;width:28px;height:28px;stroke-width:1.4}.occupied .seat-avatar{color:#99af80}.my-seat .seat-avatar{color:#78965c}.seat-name{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#829773;line-height:1.3;flex-shrink:0}.seat-state{font-size:9px;color:#a3b091;flex-shrink:0;line-height:1.3}.target-check{position:absolute;right:6px;bottom:6px;color:#7e9b60}.wolf-vote-badge{position:absolute;top:8px;right:6px;display:block;background:#f5e0d9;color:#b87561;border:1px solid #ebc9bc;border-radius:4px;padding:2px 4px;font-size:9px}.wolf-team{background:#fdf8f4;border:1px solid #efE2d8;padding:9px 11px;border-radius:9px;flex-shrink:0}.wolf-team-title{display:flex;align-items:center;gap:6px;color:#a7876c;font-size:10px}.wolf-team-title small{font-size:9px;color:#b8a797;margin-left:auto}.wolf-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:8px}.wolf-choices>span{display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid #f0e6dc;background:#fffdf9;color:#b5a490;border-radius:5px;font-size:9px;padding:6px 2px;white-space:nowrap}.wolf-choices>span.confirmed{background:#f8ede3;border-color:#e7d7c6;color:#a58969}.wolf-choices strong{font-weight:500}.choice-dot{width:3px;height:3px;border-radius:50%;background:#c8baa6}.room-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;min-height:29px;border-bottom:1px solid var(--line);padding-bottom:6px}.room-tools button,.room-tools>span{display:flex;align-items:center;gap:5px;color:#94a184;font-size:10px;min-height:27px;padding:2px 0}.room-tools button:hover{color:#5c7f47}.room-action-bar{flex-shrink:0;min-height:46px}.lobby-actions>.btn{flex:1}.action-footnote{text-align:center;font-size:9px;color:#a4ad98;margin-top:7px;line-height:1.4}.waiting-label{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e4ebdc;background:#f5f8f0;border-radius:9px;min-height:46px;padding:10px;color:#90a279;font-size:11px;line-height:1.5}.action-buttons>.primary{flex:1}.action-buttons>.secondary{min-width:86px}.narration-controls{display:flex;align-items:center;gap:12px}.narration-controls>.btn{flex:1;font-size:12px;padding:0 8px}.text-button{font-size:10px;color:#8d9c7d;padding:8px 0;white-space:nowrap}.text-button:hover{color:#5e7e49}.moderator-next{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:5px 0 0}.moderator-control{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#90a080;gap:10px}.moderator-control select{height:33px;background:#f9fbf5;border:1px solid #dfe8d4;border-radius:6px;color:#75905e;padding:0 10px;font-size:11px;min-width:135px}.witch-controls{border:1px solid #e0eada;background:#f7faf2;border-radius:9px;padding:9px 12px;flex-shrink:0}.witch-controls p{font-size:11px;color:#889e71;margin-bottom:7px}.potion-options{display:flex;gap:8px}.potion-options>button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;border:1px solid #e1e9d6;border-radius:6px;background:#fff;color:#91a77b;font-size:11px;min-height:35px}.potion-options>button.selected{border-color:#9eba7e;background:#eaf2de;color:#718f55}.history-list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px}.history-item{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid var(--line);border-radius:10px;text-align:left;background:#fafcf7}.history-icon{height:39px;width:39px;display:grid;place-items:center;background:#edf2e4;border-radius:11px;color:#93a375}.history-item>span:nth-child(2){flex:1;min-width:0}.history-item strong{display:block;font-weight:500;font-size:14px}.history-item small{display:block;color:#9dab8c;font-size:10px;margin-top:7px}.history-item>svg{color:#aab89a}.empty-state{margin:auto;text-align:center;padding:25px 10px;color:#a0ae8c}.empty-state>svg{margin-bottom:20px;stroke-width:1.3}.empty-state h2{font-size:16px;color:#7e906b;font-weight:500}.empty-state p{font-size:12px;margin-top:10px}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:15px;flex:1;min-height:0}.role-card{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 20%,white);border-radius:12px;position:relative;gap:10px;min-height:0;padding:15px}.role-card>svg:first-child{max-height:34%}.role-card h2{font-size:18px;line-height:1.3;font-weight:500}.role-card small{font-size:10px;opacity:.65}.role-arrow{position:absolute;right:12px;top:12px;opacity:.5}.rose{background:#fcf3ef;color:#b58777}.violet{background:#f4f1f9;color:#a39ab8}.sage{background:#f0f6ec;color:#8ca37a}.sand{background:#faf5e9;color:#b4a175}.blue{background:#f0f5f8;color:#8ca5b5}.stone{background:#f5f5ef;color:#a1a38a}.rule-list{border:1px solid var(--line);border-radius:12px;overflow:auto;min-height:0;flex-shrink:1}.rule-item+.rule-item{border-top:1px solid var(--line)}.rule-item>button{display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:18px;background:#fbfcf8}.rule-item>button>span{font:18px Georgia,serif;color:#a1b48a}.rule-item strong{font-size:14px;font-weight:500;flex:1}.rule-item>button>svg{color:#a7b59a;transition:transform .15s}.rule-item.expanded>button>svg{transform:rotate(180deg)}.rule-item.expanded>button{background:#f4f8ed}.rule-item p{padding:0 18px 19px 54px;font-size:12px;line-height:1.9;color:#91a07d;background:#f4f8ed}.rules-footnote{color:#a9b29d;font-size:10px;line-height:1.8;margin-top:auto;text-align:center;flex-shrink:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:22px;background:#41523840;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{position:relative;max-width:450px;width:100%;background:#fff;border:1px solid #e3eadc;border-radius:18px;box-shadow:0 24px 90px #3f52251b;padding:30px;max-height:calc(100dvh - 44px);overflow:auto}.modal-close{position:absolute;top:12px;right:12px;color:#a6b19b}.modal h2{font-size:22px;line-height:1.5;font-weight:550;padding-right:10px}.modal .eyebrow{font-size:8px;letter-spacing:1.8px;padding-right:16px}.modal-description{font-size:11px;color:#9baa8c;line-height:1.9;margin:8px 0 20px}.field{display:block;font-size:11px;color:#869c73;margin-top:15px}.field input:not([type=range]),.invite-input{width:100%;display:block;margin-top:7px;background:#fbfdf7;border:1px solid #dfe8d5;border-radius:7px;padding:11px 12px;font-size:13px;color:#688052;min-height:42px}.field input::placeholder{color:#b2bca4}.field input[type=range]{display:block;width:100%;accent-color:#819d65;margin:12px 0 22px}fieldset{padding:0;border:0;margin:16px 0 0}legend{font-size:11px;color:#869c73;margin-bottom:8px;padding:0}.board-select{display:flex;gap:8px}.board-select>button{flex:1;padding:10px 4px;border:1px solid #e1e8d8;background:#fbfcf8;border-radius:7px;color:#9baa8b}.board-select strong{font-size:17px;font-weight:500}.board-select small{display:block;font-size:10px;margin-top:4px}.board-select>.selected,.mode-select>.selected{border-color:#a5bc8d;background:#f0f6e7;color:#708c55}.mode-select{display:flex;gap:9px}.mode-select>button{flex:1;display:flex;align-items:center;gap:9px;padding:12px;border-radius:7px;border:1px solid #e1e8d8;background:#fbfcf8;color:#97a986;text-align:left;font-size:12px}.mode-select small{display:block;font-size:9px;color:#a1b38e;margin-top:5px}.duration-field{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#92a67e;margin-top:16px}.duration-field select{border:1px solid #dfe8d4;background:#fafcf6;border-radius:6px;color:#849d6a;font-size:11px;padding:7px 9px}.form-submit{margin-top:21px}.form-error{padding:9px 11px;border-radius:6px;background:#fff4ef;color:#bb8c76;font-size:11px;margin-top:12px}.modal-note{font-size:11px;line-height:1.9;color:#a3b093;margin-top:20px}.separated{margin-top:10px}.identity-card{width:100%;height:180px;border:1px dashed #c4d2b3;border-radius:13px;background:#f7faf0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;margin:20px 0;color:#9caf81}.identity-card strong{font-size:24px;font-weight:500;color:#7b955f}.identity-card small{font-size:11px;color:#b0bd9a}.identity-card.revealed{border-style:solid;background:#eff6e5}.identity-team{font-size:12px;color:#b89178;text-align:center;margin:10px 0 20px}.identity-intel{font-size:12px;line-height:1.8;color:#98aa7f;background:#f7faef;border-radius:8px;padding:10px 13px;margin:10px 0 20px;max-height:180px;overflow:auto}.log-list{display:flex;flex-direction:column;gap:13px}.log-list p{display:flex;gap:10px;font-size:12px;line-height:1.9;color:#97a780;padding:12px;background:#f8faf3;border-radius:8px;overflow-wrap:anywhere}.log-list .dot{margin-top:8px}.narration-text{font-size:17px;line-height:2;color:#91a775;background:#f5f9ec;padding:20px;border-radius:10px;margin:20px 0}.help-list{padding-left:21px;color:#94ac78;margin:23px 0}.help-list li{padding-left:6px;margin-bottom:17px;font-size:14px}.help-list strong{font-weight:500;color:#7f9564}.help-list p{font-size:11px;line-height:1.8;color:#a3b38c;margin-top:6px}.role-detail-icon{display:grid;place-items:center;width:80px;height:80px;border-radius:20px;margin-bottom:23px}.role-description{font-size:14px;line-height:2;color:#92a17e;margin:17px 0 26px}.result-backdrop{z-index:70}.seer-result{text-align:center}.seer-result h2{padding:0;font-size:20px}.seer-result .eyebrow{padding:0;font-size:8px}.result-icon{display:grid;place-items:center;width:70px;height:70px;margin:3px auto 22px;background:#f3f0f8;border:1px solid #e8e1f1;border-radius:50%;color:#b0a0c5}.result-target{font-size:15px;color:#a0ac8e;margin:24px 0 8px}.result-alignment{display:block;color:#85a567;font-size:43px;font-weight:500;margin-bottom:20px}.result-alignment.wolf{color:#c58e7b}.seer-result .modal-description{font-size:10px}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);padding:13px 17px;border:1px solid #d5e3c4;border-radius:9px;background:#f2f9e9;box-shadow:0 6px 30px #485c2d15;z-index:90;display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.7;color:#7c9a5e;max-width:calc(100vw - 36px);width:max-content}.toast svg{color:#95b075}@media(min-width:1000px){.app-shell{height:calc(100dvh - 40px);margin:20px auto;border:1px solid #e3e9dc;border-radius:18px;overflow:hidden}.main-content{padding-left:42px;padding-right:42px}.home-page{gap:20px}.page-intro h1{font-size:30px}.home-note{padding:22px 26px}.seat-avatar svg{height:33px;width:33px}.seat-name{font-size:13px}.seat-state{font-size:10px}.board-options{max-height:350px}.role-grid{max-height:580px}.room-page{gap:12px}}@media(max-width:600px){.app-header{height:52px;min-height:52px;padding:0 18px}.brand{gap:8px}.brand-mark{width:30px;height:30px;border-radius:10px}.brand-mark svg{width:21px;height:21px}.brand strong{font-size:20px;letter-spacing:3px}.brand-sub{font-size:9px;padding-left:10px;letter-spacing:1px}.header-actions{gap:5px}.main-content{padding:18px 18px 13px}.home-page,.history-page,.roles-page,.rules-page{gap:15px}.eyebrow{font-size:8px;margin-bottom:7px;letter-spacing:1.8px}.page-intro h1{font-size:25px}.page-intro p{font-size:11px;margin-top:5px}.home-note{padding:17px;gap:10px;border-radius:11px}.note-label{font-size:9px;letter-spacing:.4px;margin-bottom:7px}.home-note strong{font-size:13px}.home-note p{font-size:10px;margin-top:7px}.home-note>svg{height:34px;width:34px;margin:0}.section-label{margin:0}.section-label h2{font-size:13px}.section-label>span{font-size:9px}.board-options{gap:10px;max-height:295px}.board-option{padding:12px 14px;gap:11px;min-height:66px;border-radius:9px}.board-number{font-size:30px;min-width:46px;gap:3px}.board-number small{font-size:10px}.board-text>strong{font-size:14px;gap:8px}.board-text>strong>span{font-size:8px;padding:3px 4px}.board-text>small{font-size:10px;margin-top:7px}.option-check{height:21px;width:21px}.option-check>svg{width:14px;height:14px}.btn{min-height:44px;padding:0 13px;font-size:12px;border-radius:8px;gap:7px}.home-buttons{gap:9px}.recent-link{padding-top:10px;font-size:9px}.bottom-nav{height:calc(59px + env(safe-area-inset-bottom));min-height:calc(59px + env(safe-area-inset-bottom));padding:4px 14px max(4px,env(safe-area-inset-bottom))}.bottom-nav button{font-size:9px;gap:5px}.bottom-nav button.active:before{height:26px;width:36px;top:2px}.bottom-nav button>svg{width:19px;height:19px}.room-page{gap:10px}.room-summary h1{font-size:18px;max-width:240px}.room-summary p{font-size:9px;margin-top:5px;gap:6px}.room-code{font-size:10px}.invite-button{font-size:10px;min-height:36px;padding:8px 11px}.phase-strip{gap:9px;padding:10px 11px;min-height:61px;border-radius:9px}.phase-strip h2{font-size:14px;gap:6px}.phase-strip h2 small{font-size:8px}.phase-strip p{font-size:9px;line-height:1.45;margin-top:5px}.phase-icon>svg{width:21px;height:21px}.ready-count{font-size:17px}.ready-count small{font-size:8px}.day-timer{font-size:17px}.seat-grid{gap:8px}.seat{border-radius:8px;padding:8px 7px;gap:4px}.seat.chosen{padding:7px 6px}.seat-top{height:15px}.seat-top>strong{font-size:14px}.seat-top small{font-size:8px}.seat-avatar{max-height:45px}.seat-avatar svg{width:25px;height:25px}.seat-name{font-size:11px}.seat-state{font-size:8px}.wolf-vote-badge{top:6px;right:5px;font-size:8px;padding:2px 3px}.room-tools{min-height:28px;padding-bottom:4px;gap:8px}.room-tools button,.room-tools>span{font-size:9px;gap:4px;min-height:25px}.room-action-bar{min-height:44px}.action-footnote{font-size:8px;margin-top:6px}.wolf-team{padding:8px 9px}.wolf-team-title{font-size:9px}.wolf-team-title small{font-size:8px}.wolf-choices{margin-top:7px;gap:4px}.wolf-choices>span{font-size:8px;gap:2px;padding:5px 1px}.waiting-label{font-size:10px;min-height:44px;padding:9px 8px;gap:7px}.narration-controls{gap:9px}.narration-controls>.btn{font-size:11px}.text-button{font-size:9px}.witch-controls{padding:8px 10px}.witch-controls p{font-size:10px;margin-bottom:6px}.potion-options{gap:6px}.potion-options>button{min-height:32px;font-size:10px}.moderator-control{font-size:10px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}.role-card{gap:9px;padding:13px;border-radius:10px}.role-card>svg:first-child{height:29px;width:29px}.role-card h2{font-size:18px}.role-card small{font-size:9px}.history-list{gap:10px}.history-item{padding:14px;gap:12px}.history-item strong{font-size:13px}.history-item small{font-size:9px}.history-icon{width:36px;height:36px}.rule-item>button{padding:15px 14px;gap:12px}.rule-item>button>span{font-size:16px}.rule-item strong{font-size:13px}.rule-item p{font-size:11px;line-height:1.9;padding:0 16px 15px 44px}.rules-footnote{font-size:9px;line-height:1.8}.modal-backdrop{padding:16px}.modal{padding:26px 22px;max-height:calc(100dvh - 32px);border-radius:15px}.modal h2{font-size:21px}.modal-close{top:8px;right:8px}.modal-description{font-size:10px;margin:7px 0 15px}.field{font-size:10px;margin-top:13px}.field input:not([type=range]){font-size:13px;min-height:40px;padding:9px 10px;margin-top:6px}fieldset{margin-top:13px}legend{font-size:10px;margin-bottom:7px}.board-select>button{padding:9px 3px}.board-select strong{font-size:16px}.board-select small{font-size:9px;margin-top:4px}.mode-select>button{padding:10px 9px;gap:7px;font-size:11px}.mode-select small{font-size:8px;margin-top:4px}.duration-field{margin-top:13px;font-size:10px}.duration-field select{font-size:10px;padding:6px 8px}.form-submit{margin-top:18px}.modal-note{font-size:10px;margin-top:16px}.identity-card{height:165px;margin:17px 0}.identity-card strong{font-size:23px}.identity-card small{font-size:10px}.identity-intel{font-size:11px}.log-list p{font-size:11px;padding:11px}.narration-text{font-size:16px;padding:17px;margin:18px 0}.role-description{font-size:13px}.toast{bottom:83px;font-size:11px;padding:11px 14px}.seer-result .modal-description{font-size:9px}.result-target{font-size:14px}.result-alignment{font-size:40px}}@media(max-height:730px){.main-content{padding-top:13px;padding-bottom:10px}.home-page,.history-page,.roles-page,.rules-page{gap:12px}.page-intro h1{font-size:23px}.home-note{padding:12px 15px}.home-note .note-label{margin-bottom:6px}.home-note p{margin-top:5px}.board-options{gap:8px}.board-option{min-height:57px;padding:9px 13px}.board-text>small{margin-top:5px}.board-number{font-size:28px}.recent-link{padding-top:8px}.room-page{gap:8px}.room-summary h1{font-size:17px}.phase-strip{padding:9px 10px;min-height:55px}.phase-strip h2{font-size:13px}.phase-strip p{font-size:9px;margin-top:4px}.seat-grid{gap:6px}.seat{padding:6px;gap:3px}.seat.chosen{padding:5px}.seat-avatar svg{width:20px;height:20px}.seat-top{height:14px}.seat-top>strong{font-size:13px}.seat-name{font-size:10px}.seat-state{font-size:8px}.room-tools{min-height:23px;padding-bottom:2px}.room-tools button,.room-tools>span{min-height:23px}.wolf-team{padding:6px 8px}.wolf-choices{margin-top:5px}.wolf-choices>span{padding:4px 1px}.role-card{gap:7px}.role-card h2{font-size:16px}.rule-item>button{padding-top:13px;padding-bottom:13px}.modal-create{padding-top:22px;padding-bottom:20px}.modal-create .modal-description{margin-bottom:9px}.modal-create .field{margin-top:10px}.modal-create fieldset{margin-top:11px}.modal-create .form-submit{margin-top:15px}}@media(max-height:620px){.home-note .note-label{display:none}.home-note{padding:10px 13px}.home-note strong{font-size:12px}.home-note p{font-size:9px}.page-intro .eyebrow{display:none}.main-content{padding-top:10px;padding-bottom:8px}.home-page{gap:10px}.room-page{gap:6px}.seat-avatar{display:none}.seat{gap:3px}.phase-strip{min-height:48px;padding:7px 9px}.room-summary h1{font-size:16px}.room-summary p{margin-top:4px}.room-tools button,.room-tools>span{min-height:20px}.wolf-team-title small{font-size:7px}.action-footnote{display:none}.role-grid{gap:8px}.role-card>svg:first-child{height:23px;width:23px}.rules-footnote,.modal-create .eyebrow,.modal-create .modal-description{display:none}.modal-create .field,.modal-create fieldset{margin-top:9px}.modal-create .mode-select>button{padding:8px}.modal-create .board-select>button{padding:7px 3px}.modal-create .duration-field{margin-top:10px}.modal-create .form-submit{margin-top:12px}}@media(max-width:360px){.main-content{padding-left:13px;padding-right:13px}.board-text>strong>span{font-size:7px}.board-text>strong{font-size:13px;gap:6px}.section-label>span{font-size:8px}.phase-strip p{font-size:8px}.wolf-choices>span{font-size:7px}.room-tools button,.room-tools>span{font-size:8px}.modal{padding-left:18px;padding-right:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.config-tabs{display:flex;gap:6px;border-bottom:1px solid #e0e8d9;margin:16px 0 8px;padding-bottom:8px}.config-tabs button{flex:1;min-height:38px;border-radius:7px;color:#6f825e;font-size:12px}.config-tabs button[aria-selected=true]{background:#edf4e4;color:#446831}.config-panel{min-height:260px}.config-hint{font-size:11px;line-height:1.8;color:#778769;margin:12px 0 4px}.config-total{display:flex;align-items:center;gap:8px;color:#657e51;font-size:12px;padding:12px 0}.config-total span{margin-left:auto;font-size:10px}.config-total.invalid{color:#ac6753}.role-counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.role-counters label{border:1px solid #e0e8d8;border-radius:8px;background:#f8faf5;padding:9px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:#647d51}.role-counters select{height:34px;border:1px solid #dae5ce;border-radius:5px;background:#fff;color:#4f6e3a;padding:0 6px;width:100%;font-size:14px}.rule-setting{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:43px;border-bottom:1px solid #edf0e7;color:#667d54;font-size:12px}.rule-setting select{background:#f8faf5;border:1px solid #dce6d2;border-radius:6px;padding:7px;font-size:11px;color:#5c7549;max-width:65%}.rule-setting input{width:19px;height:19px;accent-color:#76975b}.board-rules{color:#6a7f59;font-size:12px;line-height:1.9;margin:18px 0}.board-rules p+p{margin-top:12px}.speech-strip{display:flex;align-items:center;justify-content:space-between;border:1px solid #e5e9d5;border-radius:8px;background:#fafbef;min-height:40px;flex-shrink:0;padding:5px 9px;gap:9px}.speech-strip>button:first-child{display:flex;flex-direction:column;text-align:left;gap:3px;min-width:0;flex:1;color:#63794d;font-size:11px}.speech-strip small{font-size:9px;color:#869571;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.speech-next{min-height:32px;font-size:10px;color:#577840;white-space:nowrap;padding:4px 6px}.discussion-actions{display:flex;gap:6px}.discussion-actions>.primary,.discussion-actions>.waiting-label{flex:1}.discussion-actions>.btn{padding:0 10px;font-size:11px}.explode-button{background:#fcf0e9;color:#a85e47;border:1px solid #e7c9ba}.seat.speaking{border-color:#9da86e;box-shadow:inset 0 0 0 1px #9da86e;background:#f7f9e8}.sheriff-label{font-size:8px;background:#f2e8c9;color:#8a7134;padding:2px 3px;border-radius:4px;white-space:nowrap}.speech-list{max-height:50dvh;overflow:auto}.speech-list p{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #edf0e6;font-size:13px;color:#8a9b76}.speech-list p.current{background:#eff5e5;color:#57783c}.speech-list span{font-size:11px}.role-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.role-card{padding:10px}.role-card h2{font-size:17px}.role-card small{font-size:9px}.many-seats .seat-avatar{display:none}.many-seats .seat{padding:5px;gap:2px}.many-seats .seat-name{font-size:9px}.many-seats .seat-state{font-size:7px}.many-seats .seat-top{height:13px}.many-seats .seat-top strong{font-size:12px}.many-seats .seat-top small{font-size:7px;margin-left:1px}.many-seats .wolf-vote-badge{font-size:7px;top:4px;right:3px}.wolf-choices{display:flex;flex-wrap:wrap}.wolf-choices>span{flex:1;min-width:18%;max-width:32%}.room-tools{gap:5px}.room-tools button{white-space:nowrap}.modal-create,.modal-configure{max-width:460px}.modal-create form{display:flex;flex-direction:column}.modal-create .config-panel{min-height:0}.config-panel .field:first-child{margin-top:8px}@media(max-height:730px){.many-seats .seat{padding:4px;gap:1px}.many-seats .seat-state{display:none}.role-card h2{font-size:15px}.role-card small{font-size:8px}.config-tabs{margin-top:10px}.config-panel{min-height:220px}}@media(max-height:620px){.speech-strip{min-height:34px;padding:3px 7px}.speech-strip small{font-size:8px}.speech-next{min-height:28px}.role-card h2{font-size:14px}.role-card small{font-size:7px}.config-tabs button{min-height:32px}.rule-setting{min-height:37px;font-size:11px}.config-hint{font-size:10px;margin-top:8px}.config-total{padding:9px 0}.role-counters label{padding:7px}.role-counters select{height:30px}.many-seats .seat-top{height:12px}.many-seats .seat-name{font-size:8px}}.crowded-wolves{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.crowded-wolves>span{flex:0 0 23%;max-width:none}.many-players .seat-name{max-width:100%}.many-players .seat-state{display:none}@media(max-height:730px){.many-players{gap:6px}.many-players .witch-controls{padding:6px 8px}.many-players .seat-grid{gap:5px}}@media(max-height:620px){.many-players,.many-players .seat-grid{gap:4px}.many-players .seat-top>svg{width:9px;height:9px}.many-players .sheriff-label{font-size:6px;padding:1px}.many-players .mine-label{font-size:6px;padding:1px 2px}}