:root{color-scheme:dark;--bg:#121123;--surface:#1b1930;--ink:#f5f1e8;--muted:#b5afbf;--acid:#d9fe93;--violet:#b4a0ff;--line:#ffffff19}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 7%,#6e4d9a22,transparent 42%),radial-gradient(ellipse at 90% 70%,#2d60451a,transparent 45%),var(--bg);color:var(--ink);font:15px/1.6 system-ui,sans-serif}header,main{width:min(1240px,calc(100% - 64px));margin:auto}header{height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:0;font-size:30px;font-weight:950;color:var(--ink);text-decoration:none;align-items:center;letter-spacing:-4px}.brand>span{color:var(--acid)}.brand small{font-size:10px;letter-spacing:2px;margin-left:20px;color:var(--ink)}a:focus-visible,button:focus-visible{outline:3px solid var(--violet);outline-offset:4px}button,input,select{font:inherit}button{border:0;border-radius:13px;padding:14px 20px;cursor:pointer;font-weight:750;transition:transform .15s,background .15s}button:hover{transform:translateY(-2px)}button:disabled{opacity:.4;cursor:default;transform:none}.primary{background:var(--acid);color:#192313;display:flex;justify-content:space-between;gap:20px;align-items:center}.ghost{border:1px solid #ffffff24;background:#ffffff05;color:var(--ink)}.eyebrow{font-size:10px;font-weight:850;letter-spacing:2.5px;color:var(--violet)}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:8px}.hero{position:relative;min-width:0;padding:25px 0}#welcome{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,0.9fr);gap:80px;align-items:center;min-height:calc(100vh - 150px)}h1{font-size:clamp(65px,7.8vw,110px);line-height:1.1;letter-spacing:-7px;font-weight:950;margin:25px 0 18px}h1>span{color:var(--violet)}h1 .period{color:var(--acid)}.tagline{font-size:clamp(20px,2.5vw,29px);line-height:1.4;letter-spacing:-.7px}.tagline em{font-style:normal;color:var(--muted)}.hero-deck{position:relative;height:310px;margin:35px 0}.word-card{position:absolute;width:225px;height:260px;border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 25px 55px #0004}.word-card small{font-size:9px;letter-spacing:2px;font-weight:800}.word-card b{font-size:30px;letter-spacing:-1px}.word-card span{font-size:11px;margin-top:12px}.word-card.back{background:#28233d;border:1px solid #a18cce55;transform:rotate(-13deg);left:5px;top:10px;color:#d1c5e9}.word-card.front{background:#eee8d9;color:#252332;left:35%;top:15px;transform:rotate(11deg);border:1px solid #fff9}.word-card .eye{font-size:35px;margin:0 0 20px;line-height:1;color:#796490}.word-card i{position:absolute;right:20px;bottom:8px;font-size:64px;font-style:normal;color:#8a779824}.floating-note{position:absolute;bottom:0;right:5%;font-size:12px;transform:rotate(-5deg);color:var(--acid);border-bottom:1px solid #d9fe9355;padding:6px}.pills{display:flex;gap:10px;flex-wrap:wrap}.pills span{font-size:10px;padding:6px 11px;border:1px solid var(--line);border-radius:30px;color:var(--muted)}.entry{background:linear-gradient(140deg,#27223a99,#1a182baa);border:1px solid #ffffff20;border-radius:26px;padding:35px}.entry h2{font-size:38px;line-height:1.15;letter-spacing:-1px;font-weight:750;margin:18px 0 28px}label{font-size:12px;color:var(--muted);font-weight:650;display:block}input,select{width:100%;background:#121122;border:1px solid #ffffff25;border-radius:12px;padding:13px 15px;color:var(--ink);margin:8px 0 18px}input:focus,select:focus{outline:2px solid var(--violet)}.entry .primary{width:100%}.hint{color:var(--muted);font-size:13px;line-height:1.7}.entry .hint{min-height:45px;margin-top:0}.divider{margin:25px 0;text-align:center;color:#91899f;font-size:9px;letter-spacing:2px}.join{display:flex;align-items:baseline;gap:9px}.join input{min-width:0}.join button{white-space:nowrap}.beta{display:block;font-size:10px;line-height:1.7;color:#a49bad}.room-head{display:flex;justify-content:space-between;align-items:center;margin:25px 0;gap:15px}.room-head h2{font-size:25px;letter-spacing:1px;margin:5px 0}.roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px;margin-bottom:25px}.player{border:1px solid var(--line);border-radius:16px;padding:16px;background:#ffffff04;overflow:hidden}.player.active{border-color:var(--acid);box-shadow:0 0 25px #d9fe930c}.player.out{opacity:.5}.avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#b4a0ff17;color:var(--violet);font-weight:800;margin-bottom:8px}.player b{display:block;font-size:13px;overflow-wrap:anywhere}.player small{display:block;font-size:10px;color:var(--muted)}.play-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:24px}#play,.secret,.voice{background:linear-gradient(145deg,#221f35,#191729);border:1px solid var(--line);border-radius:24px;padding:30px;min-width:0}aside{display:grid;gap:20px;align-content:start}.phase{display:flex;justify-content:space-between;align-items:center}.clock{font:750 30px ui-monospace,monospace;color:var(--acid)}#play h2{font-size:clamp(25px,3vw,38px);letter-spacing:-1px;line-height:1.2}.secret{border-color:#b4a0ff55;background:linear-gradient(150deg,#2b2441,#1b192d)}.secret-word{font-size:clamp(26px,3vw,36px);font-weight:800;margin:20px 0;overflow-wrap:anywhere;color:var(--acid);line-height:1.2}.secret p,.voice p{font-size:12px;color:var(--muted)}.mission{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.mission strong{color:var(--ink)}.voice h3{margin:12px 0}.voice-buttons{display:flex;gap:8px;flex-wrap:wrap}.voice button{font-size:11px;padding:10px 12px}.voice-person{padding:7px 0;font-size:11px;color:var(--muted)}.voice-person.speaking{color:var(--acid)}.clue-list{display:grid;gap:8px;margin:25px 0}.clue{display:flex;justify-content:space-between;gap:20px;padding:13px 15px;background:#ffffff04;border:1px solid #ffffff09;border-radius:12px;font-size:13px}.clue span{overflow-wrap:anywhere}.clue b{color:var(--violet);font-size:11px;white-space:nowrap}.choice-grid{display:grid;gap:10px;margin:25px 0}.choice{display:flex;align-items:center;gap:12px;border:1px solid #ffffff25;border-radius:13px;padding:16px;cursor:pointer;color:var(--ink)}.choice input{width:auto;margin:0;accent-color:var(--acid)}.choice:has(input:checked){border-color:var(--acid);background:#d9fe930b}.score-row{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.score-row b:last-child{color:var(--acid)}.score-row small{display:block;font-size:12px;color:var(--muted)}.reveal-words{display:flex;gap:12px;margin:25px 0;flex-wrap:wrap}.reveal-words>div{flex:1;min-width:130px;background:#eee8d9;border-radius:13px;padding:20px;color:#282235}.reveal-words small{display:block;font-size:11px}.reveal-words strong{font-size:22px;overflow-wrap:anywhere}.progress{display:flex;gap:6px;margin:20px 0}.progress i{height:3px;flex:1;background:#ffffff18;border-radius:3px}.progress i.done{background:var(--violet)}.progress i.current{background:var(--acid)}.result-callout{font-size:20px;color:var(--acid);border-left:2px solid var(--acid);padding:10px 20px;margin:20px 0}.rules-list{padding-left:20px;color:var(--muted)}.rules-list li{margin:15px 0}#message{border:1px solid #b4a0ff66;border-radius:15px;background:#2f2441;padding:14px 18px;margin:15px 0}footer{display:flex;justify-content:space-between;gap:20px;margin:60px 0 25px;color:#8a8299;font-size:10px}footer span{letter-spacing:2px}footer p{margin:0}dialog{max-width:610px;background:#201c31;color:var(--ink);border:1px solid #ffffff28;border-radius:24px;padding:30px;max-height:85vh}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}dialog h2{font-size:32px}dialog li,dialog p{font-size:13px;line-height:1.8;color:#c2bacf}dialog li{margin:10px 0}[hidden]{display:none!important}.secret-word{animation:appear .25s ease-out}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:900px){#welcome{gap:30px}.entry{padding:25px}.hero-deck{height:280px}.word-card{width:195px;height:230px}.word-card b{font-size:25px}h1{letter-spacing:-4px}.play-grid{grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr)}}@media(max-width:690px){header,main{width:calc(100% - 36px)}header{height:80px}.brand small{font-size:8px;margin-left:15px}.brand{font-size:25px}header button{font-size:10px;padding:10px}#welcome{grid-template-columns:1fr;gap:25px;min-height:0}.hero{padding:20px 0 0}h1{font-size:clamp(48px,12vw,80px);letter-spacing:-3px;margin:20px 0}.tagline{font-size:23px}.hero-deck{height:250px;margin:28px 0 15px}.word-card{width:180px;height:210px;padding:20px}.word-card.front{left:35%}.word-card b{font-size:24px}.word-card .eye{font-size:27px;margin-bottom:10px}.floating-note{font-size:10px;bottom:0}.entry{padding:25px}.entry h2{font-size:32px}.play-grid{grid-template-columns:1fr}.roster{grid-template-columns:repeat(2,1fr)}.room-head h2{font-size:20px}.room-head button{font-size:11px;padding:12px}.room-head{align-items:center}#play,.secret,.voice{padding:22px}.clue{gap:10px;font-size:12px}footer{flex-direction:column;gap:7px;margin-top:40px}.pills{gap:6px}.pills span{font-size:9px}.score-row{font-size:13px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}