:root{--bg:#060e25;--panel:#0d1c3a;--gold:#f5c65b;--muted:#9cacc8;--line:#263959;--blue:#4198ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 65% 0,#162d57,transparent 60%),var(--bg);color:#f3f6ff;font:16px 'Segoe UI',sans-serif;min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 65%,#ffffff03 65%,transparent 85%)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}header,footer{display:flex;align-items:center;justify-content:space-between;padding:25px 4vw;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:12px;align-items:center;font-size:28px;color:var(--gold);font-weight:800}.brand span{font-size:18px;color:white;letter-spacing:2px}.brand b{color:var(--gold)}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;color:var(--muted)}.gold{color:var(--gold)}#connection{font-size:12px;color:#83d7bd}main{max-width:1540px;margin:auto;padding:35px 4vw 60px}.landing{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:8vw;min-height:70vh}.hero{position:relative}.hero h1{font-size:clamp(40px,5vw,78px);line-height:1.12;letter-spacing:-2px;font-weight:900;margin:28px 0}.hero h1 span{color:var(--gold)}.hero p{color:var(--muted);font-size:19px}.hero-line{height:4px;width:80px;background:var(--gold)}.pills{display:flex;gap:12px;margin-top:28px}.pills span{border:1px solid var(--line);border-radius:20px;padding:8px 14px;font-size:12px}.mountain{position:absolute;font-size:350px;right:-90px;top:10px;color:#6b9fe009;z-index:-1}.entry-card,.panel{background:linear-gradient(130deg,#142645,#0b1730);border:1px solid var(--line);border-radius:16px;padding:28px}.entry-card h2{font-size:28px;margin:15px 0 30px}button,.button,select{border:1px solid #3c5072;border-radius:8px;background:#182b4c;color:white;padding:12px 17px;font:600 14px 'Segoe UI',sans-serif;cursor:pointer}button:hover,.button:hover{filter:brightness(1.16)}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--gold);color:#172039;border-color:var(--gold)}#homeLinks .button{display:block;margin:12px 0;text-align:center}label{display:block;font-size:12px;color:var(--muted);letter-spacing:1px;margin:16px 0}input{display:block;width:100%;padding:16px;border-radius:8px;border:1px solid #395171;background:#08162e;color:white;font:18px 'Segoe UI',sans-serif;margin-top:8px}input:focus{outline:2px solid var(--gold)}#codeInput{text-transform:uppercase;letter-spacing:5px}form>button{width:100%}.fine{font-size:12px;color:var(--muted);line-height:1.7;margin-top:24px}.game-top{display:flex;align-items:center;gap:28px;margin-bottom:26px}.round-title{font-size:38px;font-style:italic;margin:4px 0;color:var(--gold)}.round-title span{font-size:16px;color:var(--muted);margin-left:14px}.room-label{margin-left:auto;font-size:10px;color:var(--muted);letter-spacing:2px}.room-label strong{display:block;color:white;font-size:25px;letter-spacing:5px}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.stage{border:1px solid #59759d;border-radius:15px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#204b7b,#0a1733 75%);box-shadow:0 0 60px #1c65b41c}.stage-bar{display:flex;justify-content:space-between;padding:17px 25px;border-bottom:1px solid #3a5474;color:var(--gold);font-size:11px;letter-spacing:2px}.stage-body{min-height:365px;text-align:center;padding:30px 35px;background:repeating-linear-gradient(90deg,transparent,transparent 79px,#ffffff03 80px)}.symbol{font-size:65px;color:var(--gold);height:96px;font-weight:800;text-shadow:0 0 28px #eac66044}#prompt{font-size:14px;color:#aac2df;line-height:1.6}#clue{font-size:clamp(24px,2.3vw,36px);max-width:770px;margin:20px auto;line-height:1.3;min-height:95px}.animate{animation:enter .55s ease-out}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.dots{display:flex;justify-content:center;gap:10px}.dots span{height:4px;width:34px;background:#36516c}.dots .active{background:var(--gold)}.timer-row{display:flex;align-items:center;padding:18px 25px;gap:20px;background:#07122788}.timer-row>span{font-size:10px;letter-spacing:1px;color:var(--muted);min-width:80px}.timer-track{height:5px;flex:1;background:#263f5b}#timerBar{height:100%;background:var(--gold);transition:width .1s linear}#timer{font-size:32px;font-variant-numeric:tabular-nums;min-width:50px}.answer-box,.reveal{margin-top:20px;padding:22px;background:#122341;border:1px solid var(--line);border-radius:12px}.answer-box>div{display:flex;gap:12px}.answer-box input{margin:0}.answer-box label{margin:0 0 12px}.answer-box p{font-size:12px;color:var(--muted)}.reveal h2{color:var(--gold);font-size:30px}.reveal p{line-height:1.7}.reveal small{color:var(--muted)}.leaderboard h2{font-size:20px;line-height:1.4}#playerCount{font-size:12px;color:var(--muted)}.player{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.rank{font-size:13px;color:var(--gold);width:18px}.player .name{flex:1;overflow-wrap:anywhere;font-size:14px}.player small{display:block;color:#83d7bd;font-size:10px;margin-top:3px}.score{font-size:21px;font-weight:700}.rules{font-size:11px;line-height:1.7;color:var(--muted);margin-top:28px}.rules b{color:var(--gold);letter-spacing:2px}#hostPanel{margin-top:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2{font-size:20px}.panel-heading a{color:var(--gold);font-size:12px}.controls{display:flex;gap:8px;flex-wrap:wrap}.controls select{max-width:100%}.judgment{padding:12px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:13px}.judgment span{flex:1;overflow-wrap:anywhere}.judgment button{padding:6px 12px}.judgment .yes{border-color:#64d7b0;color:#64d7b0}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#f5c65b;color:#172039;padding:14px 25px;border-radius:9px;z-index:10;box-shadow:0 10px 50px #0008}#notice:empty{display:none}footer{border-top:1px solid var(--line);border-bottom:0;font-size:10px;color:var(--muted);letter-spacing:2px}footer span{font-size:9px}@media(max-width:1000px){.game-grid{grid-template-columns:1fr}.landing{gap:30px}.hero h1{font-size:46px}.leaderboard{padding:20px}}@media(max-width:680px){.landing{grid-template-columns:1fr}.game-top{flex-wrap:wrap}header>.eyebrow{display:none}.stage-body{padding:20px}.answer-box>div{flex-direction:column}footer span{display:none}}