:root{--bg:#0b0b0d;--panel:#151518;--panel2:#1c1c20;--line:#2a2a30;--text:#f2efe9;--muted:#96949b;--accent:#e94132;--accent2:#ff6a42;--green:#6fcf97;--radius:18px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.ambient{position:fixed;border-radius:50%;filter:blur(130px);opacity:.12;pointer-events:none}.ambient-one{width:450px;height:450px;background:#e94231;top:-250px;left:-100px}.ambient-two{width:350px;height:350px;background:#ff8a3d;bottom:-220px;right:-100px}.shell{position:relative;max-width:1240px;margin:auto;padding:0 28px 50px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-weight:900;letter-spacing:.17em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--accent);clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);font-family:Georgia,serif}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:9vw}.hero-copy{max-width:680px}.eyebrow{color:var(--accent2);font-size:12px;font-weight:800;letter-spacing:.19em}.hero-copy h1,.game-main h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,88px);line-height:.98;margin:22px 0}.hero-copy em,.lobby-head em{color:var(--accent2);font-weight:400}.hero-copy p{max-width:600px;color:var(--muted);font-size:19px;line-height:1.7}.feature-row{display:flex;gap:28px;margin-top:38px;color:#c2bfc3;font-size:13px}.panel{background:linear-gradient(145deg,#19191d,#121215);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 28px 70px #0005}.auth-card{max-width:440px;width:100%;justify-self:end}.auth-card .brand{margin-bottom:32px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:25px}.tab{flex:1;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:14px;font-weight:700;cursor:pointer}.tab.active{color:var(--text);border-color:var(--accent)}label{display:grid;gap:9px;color:#c9c6ca;font-size:13px;font-weight:650;margin:17px 0}input,select{width:100%;background:#0e0e11;border:1px solid #303037;border-radius:10px;padding:14px;color:var(--text);font:inherit;outline:none}input:focus,select:focus{border-color:var(--accent)}button{font:inherit}.primary,.secondary{border:0;border-radius:10px;padding:14px 20px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,var(--accent),#c72925);color:white;box-shadow:0 8px 25px #e9413230}.secondary{background:#24242a;color:var(--text);border:1px solid #383840}.wide{width:100%}.primary:disabled,.secondary:disabled{opacity:.4;cursor:not-allowed}.demo{text-align:center;color:#716f76;font-size:12px;margin:20px 0 0}.demo code{color:#aaa7ac}.user-menu{display:flex;align-items:center;gap:12px}.role,.status,.category{font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:6px 9px;border-radius:99px;background:#24242a;color:#bbb8bd}.status.waiting{color:#f1b95b;background:#3e301c}.status.playing{color:var(--green);background:#183226}.icon-button,.back{background:none;border:0;color:var(--muted);cursor:pointer}.lobby-head{padding:70px 0 45px;display:flex;align-items:flex-end;justify-content:space-between}.lobby-head h2{font:46px Georgia,serif;margin:12px 0 0}.content-grid{display:grid;grid-template-columns:1fr 310px;gap:30px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title h3{margin:0}.section-title span{color:var(--muted);font-size:12px}.rooms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.room-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:22px;transition:.2s}.room-card:hover{transform:translateY(-3px);border-color:#45454e}.room-card.joined{border-color:#84342f}.room-top,.room-meta{display:flex;justify-content:space-between;align-items:center}.room-card h3{font:26px Georgia,serif;margin:20px 0 7px}.room-card p{color:var(--muted);font-size:13px}.room-meta{border-top:1px solid var(--line);padding:17px 0;color:#aaa7ad;font-size:12px}.tip p{color:var(--muted);line-height:1.7}.tip-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--accent);color:var(--accent);border-radius:50%}.settings h3{margin-bottom:24px}.empty{grid-column:1/-1;text-align:center;border:1px dashed #35353c;border-radius:15px;padding:55px;color:var(--muted)}.empty span{font-size:40px;color:var(--accent)}dialog{border:0;background:transparent;color:inherit;width:min(480px,92vw)}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-close{float:right;background:none;border:0;color:var(--muted);font-size:25px;cursor:pointer}.game-layout{display:grid;grid-template-columns:1fr 320px;gap:35px;padding:65px 0}.game-main{text-align:center;min-width:0}.game-main h1{font-size:52px}.waiting-visual{padding:50px}.pulse{display:grid;place-items:center;width:125px;height:125px;margin:0 auto 30px;border-radius:50%;border:1px solid var(--accent);box-shadow:0 0 0 15px #e9413210,0 0 0 30px #e9413208;font:52px Georgia,serif}.waiting-visual p,.word-reveal p{color:var(--muted)}.word-reveal{max-width:650px;margin:45px auto;padding:50px;border:1px solid #35353b;border-radius:22px;background:radial-gradient(circle at 50% 0,#292126,#121215 65%)}.word-reveal.impostor{border-color:#72342e}.word-reveal span{font-size:11px;letter-spacing:.22em;color:var(--accent2);font-weight:900}.word-reveal strong{display:block;font:clamp(45px,8vw,76px) Georgia,serif;margin:25px 0}.players{align-self:start}.player{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.player>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#29292f;color:var(--accent2)}.player small{color:var(--accent2);font-size:9px}.danger-link{background:none;border:0;color:#d76c65;margin-top:22px;cursor:pointer}.toast{position:fixed;right:25px;bottom:25px;transform:translateY(20px);opacity:0;background:#25252b;border:1px solid #3a3a42;padding:14px 20px;border-radius:10px;transition:.25s;z-index:20}.toast.show{transform:none;opacity:1}.toast.error{border-color:#8b3731;color:#ff9b92}.fatal{padding:80px;text-align:center}.back{font-weight:700}@media(max-width:850px){.auth-layout{grid-template-columns:1fr;padding:70px 0}.auth-card{justify-self:start}.content-grid,.game-layout{grid-template-columns:1fr}.rooms-grid{grid-template-columns:1fr}.lobby-head{align-items:flex-start;gap:25px;flex-direction:column}.feature-row{flex-wrap:wrap}.user-menu .role{display:none}}@media(max-width:520px){.shell{padding:0 18px 35px}.hero-copy h1{font-size:48px}.hero-copy p{font-size:16px}.feature-row{gap:12px}.topbar{height:75px}.lobby-head{padding-top:45px}.lobby-head h2{font-size:38px}.user-menu strong{display:none}.game-main h1{font-size:40px}.word-reveal{padding:38px 18px}.waiting-visual{padding:40px 0}}