:root{--bg:#07101d;--panel:#0e192b;--panel2:#132039;--text:#f7fbff;--muted:#8ea3c5;--line:#21314d;--green:#7cf7c9;--blue:#69a9ff;--gold:#ffd56a;--orange:#ff9c68;--red:#ff7688;--shadow:0 24px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,#102644 0,transparent 32%),var(--bg);color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.topbar{position:sticky;top:0;z-index:30;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:rgba(7,16,29,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05)}.brand img{width:152px;display:block}.topbar nav{display:flex;gap:28px}.topbar nav a{color:var(--muted);text-decoration:none;font-weight:700}.topbar nav a:hover{color:var(--text)}main{min-height:70vh}.hero{max-width:1180px;margin:auto;min-height:690px;padding:92px 24px 70px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;position:relative}.heroGlow{position:absolute;width:380px;height:380px;background:rgba(105,169,255,.13);filter:blur(70px);border-radius:50%;right:10%;top:15%;pointer-events:none}.eyebrow,.sectionHead>span,.modalTitle span{font-size:12px;letter-spacing:.2em;font-weight:900;color:var(--green)}.heroLogo{width:280px;margin:22px 0 18px}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px}.hero p{max-width:750px;color:#b8c6dd;font-size:18px}.origin{font-size:15px!important;color:var(--muted)!important}.heroActions,.gameActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{border:0;border-radius:14px;padding:13px 18px;font-weight:850;transition:.18s transform,.18s background,.18s border;color:var(--text);background:var(--panel2)}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--green),var(--blue));color:#06101d}.btn.secondary{background:#182943;border:1px solid #2b4166}.btn.ghost{background:transparent;border:1px solid var(--line)}.btn.small{padding:9px 14px;font-size:13px}.btn.danger{background:#3c1c2b;color:#ffb3be}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.heroCard{position:relative;z-index:1;background:linear-gradient(145deg,rgba(19,32,57,.92),rgba(9,19,34,.92));border:1px solid #213557;border-radius:30px;min-height:330px;padding:36px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.heroCard:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,247,201,.05),transparent 50%)}.verseMark{font-size:170px;font-weight:1000;line-height:.8;position:absolute;top:28px;right:26px;color:rgba(124,247,201,.08)}.heroCard strong{display:block;font-size:24px;margin-bottom:8px}.heroCard span{color:var(--muted)}.section{max-width:1180px;margin:0 auto;padding:80px 24px}.sectionHead{text-align:center;max-width:700px;margin:0 auto 38px}.sectionHead.inline{max-width:none;display:flex;align-items:end;justify-content:space-between;text-align:left}.sectionHead h2,.aboutGrid h2,.support h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.035em;margin:10px 0 12px}.sectionHead p,.support p{color:var(--muted)}.gameCard{display:grid;grid-template-columns:.9fr 1.1fr;background:linear-gradient(135deg,#111e34,#0b1526);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.gameVisual{min-height:390px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;background:radial-gradient(circle at 50% 50%,rgba(255,213,106,.12),transparent 55%)}.gameVisual img{width:min(100%,430px)}.miniTags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}.miniTags span,.statusPill{border:1px solid #34425d;border-radius:999px;padding:6px 10px;color:#b6c4dc;font-size:12px;font-weight:800}.gameInfo{padding:58px;display:flex;flex-direction:column;justify-content:center}.gameInfo h3{font-size:46px;margin:14px 0 10px}.gameInfo p{color:var(--muted);font-size:18px}.aboutGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:14px}.steps div{padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(14,25,43,.65)}.steps b{display:block;color:var(--gold);font-size:13px;margin-bottom:12px}.steps span{color:#bbc8dc}.support{display:flex;gap:40px;justify-content:space-between;align-items:center;background:linear-gradient(135deg,rgba(19,32,57,.88),rgba(11,21,38,.88));border:1px solid var(--line);border-radius:26px;margin-top:40px;margin-bottom:40px}.support>div:first-child{max-width:730px}.supportBadge{width:170px;height:170px;flex:0 0 auto;border-radius:50%;border:1px solid #304361;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:42px;color:var(--red)}.supportBadge span{font-size:12px;color:var(--muted);font-weight:800;margin-top:5px}.roomList{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.roomCard,.empty{border:1px solid var(--line);border-radius:18px;padding:20px;background:rgba(14,25,43,.72)}.roomCard h4{font-size:18px;margin:0 0 6px}.roomMeta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-bottom:16px}.roomCard .code{font-weight:900;color:var(--gold);letter-spacing:.1em}.empty{grid-column:1/-1;text-align:center;color:var(--muted)}footer{max-width:1180px;margin:60px auto 0;padding:34px 24px 60px;border-top:1px solid var(--line);display:flex;align-items:center;gap:22px;color:var(--muted)}footer img{width:120px}footer small{margin-left:auto}.modal{position:fixed;z-index:60;inset:0;background:rgba(1,7,14,.82);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px;overflow:auto}.modalPanel{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#0e192b;border:1px solid #2c3e5d;border-radius:24px;padding:30px;box-shadow:var(--shadow);position:relative}.modalPanel.narrow{width:min(520px,100%)}.modalClose{position:absolute;right:16px;top:14px;border:0;background:transparent;color:var(--muted);font-size:30px}.modalTitle{display:flex;align-items:center;gap:16px;margin-bottom:22px}.modalTitle img{width:130px}.modalTitle h2{margin:2px 0;font-size:30px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formGrid.one{grid-template-columns:1fr}.formGrid label{display:flex;flex-direction:column;gap:7px;color:#b9c7dc;font-size:13px;font-weight:750}.formGrid .full{grid-column:1/-1}.formGrid input,.formGrid select,.guessInput{width:100%;background:#091322;border:1px solid #263a5c;color:var(--text);border-radius:12px;padding:13px 14px;outline:none}.formGrid input:focus,.formGrid select:focus,.guessInput:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(105,169,255,.09)}.check{flex-direction:row!important;align-items:center}.check input{width:auto}.codeInput{text-transform:uppercase;letter-spacing:.18em;font-weight:900}.toast{position:fixed;z-index:90;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#17253d;border:1px solid #314563;color:white;border-radius:12px;padding:12px 18px;transition:.2s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:#6d3242;background:#2b1721}.roomView{max-width:1180px;margin:auto;padding:34px 24px 80px}.roomHeader{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.roomHeader .left{display:flex;align-items:center;gap:14px}.roomHeader img{width:150px}.roomCode{padding:9px 13px;border:1px solid var(--line);border-radius:12px;font-weight:950;letter-spacing:.14em;color:var(--gold)}.roomLayout{display:grid;grid-template-columns:1fr 330px;gap:18px}.panel{background:rgba(14,25,43,.82);border:1px solid var(--line);border-radius:22px;padding:22px}.panel h3{margin:0 0 16px}.teams{display:grid;grid-template-columns:1fr 1fr;gap:14px}.teamBox{border:1px solid var(--line);border-radius:18px;overflow:hidden}.teamTitle{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#12203a}.teamTitle h3{margin:0;font-size:18px}.teamA .teamTitle{border-bottom:2px solid var(--blue)}.teamB .teamTitle{border-bottom:2px solid var(--orange)}.playerRow{display:flex;align-items:center;gap:9px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.04)}.playerAvatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1c2e4d;font-weight:900}.playerRow .host{color:var(--gold);font-size:11px}.playerRow .score{margin-left:auto;color:var(--muted);font-weight:800}.lobbyActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.settingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settingsGrid label{font-size:12px;color:var(--muted)}.settingsGrid input{margin-top:5px;width:100%;background:#091322;border:1px solid var(--line);color:white;padding:10px;border-radius:10px}.capacity{height:8px;background:#08111f;border-radius:999px;overflow:hidden;margin:10px 0 5px}.capacity>i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--blue))}.subtle{color:var(--muted);font-size:13px}.gameStage{min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px}.phaseTag{font-size:12px;font-weight:900;letter-spacing:.17em;color:var(--green)}.actorName{font-size:clamp(42px,7vw,82px);line-height:1;margin:14px 0}.countdown{font-size:clamp(64px,11vw,124px);line-height:1;font-weight:1000;letter-spacing:-.05em;color:var(--gold);margin:18px 0}.promptCard{width:min(650px,100%);margin:20px auto;padding:28px;border-radius:22px;border:1px solid #4c5e79;background:linear-gradient(145deg,#162744,#101b30);box-shadow:var(--shadow)}.promptCard .label{font-size:11px;letter-spacing:.18em;color:var(--muted);font-weight:900}.promptCard strong{display:block;font-size:clamp(30px,5vw,54px);line-height:1.08;margin:10px 0}.promptCard small{color:var(--gold)}.guessForm{width:min(650px,100%);display:flex;gap:9px;margin:24px auto 0}.guessInput{font-size:18px;padding:16px}.feedback{min-height:24px;margin-top:10px;color:var(--muted)}.scoreStrip{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:16px;margin-bottom:14px;background:#0b1526}.scoreTeam{text-align:center}.scoreTeam b{display:block;font-size:25px}.versus{color:var(--muted);font-size:11px;font-weight:900}.rankList{display:flex;flex-direction:column;gap:8px}.rankItem{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#101d32}.rankPos{font-weight:1000;color:var(--gold)}.rankItem small{color:var(--muted)}.resultBanner{font-size:18px;color:#c9d5e6;margin-bottom:6px}.answerReveal{font-size:clamp(28px,5vw,52px);font-weight:950;margin:10px 0}.correctGlow{color:var(--green)}.timeoutGlow{color:var(--orange)}.shareLine{display:flex;gap:8px}.shareLine input{flex:1;background:#091322;border:1px solid var(--line);color:var(--muted);padding:10px;border-radius:10px}.badge{font-size:10px;font-weight:900;padding:4px 7px;border-radius:999px;background:#243552;color:#bdd0ef}.roundProgress{font-size:12px;color:var(--muted);margin-top:6px}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:62px}.heroCard{min-height:250px}.gameCard,.aboutGrid,.roomLayout{grid-template-columns:1fr}.gameVisual{min-height:280px}.gameInfo{padding:34px}.roomList{grid-template-columns:1fr 1fr}.support{margin-left:20px;margin-right:20px}.topbar nav{display:none}.roomLayout>aside{order:-1}.teams{grid-template-columns:1fr}.scoreStrip{grid-template-columns:1fr auto 1fr}}@media(max-width:600px){.topbar{height:66px;padding:0 16px}.brand img{width:128px}.hero{padding:46px 18px 48px}.heroLogo{width:230px}.hero h1{font-size:42px}.hero p{font-size:16px}.section{padding:58px 18px}.roomList{grid-template-columns:1fr}.gameInfo{padding:28px 22px}.gameInfo h3{font-size:36px}.steps{grid-template-columns:1fr}.support{flex-direction:column;align-items:flex-start;margin:24px 16px}.supportBadge{width:125px;height:125px}.formGrid{grid-template-columns:1fr}.formGrid .full{grid-column:auto}.modalPanel{padding:24px 18px}.modalTitle img{width:100px}.roomView{padding:20px 12px 60px}.roomHeader{align-items:flex-start}.roomHeader .left{align-items:flex-start;flex-direction:column}.roomHeader img{width:130px}.roomHeader .btn{padding:9px 12px}.panel{padding:15px}.gameStage{padding:24px 12px;min-height:470px}.guessForm{flex-direction:column}.settingsGrid{grid-template-columns:1fr 1fr}footer{flex-direction:column;align-items:flex-start}footer small{margin-left:0}}