:root{--bg:#07150d;--bg2:#0b1f13;--panel:rgba(11,31,19,.88);--panel2:#102a1a;--line:rgba(137,183,147,.18);--text:#f3f4ed;--muted:#9caf9f;--green:#86ef76;--green2:#42c866;--gold:#e5c66d;--red:#ff776f;--ink:#061008;--shadow:0 28px 80px rgba(0,0,0,.28);--radius:26px}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% 5%,rgba(64,147,83,.2),transparent 33%),radial-gradient(circle at 90% 10%,rgba(224,189,88,.08),transparent 25%),linear-gradient(180deg,#08170e,#06110b 62%,#050e09);overflow-x:hidden}button,input,select{font:inherit}.hidden{display:none!important}.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.2;z-index:-1}.ambient-a{width:28rem;height:28rem;background:#1c8d45;left:-12rem;top:32%}.ambient-b{width:22rem;height:22rem;background:#d6b95e;right:-10rem;bottom:5%}.topbar{width:min(1320px,calc(100% - 40px));margin:0 auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:900;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#a5ff86,#44b55d);color:#07150d;box-shadow:0 10px 32px rgba(77,205,104,.2)}.top-actions{display:flex;gap:8px}.icon-button,.secondary-action{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);border-radius:12px;padding:10px 13px;cursor:pointer;font-weight:750}.icon-button:hover,.secondary-action:hover{background:rgba(255,255,255,.08)}.shell{width:min(1320px,calc(100% - 40px));margin:0 auto;padding:28px 0 54px}.home-view{min-height:calc(100vh - 160px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.68fr);gap:7vw;align-items:center}.hero-copy{max-width:760px}.overline,.phase-label{margin:0 0 16px;color:var(--gold);font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero-copy h1{margin:0;font-size:clamp(3.4rem,8vw,7.6rem);line-height:.86;letter-spacing:-.075em}.hero-copy h1 span{color:var(--green)}.hero-text{max-width:650px;margin:28px 0 0;color:#b8c5ba;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.62}.rules-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.rules-strip span{display:flex;align-items:center;gap:8px;color:#c8d3ca;font-weight:750}.rules-strip b{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;color:var(--green);background:rgba(134,239,118,.06)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,rgba(17,45,28,.91),rgba(7,22,13,.94));box-shadow:var(--shadow);backdrop-filter:blur(16px)}.lobby-launcher{padding:22px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:rgba(0,0,0,.18);border-radius:14px}.seg{border:0;border-radius:10px;padding:11px;background:transparent;color:var(--muted);font-weight:850;cursor:pointer}.seg.active{background:#f0f3ea;color:#0b1710}.launch-form{display:grid;gap:16px;padding-top:24px}.launch-form label{display:grid;gap:8px;color:#cbd5cd;font-size:.84rem;font-weight:750}.launch-form input,.launch-form select,.chat-form input{width:100%;border:1px solid var(--line);border-radius:13px;background:#07160d;color:var(--text);outline:none;padding:14px 15px}.launch-form input:focus,.launch-form select:focus,.chat-form input:focus{border-color:rgba(134,239,118,.7);box-shadow:0 0 0 3px rgba(134,239,118,.08)}.primary-action{border:0;border-radius:14px;padding:15px 20px;background:linear-gradient(135deg,#a5ff85,#54d369);color:#07130b;font-weight:950;cursor:pointer;box-shadow:0 12px 30px rgba(81,208,101,.18);transition:transform .16s ease,box-shadow .16s ease}.primary-action:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(81,208,101,.24)}.primary-action:disabled{opacity:.45;cursor:not-allowed;transform:none}.form-note{margin:0;color:var(--muted);font-size:.78rem;line-height:1.5}.error{padding:12px 14px;margin-top:14px;border:1px solid rgba(255,119,111,.28);border-radius:12px;color:#ffaaa5;background:rgba(116,26,21,.18)}
.room-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.stage{min-height:760px;padding:26px;overflow:hidden;position:relative}.stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -15%,rgba(126,226,116,.14),transparent 35%);pointer-events:none}.stage-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--line)}.stage-head h2{margin:2px 0 0;font-size:clamp(1.55rem,3vw,2.4rem);letter-spacing:-.04em}.phase-label{margin:0}.room-code-wrap{display:grid;gap:5px;text-align:right;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:850}.room-code{border:0;background:transparent;color:var(--gold);font-size:1.5rem;font-weight:950;letter-spacing:.13em;cursor:pointer}.game-stage{position:relative;z-index:1;padding-top:26px}.lobby-center{min-height:570px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.leaf-orbit{width:104px;height:104px;border:1px solid rgba(134,239,118,.25);border-radius:50%;display:grid;place-items:center;position:relative;margin-bottom:22px;box-shadow:inset 0 0 40px rgba(134,239,118,.07)}.leaf-orbit:before,.leaf-orbit:after{content:"";position:absolute;border:1px solid rgba(134,239,118,.13);border-radius:50%;inset:-14px}.leaf-orbit:after{inset:-28px;opacity:.55}.leaf-orbit span{font-size:2.9rem;color:var(--green)}.lobby-center h3{margin:0;font-size:2rem;letter-spacing:-.04em}.lobby-center>p{margin:9px 0 22px;color:var(--muted)}.lobby-avatars{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;max-width:620px;margin-bottom:24px}.avatar-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:999px;padding:7px 11px;color:#d8e0d9;font-size:.82rem;font-weight:800}.avatar-dot{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(134,239,118,.13);color:var(--green);font-size:.7rem}.host-crown{color:var(--gold)}
.round-meta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;color:var(--muted);font-size:.78rem;font-weight:850}.timer-track{height:7px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.timer-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--green2),var(--green));transform-origin:left center}.round-meta strong{font-variant-numeric:tabular-nums;color:var(--text);font-size:1rem}.strain-card{min-height:390px;margin-top:22px;padding:28px;border:1px solid rgba(160,206,169,.23);border-radius:28px;background:radial-gradient(circle at 15% 10%,rgba(116,212,117,.17),transparent 28%),linear-gradient(150deg,#173b24 0,#0c2516 68%,#0a1f13 100%);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 25px 80px rgba(0,0,0,.25)}.card-noise{position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");pointer-events:none}.card-top{position:relative;display:flex;justify-content:space-between;color:#b9c9bb;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.strain-main{position:relative;padding:32px 0 18px}.strain-main>p{margin:0 0 10px;color:var(--gold);font-size:.7rem;font-weight:900;letter-spacing:.18em}.strain-main h2{margin:0;max-width:900px;font-size:clamp(2.8rem,7vw,6.3rem);line-height:.9;letter-spacing:-.065em;text-wrap:balance}.clue-line{display:grid;gap:5px;margin-top:24px}.clue-line span{color:#849b89;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:850}.clue-line strong{font-size:1.03rem;color:#dbe4dc}.reveal-panel{position:relative;margin:-5px -7px -7px;padding:20px 22px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(2,11,6,.67)}.reveal-answer{margin:0 0 6px;font-size:2rem;font-weight:1000;letter-spacing:-.04em}.reveal-answer.bud{color:var(--green)}.reveal-answer.bluff{color:var(--red)}.reveal-panel p:nth-child(2){margin:0;color:#d3ddd5;line-height:1.45}.reveal-panel small{display:block;margin-top:8px;color:var(--muted)}.vote-controls{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}.vote-button{min-height:106px;border:1px solid var(--line);border-radius:20px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;padding:17px 20px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.vote-button>span{grid-row:1/3;font-size:2rem}.vote-button strong{align-self:end;font-size:1.5rem;letter-spacing:-.03em}.vote-button small{align-self:start;color:var(--muted)}.vote-button.bud{background:linear-gradient(145deg,rgba(75,196,91,.13),rgba(12,33,19,.8));color:#bcffad}.vote-button.bluff{background:linear-gradient(145deg,rgba(212,86,78,.12),rgba(36,15,15,.56));color:#ff9d96}.vote-button:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.25)}.double-hit{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;color:#c4cec6;font-size:.78rem;cursor:pointer}.double-hit input{accent-color:var(--gold);margin-top:2px}.double-hit b{color:var(--gold)}.locked-vote{display:flex;align-items:center;gap:12px;margin-top:16px;padding:17px 19px;border:1px solid rgba(134,239,118,.2);border-radius:17px;background:rgba(60,151,75,.09)}.locked-vote span{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.locked-vote strong{font-size:1.1rem;color:var(--green)}.locked-vote small{margin-left:auto;color:var(--muted)}.secondary-action{display:block;margin:14px auto 0;padding:12px 20px}.sidebar{display:grid;gap:18px}.score-panel,.chat-panel{padding:18px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-title h3{margin:0;font-size:1rem}.panel-title>span{color:var(--muted);font-size:.72rem;font-weight:800}.scoreboard{display:grid;gap:7px}.score-row{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid transparent}.score-row.me{border-color:rgba(134,239,118,.24);background:rgba(134,239,118,.05)}.rank{color:#778a7b;font-weight:900;text-align:center}.player-copy{min-width:0}.player-name{display:flex;gap:5px;align-items:center;font-size:.82rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-sub{margin-top:2px;color:#718676;font-size:.67rem}.player-score{font-size:1.2rem;font-weight:950;color:#e6ebdf}.vote-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.chat-panel{min-height:430px;display:flex;flex-direction:column}.live-dot{color:#8ee99a!important}.chat-messages{min-height:0;max-height:330px;overflow:auto;display:flex;flex-direction:column;gap:7px;padding-right:4px;scrollbar-width:thin}.chat-line{padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.025);color:#cbd4cc;font-size:.76rem;line-height:1.38;overflow-wrap:anywhere}.chat-line.system{color:#859a89;background:transparent;padding-block:4px}.chat-line b{color:#eef2ea}.chat-form{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:auto;padding-top:12px}.chat-form input{padding:10px 11px;font-size:.78rem}.chat-form button{border:0;border-radius:10px;padding:0 12px;background:#dfe7db;color:#0b1610;font-size:.75rem;font-weight:900;cursor:pointer}.finish-copy{text-align:center;padding:45px 0 25px}.finish-copy h2{margin:0;font-size:clamp(2.8rem,7vw,5.8rem);letter-spacing:-.07em}.finish-copy p:last-child{color:var(--muted)}.final-standings{max-width:700px;margin:0 auto 28px;display:grid;gap:8px}.final-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.03)}.final-row:first-child{border-color:rgba(229,198,109,.35);background:rgba(229,198,109,.08)}.final-place{font-size:1.1rem;font-weight:950;color:var(--gold)}.final-score{font-size:1.25rem;font-weight:950}.finish-stage .primary-action,#finishStage>.primary-action{display:block;margin:0 auto}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:50;max-width:min(520px,calc(100% - 32px));padding:12px 15px;border:1px solid rgba(255,119,111,.35);border-radius:13px;background:#381715;color:#ffc1bc;box-shadow:0 20px 50px rgba(0,0,0,.35)}
@media(max-width:1050px){.home-view{grid-template-columns:1fr;gap:44px;padding-top:30px}.hero-copy{max-width:850px}.room-grid{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr}.stage{min-height:700px}}@media(max-width:720px){.topbar,.shell{width:min(100% - 24px,1320px)}.topbar{min-height:66px}.brand>span:last-child{display:none}.shell{padding-top:12px}.hero-copy h1{font-size:clamp(3.2rem,18vw,5.8rem)}.home-view{min-height:auto;padding-bottom:32px}.room-grid{gap:12px}.stage{padding:16px;border-radius:20px;min-height:690px}.stage-head{align-items:center}.stage-head h2{font-size:1.35rem}.room-code-wrap span{display:none}.room-code{font-size:1.2rem}.sidebar{grid-template-columns:1fr}.strain-card{min-height:350px;padding:20px;border-radius:22px}.strain-main h2{font-size:clamp(2.8rem,14vw,5rem)}.vote-controls{grid-template-columns:1fr 1fr}.vote-button{min-height:92px;padding:13px;column-gap:8px}.vote-button>span{font-size:1.55rem}.vote-button strong{font-size:1.2rem}.locked-vote{display:grid;grid-template-columns:auto 1fr}.locked-vote small{grid-column:1/-1;margin-left:0}.chat-panel{min-height:360px}.rules-strip{gap:8px 14px}.round-meta{grid-template-columns:auto 1fr auto}.lobby-center{min-height:520px}}@media(max-width:430px){.top-actions .icon-button{font-size:.72rem;padding:8px 9px}.hero-copy h1{font-size:3.65rem}.lobby-launcher{padding:15px;border-radius:20px}.vote-button{grid-template-columns:1fr;text-align:center;grid-template-rows:auto auto auto}.vote-button>span{grid-row:auto}.vote-button strong{font-size:1.1rem}.double-hit{font-size:.72rem}.strain-card{min-height:370px}.strain-main h2{font-size:3.1rem}.stage-head{gap:8px}.stage-head h2{max-width:190px}.room-code{letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}