:root{--bg:#090b10;--panel:#10131a;--line:#282d38;--muted:#8b92a2;--text:#f1f3f7;--acid:#c8ff3d;--red:#ff5b62;--mono:'Space Mono',monospace}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:'Noto Sans SC',sans-serif;min-height:100vh;background:radial-gradient(circle at 75% 10%,#202b26 0,transparent 28%),linear-gradient(135deg,#090b10 60%,#10131b)}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}main{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.brand{font:700 20px var(--mono);color:#fff;text-decoration:none;letter-spacing:-1px}.brand span{color:var(--acid)}.status{font:12px var(--mono);color:var(--muted);display:flex;gap:9px;align-items:center}.status i,#liveDot{width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 12px var(--acid)}.screen{display:none}.screen.active{display:block}.landing{padding:92px 0 64px;max-width:920px}.eyebrow,.kicker{color:var(--acid);font:700 11px var(--mono);letter-spacing:2px}.landing h1{font-size:clamp(54px,8vw,104px);line-height:.95;margin:26px 0 30px;letter-spacing:-6px}.landing h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #7f8797}.lead{font-size:18px;line-height:1.8;color:#adb3c0;max-width:610px}.rule-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:45px 0 36px;max-width:760px}.rule-strip div{padding:18px 20px;border-right:1px solid var(--line);display:flex;gap:14px;align-items:center}.rule-strip div:last-child{border:0}.rule-strip b{font:700 13px var(--mono);color:var(--acid)}.rule-strip span{font-size:13px;color:#aeb3bf}.primary{border:0;background:var(--acid);color:#0a0c0f;padding:17px 25px;font:700 14px var(--mono);cursor:pointer;transition:.2s}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c8ff3d20}.primary span{margin-left:40px}.fine{font:10px var(--mono);color:#656c7a}.game{padding:46px 0 70px}.game-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.game-head h2{font-size:39px;margin:8px 0 0}.phase-track{display:flex;gap:7px}.phase-track span{width:42px;height:3px;background:#303541}.phase-track span.on{background:var(--acid)}.players{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.player{background:#11151d;border:1px solid #252b36;padding:16px;position:relative;transition:.25s}.player.active{border-color:var(--acid);box-shadow:inset 0 -2px var(--acid)}.player.dead{opacity:.35;filter:grayscale(1)}.avatar{width:36px;height:36px;display:grid;place-items:center;background:#232936;border-radius:50%;font:700 13px var(--mono);margin-bottom:16px}.player.active .avatar{background:var(--acid);color:#10120b}.player-name{font-weight:700;font-size:14px}.player-meta{font:9px var(--mono);color:#727987;margin-top:5px}.you-tag{position:absolute;right:12px;top:12px;color:var(--acid);font:700 9px var(--mono)}.game-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.stage-card,.feed-card{background:#10141b;border:1px solid var(--line);min-height:430px}.stage-card{padding:32px;display:flex;flex-direction:column}.prompt{font-size:24px;line-height:1.55;max-width:570px;margin-bottom:30px}.prompt small{display:block;font:10px var(--mono);color:var(--acid);margin-bottom:14px}.prompt .thinking{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:12px}.thinking:before{content:'';width:13px;height:13px;border:1px solid var(--acid);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.composer{margin-top:auto}.composer textarea{width:100%;height:135px;resize:none;background:#090c11;border:1px solid #333a48;color:white;padding:16px;font:15px/1.7 inherit;outline:0}.composer textarea:focus{border-color:#69723e}.compose-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.compose-foot span{font:10px var(--mono);color:var(--muted)}.compose-foot button,.choice button{background:#252b36;border:1px solid #39404d;color:#fff;padding:12px 18px;cursor:pointer}.compose-foot button:hover,.choice button:hover{border-color:var(--acid)}.hidden{display:none!important}.choice{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto}.choice button{padding:20px 10px;text-align:left}.choice button b{display:block;margin-bottom:5px}.choice button span{font:9px var(--mono);color:var(--muted)}.stage-card>.primary{align-self:flex-start;margin-top:auto}.feed-card{display:flex;flex-direction:column}.feed-title{padding:17px 20px;border-bottom:1px solid var(--line);font:10px var(--mono);color:#7c8493;display:flex;justify-content:space-between;align-items:center}.feed{padding:10px 20px 20px;overflow-y:auto;max-height:500px}.message{padding:17px 0;border-bottom:1px solid #242a34;animation:appear .35s ease}.message-head{display:flex;justify-content:space-between;margin-bottom:8px}.message-head b{font-size:12px}.message-head span{font:9px var(--mono);color:#626977}.message p{margin:0;color:#b9bec9;font-size:13px;line-height:1.65}.message.system p{color:#7f8797;font:10px var(--mono)}.message.vote p{color:#ddd}.target-mark{color:var(--acid)}@keyframes appear{from{opacity:0;transform:translateY(6px)}}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#f0f2f5;color:#15171b;padding:12px 18px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.result{padding:70px 0}.result-hero{border-bottom:1px solid var(--line);padding-bottom:60px;margin-bottom:52px}.result-hero .verdict{font:700 11px var(--mono);color:var(--acid);letter-spacing:2px}.result-hero.lose .verdict{color:var(--red)}.result-hero h1{font-size:clamp(54px,9vw,110px);letter-spacing:-6px;line-height:.95;margin:20px 0}.result-hero p{color:#aab0bc;font-size:17px}.reveal-head span{font:10px var(--mono);color:var(--acid)}.reveal-head h2{font-size:38px;margin:8px 0 24px}.reveals{display:grid;gap:12px;margin-bottom:34px}.reveal{border:1px solid var(--line);background:#10141b}.reveal summary{list-style:none;cursor:pointer;padding:22px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center}.reveal summary::-webkit-details-marker{display:none}.reveal-name{font-weight:700}.reveal-model{font:11px var(--mono);color:#969dab}.reveal-role{font:700 10px var(--mono);color:var(--acid)}.reveal-role.human{color:var(--red)}.reveal-body{border-top:1px solid var(--line);padding:22px}.thought{padding:15px 0;border-bottom:1px solid #242a34}.thought:last-child{border:0}.thought b{font:10px var(--mono);color:#777f8e}.thought p{color:#c0c5ce;line-height:1.7;margin:7px 0 0;font-size:13px}@media(max-width:760px){main{width:min(100% - 24px,1180px)}.landing{padding-top:55px}.landing h1{letter-spacing:-3px}.rule-strip{grid-template-columns:1fr 1fr}.rule-strip div:nth-child(2){border-right:0}.players{grid-template-columns:1fr 1fr}.game-grid{grid-template-columns:1fr}.stage-card{min-height:360px}.choice{grid-template-columns:1fr}.reveal summary{grid-template-columns:1fr auto}.reveal-model{grid-row:2}.topbar{height:70px}}
