@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap");:root{--ink:#15161a;--muted:#72747b;--paper:#f7f4ee;--card:#fffdfa;--line:#dedad1;--red:#b92d3d;--navy:#17253d;--gold:#d8a436;--green:#3d8068}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1050px,calc(100% - 32px));margin:auto;min-height:100vh;padding-bottom:48px}header{height:88px;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,header{display:flex;align-items:center}.brand{font-family:Playfair Display,serif;letter-spacing:.18em;font-weight:600;gap:12px}.brand>span{width:34px;height:34px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center}.brand svg{width:18px}.eyebrow,.hostless,.kicker{font-size:11px;font-weight:700;letter-spacing:.15em;color:#777;display:flex;align-items:center;gap:7px}.headerActions{display:flex;align-items:center;gap:18px}.hero{text-align:center;padding:64px 20px 50px}.dayHead h1,.focus h1,.hero h1{font-family:Playfair Display,serif;font-size:clamp(42px,6vw,72px);line-height:1.04;margin:16px 0}.dayHead h1 em,.focus h1 em,.hero h1 em{color:var(--red);font-weight:600}.choice>p,.dayHead p,.focus>p,.handoff>p,.lede,.roleReveal>p{color:var(--muted);font-size:16px;line-height:1.6}.setupGrid{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:18px;gap:18px}.panel{background:var(--card);border:1px solid var(--line);padding:28px;box-shadow:0 4px 24px #2020200b}.panelTitle{display:flex;gap:15px;align-items:flex-start;margin-bottom:22px}.panelTitle>span{color:var(--red);font:600 13px Playfair Display}.panel h2{margin:0 0 3px;font:600 22px Playfair Display}.panel p{margin:0;color:var(--muted);font-size:12px}textarea{width:100%;height:240px;resize:vertical;border:1px solid var(--line);background:#faf8f3;padding:15px 18px;line-height:1.65;outline:none;border-radius:2px}textarea:focus{border-color:#9b9589}.counter,.townCount{display:flex;align-items:center;min-height:54px;border-bottom:1px solid #e9e5dd;gap:12px}.counter>span,.townCount>span{flex:1 1;font-weight:600;font-size:14px}.roleDot{width:32px;height:32px;display:grid;place-items:center;border-radius:50%}.crimson{color:var(--red)}.roleDot.crimson{background:#f8e6e7}.green{color:var(--green)}.roleDot.green{background:#e2f0eb}.amber{color:#a87114}.roleDot.amber{background:#f7edd4}.blue{color:#46678b}.violet{color:#6f55a5}.roleDot.violet{background:#eee8f8}.pink{color:#b04d78}.roleDot.pink{background:#f7e5ed}.purple{color:#70418d}.roleDot.purple{background:#efe3f5}.teal{color:#267b7a}.roleDot.teal{background:#dff1ef}.counter>div:last-child{display:flex;align-items:center;gap:9px}.counter button{border:1px solid var(--line);background:white;width:28px;height:28px;border-radius:50%;font-size:19px;line-height:1}.counter b{width:20px;text-align:center}.townCount>b{font-size:15px}.balance{display:flex;gap:12px;background:#edf5f1;color:var(--green);padding:13px 15px;margin-top:18px}.balance b{font-size:12px}.balance p{margin-top:2px;font-size:11px!important}.primary{border:0;background:var(--red);color:white;min-height:51px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:13px;letter-spacing:.02em;box-shadow:0 8px 24px #b92d3d35;transition:.2s}.primary:hover{transform:translateY(-1px);background:#a52434}.primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.secondary{border:1px solid var(--line);background:var(--card);min-height:51px;padding:0 25px;font-weight:700;color:var(--ink)}.wide{width:min(440px,100%);margin:28px auto 0}.tiny,.wide{display:flex}.tiny{text-align:center;color:#8c8a84;font-size:11px;justify-content:center;gap:6px}.error{color:var(--red)!important;margin-top:8px!important}.focus{min-height:100vh;width:min(780px,calc(100% - 32px));margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;position:relative}.focus.dark{width:100%;max-width:none;background:var(--navy);color:white;padding-left:20px;padding-right:20px}.focus.dark:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 40%,#324568 0,transparent 40%);pointer-events:none}.dark>*{position:relative}.dark>p{max-width:520px;color:#b9c2d0}.dark h1 em{color:#e7bd64}.nightStars{position:absolute;top:15%;color:#d8c39199;letter-spacing:10px}.progress{position:absolute;top:28px;width:100%;display:flex;align-items:center;gap:15px;color:#898981;font-size:11px;font-weight:700;letter-spacing:.12em}.progress>div{height:3px;background:#dfdcd4;flex:1 1}.progress i{display:block;height:100%;background:var(--red)}.choice,.handoff,.roleReveal{display:flex;flex-direction:column;align-items:center;width:100%}.bigIcon,.roleSeal{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:white;border:1px solid var(--line);margin-bottom:24px;box-shadow:0 8px 30px #2221}.bigIcon svg{width:30px;height:30px}.danger{color:var(--red)}.choice h1,.handoff h1,.roleReveal h1{font-size:clamp(38px,6vw,62px)}.choice>p,.handoff>p,.roleReveal>p{margin-top:0;max-width:520px}.choice>.primary,.handoff .primary,.roleReveal .primary{margin-top:24px}.roleSeal{width:110px;height:110px;margin:24px 0 4px;border-width:2px}.roleSeal svg{width:48px;height:48px}.secretNote{display:flex;text-align:left;gap:12px;background:#f2e8e8;padding:14px 17px;min-width:min(390px,100%);margin-top:12px}.secretNote p{margin:3px 0 0;font-size:12px;color:#78666a}.choice{padding-top:22px}.miniRole{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;margin-bottom:18px}.targets{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;width:100%;margin-top:22px}.targets button{min-height:76px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;text-align:left;gap:11px;padding:13px;position:relative}.targets button.selected,.targets button:hover{border-color:var(--red);background:#fff8f7}.aliveStrip div>span,.targets button>span{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:#e6e3dc;color:#555;font:600 15px Playfair Display}.targets button svg{position:absolute;right:11px;color:var(--red)}.abstain{width:100%;margin-top:10px;min-height:62px;border:1px dashed #b8b2a7;background:transparent;color:#65635e;display:flex;align-items:center;justify-content:center;gap:11px}.abstain:hover{background:#eeebe4;border-color:#858078}.abstain>span{display:flex;flex-direction:column;text-align:left}.abstain b{font-size:13px}.abstain small{font-size:10px;color:var(--muted);margin-top:2px}.confirmTarget{margin-top:14px;min-width:min(360px,100%)}.intelCard{width:min(520px,100%);display:flex;gap:13px;text-align:left;background:#eee8f8;color:#5d478a;border:1px solid #d9ccef;padding:15px 17px;margin:0 0 25px}.intelCard svg{flex:none}.intelCard div{display:flex;flex-direction:column;gap:5px}.intelCard span{font-size:9px;letter-spacing:.13em;font-weight:700}.intelCard b{font:600 16px Playfair Display;color:#332947}.intelCard.blocked{background:#f3eee4;color:#8c6e36;border-color:#e4d8c1}.intelCard.blocked b{color:#584a32}.intelSeal{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#6f55a5;color:white;margin-bottom:20px;box-shadow:0 10px 35px #6f55a555}.intelSeal svg{width:40px;height:40px}.intelFocus .intelCard.prominent{padding:24px;margin:18px 0 10px;border-width:2px;box-shadow:0 12px 35px #6f55a522}.intelFocus .intelCard.prominent b{font-size:22px;line-height:1.35}.intelFocus>p{font-size:12px}.intelFocus>.primary{margin-top:12px}.rulePills,.rulesRow{display:flex;gap:10px;margin-top:38px;flex-wrap:wrap;justify-content:center}.rulePills span,.rulesRow span{display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #ffffff25;color:#bdc5d1;font-size:11px}.rulesRow span{border-color:var(--line);color:#6f716f;background:var(--card)}.dawn>svg{color:var(--gold);margin-bottom:20px}.focus>p{max-width:540px}.focus>p b{color:var(--ink)}.aliveStrip{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:38px auto;max-width:900px}.aliveStrip>div{display:flex;flex-direction:column;align-items:center;min-width:60px;gap:4px}.aliveStrip div>span{width:42px;height:42px}.aliveStrip b{font-size:11px}.aliveStrip small{font-size:8px;letter-spacing:.1em;color:var(--green);font-weight:700}.aliveStrip .dead{opacity:.42}.aliveStrip .dead span{background:#d7d3cd}.aliveStrip .dead small{color:var(--red)}header.compact{height:70px}.dayHead{text-align:center;padding:54px 10px 20px}.dayHead h1{font-size:clamp(38px,5vw,62px);margin:12px}.dayHead p{margin:0}.roleList{width:min(420px,100%);margin:20px 0 28px;background:var(--card);border:1px solid var(--line);padding:8px 20px}.roleList div{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #eee9e0;font-size:13px}.roleList div:last-child{border:0}.gameover.mafia .bigIcon{color:var(--red)}.gameover.town .bigIcon{color:var(--green)}.gameMenu{position:fixed;right:22px;top:18px;z-index:20;text-align:left}.menuTrigger{width:43px;height:43px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;color:var(--ink);box-shadow:0 5px 20px #2222}.menuTrigger svg{width:20px}.menuCard{position:absolute;right:0;top:52px;width:270px;padding:10px;background:var(--card);border:1px solid var(--line);box-shadow:0 16px 45px #2223}.menuCard>span{display:block;font-size:9px;letter-spacing:.15em;color:var(--muted);font-weight:700;padding:8px 10px}.menuCard button{width:100%;border:0;background:none;text-align:left;display:grid;grid-template-columns:25px 1fr;align-items:center;padding:12px 10px;font-weight:700;color:var(--ink)}.menuCard button:hover{background:#f3f0ea}.menuCard button svg{grid-row:1/3;width:17px}.menuCard small{grid-column:2;font-weight:400;color:var(--muted);margin-top:2px}.menuCard .stop{color:var(--red);border-top:1px solid var(--line)}.endActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.loadingMoon{margin-bottom:20px;animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.9)}}.multiHero{padding-bottom:36px}.entryCards{width:min(620px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.entryCards>button{border:1px solid var(--line);background:var(--card);padding:22px;text-align:left;display:flex;align-items:center;gap:13px}.entryCards>button:hover{border-color:#9e978d;transform:translateY(-2px)}.entryCards>button>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eeeae2;color:var(--navy)}.entryCards>button>div{display:flex;flex-direction:column;gap:4px;flex:1 1}.entryCards b{font:600 19px Playfair Display}.entryCards small{color:var(--muted)}.entryCards svg{width:18px}.joinPanel{width:min(450px,100%);margin:40px auto;background:var(--card);border:1px solid var(--line);padding:32px;display:flex;flex-direction:column;gap:14px}.joinPanel h2{font:600 30px Playfair Display;margin:0 0 8px}.joinPanel input{height:53px;border:1px solid var(--line);background:#faf8f3;padding:0 16px;outline:none}.joinPanel input:focus{border-color:#8b857b}.joinPanel .codeInput{text-transform:uppercase;font-size:25px;letter-spacing:.2em;text-align:center;font-weight:700}.backLink{align-self:flex-start;border:0;background:none;color:var(--muted);padding:0 0 12px}.roomBadge{position:fixed;top:25px;left:22px;z-index:20;font-size:10px;font-weight:700;letter-spacing:.12em;background:var(--card);color:var(--ink);border:1px solid var(--line);padding:9px 12px;display:flex;align-items:center;gap:7px}.playerList i,.roomBadge i{display:block;width:7px;height:7px;border-radius:50%;background:#aaa}.playerList i.online,.roomBadge i.online{background:#40a477;box-shadow:0 0 0 3px #40a47720}.lobbyHead{text-align:center;padding:75px 10px 40px}.roomCode{display:flex;align-items:center;gap:13px;margin:14px auto 8px;border:0;background:none;font:600 clamp(45px,7vw,72px) Playfair Display;letter-spacing:.14em;color:var(--navy)}.roomCode svg{width:20px}.lobbyHead p{color:var(--muted)}.lobbyGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.playerList{display:flex;flex-direction:column}.playerList>div{display:flex;align-items:center;gap:12px;min-height:49px;border-bottom:1px solid #ebe7df}.playerList>div>span{width:31px;height:31px;border-radius:50%;background:#e8e4dd;display:grid;place-items:center;font:600 13px Playfair Display}.playerList b{flex:1 1;font-size:13px}.playerList small{font-size:8px;color:var(--red);letter-spacing:.1em}.waiting{display:flex!important;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:12px;margin:25px}.waiting i{width:8px;height:8px;border-radius:50%;background:#55a17d;animation:pulse 1.2s infinite}.center{text-align:center}.roomBadge+.nightStars{display:none}.timerSetting{margin-top:18px;padding:15px;background:#f2efe8;display:flex;align-items:center;justify-content:space-between;gap:14px}.timerSetting>div{display:flex;align-items:center;gap:9px}.timerSetting span{display:flex;flex-direction:column}.timerSetting span b{font-size:12px}.timerSetting small{font-size:9px;color:var(--muted);margin-top:2px}.timerSetting button{width:28px;height:28px;border:1px solid var(--line);background:white;border-radius:50%;font-size:18px}.timerSetting>div:last-child>b{min-width:45px;text-align:center;font-size:13px}.dayTimer{display:flex;align-items:center;gap:10px;background:var(--navy);color:white;padding:13px 18px;margin-top:16px}.dayTimer svg{width:18px;color:#e3bb62}.dayTimer span{font-size:9px;letter-spacing:.13em;color:#b9c2d0}.dayTimer b{font-size:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.randomizeSetting{margin-bottom:10px;padding:13px 0;border-bottom:1px solid #e9e5dd;display:flex;align-items:center;justify-content:space-between}.randomizeSetting>div{display:flex;align-items:center;gap:10px}.randomizeSetting>div>svg{width:19px;color:#6f55a5}.randomizeSetting span{display:flex;flex-direction:column}.randomizeSetting span b{font-size:12px}.randomizeSetting span small{font-size:9px;color:var(--muted);margin-top:2px}.randomizeSetting>button{width:42px;height:23px;border:0;border-radius:20px;background:#cbc7bf;padding:3px;transition:.2s}.randomizeSetting>button i{display:block;width:17px;height:17px;border-radius:50%;background:white;transition:.2s}.randomizeSetting>button.on{background:#6f55a5}.randomizeSetting>button.on i{transform:translateX(19px)}.capLabel{font-size:8px;color:#6f55a5;letter-spacing:.1em}.dayPower.evilPower{background:#faf4fc;border-color:#ddc8e8}.dayPower.evilPower>svg{color:#70418d}.inviteBox{width:min(610px,100%);margin:26px auto 0;padding:18px;border:1px solid var(--line);display:flex;align-items:center;text-align:left;gap:20px;box-shadow:0 8px 30px #2221}.inviteBox,.qrWrap{background:var(--card)}.qrWrap{padding:8px;line-height:0;border:1px solid #e5e0d6}.inviteDetails{min-width:0;flex:1 1}.inviteDetails>span{font-size:9px;letter-spacing:.15em;color:var(--muted);font-weight:700}.inviteDetails>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:8px 0 14px;font-size:13px}.inviteDetails>div{display:flex;gap:8px}.inviteDetails button{border:1px solid var(--line);background:white;min-height:38px;padding:0 13px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.inviteDetails button svg{width:15px}.inviteDetails .shareButton{background:var(--navy);color:white;border-color:var(--navy)}.statusNotice{width:min(540px,100%);display:flex;align-items:center;text-align:left;gap:13px;padding:14px 17px;margin:12px 0}.statusNotice svg{flex:none}.statusNotice div{display:flex;flex-direction:column;gap:3px}.statusNotice b{font-size:13px}.statusNotice span{font-size:11px}.statusNotice.evil{background:#f5e5ec;color:#8f365c;border:1px solid #e9c8d6}.statusNotice.good{background:#e1f1ee;color:#256d6c;border:1px solid #bddfd9}.dayPower{width:min(650px,100%);border:1px solid #bddfd9;background:#f3faf8;padding:20px;margin:22px 0}.dayPower>svg{color:#267b7a}.dayPower h3{font:600 24px Playfair Display;margin:8px}.dayPower .targets{margin-top:14px}.dayPower .confirmTarget{margin-bottom:0}.statusNotice.urgent{background:#e1192d;color:white;border:3px solid #8f0011;box-shadow:0 10px 32px #e1192d66;padding:18px 20px;animation:urgentPulse 1.4s ease-in-out infinite}.statusNotice.urgent svg{width:31px;height:31px;stroke-width:2.5}.statusNotice.urgent b{font-size:15px;letter-spacing:.08em}.statusNotice.urgent span{font-size:12px;font-weight:600}.statusNotice.urgent.large{margin-bottom:24px}@keyframes urgentPulse{50%{box-shadow:0 10px 42px #e1192d99;transform:scale(1.015)}}.guideTrigger{position:fixed;right:74px;top:18px;z-index:20;height:43px;border:1px solid var(--line);background:var(--card);padding:0 13px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--ink);box-shadow:0 5px 20px #2221}.guideTrigger svg{width:17px}.guideTrigger.inline{position:static;height:35px;box-shadow:none}.guideOverlay{position:fixed;inset:0;z-index:100;background:#10151dcc;padding:24px;display:grid;place-items:center;text-align:left}.guideModal{width:min(820px,100%);max-height:min(88vh,900px);background:var(--paper);border:1px solid #ffffff30;box-shadow:0 25px 90px #0008;display:flex;flex-direction:column}.guideHeader{padding:24px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.guideHeader h2{font:600 30px Playfair Display;margin:5px 0 0}.guideHeader>button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:grid;place-items:center}.guideBody{padding:26px 28px 35px;overflow:auto}.guideBody section+section{margin-top:30px}.guideBody h3{font:600 21px Playfair Display;margin:0 0 14px}.guideBody ul{margin:0;padding-left:20px;color:#555;line-height:1.7;font-size:13px}.guideSteps{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.guideSteps>div{background:var(--card);border:1px solid var(--line);padding:14px;display:flex;gap:12px}.guideSteps>div>b{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:white;font-size:11px}.guideSteps span{font-size:11px;color:var(--muted);line-height:1.45}.guideSteps strong{display:block;color:var(--ink);font-size:13px;margin-bottom:2px}.guideRoles{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.guideRoles article{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);padding:14px}.guideRoles article>div:last-child{flex:1 1}.guideRoles h4{margin:0 0 5px;font-size:13px;display:flex;justify-content:space-between}.guideRoles h4 small{font-size:8px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.guideRoles p{font-size:11px;color:#555;margin:0 0 5px;line-height:1.4}.roleDetail{display:block;color:var(--muted);font-size:10px;line-height:1.4}.privacyOptions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px}.privacyOptions button{border:1px solid var(--line);background:#faf8f3;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted)}.privacyOptions button svg{width:18px}.privacyOptions button b{font-size:11px;color:var(--ink)}.privacyOptions button small{font-size:8px}.privacyOptions button.selected{border-color:var(--navy);background:#edf0f4;color:var(--navy)}.publicLobbies{width:min(720px,100%);margin:60px auto 0}.sectionTitle{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.sectionTitle h2{font:600 27px Playfair Display;margin:5px 0 0}.sectionTitle>button{border:0;background:none;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;font-weight:700}.sectionTitle>button svg{width:14px}.lobbyList{display:flex;flex-direction:column;gap:8px}.lobbyList>button{border:1px solid var(--line);background:var(--card);padding:14px 16px;display:flex;align-items:center;text-align:left;gap:12px}.lobbyList>button:hover{border-color:#999188;transform:translateY(-1px)}.lobbyList>button>span{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#e5f0ed;color:var(--green)}.lobbyList>button>span.locked{background:#f4ead5;color:#956817}.lobbyList>button>span svg{width:17px}.lobbyList>button>div{display:flex;flex:1 1;flex-direction:column;gap:3px}.lobbyList b{font:600 15px Playfair Display}.lobbyList small{font-size:10px;color:var(--muted);letter-spacing:.05em}.lobbyList em{font-style:normal;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.lobbyList>button>svg{width:16px}.emptyLobbies{border:1px dashed var(--line);padding:30px;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--muted)}.emptyLobbies>svg{margin-bottom:5px}.emptyLobbies b{font-size:13px;color:var(--ink)}.emptyLobbies span{font-size:10px}.kickButton{width:30px;height:30px;border:0!important;background:transparent!important;color:#9b5962;display:grid;place-items:center;padding:0!important}.kickButton:hover{background:#f7e8ea!important;color:var(--red)}.kickButton svg{width:15px}.homeNotice{width:min(620px,100%);margin:0 auto 18px;padding:12px 15px;background:#f7e8ea;border:1px solid #eccbd0;color:#8c3541;text-align:center;font-size:12px;font-weight:600}.connectionNotice{position:fixed;z-index:90;left:50%;top:14px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:var(--navy);color:white;padding:10px 15px;box-shadow:0 8px 30px #0004;min-width:260px}.connectionNotice>i{width:9px;height:9px;border:2px solid #ffffff55;border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}.connectionNotice>div{display:flex;flex-direction:column}.connectionNotice b{font-size:11px}.connectionNotice span{font-size:9px;color:#bec7d5;margin-top:2px}@keyframes spin{to{transform:rotate(1turn)}}.endingReason{width:min(520px,100%);margin:8px 0 5px;padding:16px 18px;background:var(--card);border-left:3px solid var(--gold);text-align:left}.endingReason>b{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.endingReason p{margin:6px 0 0;font-size:13px;line-height:1.5}.outcomeButton{margin-top:10px}.skipAbility{margin-top:9px;border:0;background:none;color:var(--muted);display:flex;align-items:center;gap:6px;padding:9px 15px;font-size:11px;font-weight:700}.skipAbility:hover{color:var(--red)}.skipAbility svg{width:15px}.spectatorButton{border:1px solid #ffffff55;background:#ffffff12;color:white;padding:12px 17px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:11px}.dawn .spectatorButton{border-color:var(--line);background:var(--card);color:var(--ink)}.spectatorButton svg{width:17px}.spectatorPanel{width:min(430px,100%);background:var(--card);color:var(--ink);padding:15px 19px;margin:12px 0;text-align:left}.spectatorPanel>.kicker{margin-bottom:7px}.spectatorPanel>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.spectatorPanel>div:last-child{border:0}.spectatorPanel>div b{color:var(--red)}@media(max-width:700px){.shell{width:min(100% - 24px,1050px)}header{height:70px}.hostless{display:none}.hero{padding:44px 8px 32px}.hero h1{font-size:45px}.setupGrid{grid-template-columns:1fr}.panel{padding:22px 18px}textarea{height:190px}.focus{width:calc(100% - 28px);padding:72px 0 48px;justify-content:center}.focus h1{font-size:42px}.targets{grid-template-columns:repeat(2,1fr)}.targets button{min-height:68px;padding:10px}.progress{top:20px}.aliveStrip{gap:9px}.aliveStrip>div{min-width:51px}.rulePills{max-width:330px}.primary{width:100%;max-width:380px}.gameMenu{right:12px;top:12px}.endActions,.endActions .secondary{width:100%}.entryCards,.lobbyGrid{grid-template-columns:1fr}.entryCards>button{padding:18px}.joinPanel{padding:24px 18px}.roomBadge{top:15px;left:12px}.lobbyHead{padding-top:90px}.roomCode{font-size:42px}.inviteBox{flex-direction:column;text-align:center}.inviteDetails{width:100%}.inviteDetails>div{justify-content:center}.inviteDetails button{width:auto}.guideTrigger{right:64px;top:12px;width:43px;padding:0;justify-content:center}.guideTrigger>span{display:none}.guideTrigger.inline{width:auto;padding:0 11px}.guideTrigger.inline>span{display:inline}.guideOverlay{padding:0}.guideModal{height:100vh;max-height:none;border:0}.guideHeader{padding:18px}.guideBody{padding:20px 16px 30px}.guideRoles,.guideSteps{grid-template-columns:1fr}.headerActions{gap:8px}.publicLobbies{margin-top:42px}.lobbyList>button{padding:12px}.lobbyList>button>em{display:none}}