:root{--bg:#08080f;--bg-2:#0d0d18;--panel:#11111d;--panel-2:#16162a;--line:#ffffff0f;--line-2:#ffffff1a;--hover:#ffffff0a;--fg:#f4f4f8;--fg-2:#b6b6c8;--fg-3:#6c6c82;--fg-4:#3f3f55;--pink:#ff3b8b;--violet:#7c5cff;--grad:linear-gradient(120deg, var(--pink) 0%, var(--violet) 100%);--grad-soft:linear-gradient(120deg, #ff3b8b2e 0%, #7c5cff2e 100%);--grad-glow:radial-gradient(60% 80% at 50% 0%, #ff3b8b59, transparent 60%), radial-gradient(60% 80% at 100% 100%, #7c5cff59, transparent 60%);--ok:#22d3ee;--good:#5ee2a0;--warn:#ffd23f;--bad:#ff5a6e;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--font-sans:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;letter-spacing:-.01em;margin:0;overflow:hidden}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}input{color:inherit;background:0 0;border:0;outline:none;font-family:inherit}input::placeholder{color:var(--fg-3)}.app{width:100%;height:100%;position:relative;overflow:hidden}.bg-fx{pointer-events:none;z-index:0;background:radial-gradient(900px 600px at 10% -10%,#ff3b8b1a,#0000 60%),radial-gradient(900px 600px at 100% 110%,#7c5cff1f,#0000 60%),radial-gradient(600px 400px,#7c5cff0a,#0000 70%);position:absolute;inset:0}.grid-fx{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 60%,#000 30%,#0000 80%)}.screen{z-index:1;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.screen-enter{animation:.48s cubic-bezier(.2,.7,.2,1) both screenIn}@keyframes screenIn{0%{opacity:0;filter:blur(4px);transform:translateY(8px)scale(.995)}to{opacity:1;filter:blur();transform:none}}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);z-index:2;background:#08080f99;justify-content:space-between;align-items:center;padding:18px 28px;display:flex;position:relative}.brand{cursor:pointer;align-items:center;gap:12px;display:flex}.brand-mark{background:var(--grad);border-radius:8px;width:28px;height:28px;position:relative;box-shadow:0 6px 20px #ff3b8b59,inset 0 0 0 1px #fff3}.brand-mark:after{content:"";background:var(--bg);clip-path:polygon(20% 0%,80% 50%,20% 100%,50% 50%);border-radius:4px;position:absolute;inset:6px}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:17px;font-weight:700}.brand-name b{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.topbar-nav{gap:4px;display:flex}.topbar-nav a{color:var(--fg-3);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;transition:color .15s,background .15s}.topbar-nav a:hover,.topbar-nav a.active{color:var(--fg);background:var(--hover)}.topbar-user{border:1px solid var(--line);color:var(--fg-2);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 14px;font-size:13px;display:flex}.topbar-user:hover{border-color:var(--line-2)}.topbar-user .dot{background:var(--good);width:6px;height:6px;box-shadow:0 0 8px var(--good);border-radius:999px}.btn{letter-spacing:-.01em;background:var(--panel);border:1px solid var(--line);color:var(--fg);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:500;transition:transform .12s,background .15s,border-color .15s,box-shadow .2s;display:inline-flex}.btn:hover{background:var(--panel-2);border-color:var(--line-2)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--grad);color:#fff;border:none;position:relative;overflow:hidden;box-shadow:0 8px 30px -10px #ff3b8b80,0 2px 6px #7c5cff4d}.btn-primary:before{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff40 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover:before{transform:translate(100%)}.btn-primary:hover{box-shadow:0 12px 36px -8px #ff3b8b99,0 4px 12px #7c5cff73}.btn-ghost{background:0 0}.btn-sm{border-radius:10px;padding:8px 12px;font-size:12px}.btn-lg{border-radius:14px;padding:16px 24px;font-size:15px}.btn[disabled]{opacity:.45;cursor:not-allowed}.input-shell{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;height:44px;padding:0 14px;transition:border-color .15s,background .15s;display:flex}.input-shell:focus-within{background:var(--panel-2);border-color:#ff3b8b80;box-shadow:0 0 0 4px #ff3b8b14}.input-shell input{flex:1;height:100%;font-size:14px}.input-shell .ico{color:var(--fg-3)}.kbd{border:1px solid var(--line);min-width:22px;height:22px;font-family:var(--font-mono);color:var(--fg-2);background:#ffffff0f;border-bottom-width:2px;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;display:inline-flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--line-2)}.eyebrow{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:56px;font-weight:600;line-height:1}.h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:600;line-height:1.1}.h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.muted{color:var(--fg-3)}.mono{font-family:var(--font-mono)}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.avatar{width:36px;height:36px;font-family:var(--font-mono);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.avatar.sm{border-radius:8px;width:26px;height:26px;font-size:10px}.avatar.lg{border-radius:14px;width:56px;height:56px;font-size:16px}.landing{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.landing-hero{flex:1;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding:64px 80px;display:grid;overflow:hidden}.hero-left{z-index:2}.hero-eyebrow{color:#d4ccff;background:#7c5cff1f;border:1px solid #7c5cff40;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 12px;font-size:12px;display:inline-flex}.hero-eyebrow .pulse{background:var(--violet);border-radius:999px;width:6px;height:6px;position:relative}.hero-eyebrow .pulse:after{content:"";border:1px solid var(--violet);border-radius:999px;animation:1.8s ease-out infinite pulse;position:absolute;inset:-4px}@keyframes pulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.hero-title{font-size:88px;font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 24px;font-weight:600;line-height:.95}.hero-title em{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-sub{color:var(--fg-2);max-width:480px;margin:0 0 36px;font-size:18px;line-height:1.5}.hero-cta{align-items:center;gap:12px;display:flex}.hero-stats{border-top:1px solid var(--line);gap:32px;margin-top:48px;padding-top:24px;display:flex}.hero-stat .num{font-family:var(--font-display);letter-spacing:-.02em;font-size:28px;font-weight:600}.hero-stat .lbl{color:var(--fg-3);font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.hero-right{z-index:1;height:540px;position:relative}.hero-card-stack{position:absolute;inset:0}.hero-card-stack .card-float{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:18px;animation:6s ease-in-out infinite floatY;position:absolute;box-shadow:0 30px 80px -20px #0009,inset 0 0 0 1px #ffffff0a}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cf-1{width:280px;animation-delay:0s;top:30px;left:20px}.cf-2{width:260px;animation-delay:-2s;top:200px;right:0}.cf-3{width:300px;animation-delay:-4s;bottom:40px;left:60px}.cf-row{align-items:center;gap:12px;display:flex}.cf-thumb{background:var(--grad);border-radius:10px;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.cf-thumb:after{content:"";background:radial-gradient(circle at 30% 30%,#ffffff4d,#0000 50%);position:absolute;inset:0}.cf-meta{flex:1;min-width:0}.cf-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.cf-sub{color:var(--fg-3);font-size:11px;font-family:var(--font-mono);margin-top:2px}.cf-bars{align-items:end;gap:3px;height:22px;display:flex}.cf-bars span{background:var(--grad);border-radius:2px;flex:1;animation:1.4s ease-in-out infinite barBounce}@keyframes barBounce{0%,to{height:30%}50%{height:100%}}.lobby{flex:1;grid-template-columns:260px 1fr 320px;gap:0;min-height:0;display:grid;overflow:hidden}.lobby-side{border-right:1px solid var(--line);background:#0b0b1680;flex-direction:column;gap:24px;padding:22px 18px;display:flex;overflow-y:auto}.side-group .side-title{font-family:var(--font-mono);letter-spacing:.1em;color:var(--fg-3);text-transform:uppercase;margin-bottom:10px;padding:0 8px;font-size:10px}.side-item{color:var(--fg-2);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;transition:background .15s,color .15s;display:flex}.side-item:hover,.side-item.active{background:var(--hover);color:var(--fg)}.side-item .ico{opacity:.8;width:16px}.side-item .count{color:var(--fg-3);font-size:11px;font-family:var(--font-mono);margin-left:auto}.side-item .dot{background:var(--good);width:6px;height:6px;box-shadow:0 0 6px var(--good);border-radius:999px;margin-left:auto}.lobby-main{flex-direction:column;gap:22px;min-width:0;padding:28px 36px;display:flex;overflow-y:auto}.lobby-header{justify-content:space-between;align-items:end;gap:24px;display:flex}.lobby-header .h2{margin-bottom:6px}.lobby-search{align-items:center;gap:10px;display:flex}.lobby-quick{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.quick-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;padding:18px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.quick-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.quick-card .qc-eye{font-family:var(--font-mono);letter-spacing:.1em;color:var(--fg-3);text-transform:uppercase;font-size:10px}.quick-card .qc-title{letter-spacing:-.01em;margin-top:6px;font-size:17px;font-weight:600}.quick-card .qc-sub{color:var(--fg-3);margin-top:4px;font-size:12px}.quick-card .qc-orb{filter:blur(30px);opacity:.6;border-radius:999px;width:100px;height:100px;position:absolute;top:-30px;right:-30px}.quick-card[data-tone=pink] .qc-orb{background:var(--pink)}.quick-card[data-tone=violet] .qc-orb{background:var(--violet)}.quick-card[data-tone=cyan] .qc-orb{background:var(--ok)}.rooms-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:10px;margin-top:4px;padding:14px 0;display:flex}.rooms-toolbar>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{background:var(--panel);border:1px solid var(--line);color:var(--fg-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.chip:hover{color:var(--fg);border-color:var(--line-2)}.chip.active{color:#ffe0ed;background:#ff3b8b1a;border-color:#ff3b8b66}.rooms-list{flex-direction:column;gap:8px;display:flex}.room-row{border:1px solid var(--line);background:var(--panel);border-radius:var(--r-md);cursor:pointer;grid-template-columns:36px 1fr auto auto auto auto;align-items:center;gap:16px;padding:14px 18px;transition:border-color .2s,background .2s,transform .15s;display:grid}.room-row:hover{background:var(--panel-2);border-color:#7c5cff66;transform:translate(2px)}.room-icon{background:var(--grad-soft);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.room-icon .bars{align-items:end;gap:2px;height:14px;display:flex}.room-icon .bars span{background:var(--pink);border-radius:1px;width:2px;animation:1.2s ease-in-out infinite barBounce}.room-icon .bars span:nth-child(2){background:var(--violet);animation-delay:-.3s}.room-icon .bars span:nth-child(3){animation-delay:-.6s}.room-info .room-name{font-size:14px;font-weight:500}.room-info .room-host{color:var(--fg-3);font-size:11px;font-family:var(--font-mono);margin-top:2px}.room-tags{gap:6px;display:flex}.room-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-3);background:#ffffff0a;border-radius:6px;padding:4px 8px;font-size:10px}.room-mode{color:var(--fg-2);border:1px solid var(--line);background:#ffffff05;border-radius:8px;padding:4px 10px;font-size:12px}.room-players{font-family:var(--font-mono);color:var(--fg-2);text-align:right;min-width:60px;font-size:12px}.room-players span{color:var(--fg-3)}.room-join{color:var(--pink);opacity:0;font-size:12px;font-weight:500;transition:opacity .2s}.room-row:hover .room-join{opacity:1}.lobby-right{border-left:1px solid var(--line);background:#0b0b1680;flex-direction:column;gap:22px;padding:22px;display:flex;overflow-y:auto}.profile-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--r-md);padding:18px;position:relative;overflow:hidden}.profile-card .pc-bg{background:var(--grad-soft);opacity:.4;z-index:0;position:absolute;inset:0}.profile-card>*{z-index:1;position:relative}.profile-card .pc-row{align-items:center;gap:14px;display:flex}.profile-card .pc-name{font-size:15px;font-weight:600}.profile-card .pc-rank{font-family:var(--font-mono);color:var(--fg-3);margin-top:2px;font-size:11px}.profile-card .pc-stats{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px;padding-top:14px;display:grid}.profile-card .pc-stats>div .v{font-family:var(--font-display);font-size:18px;font-weight:600}.profile-card .pc-stats>div .l{font-family:var(--font-mono);color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.friend-list{flex-direction:column;gap:6px;display:flex}.friend-row{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.friend-row:hover{background:var(--hover)}.friend-name{font-size:13px}.friend-status{color:var(--fg-3);font-size:11px;font-family:var(--font-mono)}.friend-row .dot{background:var(--good);width:8px;height:8px;box-shadow:0 0 6px var(--good);border-radius:999px;margin-left:auto}.friend-row .dot.away{background:var(--warn);box-shadow:0 0 6px var(--warn)}.friend-row .dot.off{background:var(--fg-4);box-shadow:none}.game{flex:1;grid-template-columns:280px 1fr 300px;min-height:0;display:grid;overflow:hidden}.game-side{border-right:1px solid var(--line);background:#0b0b1680;flex-direction:column;gap:18px;padding:22px 18px;display:flex;overflow-y:auto}.game-side.right{border-right:0;border-left:1px solid var(--line)}.players-list{flex-direction:column;gap:6px;display:flex}.player-row{background:var(--panel);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.player-row.me{background:#22d3ee0d;border-color:#22d3ee4d}.player-row.answered{border-color:#5ee2a04d}.player-row.answered:before{content:"";pointer-events:none;background:linear-gradient(90deg,#5ee2a01a,#0000 60%);position:absolute;inset:0}.player-row .pname{flex:1;min-width:0;font-size:13px}.player-row .pname .pn-handle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-row .pname .pn-meta{font-family:var(--font-mono);color:var(--fg-3);font-size:10px}.player-row .pscore{font-family:var(--font-mono);color:var(--fg);font-size:13px;font-weight:600}.player-row .panswer{font-family:var(--font-mono);letter-spacing:.04em;color:var(--good);text-transform:uppercase;font-size:10px}.game-main{flex-direction:column;justify-content:space-between;align-items:center;min-width:0;padding:32px 48px 48px;display:flex;position:relative;overflow:hidden}.gm-header{z-index:2;justify-content:space-between;align-items:center;width:100%;display:flex}.gm-round{align-items:center;gap:14px;display:flex}.gm-round .round-num{font-family:var(--font-display);letter-spacing:-.01em;font-size:14px;font-weight:600}.gm-round .round-progress{gap:4px;display:flex}.gm-round .round-progress span{background:#ffffff14;border-radius:2px;width:18px;height:4px}.gm-round .round-progress span.done{background:var(--violet)}.gm-round .round-progress span.current{background:var(--grad);animation:1.5s infinite pulseBar}@keyframes pulseBar{0%,to{opacity:1}50%{opacity:.55}}.gm-mode{font-family:var(--font-mono);color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.gm-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:36px;width:100%;display:flex;position:relative}.timer-ring{justify-content:center;align-items:center;width:240px;height:240px;display:flex;position:relative}.timer-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.timer-ring .ring-bg{stroke:#ffffff0f;fill:none;stroke-width:5px}.timer-ring .ring-fg{stroke:url(#timerGrad);fill:none;stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 10px #ff3b8b66);transition:stroke-dashoffset .95s linear}.timer-inner{text-align:center}.timer-num{font-family:var(--font-display);letter-spacing:-.04em;font-size:64px;font-weight:600;line-height:1}.timer-lbl{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-3);margin-top:6px;font-size:11px}.waveform{align-items:center;gap:3px;width:min(560px,80%);height:100px;display:flex}.waveform span{background:var(--grad);opacity:.92;transform-origin:50%;border-radius:2px;flex:1;animation-name:waveBounce;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes waveBounce{0%,to{transform:scaleY(.18)}50%{transform:scaleY(1)}}.now-playing{flex-direction:column;align-items:center;gap:10px;display:flex}.np-clue{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:6px 12px;font-size:11px}.np-mystery{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(180deg, var(--fg) 0%, var(--fg-3) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:600}.guess-area{z-index:2;flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.guess-input-wrap{width:min(640px,90%);position:relative}.guess-input{background:var(--panel);border:1px solid var(--line);width:100%;height:60px;font-size:17px;font-family:var(--font-sans);border-radius:16px;padding:0 24px 0 56px;transition:border-color .2s,box-shadow .2s}.guess-input::placeholder{color:var(--fg-3)}.guess-input-wrap:focus-within .guess-input,.guess-input:focus{border-color:#ff3b8b80;box-shadow:0 0 0 4px #ff3b8b1a}.guess-input-wrap .ico{color:var(--fg-3);position:absolute;top:50%;left:20px;transform:translateY(-50%)}.guess-submit{background:var(--grad);color:#fff;border-radius:11px;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:13px;font-weight:500;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%);box-shadow:0 6px 20px -6px #ff3b8b80}.guess-submit[disabled]{background:var(--panel-2);color:var(--fg-3);box-shadow:none;cursor:not-allowed}.autocomplete{background:var(--panel);border:1px solid var(--line-2);z-index:5;border-radius:14px;max-height:320px;padding:6px;animation:.18s acIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 30px 80px -20px #000000b3,0 0 0 1px #ffffff0a}@keyframes acIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.ac-item{cursor:pointer;border-radius:9px;align-items:center;gap:12px;padding:10px 14px;transition:background .12s;display:flex}.ac-item:hover,.ac-item.active{background:var(--hover)}.ac-item .ac-thumb{background:var(--grad-soft);border:1px solid var(--line);width:32px;height:32px;font-family:var(--font-mono);color:var(--fg-2);border-radius:7px;justify-content:center;align-items:center;font-size:10px;display:flex}.ac-item .ac-meta{flex:1;min-width:0}.ac-item .ac-title{font-size:14px}.ac-item .ac-title b{color:var(--pink);font-weight:600}.ac-item .ac-sub{font-family:var(--font-mono);color:var(--fg-3);font-size:10px}.ac-item .ac-key{color:var(--fg-3);font-family:var(--font-mono);font-size:10px}.guess-hint{font-family:var(--font-mono);color:var(--fg-3);align-items:center;gap:8px;font-size:11px;display:flex}.reveal{-webkit-backdrop-filter:blur(14px);z-index:10;background:#08080fbf;justify-content:center;align-items:center;animation:.35s fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reveal-card{background:var(--panel);border:1px solid var(--line-2);border-radius:22px;width:min(720px,90%);padding:36px;animation:.5s cubic-bezier(.2,.7,.2,1) revealIn;position:relative;overflow:hidden}@keyframes revealIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.reveal-card .glow{background:var(--grad-glow);pointer-events:none;animation:8s ease-in-out infinite drift;position:absolute;inset:-40%}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(-4%,3%)}}.reveal-card>*{z-index:1;position:relative}.reveal-tag{color:#b6f6cf;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;background:#5ee2a01f;border:1px solid #5ee2a059;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:inline-flex}.reveal-tag.miss{color:#ffc5cc;background:#ff5a6e1f;border-color:#ff5a6e59}.reveal-anime{align-items:center;gap:22px;margin-top:22px;display:flex}.reveal-anime .art{background:var(--grad);border-radius:14px;flex-shrink:0;width:120px;height:160px;position:relative;overflow:hidden;box-shadow:0 24px 60px -10px #ff3b8b59}.reveal-anime .art:after{content:"";background:radial-gradient(circle at 30% 25%,#ffffff40,#0000 50%),linear-gradient(#0000 60%,#00000080);position:absolute;inset:0}.reveal-anime .art .art-label{font-family:var(--font-mono);color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;z-index:1;font-size:9px;position:absolute;bottom:12px;left:12px;right:12px}.reveal-anime .info{flex:1;min-width:0}.reveal-anime .info .ra-eye{font-family:var(--font-mono);letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase;font-size:11px}.reveal-anime .info .ra-title{font-family:var(--font-display);letter-spacing:-.02em;margin-top:4px;font-size:36px;font-weight:600}.reveal-anime .info .ra-track{color:var(--fg-2);margin-top:8px;font-size:14px}.reveal-anime .info .ra-track b{color:var(--fg)}.reveal-points{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:24px;padding-top:22px;display:flex}.reveal-points .pt{font-family:var(--font-display);letter-spacing:-.02em;font-size:28px;font-weight:600}.reveal-points .pt.gain{color:var(--good)}.reveal-points .pt.miss{color:var(--bad)}.reveal-points .pt small{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:400;display:block}.reveal-points .timing{font-family:var(--font-mono);color:var(--fg-3);text-align:right;margin-left:auto;font-size:11px}.reveal-actions{gap:10px;margin-top:24px;display:flex}.reveal-countdown{font-family:var(--font-mono);color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em;align-self:center;margin-left:auto;font-size:11px}.reveal-countdown b{color:var(--fg)}.guess-pings{flex-direction:column;gap:6px;margin-top:12px;display:flex}.guess-ping{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;animation:.35s both pingIn;display:flex}@keyframes pingIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.guess-ping.right{background:#5ee2a00d;border-color:#5ee2a04d}.guess-ping.wrong{border-color:#ff5a6e40}.guess-ping .who{flex:1}.guess-ping .pt{font-family:var(--font-mono);color:var(--good)}.guess-ping.wrong .pt{color:var(--bad)}.leaderboard{flex-direction:column;flex:1;align-items:center;padding:48px 40px 80px;display:flex;position:relative;overflow-y:auto}.lb-header{text-align:center;z-index:2;margin-bottom:40px}.lb-header .h1{font-size:64px}.lb-podium{z-index:2;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:24px;width:min(900px,95%);margin-bottom:40px;display:grid}.podium-col{flex-direction:column;align-items:center;gap:14px;animation:.6s cubic-bezier(.2,.7,.2,1) both podiumIn;display:flex}.podium-col.p1{animation-delay:.3s}.podium-col.p2{animation-delay:.1s}.podium-col.p3{animation-delay:.5s}@keyframes podiumIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.podium-medal{width:92px;height:92px;font-family:var(--font-display);color:#fff;border-radius:22px;justify-content:center;align-items:center;font-size:30px;font-weight:600;display:flex;box-shadow:inset 0 0 0 2px #ffffff26}.podium-col.p1 .podium-medal{background:linear-gradient(#ffd23f,#c9921a);width:120px;height:120px;font-size:38px;box-shadow:inset 0 0 0 2px #ffffff4d,0 20px 60px -10px #ffd23f80}.podium-col.p2 .podium-medal{background:linear-gradient(#d6d8e0,#8c8da0);box-shadow:inset 0 0 0 2px #ffffff4d,0 16px 40px -10px #d6d8e04d}.podium-col.p3 .podium-medal{background:linear-gradient(#c78a4a,#874f1a);box-shadow:inset 0 0 0 2px #ffffff4d,0 16px 40px -10px #c78a4a4d}.podium-name{font-size:16px;font-weight:600}.podium-score{font-family:var(--font-display);letter-spacing:-.02em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:600}.podium-col.p1 .podium-score{font-size:34px}.podium-bar{background:var(--panel);border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;width:100%;position:relative;overflow:hidden}.podium-col.p1 .podium-bar{height:220px}.podium-col.p2 .podium-bar{height:160px}.podium-col.p3 .podium-bar{height:120px}.podium-bar:before{content:"";background:var(--grad-soft);opacity:.6;position:absolute;inset:0}.podium-bar .rank{font-family:var(--font-display);color:#ffffff0f;letter-spacing:-.04em;font-size:84px;font-weight:700;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.lb-table{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);z-index:2;width:min(900px,95%);overflow:hidden}.lb-table .lb-head{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);border-bottom:1px solid var(--line);grid-template-columns:60px 1fr 80px 80px 120px;gap:14px;padding:12px 20px;font-size:10px;display:grid}.lb-row{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr 80px 80px 120px;align-items:center;gap:14px;padding:14px 20px;font-size:14px;transition:background .15s;display:grid}.lb-row:last-child{border-bottom:0}.lb-row:hover{background:var(--hover)}.lb-row.me{background:#22d3ee0f}.lb-row .rk{font-family:var(--font-mono);color:var(--fg-3)}.lb-row .nm{align-items:center;gap:10px;display:flex}.lb-row .nm .label-you{font-family:var(--font-mono);color:var(--ok);letter-spacing:.06em;background:#22d3ee26;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:9px}.lb-row .cnum{font-family:var(--font-mono);color:var(--fg-2)}.lb-row .pts{font-family:var(--font-display);letter-spacing:-.01em;font-size:17px;font-weight:600}.lb-row .delta{font-family:var(--font-mono);color:var(--good);font-size:12px}.lb-actions{z-index:2;gap:10px;margin-top:32px;display:flex}.confetti{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.confetti span{background:var(--pink);border-radius:2px;width:8px;height:14px;animation:linear infinite confettiFall;position:absolute;top:-20px}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:1}to{opacity:.5;transform:translateY(110vh)rotate(540deg)}}.modal-shade{-webkit-backdrop-filter:blur(10px);z-index:20;background:#04040ab3;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:absolute;inset:0}.modal{background:var(--panel);border:1px solid var(--line-2);border-radius:20px;width:min(520px,90%);padding:30px;animation:.4s cubic-bezier(.2,.7,.2,1) revealIn;position:relative;overflow:hidden}.modal .glow{background:var(--grad-glow);opacity:.5;pointer-events:none;position:absolute;inset:-40%}.modal>*{z-index:1;position:relative}.modal .h2{margin-bottom:8px}.modal-row{align-items:center;gap:10px;margin-top:16px;display:flex}.modal-row label{color:var(--fg-3);font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;flex:0 0 100px}.modal-row .input-shell{flex:1}.modal-options{flex-wrap:wrap;flex:1;gap:8px;display:flex}.opt-btn{background:var(--panel-2);border:1px solid var(--line);color:var(--fg-2);border-radius:10px;padding:8px 14px;font-size:13px}.opt-btn.active{color:var(--fg);background:#ff3b8b1a;border-color:#ff3b8b66}.modal-foot{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.flex{display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.center{justify-content:center;align-items:center;display:flex}.grow{flex:1}.sep{background:var(--line);width:1px;height:16px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#ffffff14;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}::-webkit-scrollbar-track{background:0 0}