:root{color-scheme:dark;--bg:#101320;--panel:#191d2d;--line:#303549;--text:#f5f5f9;--muted:#9ca3bc;--lime:#c4f46b;--purple:#ac94ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;min-height:100vh;line-height:1.7}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}.ambient{position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.13;width:330px;height:330px}.ambient-one{top:90px;right:-140px;background:var(--purple)}.ambient-two{bottom:0;left:-120px;background:var(--lime)}.topbar{max-width:1160px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:bold;font-size:22px;display:flex;align-items:center;gap:9px}.brand-icon{background:var(--lime);color:var(--bg);width:36px;height:36px;border-radius:12px;display:grid;place-items:center}.accent{color:var(--lime)}.connection{font-size:12px;color:var(--muted)}.connection.online:before{content:'';display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-left:7px}main{max-width:1100px;margin:30px auto 50px;padding:0 28px;min-height:70vh}.landing{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center;padding-top:34px}.eyebrow{color:var(--lime);letter-spacing:1px;font-size:12px;display:block;margin-bottom:18px}.pill{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:5px 14px;color:var(--muted);font-size:12px;margin-bottom:22px}h1{font-size:clamp(42px,6vw,70px);line-height:1.25;letter-spacing:-2px;margin:0 0 20px}h1 span{color:var(--lime)}h2{font-size:28px;line-height:1.5;margin:0 0 10px}h3{margin:0;font-size:18px}.intro{color:var(--muted);font-size:17px;max-width:400px}.mini-features{display:flex;gap:22px;margin-top:28px;color:var(--muted);font-size:12px}.mini-features b{color:var(--text);display:block;font-size:16px}.panel{background:linear-gradient(145deg,#202438,#171b2a);border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 20px 70px #0002}.tabs{display:flex;gap:6px;background:#101320;border-radius:13px;padding:5px;margin:20px 0}.tab{flex:1;border:0;border-radius:9px;background:none;color:var(--muted);padding:10px}.tab.active{background:#30364a;color:var(--text)}label{display:block;font-size:13px;color:var(--muted);margin:18px 0 7px}input,select{width:100%;background:#111522;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:13px 16px;outline:none}input:focus,select:focus{border-color:var(--lime)}input::placeholder{color:#646c87}.primary,.secondary,.danger{border:0;border-radius:12px;padding:13px 20px;font-weight:bold;transition:transform .15s}.primary{background:var(--lime);color:#172012}.primary:hover{transform:translateY(-2px)}.secondary{background:#30364a;color:var(--text)}.danger{background:#462d39;color:#ffadb7}.wide{width:100%;margin-top:23px}.muted{color:var(--muted);font-size:13px}.center{text-align:center}.note{font-size:11px;color:var(--muted);text-align:center;margin-bottom:0}.eye-art{width:112px;height:84px;margin-bottom:24px;position:relative;display:grid;place-items:center}.eye-shape{width:95px;height:52px;border-radius:80% 0 80% 0;background:var(--lime);transform:rotate(45deg);display:grid;place-items:center}.eye-pupil{width:30px;height:30px;background:var(--bg);border-radius:50%;box-shadow:0 0 0 8px #10132022}.room-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.room-header h2{font-size:26px}.room-code{display:flex;gap:14px;align-items:center;background:#1b2031;border:1px solid var(--line);padding:10px 18px;border-radius:14px}.room-code strong{letter-spacing:4px;font-size:24px;color:var(--lime)}.text-button{border:0;background:none;color:var(--lime);font:inherit;font-size:13px;padding:3px 8px}.game-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.count{background:#30364a;color:var(--muted);border-radius:99px;padding:3px 12px;font-size:12px}.players{display:grid;grid-template-columns:1fr 1fr;gap:12px}.player{display:flex;align-items:center;gap:11px;padding:13px;background:#111522;border:1px solid #292e43;border-radius:14px;min-width:0}.avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:13px;background:#343046;color:#c6b4ff;font-size:19px}.player:nth-child(3n+2) .avatar{background:#263c38;color:#a6ddcb}.player:nth-child(3n) .avatar{background:#41352f;color:#edbe97}.player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:14px}.player-meta{font-size:10px;color:var(--muted)}.score{margin-right:auto;color:var(--lime);font-size:13px}.room-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px}.phase-panel{text-align:center;min-height:350px;display:flex;flex-direction:column;justify-content:center}.role-card{background:#101320;border:1px dashed #48516b;border-radius:20px;padding:30px 20px;margin:20px 0;min-height:140px;display:grid;place-items:center}.role-card.spy{border-color:var(--purple);background:#29213e}.role-word{font-size:36px;font-weight:bold;color:var(--lime);overflow-wrap:anywhere}.spy .role-word{color:var(--purple)}.timer{font-size:64px;font-weight:bold;font-variant-numeric:tabular-nums;color:var(--lime);line-height:1.4;direction:ltr}.vote-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.vote-button{background:#111522;border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--text);overflow-wrap:anywhere}.vote-button.selected{border-color:var(--lime);color:var(--lime)}.result-symbol{font-size:54px;color:var(--lime)}.result-detail{padding:16px;background:#111522;border-radius:14px;margin-top:18px}.vote-results{font-size:13px;color:var(--muted);margin:16px 0}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#34394d;border:1px solid #59617e;color:white;border-radius:14px;padding:13px 24px;z-index:20;max-width:90vw;box-shadow:0 10px 40px #0005}.toast[hidden]{display:none}footer{max-width:1100px;margin:0 auto;padding:20px 28px 30px;display:flex;justify-content:space-between;border-top:1px solid #272c40;color:#69728f;font-size:12px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:24px;padding:32px;max-width:480px;width:90%;line-height:1.9}dialog::backdrop{background:#080b15bb;backdrop-filter:blur(5px)}dialog ol{padding-right:22px;color:var(--muted)}dialog li{margin-bottom:10px}.icon-button{float:left;border:0;background:none;color:var(--muted);font-size:27px}.privacy{font-size:12px;color:var(--muted)}:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media(max-width:760px){.topbar{padding:20px}.brand{font-size:18px}main{margin-top:0;padding:0 20px}.landing{grid-template-columns:1fr;gap:28px;padding-top:10px}.hero{text-align:center}.hero .eye-art{margin:10px auto 24px}.intro{margin:0 auto}.mini-features{justify-content:center;margin-top:20px}h1{font-size:46px}.panel{padding:22px;border-radius:20px}.game-grid{grid-template-columns:1fr}.room-header{flex-wrap:wrap;margin-top:16px}.room-code{width:100%;justify-content:space-between}.players{gap:8px}.player{padding:10px;gap:7px}.avatar{width:32px;height:32px}.player-name{max-width:85px;font-size:12px}.phase-panel{min-height:280px}.room-header h2{margin:0}footer{margin-top:30px}.timer{font-size:52px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}