:root{--bg:#07070a;--panel:#15151c;--panel-2:#1d1d26;--line:#2a2a35;--text:#f4f4f0;--muted:#9a9aa5;--yellow:#ffd200;--accent:var(--yellow);--glow:0 0 18px color-mix(in srgb, var(--accent) 55%, transparent);--font-display:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--font-mono:Consolas, "Courier New", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;margin:0}body{background-image:radial-gradient(1200px 600px at 50% -10%,#2b2306 0%,#0000 60%),repeating-linear-gradient(135deg,#0000 0 28px,#ffd20009 28px 30px)}#root{justify-content:center;padding:16px;display:flex}a{color:var(--yellow)}.cabinet{background:linear-gradient(#1a1a22,#0e0e13);border:3px solid #2e2e3a;border-radius:22px;width:min(1120px,100%);overflow:hidden;box-shadow:0 30px 80px #000000b3,inset 0 1px #ffffff0f}.marquee{border-bottom:1px solid var(--line);background:repeating-linear-gradient(90deg,#111 0 18px,#ffd200 18px 36px) 0 100%/36px 6px repeat-x;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;animation:1.2s linear infinite hazard-stripe;display:flex}@keyframes hazard-stripe{0%{background-position:0 100%}to{background-position:36px 100%}}@keyframes card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.card{animation:.45s ease-out both card-in}.card:nth-child(2){animation-delay:60ms}.card:nth-child(3){animation-delay:.12s}.card:nth-child(4){animation-delay:.18s}.card:nth-child(5){animation-delay:.24s}.card:nth-child(6){animation-delay:.3s}.wordmark em{animation:2.6s ease-in-out infinite neon}@keyframes neon{0%,to{text-shadow:0 0 10px #ffd20080}50%{text-shadow:0 0 18px #ffd200e6,0 0 32px #ffd20066}}.wordmark{color:var(--text);letter-spacing:.14em;text-shadow:0 0 14px #ffd20059;align-items:center;gap:12px;font-size:clamp(18px,2.6vw,28px);font-weight:900;text-decoration:none;display:inline-flex}.wordmark em{color:var(--yellow);font-style:normal}.chevron{background:var(--yellow);clip-path:polygon(0 0,55% 0,100% 50%,55% 100%,0 100%,45% 50%);width:26px;height:26px;box-shadow:var(--glow)}.nav{align-items:center;gap:8px;display:flex}.nav a{color:var(--muted);letter-spacing:.12em;border-radius:8px;padding:8px 12px;font-weight:700;text-decoration:none}.nav a.active,.nav a:hover{color:var(--yellow);background:#ffd20014}.btn{font:inherit;letter-spacing:.1em;color:#111;background:var(--accent,var(--yellow));cursor:pointer;box-shadow:var(--glow);border:0;border-radius:8px;padding:10px 16px;font-weight:800;text-decoration:none;transition:transform .12s,filter .12s;display:inline-block}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn-ghost{color:var(--text);border:1px solid var(--line);box-shadow:none;background:0 0}.btn-ghost:hover{border-color:var(--accent,var(--yellow));color:var(--accent,var(--yellow))}.screen{background:radial-gradient(900px 500px at 50% 0,#1c1c25,#0b0b0f 70%);min-height:560px;padding:24px;position:relative}.scanlines{pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 3px);position:absolute;inset:0}.deck{border-top:1px solid var(--line);color:var(--muted);font-size:13px;font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 20px;display:flex}.hub-banner{text-align:center;margin-bottom:22px}.hub-kicker{color:var(--yellow);font-family:var(--font-mono);letter-spacing:.22em;margin:0 0 6px;font-size:12px}.hub-banner h2{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(28px,4vw,44px)}.hub-sub{color:var(--muted);margin:8px 0 0}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.card{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line);min-height:250px;color:var(--text);border-radius:16px;grid-template-rows:auto auto auto 1fr auto;gap:6px;padding:18px 18px 16px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.card:before{content:"";background:var(--accent);height:4px;position:absolute;inset:0 0 auto}.card:hover,.card:focus-visible{border-color:var(--accent);box-shadow:var(--glow);transform:translateY(-4px)}.card-index{font-family:var(--font-mono);color:var(--muted);letter-spacing:.2em;font-size:12px}.card-art{place-items:center;height:84px;display:grid}.card-art svg{width:auto;height:100%;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 50%, transparent))}.card-title{letter-spacing:.04em;text-transform:uppercase;font-size:22px;font-weight:900}.card-tagline{color:var(--muted)}.card-meta{font-family:var(--font-mono);color:var(--muted);justify-content:space-between;align-self:end;gap:8px;font-size:12px;display:flex}.card-best{color:var(--accent)}.card-cta{letter-spacing:.12em;color:var(--accent);opacity:0;font-weight:900;transition:opacity .15s,transform .15s;position:absolute;bottom:14px;right:16px;transform:translate(6px)}.card:hover .card-cta,.card:focus-visible .card-cta{opacity:1;transform:none}.game-host{flex-direction:column;gap:12px;display:flex}.game-bar{grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;display:grid}.game-title{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0;font-size:clamp(16px,2.4vw,22px)}.game-score{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted)}.game-score strong{color:var(--text);font-size:20px}.game-stage{border:1px solid var(--line);background:#000;border-radius:12px;grid-template-columns:minmax(0,1fr);place-items:center;min-height:420px;display:grid;position:relative;overflow:hidden}.game-mount{width:100%;min-width:0;max-width:100%;height:min(70vh,720px)}.game-mount canvas{image-rendering:pixelated;margin:0 auto;display:block}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;background:#050508d1;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.overlay h3{letter-spacing:.14em;color:var(--accent);text-shadow:var(--glow);margin:0;font-size:clamp(30px,5vw,52px)}.overlay-score{font-family:var(--font-mono);margin:0;font-size:36px}.overlay-score span{color:var(--muted);font-size:14px}.overlay-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.initials-form label{color:var(--yellow);font-family:var(--font-mono);letter-spacing:.12em;margin-bottom:8px;font-size:13px;display:block}.initials-row{justify-content:center;gap:8px;display:flex}.initials-row input{width:110px;font:700 26px var(--font-mono);letter-spacing:.3em;text-align:center;text-transform:uppercase;color:var(--text);background:var(--panel);border:2px solid var(--accent);border-radius:8px;padding:6px 8px}.saved{color:var(--yellow);font-family:var(--font-mono)}.game-controls{color:var(--muted);font-family:var(--font-mono);flex-wrap:wrap;justify-content:center;gap:18px;font-size:13px;display:flex}.score-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.score-card{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:14px;padding:16px}.score-card h3{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}.score-card ol{font-family:var(--font-mono);margin:0 0 12px;padding:0;list-style:none}.score-card li{border-bottom:1px dashed var(--line);grid-template-columns:28px 1fr auto;gap:8px;padding:6px 0;display:grid}.score-card .rank{color:var(--muted)}.score-card .points{color:var(--text);font-weight:700}.score-empty{color:var(--muted);font-family:var(--font-mono)}.scores-footer{text-align:center;margin-top:20px}@media (width<=640px){#root{padding:6px}.screen{padding:14px}.game-bar{grid-template-columns:auto 1fr auto}.game-bar .game-score{text-align:center;grid-column:1/-1}.deck span:last-child{display:none}.marquee{flex-wrap:wrap;gap:10px;padding:10px 14px}.nav{flex-wrap:wrap;justify-content:center;gap:4px 6px;width:100%}.nav a{letter-spacing:.06em;white-space:nowrap;padding:6px 8px;font-size:14px}.btn-sound{padding:8px 10px}.btn-sound-label{display:none}}@media (prefers-reduced-motion:reduce){.card,.btn{transition:none;animation:none}.marquee,.wordmark em{animation:none}}.profile-chip{align-items:center;gap:6px;display:inline-flex}.btn-sound{white-space:nowrap}.no-crt .scanlines{display:none}:root[data-reduced-motion=true] *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.grid-divider{letter-spacing:.22em;color:var(--yellow);border-top:1px dashed var(--line);grid-column:1/-1;align-items:baseline;gap:14px;margin:14px 0 0;padding-top:16px;font-size:15px;display:flex}.grid-sub{font-family:var(--font-mono);letter-spacing:.05em;color:var(--muted);font-size:12px}.card-locked{cursor:not-allowed;filter:grayscale();opacity:.7}.card-locked:hover{box-shadow:none;border-color:var(--line);transform:none}.card-index{align-items:center;gap:8px;display:flex}.card-medal{filter:drop-shadow(0 0 6px #ffc70099);display:inline-flex}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;min-width:0;margin:0;padding:16px 18px 18px}.panel legend{color:var(--yellow);letter-spacing:.14em;padding:0 8px;font-size:13px;font-weight:800}.panel label,.field-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:.06em;margin:12px 0 6px;font-size:13px;display:block}.panel label.check{color:var(--text);align-items:center;gap:10px;display:flex}.panel input[type=text],.panel input:not([type]){width:100%;font:700 18px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text);background:var(--panel-2);border:2px solid var(--line);border-radius:8px;padding:8px 10px}.panel input[type=range]{width:100%;accent-color:var(--yellow)}.panel input[type=checkbox]{width:18px;height:18px;accent-color:var(--yellow)}.field-hint{color:var(--muted);margin:10px 0 0;font-size:13px}.avatar-row{flex-wrap:wrap;gap:8px;display:flex}.avatar-btn{background:var(--panel-2);border:2px solid var(--line);cursor:pointer;border-radius:10px;place-items:center;padding:6px;display:grid}.avatar-btn.is-active{border-color:var(--yellow);box-shadow:var(--glow)}.panel-danger{border-color:#4a2a2a}.medal-progress{background:var(--panel-2);border-radius:999px;max-width:420px;height:8px;margin:14px auto 0;overflow:hidden}.medal-progress span{height:100%;box-shadow:var(--glow);background:linear-gradient(90deg,#ffc700,#ff8c1a);transition:width .6s ease-out;display:block}.profile-inline{color:var(--text);align-items:center;gap:6px;display:inline-flex}.medal-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.medal{background:var(--panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:56px 1fr;align-items:center;gap:12px;padding:12px 14px;display:grid}.medal-glyph{background:var(--panel-2);width:56px;height:56px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.medal.is-unlocked{border-color:#ffc70080}.medal.is-unlocked .medal-glyph{color:#ffc700;box-shadow:var(--glow);background:radial-gradient(circle at 40% 35%,#3a2f00,#1a1a22 70%)}.medal.is-locked{opacity:.65}.medal-body{gap:2px;display:grid}.medal-title{letter-spacing:.06em;text-transform:uppercase;font-weight:900}.medal-desc{color:var(--text);font-size:14px}.medal-meta{color:var(--muted);font-family:var(--font-mono);font-size:12px}.toast-layer{pointer-events:none;z-index:50;justify-content:center;display:flex;position:fixed;top:18px;left:0;right:0}.toast{background:linear-gradient(135deg,#2a2200,#15151c 60%);border:2px solid #ffc700;border-radius:14px;grid-template-columns:56px 1fr;align-items:center;gap:12px;min-width:320px;max-width:520px;padding:12px 18px;animation:.5s cubic-bezier(.2,1.4,.4,1) both toast-in;display:grid;position:relative;overflow:hidden;box-shadow:0 0 24px #ffc70073,0 20px 50px #0009}.toast-glyph{color:#ffc700;background:#0b0b0f;border-radius:50%;place-items:center;width:56px;height:56px;animation:.8s ease-out both toast-spin;display:grid}.toast-text{display:grid}.toast-kicker{font-family:var(--font-mono);letter-spacing:.28em;color:#ffc700;font-size:11px}.toast-title{letter-spacing:.06em;text-transform:uppercase;font-size:20px;font-weight:900}.toast-desc{color:var(--muted);font-size:13px}.toast-shine{background:linear-gradient(110deg,#0000 30%,#ffffff40 50%,#0000 70%);animation:1.4s ease-out .3s both toast-shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes toast-in{0%{opacity:0;transform:translateY(-30px)scale(.9)}to{opacity:1;transform:none}}@keyframes toast-spin{0%{transform:rotate(-180deg)scale(.4)}to{transform:none}}@keyframes toast-shine{to{transform:translate(120%)}}.boot{z-index:100;background:radial-gradient(900px 600px at 50% 40%,#16140a,#050507 70%);place-items:center;animation:.4s steps(2,end) boot-flicker;display:grid;position:fixed;inset:0}.boot-leave{animation:.5s ease-in both boot-off}.boot-inner{gap:18px;width:min(680px,92vw);display:grid}.boot-logo{letter-spacing:.16em;text-shadow:0 0 20px #ffc70080;align-items:center;gap:12px;font-size:clamp(24px,4vw,40px);font-weight:900;display:flex}.boot-logo em{color:var(--yellow);font-style:normal}.boot-log{min-height:180px;font:15px/1.7 var(--font-mono);color:#d9d9c8;white-space:pre-wrap;margin:0}.boot-coin{color:var(--yellow);font-weight:700;animation:.8s steps(2,end) infinite blink}.boot-cursor{color:var(--yellow);animation:.8s steps(2,end) infinite blink}.boot-bar{background:#1b1b22;border-radius:999px;height:6px;overflow:hidden}.boot-bar span{background:var(--yellow);height:100%;transition:width .3s;display:block;box-shadow:0 0 12px #ffc700b3}.boot-skip{color:var(--muted);font-family:var(--font-mono);letter-spacing:.2em;text-align:center;margin:0;font-size:12px}@keyframes blink{50%{opacity:0}}@keyframes boot-flicker{0%{opacity:.2}to{opacity:1}}@keyframes boot-off{to{opacity:0;filter:brightness(3);transform:scaleY(.02)}}.card{padding-top:26px}.card:before{background:repeating-linear-gradient(90deg, var(--accent) 0 14px, #111 14px 20px);opacity:.9;height:18px}.card-art{background:radial-gradient(120px 60px at 50% 30%,#1f1f2a,#0a0a0e 80%);border:2px solid #2b2b36;border-radius:10px;height:96px;padding:8px;position:relative}.card-art:after{content:"";pointer-events:none;background:repeating-linear-gradient(#ffffff0d 0 1px,#0000 1px 3px);border-radius:8px;position:absolute;inset:0}.card:hover .card-art svg,.card:focus-visible .card-art svg{animation:1.2s ease-in-out infinite screen-pulse}@keyframes screen-pulse{50%{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--accent) 80%, transparent));transform:scale(1.06)}}.card-meta:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:16px 0 0 #e0e0e8, 0 0 8px var(--accent);border-radius:50%;margin-right:22px;display:inline-block}.overlay-medal{font-family:var(--font-mono);letter-spacing:.1em;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin:0;font-size:14px;display:flex}.new-best{color:var(--yellow);font-weight:700;animation:1s steps(2,end) 4 blink}.medal-earned{color:var(--text);align-items:center;gap:6px;font-weight:700;animation:.6s cubic-bezier(.2,1.4,.4,1) both toast-in;display:inline-flex}.medal-next{color:var(--muted);text-transform:uppercase}.is-attract .hub-kicker{font-size:14px;animation:.9s steps(2,end) infinite blink}.is-attract .card{animation:2.4s ease-in-out infinite attract-glow}.is-attract .card:nth-child(2n){animation-delay:.8s}.is-attract .card:nth-child(3n){animation-delay:1.6s}.is-attract .card-art svg{animation:1.6s ease-in-out infinite screen-pulse}@keyframes attract-glow{50%{border-color:var(--accent);box-shadow:var(--glow);transform:translateY(-3px)}}:root{--font-title:Impact, "Arial Black", "Trebuchet MS", "Segoe UI", sans-serif}.wordmark,.hub-banner h2,.card-title,.overlay h3,.game-title,.boot-logo,.toast-title,.score-card h3,.medal-title{font-family:var(--font-title);letter-spacing:.08em;font-weight:400}.hub-banner h2{letter-spacing:.1em;text-shadow:0 2px #111,0 0 24px #ffc70040;font-size:clamp(34px,5vw,56px);line-height:1}.card-title{font-size:26px;line-height:1.05}.wordmark{font-size:clamp(22px,2.8vw,32px)}.overlay h3{font-size:clamp(40px,6vw,68px)}.card-cta{background:var(--accent);color:#111;border-radius:6px;padding:4px 10px;font-size:12px;top:30px;bottom:auto;right:14px}@media (width<=640px){.game-stage{min-height:0}.game-mount{height:min(62vh,520px)}.game-controls{gap:10px;font-size:12px}}.game-stage{background:radial-gradient(700px 420px at 50% 45%,#15151d,#050507 75%),repeating-linear-gradient(90deg,#0000 0 38px,#ffffff05 38px 40px);box-shadow:inset 0 0 0 6px #1c1c25,inset 0 0 0 7px #2e2e3a,inset 0 0 60px #000000e6}.game-mount canvas{box-shadow:0 0 0 2px #2b2b36, 0 0 28px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.card-best{white-space:nowrap}@font-face{font-family:Archivo;src:url(/fonts/Archivo-ExtraBold.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/Archivo-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/Barlow-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/Barlow-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/Barlow-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--wp-yellow:#ffc700;--wp-gold:#f7a800;--wp-amber:#de8c02;--wp-black:#000;--wp-white:#fff;--wp-gray-900:#141413;--wp-gray-800:#2a2a28;--wp-gray-700:#4a4a47;--wp-gray-500:#9a9a96;--wp-gray-400:#c0c0bc;--wp-gray-300:#d9d9d6;--wp-danger:#e23b2e;--wp-success:#2e9e5b;--ease-out:cubic-bezier(.2, 0, 0, 1);--bg:var(--wp-black);--panel:var(--wp-gray-900);--panel-2:var(--wp-gray-800);--line:#3a3a37;--text:var(--wp-white);--muted:var(--wp-gray-400);--yellow:var(--wp-yellow);--font-display:"Archivo", "Arial Narrow", system-ui, sans-serif;--font-title:"Archivo", "Arial Narrow", system-ui, sans-serif;--font-body:"Barlow", system-ui, -apple-system, sans-serif}body{font-family:var(--font-body);background-image:none}.wordmark,.hub-banner h2,.card-title,.overlay h3,.game-title,.boot-logo,.toast-title,.score-card h3,.medal-title,.grid-divider{font-family:var(--font-display);letter-spacing:-.015em;text-transform:uppercase;font-weight:800}.hub-banner h2,.overlay h3{letter-spacing:-.03em}.hub-sub,.card-tagline,.medal-desc,.field-hint,.overlay p,.boot-skip{font-family:var(--font-body)}.btn{transition:transform .12s var(--ease-out), background-color .12s var(--ease-out), filter .12s var(--ease-out);border-radius:9999px;padding:10px 18px}.btn:hover{background:var(--wp-gold);filter:none;transform:none}.btn:active{background:var(--wp-amber);transform:scale(.98)}.btn-ghost:hover{border-color:var(--wp-yellow);color:var(--wp-yellow);background:0 0}.card,.score-card,.medal,.panel,.game-stage{border-radius:10px}.cabinet{border-radius:16px}.initials-row input,.panel input:not([type]){border-radius:10px}:focus-visible{outline:3px solid var(--wp-yellow);outline-offset:3px}.wordmark{text-shadow:none;align-items:center;gap:14px;display:inline-flex}.wordmark img{width:auto;height:30px;display:block}.wordmark em{color:var(--wp-yellow);text-shadow:none;border-left:2px solid var(--line);padding-left:14px;font-size:.9em;animation:none}.chevron{display:none}.chevrons{width:auto;height:22px}.deck .payoff{color:var(--text);align-items:center;gap:10px;font-weight:600;display:inline-flex}.marquee{background:repeating-linear-gradient(90deg, var(--wp-yellow) 0 18px, var(--wp-black) 18px 36px);background-position:0 100%;background-repeat:repeat-x;background-size:100% 6px;animation:none}.toast{animation:toast-in .32s var(--ease-out) both}.card{transition:transform .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out)}.boot-logo img{width:auto;height:44px}.boot-logo em{border-left:2px solid var(--line);padding-left:16px;font-size:.8em}@media (width<=1000px){.marquee{flex-wrap:wrap;gap:10px}.nav{flex-wrap:wrap}}.deck{font-family:var(--font-body);font-size:14px}.deck .payoff{font-weight:600}.overlay{justify-content:safe center;overflow-y:auto}.btn-small{padding:6px 14px;font-size:13px}.online-join{border-color:color-mix(in srgb, var(--wp-yellow) 45%, var(--line));gap:4px;margin:0 0 22px;display:grid}.online-join h3,.lb-explain h3{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;color:var(--wp-yellow);margin:0;font-size:clamp(20px,3vw,26px);font-weight:800}.online-intro{color:var(--text);margin:0}.online-form-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.online-form-row input.online-name,.panel .online-form-row input.online-name{width:auto;min-width:0;font:600 18px var(--font-body);letter-spacing:.02em;text-transform:none;color:var(--text);background:var(--panel-2);border:2px solid var(--line);border-radius:10px;flex:240px;padding:8px 12px}.online-form-row input.online-name[aria-invalid=true]{border-color:#ff7b6e}.online-form-row input.online-name:focus-visible{border-color:var(--wp-yellow)}.online-hint,.online-privacy{color:var(--muted);margin:6px 0 0;font-size:13px}.online-msg{min-height:1.3em;margin:6px 0 0;font-size:14px}.online-msg.is-error{color:#ff7b6e}.online-msg.is-ok,.online-player{color:var(--wp-yellow)}.online-status{margin:4px 0 0}.online-actions{margin:10px 0 0}.online-welcome{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 0 22px;display:flex}.online-result{justify-items:center;gap:4px;display:grid}.online-result:empty{display:none}.online-line{letter-spacing:.04em;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin:0;font-size:14px;display:flex}.online-new{color:var(--wp-yellow);letter-spacing:.1em;font-weight:700}.online-muted{color:var(--muted)}.lb-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 18px;display:flex}.lb-tab{font:inherit;letter-spacing:.06em;text-transform:uppercase;color:var(--text);border:1px solid var(--line);cursor:pointer;transition:border-color .12s var(--ease-out), background-color .12s var(--ease-out), color .12s var(--ease-out);background:0 0;border-radius:9999px;padding:8px 18px;font-weight:700}.lb-tab:hover{border-color:var(--wp-yellow);color:var(--wp-yellow)}.lb-tab[aria-selected=true]{background:var(--wp-yellow);border-color:var(--wp-yellow);color:#111}.lb-panel{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.lb-panel[hidden]{display:none}.lb-panel .online-join{margin:0}.lb-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0;display:grid}.lb-stats>div{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--wp-yellow);border-radius:10px;padding:12px 16px}.lb-stats dt{color:var(--muted);letter-spacing:.06em;font-size:13px}.lb-stats dd{font-family:var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:24px;font-weight:800}.lb-controls{flex-wrap:wrap;align-items:flex-end;gap:12px 20px;display:flex}.lb-field{flex:220px;gap:6px;min-width:0;max-width:360px;display:grid}.lb-field label{color:var(--muted);letter-spacing:.06em;font-size:13px}.lb-field select{width:100%;font:600 16px var(--font-body);color:var(--text);background:var(--panel-2);border:2px solid var(--line);border-radius:10px;padding:8px 12px}.lb-check{cursor:pointer;align-items:center;gap:10px;padding:8px 0;display:inline-flex}.lb-check input{width:18px;height:18px;accent-color:var(--wp-yellow)}.lb-note,.lb-empty{color:var(--muted);margin:0}.lb-offline{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;justify-items:center;gap:12px;padding:24px 18px;display:grid}.lb-offline p{max-width:56ch;margin:0}.table-scroll{background:var(--panel);border:1px solid var(--line);border-radius:10px;max-width:100%;overflow-x:auto}.lb-table{border-collapse:collapse;width:100%;font-size:15px}.lb-table caption{text-align:left;color:var(--wp-yellow);letter-spacing:.06em;text-transform:uppercase;padding:12px 14px 4px;font-size:13px;font-weight:700}.lb-table th,.lb-table td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--line);padding:9px 14px}.lb-table thead th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.lb-table tbody th{font-weight:600}.lb-table .num{text-align:right;font-variant-numeric:tabular-nums}.lb-table .rank{width:3.5em;color:var(--muted);font-variant-numeric:tabular-nums}.lb-table tbody:last-child tr:last-child>*{border-bottom:0}.lb-table tr.is-me>*{background:#ffc7001f}.lb-table tr.is-me>:first-child{box-shadow:inset 4px 0 0 var(--wp-yellow)}.lb-table tr.is-me .name{color:var(--wp-yellow);font-weight:700}.lb-you{color:var(--wp-yellow);font-size:13px;font-weight:600}.lb-me-body{border-top:2px dashed var(--line)}.lb-gap td{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;padding-top:12px;font-size:12px}.lb-table tr.is-empty>*{color:var(--muted)}.lb-medal{align-items:center;gap:6px;display:inline-flex}.lb-medal svg{display:block}.lb-muted{color:var(--muted)}.lb-explain{background:var(--panel);border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr);gap:10px;padding:16px 18px;display:grid}.lb-explain h3{font-size:20px}.lb-explain ul{gap:4px;margin:0;padding-left:20px;display:grid}.lb-explain .table-scroll{background:var(--wp-black)}.lb-thresholds{font-size:14px}@media (width<=640px){.lb-table th,.lb-table td{padding:8px 10px}.lb-stats dd{font-size:20px}.lb-tab{padding:8px 14px}}