@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--bg-0:#05080f;--bg-1:#0a0e1a;--bg-2:#121828;--bg-3:#1a2238;--line:#00e5ff2e;--line-strong:#00e5ff6b;--accent:#ffb800;--accent-2:#00e5ff;--accent-3:#ff2e63;--text:#e8edff;--text-dim:#e8edff9e;--text-mute:#e8edff66;--shadow-glow:0 0 32px #00e5ff2e;--shadow-gold:0 0 24px #ffb80059}[data-palette=cyber]{--bg-0:#04001a;--bg-1:#0a0524;--bg-2:#150a36;--bg-3:#1f1247;--line:#ff00e538;--line-strong:#ff00e580;--accent:#fe0;--accent-2:#00f0ff;--accent-3:#ff00e5;--text:#f5efff;--text-dim:#f5efff9e;--text-mute:#f5efff66;--shadow-glow:0 0 32px #ff00e540;--shadow-gold:0 0 28px #ffee0059}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-0);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Rajdhani,system-ui,sans-serif;overflow:hidden}#root{height:100%}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select{color:inherit;font-family:inherit}.font-display{letter-spacing:.08em;font-family:Orbitron,Rajdhani,sans-serif}.font-mono{letter-spacing:.04em;font-family:JetBrains Mono,monospace}.stage{background:radial-gradient(ellipse at 50% 0%, #00e5ff14 0%, transparent 50%), radial-gradient(ellipse at 50% 100%, #ffb8000f 0%, transparent 50%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 100%);width:100%;height:100%;position:relative;overflow:hidden}[data-palette=cyber] .stage{background:radial-gradient(ellipse at 50% 0%, #ff00e51a 0%, transparent 50%), radial-gradient(ellipse at 50% 100%, #00f0ff14 0%, transparent 50%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 100%)}.grid-floor{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.4;pointer-events:none;background-position:50%;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 60%,#000 0%,#0000 75%);mask-image:radial-gradient(at 50% 60%,#000 0%,#0000 75%)}.scanlines{pointer-events:none;z-index:100;mix-blend-mode:overlay;background-image:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(#0000 40%,#0000008c 100%);position:absolute;inset:0}.streaks{pointer-events:none;opacity:.6;position:absolute;inset:0;overflow:hidden}.streak{background:linear-gradient(90deg, transparent, var(--accent-2), transparent);opacity:0;height:1px;animation:4s linear infinite streak-fly;position:absolute}@keyframes streak-fly{0%{opacity:0;transform:translate(-200px)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translate(calc(100vw + 200px))}}.hud-card{background:linear-gradient(180deg, #ffffff05 0%, transparent 100%), var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:22px;position:relative}.hud-card.elev{background:linear-gradient(180deg, #ffffff08 0%, transparent 100%), var(--bg-2);box-shadow:inset 0 1px #ffffff0a,0 8px 32px #00000080}.hud-card:before,.hud-card:after,.hud-bracket-tl,.hud-bracket-br{content:"";pointer-events:none;width:14px;height:14px;position:absolute}.hud-card:before{border-top:2px solid var(--accent);border-left:2px solid var(--accent);top:-1px;left:-1px}.hud-card:after{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);bottom:-1px;right:-1px}.hud-card.cyan:before,.hud-card.cyan:after{border-color:var(--accent-2)}.hud-card.magenta:before,.hud-card.magenta:after{border-color:var(--accent-3)}.section-tag{letter-spacing:.18em;color:var(--accent-2);text-transform:uppercase;align-items:center;gap:8px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;display:inline-flex}.section-tag:before{content:"";background:var(--accent-2);width:8px;height:8px;box-shadow:0 0 8px var(--accent-2)}.hud-btn{letter-spacing:.18em;text-transform:uppercase;background:var(--accent);color:var(--bg-0);box-shadow:0 0 0 1px var(--accent), 0 4px 24px #ffb80059;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));border-radius:3px;justify-content:center;align-items:center;gap:10px;padding:16px 28px;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;position:relative}.hud-btn:hover{filter:brightness(1.08);box-shadow:0 0 0 1px var(--accent), 0 8px 32px #ffb8008c;transform:translateY(-1px)}.hud-btn:active{transform:translateY(0)}.hud-btn.ghost{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0}.hud-btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--accent-2), 0 0 24px #00e5ff40}.hud-btn.cyan{background:var(--accent-2);color:var(--bg-0);box-shadow:0 0 0 1px var(--accent-2), 0 4px 24px #00e5ff66}.hud-btn.cyan:hover{box-shadow:0 0 0 1px var(--accent-2), 0 8px 32px #00e5ff99}.hud-btn.danger{background:var(--accent-3);color:var(--text);box-shadow:0 0 0 1px var(--accent-3), 0 4px 24px #ff2e6366}.hud-btn.lg{padding:20px 36px;font-size:15px}.hud-btn.sm{padding:10px 18px;font-size:11px}.topbar{z-index:50;border-bottom:1px solid var(--line);background:linear-gradient(#00000080 0%,#0000 100%);justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:relative}.brand{align-items:center;gap:14px;display:flex}.brand-mark{border:1px solid var(--accent-2);background:var(--bg-2);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));place-items:center;width:36px;height:36px;display:grid;position:relative}.brand-mark svg{color:var(--accent-2)}.brand-text{letter-spacing:.22em;font-family:Orbitron,sans-serif;font-size:16px;font-weight:900}.brand-text .accent{color:var(--accent)}.brand-sub{letter-spacing:.32em;color:var(--text-mute);margin-top:2px;font-size:9px;font-weight:600}.topbar-right{align-items:center;gap:14px;display:flex}.stat-pill{background:var(--bg-2);border:1px solid var(--line);letter-spacing:.06em;white-space:nowrap;border-radius:2px;align-items:center;gap:8px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}.stat-pill .lbl{color:var(--text-mute);letter-spacing:.18em;text-transform:uppercase;font-size:9px}.stat-pill .val{color:var(--text)}.stat-pill.gold .val{color:var(--accent)}.stat-pill.cyan .val{color:var(--accent-2)}.credits-pill{background:var(--bg-2);border:1px solid var(--accent);font:inherit;color:inherit;text-align:left;border-radius:2px;align-items:center;gap:10px;padding:8px 16px;display:inline-flex;position:relative}.credits-pill.clickable{cursor:pointer;transition:box-shadow .18s,transform .12s}.credits-pill.clickable:hover{box-shadow:0 0 18px #ffc83c59}.credits-pill.clickable:active{transform:translateY(1px)}.credits-pill .credits-plus{color:var(--accent);opacity:.85;margin-left:2px}.credits-pill .coin{background:radial-gradient(circle at 35% 30%, #ffe680, var(--accent));width:18px;height:18px;box-shadow:0 0 12px var(--accent);color:var(--bg-0);border-radius:50%;place-items:center;font-family:Orbitron,sans-serif;font-size:11px;font-weight:900;display:grid}.credits-pill .amount{color:var(--accent);letter-spacing:.06em;font-family:Orbitron,sans-serif;font-size:14px;font-weight:800}.credits-pill .label{letter-spacing:.2em;color:var(--text-mute);text-transform:uppercase;font-size:8px}.avatar-chip{background:var(--bg-2);border:1px solid var(--line);border-radius:2px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.avatar-disc{background:linear-gradient(135deg, var(--accent-2), var(--accent-3));width:32px;height:32px;color:var(--bg-0);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));place-items:center;font-family:Orbitron,sans-serif;font-size:13px;font-weight:900;display:grid;position:relative}.avatar-chip .name{letter-spacing:.1em;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700}.avatar-chip .rank{color:var(--accent-2);letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:600}.online-dot{background:#0f8;border-radius:50%;width:8px;height:8px;position:absolute;bottom:2px;right:2px;box-shadow:0 0 8px #0f8}.icon-btn{background:var(--bg-2);border:1px solid var(--line);width:36px;height:36px;color:var(--text-dim);border-radius:2px;place-items:center;transition:all .15s;display:grid}.icon-btn:hover{color:var(--accent-2);border-color:var(--line-strong)}.screen-wrap{flex-direction:column;height:100%;display:flex}.screen-content{flex:1;min-height:0;display:flex;position:relative}.home-grid{flex:1;grid-template-columns:1fr 1.3fr 1fr;align-items:stretch;gap:20px;min-height:0;padding:24px 32px;display:grid;overflow:hidden}.home-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.hero-eyebrow{letter-spacing:.4em;color:var(--accent-2);align-items:center;gap:12px;margin-bottom:14px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.hero-eyebrow:before,.hero-eyebrow:after{content:"";background:var(--accent-2);width:40px;height:1px}.hero-title{letter-spacing:.04em;background:linear-gradient(180deg, var(--text) 30%, var(--accent) 90%);-webkit-text-fill-color:transparent;text-shadow:0 0 80px #ffb8004d;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-family:Orbitron,sans-serif;font-size:88px;font-weight:900;line-height:.9}.hero-title .horse-mark{vertical-align:middle;margin:0 4px;display:inline-block}.hero-sub{letter-spacing:.3em;color:var(--text-dim);text-transform:uppercase;margin-bottom:26px;font-size:13px}.hero-cta{gap:14px;margin-bottom:28px;display:flex}.hero-meta{color:var(--text-mute);gap:32px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.hero-meta div span{color:var(--accent-2);font-weight:700}.side-stack{flex-direction:column;justify-content:center;gap:14px;min-height:0;display:flex;overflow-y:auto}.lb-row{border-bottom:1px dashed var(--line);grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:grid}.lb-row:last-child{border-bottom:none}.lb-rank{color:var(--text-mute);font-family:Orbitron,sans-serif;font-size:16px;font-weight:900}.lb-row.top1 .lb-rank{color:var(--accent);text-shadow:0 0 12px var(--accent)}.lb-row.top2 .lb-rank{color:var(--accent-2)}.lb-row.top3 .lb-rank{color:var(--accent-3)}.lb-name{letter-spacing:.04em;font-weight:600}.lb-name .you{color:var(--accent-2);letter-spacing:.18em;margin-left:6px;font-size:9px}.lb-credits{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.match-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;padding:12px 0;font-size:12px;display:flex}.match-row:last-child{border-bottom:none}.match-row .res{letter-spacing:.16em;border:1px solid;border-radius:2px;padding:3px 8px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:800}.match-row .res.win{color:#0f8}.match-row .res.loss{color:var(--accent-3)}.match-row .delta{font-family:JetBrains Mono,monospace;font-weight:700}.match-row .delta.up{color:#0f8}.match-row .delta.dn{color:var(--accent-3)}.news-strip{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--text-dim);white-space:nowrap;align-items:center;gap:16px;padding:10px 32px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex;overflow:hidden}.news-strip .tag{background:var(--accent-3);color:#fff;letter-spacing:.22em;flex-shrink:0;align-items:center;gap:6px;padding:4px 12px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 0 10px #ff2e63b3,0 0 20px #ff2e634d}.news-strip .tag span{animation:1.2s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.55}}.news-strip .scroll-wrap{flex:1;overflow:hidden}.news-strip .scroll-track{white-space:nowrap;animation:40s linear infinite marquee;display:inline-block}.news-strip .scroll-track span{margin-right:60px}.news-strip .scroll-track .sep{color:var(--accent-2)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.create-grid{flex:1;grid-template-columns:1.2fr 1fr;gap:28px;min-height:0;padding:32px 48px;display:grid;overflow:auto}.screen-title-row{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.screen-title{letter-spacing:.1em;font-family:Orbitron,sans-serif;font-size:36px;font-weight:900}.screen-title .accent{color:var(--accent)}.screen-sub{letter-spacing:.24em;color:var(--text-mute);text-transform:uppercase;margin-top:6px;font-size:12px}.field{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.field-label{letter-spacing:.22em;color:var(--text-mute);text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700}.field-label .req{color:var(--accent-3)}.hud-input{background:var(--bg-1);border:1px solid var(--line);color:var(--text);letter-spacing:.04em;border-radius:2px;outline:none;padding:14px 16px;font-size:15px;font-weight:600;transition:border-color .15s,box-shadow .15s}.hud-input:focus{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2), 0 0 24px #00e5ff2e}.hud-input::placeholder{color:var(--text-mute)}.field-row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--bg-1);border:1px solid var(--line);letter-spacing:.06em;color:var(--text-dim);border-radius:2px;align-items:center;gap:6px;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.chip:hover{color:var(--text);border-color:var(--line-strong)}.chip.active{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 0 16px #ffb80040;background:#ffb8001f}.privacy-row{background:var(--bg-1);border:1px solid var(--line);border-radius:2px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.privacy-row .info-title{letter-spacing:.18em;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700}.privacy-row .info-sub{color:var(--text-mute);margin-top:2px;font-size:12px}.toggle{background:var(--bg-3);border:1px solid var(--line);cursor:pointer;border-radius:2px;width:48px;height:24px;transition:all .2s;position:relative}.toggle:after{content:"";background:var(--text-mute);width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle.on{border-color:var(--accent-2);background:#00e5ff2e}.toggle.on:after{background:var(--accent-2);box-shadow:0 0 8px var(--accent-2);left:calc(100% - 19px)}.invite-preview{background:linear-gradient(135deg, #ff2e630f 0%, transparent 100%), var(--bg-1);border:1px dashed var(--accent-3);border-radius:2px;align-items:center;gap:14px;margin-top:6px;padding:18px;display:flex}.invite-preview .code{letter-spacing:.32em;color:var(--accent);text-align:center;background:var(--bg-0);border:1px solid var(--line);flex:1;padding:12px;font-family:Orbitron,sans-serif;font-size:24px;font-weight:900}.summary-list{flex-direction:column;gap:14px;display:flex}.summary-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.summary-row:last-child{border-bottom:none}.summary-row .key{letter-spacing:.2em;color:var(--text-mute);font-family:Orbitron,sans-serif;font-size:10px;font-weight:700}.summary-row .val{letter-spacing:.06em;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700}.summary-row .val.gold{color:var(--accent)}.summary-row .val.cyan{color:var(--accent-2)}.rooms-layout{flex-direction:column;flex:1;gap:18px;min-height:0;padding:24px 32px;display:flex}.rooms-header{justify-content:space-between;align-items:center;display:flex}.live-tag{border:1px solid var(--accent-3);letter-spacing:.24em;color:var(--accent-3);background:#ff2e6314;align-items:center;gap:10px;padding:8px 14px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:800;display:inline-flex}.live-tag .pulse{background:var(--accent-3);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--accent-3)}50%{opacity:.6;box-shadow:0 0 0 6px #0000}}.rooms-toolbar{grid-template-columns:1fr auto auto;align-items:center;gap:14px;display:grid}.search-wrap{align-items:center;display:flex;position:relative}.search-wrap svg{color:var(--text-mute);position:absolute;left:14px}.search-wrap input{background:var(--bg-2);border:1px solid var(--line);border-radius:2px;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:13px}.filter-pills{gap:6px;display:flex}.fp{background:var(--bg-2);border:1px solid var(--line);letter-spacing:.18em;color:var(--text-dim);border-radius:2px;padding:10px 16px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700}.fp.active{background:var(--accent-2);color:var(--bg-0);border-color:var(--accent-2)}.rooms-grid{flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:16px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.room-card{background:linear-gradient(180deg, #ffffff05, transparent), var(--bg-2);border:1px solid var(--line);cursor:pointer;border-radius:4px;flex-direction:column;gap:14px;padding:18px;transition:all .2s;display:flex;position:relative}.room-card:hover{border-color:var(--accent-2);transform:translateY(-2px);box-shadow:0 8px 28px #00e5ff26}.room-card:before,.room-card:after{content:"";pointer-events:none;width:10px;height:10px;transition:border-color .2s;position:absolute}.room-card:before{border-top:2px solid var(--accent-2);border-left:2px solid var(--accent-2);top:-1px;left:-1px}.room-card:after{border-bottom:2px solid var(--accent-2);border-right:2px solid var(--accent-2);bottom:-1px;right:-1px}.room-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.room-icon-wrap{background:var(--bg-1);border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));place-items:center;width:44px;height:44px;font-size:22px;display:grid}.room-name{letter-spacing:.06em;font-family:Orbitron,sans-serif;font-size:16px;font-weight:800;line-height:1.15}.room-host{color:var(--text-mute);margin-top:4px;font-size:11px}.room-host .host-name{color:var(--accent-2);font-weight:600}.room-status{letter-spacing:.2em;border:1px solid;padding:3px 8px;font-family:Orbitron,sans-serif;font-size:9px;font-weight:800}.room-status.open{color:#0f8}.room-status.full{color:var(--accent-3)}.room-status.private{color:var(--accent)}.room-meta{flex-wrap:wrap;gap:14px;display:flex}.room-meta .m{flex-direction:column;gap:2px;display:flex}.room-meta .m .k{letter-spacing:.18em;color:var(--text-mute);text-transform:uppercase;font-size:9px}.room-meta .m .v{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.room-meta .m .v.gold{color:var(--accent)}.room-meta .m .v.cyan{color:var(--accent-2)}.room-card-foot{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.room-players{align-items:center;display:flex}.room-players .av{background:linear-gradient(135deg, var(--accent-2), var(--accent-3));width:24px;height:24px;color:var(--bg-0);border:2px solid var(--bg-2);clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));place-items:center;margin-left:-8px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:800;display:grid}.room-players .av:first-child{margin-left:0}.room-players .more{background:var(--bg-1);height:24px;color:var(--text-dim);border:2px solid var(--bg-2);place-items:center;margin-left:-8px;padding:0 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:grid}.room-cta{letter-spacing:.2em;color:var(--accent);align-items:center;gap:6px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:800;display:flex}.loading-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;padding:40px;display:flex;position:relative}.loading-ring{place-items:center;width:280px;height:280px;display:grid;position:relative}.loading-ring svg{position:absolute;inset:0}.loading-ring .core{border:1px solid var(--accent-2);background:radial-gradient(circle, #00e5ff0d, transparent), var(--bg-1);clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));place-items:center;width:200px;height:200px;display:grid;position:relative}.loading-ring .core img{width:140px;filter:drop-shadow(0 0 24px var(--accent))}.loading-bar-wrap{flex-direction:column;gap:8px;width:480px;display:flex}.loading-bar{background:var(--bg-1);border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 100%,6px 100%);height:14px;position:relative;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg, var(--accent-2), var(--accent));height:100%;box-shadow:0 0 18px var(--accent-2);animation:3s ease-out infinite load-fill}@keyframes load-fill{0%{width:0}to{width:100%}}.loading-bar-info{color:var(--text-mute);letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.loading-status{text-align:center}.loading-status .label{letter-spacing:.2em;font-family:Orbitron,sans-serif;font-size:28px;font-weight:900}.loading-status .arena{color:var(--accent-2);letter-spacing:.24em;text-transform:uppercase;margin-top:8px;font-size:13px}.loading-grid-info{grid-template-columns:repeat(4,1fr);gap:18px;width:700px;display:grid}.loading-grid-info .cell{background:var(--bg-2);border:1px solid var(--line);padding:12px 14px;font-family:JetBrains Mono,monospace}.loading-grid-info .cell .k{letter-spacing:.2em;text-transform:uppercase;color:var(--text-mute);font-size:9px}.loading-grid-info .cell .v{color:var(--accent-2);margin-top:4px;font-size:16px;font-weight:700}.lobby-grid{flex:1;grid-template-columns:1fr 1.4fr;gap:24px;min-height:0;padding:24px 32px;display:grid}.lobby-col{flex-direction:column;gap:18px;min-height:0;display:flex}.lobby-banner{z-index:10;background:linear-gradient(90deg, #ffb8002e 0%, #ffb8000a 40%, transparent 70%), var(--bg-1);border-bottom:1px solid var(--accent);justify-content:space-between;align-items:center;gap:18px;padding:18px 32px;display:flex;position:relative;box-shadow:0 1px #ffb80033}.lobby-banner .arena-name{letter-spacing:.1em;color:var(--text);font-family:Orbitron,sans-serif;font-size:28px;font-weight:900}.lobby-banner .arena-code{color:var(--text-dim);letter-spacing:.2em;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:12px}.lobby-banner .arena-code .val{color:var(--accent);font-weight:700}.spec-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.spec{background:var(--bg-1);border:1px solid var(--line);border-radius:2px;padding:14px}.spec .k{letter-spacing:.22em;color:var(--text-mute);text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700}.spec .v{letter-spacing:.04em;margin-top:4px;font-family:Orbitron,sans-serif;font-size:18px;font-weight:800}.spec .v.gold{color:var(--accent)}.spec .v.cyan{color:var(--accent-2)}.horse-roster{flex-direction:column;gap:8px;display:flex}.horse-row{background:var(--bg-1);border:1px solid var(--line);border-radius:2px;grid-template-columns:32px 1fr auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.horse-row .num{color:var(--bg-0);background:var(--accent);clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));place-items:center;width:26px;height:26px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:900;display:grid}.horse-row .nm{letter-spacing:.06em;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700}.horse-row .odds{color:var(--accent-2);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.horse-row .stat-bars{gap:4px;display:flex}.horse-row .bar{background:var(--bg-3);width:4px;height:16px}.horse-row .bar.on{background:var(--accent-2);box-shadow:0 0 4px var(--accent-2)}.jockey-list{flex-direction:column;gap:10px;display:flex;overflow-y:auto}.jockey-row{background:var(--bg-1);border:1px solid var(--line);border-radius:2px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:12px 14px;transition:all .15s;display:grid}.jockey-row:hover{border-color:var(--line-strong)}.jockey-row.you{border-color:var(--accent);box-shadow:inset 0 0 0 1px #ffb80066}.jockey-row.empty{opacity:.45;background:0 0;border-style:dashed}.jockey-row.empty .av-large{border:1px dashed var(--line);color:var(--text-mute);background:0 0}.av-large{background:linear-gradient(135deg, var(--accent-2), var(--accent-3));width:44px;height:44px;color:var(--bg-0);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));place-items:center;font-family:Orbitron,sans-serif;font-size:16px;font-weight:900;display:grid;position:relative}.jockey-row .nm{letter-spacing:.06em;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700}.jockey-row .nm .host-crown{filter:drop-shadow(0 0 6px #ffb800b3);vertical-align:-1px;margin-right:8px;font-size:14px;display:inline-block}.jockey-row .nm .you-tag{color:var(--accent-2);letter-spacing:.2em;margin-left:8px;font-size:9px}.jockey-row .sub{color:var(--text-mute);margin-top:2px;font-family:JetBrains Mono,monospace;font-size:11px}.badge{letter-spacing:.2em;border:1px solid;padding:4px 10px;font-family:Orbitron,sans-serif;font-size:9px;font-weight:800}.badge.host{color:var(--accent)}.badge.ready{color:#0f8}.badge.waiting{color:var(--text-mute)}.lobby-footer{background:var(--bg-2);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:20px 32px;display:flex}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02040ac7;place-items:center;padding:32px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-box{background:linear-gradient(180deg, #ffffff05, transparent), var(--bg-2);border:1px solid var(--accent-2);border-radius:4px;width:100%;max-width:460px;padding:32px;position:relative;box-shadow:0 24px 80px #000000b3,0 0 80px #00e5ff26}.modal-box:before,.modal-box:after{content:"";pointer-events:none;width:16px;height:16px;position:absolute}.modal-box:before{border-top:3px solid var(--accent);border-left:3px solid var(--accent);top:-1px;left:-1px}.modal-box:after{border-bottom:3px solid var(--accent);border-right:3px solid var(--accent);bottom:-1px;right:-1px}.modal-icon{background:var(--bg-1);border:1px solid var(--accent);width:56px;height:56px;color:var(--accent);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));place-items:center;margin-bottom:18px;display:grid}.modal-title{letter-spacing:.14em;margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:22px;font-weight:900}.modal-body{color:var(--text-dim);margin-bottom:22px;font-size:13px;line-height:1.55}.modal-btns{gap:12px;margin-top:8px;display:flex}.modal-btns .hud-btn{flex:1}.coin-mini{background:radial-gradient(circle at 35% 30%, #ffe680, var(--accent));width:16px;height:16px;box-shadow:0 0 10px var(--accent);color:var(--bg-0);vertical-align:-3px;border-radius:50%;place-items:center;margin-right:6px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:900;display:inline-grid}.topup-balance{background:var(--bg-1);border:1px solid var(--line);border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 16px;display:flex}.topup-balance .k{letter-spacing:.2em;color:var(--text-mute);font-size:10px}.topup-balance .v{color:var(--accent);align-items:center;font-family:Orbitron,sans-serif;font-size:20px;font-weight:800;display:inline-flex}.topup-rate{text-align:center;letter-spacing:.12em;color:var(--text-dim);background:#00e5ff12;border:1px solid #00e5ff4d;border-radius:4px;margin-bottom:16px;padding:10px;font-family:JetBrains Mono,monospace;font-size:11px}.topup-rate b{color:var(--accent-2)}.topup-wallet-row{letter-spacing:.12em;color:var(--text-mute);justify-content:space-between;align-items:center;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.topup-input-row{align-items:center;gap:8px;margin-bottom:14px;display:flex}.topup-input-row .topup-unit{letter-spacing:.1em;color:var(--text-dim);font-family:Orbitron,sans-serif;font-size:12px;font-weight:700}.topup-preview{background:var(--bg-1);border:1px dashed var(--accent);border-radius:4px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.topup-preview>span:first-child{letter-spacing:.2em;color:var(--text-mute);font-size:10px}.topup-preview .amt{color:var(--accent);align-items:center;font-family:Orbitron,sans-serif;font-size:16px;font-weight:800;display:inline-flex}.bg-gif-layer{z-index:0;pointer-events:none;filter:saturate(.7)brightness(.45)contrast(1.05);opacity:.55;background-image:url(/assets/Horses_run.gif);background-position:50% 30%;background-size:cover;position:absolute;inset:0;transform:scaleX(-1)}.bg-gif-tint{z-index:0;pointer-events:none;background:radial-gradient(at 50% 0,#00e5ff2e 0%,#0000 50%),radial-gradient(at 50% 100%,#ffb80029 0%,#0000 55%),linear-gradient(#05080f8c 0%,#05080ff2 100%);position:absolute;inset:0}[data-palette=cyber] .bg-gif-tint{background:radial-gradient(at 50% 0,#ff00e538 0%,#0000 55%),radial-gradient(at 50% 100%,#00f0ff2e 0%,#0000 55%),linear-gradient(#04001a8c 0%,#04001af5 100%)}[data-palette=cyber] .bg-gif-layer{filter:saturate(1.3)brightness(.4)contrast(1.1)hue-rotate(-30deg)}.brand-logo-wrap{cursor:pointer;align-items:center;gap:14px;display:flex}.brand-logo{filter:drop-shadow(0 0 12px #ffb80066);width:auto;height:38px;display:block}[data-palette=cyber] .brand-logo{filter:drop-shadow(0 0 12px #ff00e573)hue-rotate(280deg)saturate(1.4)}.hero-logo{object-fit:contain;filter:drop-shadow(0 0 40px #ffb8008c)drop-shadow(0 0 80px #ffb80040);width:auto;max-width:420px;height:auto;max-height:340px;margin-bottom:22px;animation:4s ease-in-out infinite alternate hero-glow}[data-palette=cyber] .hero-logo{filter:drop-shadow(0 0 40px #ff00e599)drop-shadow(0 0 80px #00f0ff4d)hue-rotate(280deg)saturate(1.4)}@keyframes hero-glow{0%{filter:drop-shadow(0 0 30px #ffb80066)drop-shadow(0 0 60px #ffb80033)}to{filter:drop-shadow(0 0 50px #ffb800b3)drop-shadow(0 0 100px #ffb80059)}}.icon-btn.music-on{color:var(--accent-2);border-color:var(--accent-2)}.icon-btn.music-on:after{content:"";background:var(--accent-2);width:6px;height:6px;box-shadow:0 0 6px var(--accent-2);border-radius:50%;animation:1.4s ease-in-out infinite pulse;position:absolute;bottom:3px;right:3px}.icon-btn,.vol-popup-wrap{position:relative}.vol-popup{background:var(--bg-2);border:1px solid var(--line-strong);z-index:999;width:210px;box-shadow:0 8px 32px #0009, 0 0 0 1px var(--line);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);padding:14px 16px 16px;position:absolute;top:calc(100% + 10px);right:0}.vol-popup-header{letter-spacing:.22em;color:var(--accent-2);justify-content:space-between;align-items:center;margin-bottom:14px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:800;display:flex}.vol-popup-close{color:var(--text-mute);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1;transition:color .15s}.vol-popup-close:hover{color:var(--text-dim)}.vol-slider-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.vol-slider{appearance:none;background:var(--bg-3);cursor:pointer;border-radius:2px;outline:none;flex:1;height:3px}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-2);width:14px;height:14px;box-shadow:0 0 8px var(--accent-2);cursor:pointer;border-radius:50%}.vol-slider::-moz-range-thumb{background:var(--accent-2);width:14px;height:14px;box-shadow:0 0 8px var(--accent-2);cursor:pointer;border:none;border-radius:50%}.vol-pct{color:var(--text-dim);text-align:right;min-width:30px;font-family:JetBrains Mono,monospace;font-size:11px}.vol-mute-btn{background:var(--bg-3);border:1px solid var(--line);width:100%;color:var(--text-dim);letter-spacing:.2em;cursor:pointer;padding:8px 0;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;transition:all .15s}.vol-mute-btn:hover{border-color:var(--line-strong);color:var(--accent-2)}.vol-mute-btn.muted{color:var(--accent-3);border-color:var(--accent-3)}.settings-popup{background:var(--bg-2);border:1px solid var(--line-strong);z-index:999;width:240px;box-shadow:0 8px 32px #0009, 0 0 0 1px var(--line);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);padding:14px 16px 16px;position:absolute;top:calc(100% + 10px);right:0}.settings-popup-header{letter-spacing:.22em;color:var(--accent);justify-content:space-between;align-items:center;margin-bottom:14px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:800;display:flex}.settings-row{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.settings-label{letter-spacing:.2em;color:var(--text-dim);font-family:Orbitron,sans-serif;font-size:9px;font-weight:700}.sfx-toggle{border:1px solid var(--line);letter-spacing:.18em;cursor:pointer;color:var(--text-mute);background:0 0;padding:4px 10px;font-family:Orbitron,sans-serif;font-size:9px;font-weight:700;transition:all .15s}.sfx-toggle.on{color:var(--accent-2);border-color:var(--accent-2)}.sfx-toggle.off{color:var(--text-mute);border-color:var(--line)}.sfx-toggle:hover{border-color:var(--line-strong)}.settings-divider{background:var(--line);height:1px;margin:12px 0 13px}.tag-row{align-items:center;gap:8px;margin-bottom:14px;display:flex}.back-btn{background:var(--bg-2);border:1px solid var(--line);letter-spacing:.18em;color:var(--text-dim);border-radius:2px;align-items:center;gap:8px;padding:10px 16px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.back-btn:hover{color:var(--accent-2);border-color:var(--line-strong)}.screen-anim{animation:.4s ease-out screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reticle{pointer-events:none;color:var(--line-strong);opacity:.6;position:absolute}.reticle.tl{top:16px;left:16px}.reticle.tr{top:16px;right:16px;transform:scaleX(-1)}.reticle.bl{bottom:16px;left:16px;transform:scaleY(-1)}.reticle.br{bottom:16px;right:16px;transform:scale(-1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-slow{animation:24s linear infinite spin}.spin-fast{animation:8s linear infinite spin}.spin-rev{animation:16s linear infinite reverse spin}@keyframes sb-flow-v{0%{background-position:0 0}to{background-position:0 20px}}@keyframes sb-flow-h{0%{background-position:0 0}to{background-position:20px 0}}:root{scrollbar-width:thin;scrollbar-color:var(--accent-2) var(--bg-1)}[data-palette=cyber]{scrollbar-color:var(--accent-3) var(--bg-1)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:repeating-linear-gradient(180deg, #00e5ff09 0px, #00e5ff09 1px, transparent 1px, transparent 8px), var(--bg-1);border-left:1px solid var(--line)}::-webkit-scrollbar-track:horizontal{border-left:none;border-top:1px solid var(--line);background:repeating-linear-gradient(90deg, #00e5ff09 0px, #00e5ff09 1px, transparent 1px, transparent 8px), var(--bg-1)}::-webkit-scrollbar-thumb{background:repeating-linear-gradient(180deg, var(--accent-2) 0px, #00e5ff73 5px, var(--accent) 10px, #ffb80073 15px, var(--accent-2) 20px);min-height:28px;box-shadow:0 0 6px var(--accent-2);border-radius:0;animation:1.8s linear infinite sb-flow-v}::-webkit-scrollbar-thumb:horizontal{min-width:28px;min-height:auto;animation:1.8s linear infinite sb-flow-h}::-webkit-scrollbar-thumb:hover{box-shadow:0 0 12px var(--accent-2), 0 0 4px var(--accent-2);animation:.7s linear infinite sb-flow-v}::-webkit-scrollbar-thumb:horizontal:hover{animation:.7s linear infinite sb-flow-h}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg, #ffb800e6 0%, var(--accent) 50%, #ffb800e6 100%);box-shadow:0 0 20px var(--accent), 0 0 8px var(--accent);animation:none}::-webkit-scrollbar-corner{background:var(--bg-1);border-top:1px solid var(--line);border-left:1px solid var(--line)}[data-palette=cyber] ::-webkit-scrollbar-track{background:repeating-linear-gradient(180deg, #ff00e50a 0px, #ff00e50a 1px, transparent 1px, transparent 8px), var(--bg-1)}[data-palette=cyber] ::-webkit-scrollbar-track:horizontal{background:repeating-linear-gradient(90deg, #ff00e50a 0px, #ff00e50a 1px, transparent 1px, transparent 8px), var(--bg-1)}[data-palette=cyber] ::-webkit-scrollbar-thumb{background:repeating-linear-gradient(180deg, var(--accent-3) 0px, #ff00e566 5px, var(--accent-2) 10px, #00f0ff66 15px, var(--accent-3) 20px);box-shadow:0 0 6px var(--accent-3);animation:1.8s linear infinite sb-flow-v}[data-palette=cyber] ::-webkit-scrollbar-thumb:hover{box-shadow:0 0 12px var(--accent-3), 0 0 4px var(--accent-3);animation:.7s linear infinite sb-flow-v}[data-palette=cyber] ::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg, #ff00e5e6 0%, var(--accent-3) 50%, #ff00e5e6 100%);box-shadow:0 0 20px var(--accent-3), 0 0 8px var(--accent-3);animation:none}
.race-strip{z-index:10;background:var(--line);border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;position:relative}.race-strip .cell{background:var(--bg-1);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.race-strip .cell .lbl{letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700}.race-strip .cell .val{letter-spacing:.06em;color:var(--text);font-family:Orbitron,sans-serif;font-size:18px;font-weight:800}.race-strip .cell .val.gold{color:var(--accent)}.race-strip .cell .val.cyan{color:var(--accent-2)}.race-strip .cell.timer{background:linear-gradient(180deg, #ffb8002e 0%, #ffb8000f 100%), var(--bg-1);border-bottom:1px solid var(--accent)}.race-strip .cell.timer.warning{background:linear-gradient(180deg, #ff2e6333 0%, #ff2e630f 100%), var(--bg-1);border-bottom-color:var(--accent-3)}.race-strip .cell.timer.warning .val{color:var(--accent-3)}.phase-badge{letter-spacing:.24em;text-transform:uppercase;border:1px solid;align-items:center;gap:8px;padding:6px 14px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:800;display:inline-flex}.phase-badge .dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 10px}.phase-badge.betting{color:var(--accent-2)}.phase-badge.awaiting{color:#b388ff}.phase-badge.countdown{color:var(--accent)}.phase-badge.racing{color:var(--accent-3)}.phase-badge.finished{color:#0f8}.audit-trail{color:var(--text-mute);letter-spacing:.1em;border:1px solid var(--line);background:#b388ff0a;border-top:none;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.audit-trail .chain-ok{color:#b388ff;font-weight:700}.audit-trail .chain-bad{color:var(--accent-3)}.audit-trail .hash{color:#b388ff;word-break:break-all;font-size:9px}.race-body{flex:1;grid-template-columns:1.5fr 1fr;gap:18px;min-height:0;padding:18px 24px 24px;display:grid;overflow:hidden}.race-col{flex-direction:column;gap:14px;min-height:0;display:flex}.race-col.left{padding-right:4px;overflow:hidden auto}.race-col.right{padding-right:4px;overflow-y:auto}.track-wrap{border:1px solid var(--line);background:radial-gradient(#00e5ff0f 0%,#0000 80%),linear-gradient(#06121a 0%,#050a14 100%);border-radius:4px;flex-direction:column;flex:auto;min-height:200px;padding:18px 20px 14px;display:flex;position:relative}.track-wrap:before,.track-wrap:after{content:"";pointer-events:none;width:14px;height:14px;position:absolute}.track-wrap:before{border-top:2px solid var(--accent-2);border-left:2px solid var(--accent-2);top:-1px;left:-1px}.track-wrap:after{border-bottom:2px solid var(--accent-2);border-right:2px solid var(--accent-2);bottom:-1px;right:-1px}.track-labels{letter-spacing:.28em;color:var(--text-mute);text-transform:uppercase;justify-content:space-between;margin-bottom:8px;padding:0 22px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;display:flex}.track-labels .start{color:var(--accent-2)}.track-labels .finish{color:var(--accent-3)}.track{border:1px solid var(--line-strong);background:#0a1622;border-radius:3px;flex-direction:column;flex:1;min-height:0;padding:4px 0;display:flex;position:relative;overflow:hidden}.track-lane{border-bottom:1px dashed #00e5ff14;flex:1;align-items:center;min-height:0;padding-left:24px;transition:background .6s;display:flex;position:relative}.track-lane.lane-won-mine{background:#00ff881a;border-bottom-color:#00ff8838;box-shadow:inset 0 0 24px #00ff880f}.track-lane.lane-won-other{background:#ff2e631a;border-bottom-color:#ff2e6338;box-shadow:inset 0 0 24px #ff2e630f}.track-lane:last-child{border-bottom:none}.track-lane .lane-num{color:var(--text-mute);letter-spacing:.06em;text-align:center;width:14px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:800;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.start-line{background:linear-gradient(180deg, transparent, var(--accent-2), transparent);width:2px;box-shadow:0 0 8px var(--accent-2);z-index:6;position:absolute;top:0;bottom:0}.finish-line{background:repeating-linear-gradient(0deg, var(--accent-3) 0 6px, var(--text) 6px 12px);width:4px;box-shadow:0 0 10px var(--accent-3);z-index:8;position:absolute;top:0;bottom:0}.horse-runner{pointer-events:none;z-index:5;will-change:left;align-items:center;width:80px;height:40px;transition:left .12s ease-out;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.horse-runner img{filter:drop-shadow(0 0 8px);width:76px;height:40px}.horse-runner .lane-color{background:currentColor;width:6px;height:30px;position:absolute;top:50%;left:-2px;transform:translateY(-50%);box-shadow:0 0 10px}.horse-runner .crown{font-size:16px;animation:.4s crownPop;position:absolute;top:-20px;left:32px}@keyframes crownPop{0%{transform:scale(0)}70%{transform:scale(1.4)}to{transform:scale(1)}}.track-countdown{z-index:20;pointer-events:none;background:radial-gradient(#0009 0%,#0000 70%);place-items:center;display:grid;position:absolute;inset:0}.track-countdown .big{color:var(--accent);text-shadow:0 0 60px var(--accent), 0 0 120px var(--accent);letter-spacing:.04em;font-family:Orbitron,sans-serif;font-size:140px;font-weight:900;animation:1s countdown-pop}.track-countdown.go .big{color:#0f8;text-shadow:0 0 60px #0f8,0 0 120px #0f8;font-size:100px}@keyframes countdown-pop{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.track-result{z-index:20;pointer-events:none;background:radial-gradient(#000000b8 0%,#0000 75%);flex-direction:column;justify-content:center;align-items:center;gap:6px;animation:3.4s forwards result-lifecycle;display:flex;position:absolute;inset:0}@keyframes result-lifecycle{0%{opacity:0}6%{opacity:1}75%{opacity:1}to{opacity:0}}.track-result .tr-verdict{letter-spacing:.04em;font-family:Orbitron,sans-serif;font-size:90px;font-weight:900;line-height:1;animation:.4s cubic-bezier(.34,1.56,.64,1) both result-pop}.track-result.win .tr-verdict{color:#0f8;text-shadow:0 0 50px #0f8,0 0 100px #0f8}.track-result.lose .tr-verdict{color:var(--accent-3);text-shadow:0 0 50px var(--accent-3), 0 0 100px var(--accent-3)}@keyframes result-pop{0%{opacity:0;transform:scale(.3)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.track-result .tr-horse{letter-spacing:.26em;color:var(--text-dim);font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;animation:.4s cubic-bezier(.34,1.56,.64,1) .1s both result-pop}.track-result .tr-amount{letter-spacing:.08em;font-family:Orbitron,sans-serif;font-size:22px;font-weight:900;animation:.4s cubic-bezier(.34,1.56,.64,1) .2s both result-pop}.track-result.win .tr-amount{color:#0f8}.track-result.lose .tr-amount{color:var(--accent-3)}.section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-head .title{letter-spacing:.2em;font-family:Orbitron,sans-serif;font-size:14px;font-weight:800}.section-head .hint{color:var(--text-mute);letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:11px}.section-head .hint.pulse{color:var(--accent);animation:1s ease-in-out infinite alternate hint-pulse}@keyframes hint-pulse{0%{opacity:.6}to{opacity:1;text-shadow:0 0 12px var(--accent)}}.horses-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.h-card{background:linear-gradient(180deg, #ffffff05 0%, transparent 100%), var(--bg-2);border:1px solid var(--line);cursor:pointer;border-radius:3px;padding:18px 16px 16px;transition:all .15s;position:relative}.h-card:before{content:"";background:var(--horse-color,var(--accent));height:3px;box-shadow:0 0 12px var(--horse-color,var(--accent));position:absolute;top:0;left:0;right:0}.h-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.h-card.selected{border-color:var(--accent);background:linear-gradient(180deg, #ffb8000f 0%, transparent 100%), var(--bg-2);box-shadow:0 0 0 1px var(--accent), 0 0 24px #ffb80040}.h-card.selected:after{content:"✓ LOCKED";letter-spacing:.2em;color:var(--accent);font-family:Orbitron,sans-serif;font-size:9px;font-weight:800;position:absolute;top:6px;right:8px}.h-card.winner{border-color:#0f8;animation:1.4s ease-in-out infinite alternate winner-pulse;box-shadow:0 0 0 1px #0f8,0 0 32px #00ff8880}@keyframes winner-pulse{0%{box-shadow:0 0 0 1px #0f8,0 0 20px #00ff884d}to{box-shadow:0 0 0 1px #0f8,0 0 40px #0f89}}.h-card-row1{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.h-card .h-num{color:var(--text-mute);letter-spacing:.18em;font-family:Orbitron,sans-serif;font-size:11px;font-weight:800}.h-card .h-name{letter-spacing:.04em;margin-top:3px;font-family:Orbitron,sans-serif;font-size:17px;font-weight:800;line-height:1.1}.h-card .h-jockey{color:var(--text-mute);letter-spacing:.04em;margin-top:5px;font-family:JetBrains Mono,monospace;font-size:11px}.h-card .h-odds{color:var(--accent);letter-spacing:.02em;text-align:right;font-family:Orbitron,sans-serif;font-size:30px;font-weight:900;line-height:1}.h-card .h-odds-lbl{letter-spacing:.22em;color:var(--text-mute);text-transform:uppercase;text-align:right;margin-top:3px;font-size:8px}.h-card-stats{flex-direction:column;gap:8px;margin-top:10px;display:flex}.h-stat-row{align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.h-stat-row .k{width:28px;color:var(--text-mute);letter-spacing:.1em;text-transform:uppercase}.h-stat-row .track-bar{background:var(--bg-3);flex:1;height:6px;position:relative;overflow:hidden}.h-stat-row .track-bar .fill{background:linear-gradient(90deg, var(--accent-2), var(--accent));position:absolute;top:0;bottom:0;left:0}.h-stat-row .v{width:24px;color:var(--text);text-align:right}.h-card-form{gap:5px;margin-top:12px;display:flex}.h-form{width:22px;height:22px;color:var(--bg-0);letter-spacing:0;place-items:center;font-family:Orbitron,sans-serif;font-size:10px;font-weight:800;display:grid}.h-form.W{background:#0f8;box-shadow:0 0 6px #00ff8880}.h-form.P{background:var(--accent)}.h-form.L{background:var(--accent-3);color:var(--text)}.payout-card{background:linear-gradient(90deg, #ffb80014 0%, transparent 100%), var(--bg-2);border:1px solid var(--accent);border-radius:3px;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:14px;padding:14px 18px;display:grid}.payout-card .cell .k{letter-spacing:.22em;color:var(--text-mute);text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:9px;font-weight:700}.payout-card .cell .v{letter-spacing:.04em;margin-top:4px;font-family:Orbitron,sans-serif;font-size:18px;font-weight:800}.payout-card .cell.win .v{color:var(--accent);font-size:22px}.bet-bar{background:linear-gradient(180deg, #ffffff05, transparent), var(--bg-2);border:1px solid var(--accent);border-radius:3px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 18px;display:grid;position:relative}.bet-bar:before,.bet-bar:after{content:"";pointer-events:none;width:14px;height:14px;position:absolute}.bet-bar:before{border-top:2px solid var(--accent);border-left:2px solid var(--accent);top:-1px;left:-1px}.bet-bar:after{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);bottom:-1px;right:-1px}.bet-input-wrap{background:var(--bg-1);border:1px solid var(--line-strong);border-radius:2px;align-items:center;gap:10px;min-width:180px;padding:10px 16px;display:flex}.bet-input-wrap .lbl{letter-spacing:.22em;color:var(--text-mute);text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:9px;font-weight:700}.bet-input-wrap input{color:var(--accent);letter-spacing:.04em;background:0 0;border:none;outline:none;width:100px;font-family:Orbitron,sans-serif;font-size:24px;font-weight:900}.confirm-bet-btn{min-width:200px}.quick-bets{flex-wrap:wrap;gap:6px;display:flex}.qbet{background:var(--bg-1);border:1px solid var(--line);color:var(--text-dim);letter-spacing:.08em;border-radius:2px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;transition:all .15s}.qbet:hover{color:var(--accent);border-color:var(--accent);background:#ffb80014}.qbet.allin{color:var(--accent-3);border-color:#ff2e6366}.qbet.allin:hover{border-color:var(--accent-3);background:#ff2e631a}.result-banner{background:var(--bg-2);border:1px solid;border-radius:3px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px 24px;animation:.4s ease-out screen-in;display:grid;position:relative}.result-banner.win{background:linear-gradient(90deg, #00ff881a 0%, transparent 100%), var(--bg-2);border-color:#0f8;box-shadow:0 0 32px #0f83}.result-banner.lose{border-color:var(--accent-3);background:linear-gradient(90deg, #ff2e631a 0%, transparent 100%), var(--bg-2)}.result-banner:before,.result-banner:after{content:"";pointer-events:none;width:14px;height:14px;position:absolute}.result-banner.win:before{border-top:2px solid #0f8;border-left:2px solid #0f8;top:-1px;left:-1px}.result-banner.win:after{border-bottom:2px solid #0f8;border-right:2px solid #0f8;bottom:-1px;right:-1px}.result-banner.lose:before{border-top:2px solid var(--accent-3);border-left:2px solid var(--accent-3);top:-1px;left:-1px}.result-banner.lose:after{border-bottom:2px solid var(--accent-3);border-right:2px solid var(--accent-3);bottom:-1px;right:-1px}.result-icon{background:var(--bg-1);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));border:1px solid;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.result-banner.win .result-icon{color:#0f8}.result-banner.lose .result-icon{color:var(--accent-3)}.result-title{letter-spacing:.1em;font-family:Orbitron,sans-serif;font-size:22px;font-weight:900}.result-banner.win .result-title{color:#0f8}.result-banner.lose .result-title{color:var(--accent-3)}.result-sub{color:var(--text-dim);letter-spacing:.06em;margin-top:4px;font-size:12px}.result-money{letter-spacing:.04em;text-align:right;font-family:Orbitron,sans-serif;font-size:36px;font-weight:900;line-height:1}.result-banner.win .result-money{color:#0f8;text-shadow:0 0 24px #0f89}.result-banner.lose .result-money{color:var(--accent-3)}.result-money-sub{color:var(--text-mute);text-align:right;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:11px}.live-bets{flex-direction:column;gap:8px;display:flex}.lb-card{background:var(--bg-1);border:1px solid var(--line);border-radius:2px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:grid}.lb-card.waiting{opacity:.55}.lb-card.ready{border-color:var(--accent);background:#ffb8000a}.lb-card .av{background:linear-gradient(135deg, var(--accent-2), var(--accent-3));width:28px;height:28px;color:var(--bg-0);clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));place-items:center;font-family:Orbitron,sans-serif;font-size:10px;font-weight:900;display:grid}.lb-card .player{letter-spacing:.04em;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700}.lb-card .player-sub{color:var(--text-mute);letter-spacing:.08em;margin-top:2px;font-family:JetBrains Mono,monospace;font-size:10px}.lb-card .info{text-align:right;font-family:JetBrains Mono,monospace;font-size:11px}.lb-card .info .amount{color:var(--accent);font-family:Orbitron,sans-serif;font-size:13px;font-weight:800}.lb-card .info .horse{font-weight:700}.lb-card .info .status-ready{color:var(--accent);letter-spacing:.12em;font-weight:700}.lb-card .info .status-wait{color:var(--text-mute);letter-spacing:.08em}.log-list{flex-direction:column;gap:8px;display:flex}.log-item{background:var(--bg-1);border:1px solid var(--line);border-left:3px solid;border-radius:2px;padding:12px}.log-item.win{border-left-color:#0f8}.log-item.lose{border-left-color:var(--accent-3)}.log-item .row1{justify-content:space-between;align-items:center;display:flex}.log-item .race-id{color:var(--text-mute);letter-spacing:.18em;font-family:Orbitron,sans-serif;font-size:10px;font-weight:800}.log-item .verdict{letter-spacing:.2em;font-family:Orbitron,sans-serif;font-size:11px;font-weight:800}.log-item.win .verdict{color:#0f8}.log-item.lose .verdict{color:var(--accent-3)}.log-item .delta{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800}.log-item.win .delta{color:#0f8}.log-item.lose .delta{color:var(--accent-3)}.log-item .horse-info{color:var(--text-dim);align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.log-item .horse-info .swatch{border-radius:50%;width:8px;height:8px}.howto{background:var(--bg-2);border:1px dashed var(--line);border-radius:3px;padding:14px}.howto .step{align-items:flex-start;gap:10px;padding:6px 0;display:flex}.howto .step-num{background:var(--accent);width:22px;height:22px;color:var(--bg-0);clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));flex-shrink:0;place-items:center;font-family:Orbitron,sans-serif;font-size:11px;font-weight:900;display:grid}.howto .step-text{color:var(--text-dim);font-size:12px;line-height:1.5}.howto .step-text strong{color:var(--text);letter-spacing:.1em;font-family:Orbitron,sans-serif;font-size:11px}.bet-popup-overlay{z-index:300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;place-items:center;animation:.15s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bet-popup{background:var(--bg-2);border:1px solid var(--line-strong);width:420px;max-width:calc(100vw - 32px);animation:.2s cubic-bezier(.34,1.56,.64,1) popupSlide;position:relative;overflow:hidden;box-shadow:0 0 40px #0009,0 0 0 1px #ffffff0a}.bet-popup:before,.bet-popup:after{content:"";pointer-events:none;width:16px;height:16px;position:absolute}.bet-popup:before{border-top:2px solid var(--accent);border-left:2px solid var(--accent);top:-1px;left:-1px}.bet-popup:after{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);bottom:-1px;right:-1px}@keyframes popupSlide{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.bet-popup-stripe{width:100%;height:4px}.bet-popup-body{padding:24px 28px 28px}.bet-popup-eyebrow{letter-spacing:.28em;color:var(--text-mute);text-transform:uppercase;margin-bottom:18px;font-family:Orbitron,sans-serif;font-size:9px;font-weight:700}.bet-popup-horse{align-items:center;gap:14px;margin-bottom:24px;display:flex}.bet-popup-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 8px}.bet-popup-horse-name{letter-spacing:.06em;font-family:Orbitron,sans-serif;font-size:18px;font-weight:900;line-height:1.1}.bet-popup-horse-sub{color:var(--text-mute);letter-spacing:.08em;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:11px}.bet-popup-amount-row{background:var(--bg-1);border:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:16px;padding:14px 20px;display:flex}.bet-popup-amount-label{letter-spacing:.28em;color:var(--text-mute);font-family:Orbitron,sans-serif;font-size:9px;font-weight:700}.bet-popup-amount-value{color:var(--accent);letter-spacing:.02em;font-family:Orbitron,sans-serif;font-size:36px;font-weight:900;line-height:1}.bet-popup-payout-grid{border:1px solid var(--line);align-items:stretch;margin-bottom:24px;display:flex}.bet-popup-payout-cell{text-align:center;flex:1;padding:12px 14px}.bet-popup-payout-cell .k{letter-spacing:.22em;color:var(--text-mute);margin-bottom:5px;font-family:Orbitron,sans-serif;font-size:8px;font-weight:700}.bet-popup-payout-cell .v{color:var(--text);font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700}.bet-popup-payout-cell .v.profit{color:#0f8}.bet-popup-payout-cell .v.dim{color:var(--text-dim)}.bet-popup-payout-sep{background:var(--line);flex-shrink:0;width:1px}.bet-popup-actions{grid-template-columns:1fr 2fr;gap:10px;display:grid}.bet-popup-cancel{border:1px solid var(--line);color:var(--text-mute);letter-spacing:.16em;cursor:pointer;background:0 0;padding:13px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;transition:border-color .15s,color .15s}.bet-popup-cancel:hover{border-color:var(--text-mute);color:var(--text)}.bet-popup-confirm{background:var(--accent);color:var(--bg-0);letter-spacing:.18em;cursor:pointer;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));border:none;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;transition:filter .15s;display:flex}.bet-popup-confirm:hover{filter:brightness(1.12)}
@media (max-width:1100px){html,body{height:auto;overflow:visible}.stage{height:auto;min-height:100vh}.screen-wrap{min-height:100vh}}@media (min-width:1101px){.lobby-grid{overflow-y:auto}}@media (max-width:1100px){.topbar{padding:14px 18px;padding-top:calc(14px + env(safe-area-inset-top));flex-wrap:wrap;gap:10px}.topbar-right{flex-wrap:wrap;gap:8px}.topbar-right .stat-pill{display:none}.brand-logo{height:30px}.brand-logo-wrap>div:last-child,.avatar-chip .rank,.credits-pill .label{display:none}.credits-pill{gap:6px;padding:6px 12px}.credits-pill .amount{font-size:12px}.news-strip{padding:8px 18px;font-size:10px}.home-grid{grid-template-columns:1fr;gap:18px;padding:20px 18px;overflow:visible}.side-stack{overflow:visible}.home-center{order:-1;padding:24px 0}.hero-logo{max-width:360px}.hero-title{font-size:64px}.hero-sub{letter-spacing:.2em;font-size:12px}.hero-cta{flex-wrap:wrap;justify-content:center}.hero-meta{flex-wrap:wrap;justify-content:center;gap:14px 24px}.create-grid{grid-template-columns:1fr;gap:18px;padding:20px 18px;overflow:visible}.screen-title{font-size:28px}.rooms-layout{padding:18px;overflow:visible}.rooms-grid{grid-template-columns:repeat(2,1fr);gap:12px;overflow:visible}.rooms-toolbar{grid-template-columns:1fr;gap:10px}.rooms-header{flex-wrap:wrap;gap:12px}.lobby-grid{grid-template-columns:1fr;gap:16px;padding:18px}.lobby-banner{flex-wrap:wrap;gap:12px;padding:14px 18px}.lobby-banner .arena-name{font-size:22px}.spec-grid{grid-template-columns:1fr 1fr}.loading-bar-wrap{width:100%;max-width:480px}.loading-grid-info{width:100%;max-width:700px}.race-body{grid-template-columns:1fr;gap:14px;padding:14px 18px 24px;overflow:visible}.race-col.left,.race-col.right{padding-right:0;overflow:visible}.race-strip{grid-template-columns:repeat(2,1fr)}.race-strip .cell{padding:10px 14px}.race-strip .cell .val{font-size:15px}.horses-grid{grid-template-columns:repeat(2,1fr)}.bet-bar{grid-template-columns:1fr;gap:12px}.bet-bar .hud-btn{width:100%}.bet-input-wrap{width:100%;min-width:0}.quick-bets{justify-content:center}.result-banner{text-align:center;grid-template-columns:1fr;gap:12px}.result-money,.result-money-sub{text-align:center}.result-banner .hud-btn{margin:12px auto 0}.twk-panel{width:248px}}@media (max-width:700px){.topbar{padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));gap:8px}.topbar>div:first-child{flex:1;min-width:0}.back-btn{padding:8px 12px;font-size:10px}.back-btn span:not(:first-child){display:none}.icon-btn{width:32px;height:32px}.brand-logo{object-fit:contain;max-width:42vw;height:26px}.topbar-right{flex-shrink:1;min-width:0}.brand-logo-wrap{min-width:0}.avatar-chip{gap:0;padding:4px}.avatar-chip .name{display:none}.credits-pill{padding:4px 8px 4px 10px}.credits-pill .coin{width:14px;height:14px;font-size:9px}.credits-pill .amount{font-size:11px}.news-strip{gap:10px;padding:6px 14px;font-size:9px}.news-strip .tag span{padding:2px 6px;font-size:8px}.home-grid{gap:14px;padding:16px 12px}.hero-logo{width:70%;max-width:240px}.hero-title{font-size:44px}.hero-sub{margin-bottom:24px;font-size:10px}.hero-eyebrow{font-size:9px}.hero-eyebrow:before,.hero-eyebrow:after{width:24px}.hero-cta{flex-direction:column;gap:10px;width:100%}.hero-cta .hud-btn{justify-content:center;width:100%}.hud-btn.lg{padding:16px 24px;font-size:13px}.hero-meta{gap:8px 16px;font-size:9px}.hud-card{padding:16px}.lb-row{padding:8px 0;font-size:12px}.match-row{font-size:11px}.create-grid{gap:14px;padding:16px 12px}.screen-title{font-size:22px}.field-row-2{grid-template-columns:1fr;gap:14px}.chip-row{gap:6px}.chip{padding:8px 10px;font-size:11px}.invite-preview{flex-direction:column;align-items:stretch;gap:10px}.invite-preview .code{letter-spacing:.22em;padding:10px;font-size:18px}.invite-preview button{width:100%}.hud-input{padding:12px 14px;font-size:14px}.summary-row .val{font-size:12px}.rooms-layout{gap:12px;padding:14px 12px}.rooms-grid{grid-template-columns:1fr;gap:10px}.rooms-header{flex-direction:column;align-items:stretch}.room-card{padding:14px}.room-name{font-size:14px}.room-meta{gap:10px}.room-meta .m .v{font-size:12px}.filter-pills{flex-wrap:wrap}.fp{padding:8px 12px;font-size:9px}.live-tag{padding:6px 10px;font-size:10px}.lobby-grid{gap:12px;padding:14px 12px}.lobby-banner{padding:12px 14px}.lobby-banner .arena-name{letter-spacing:.06em;font-size:18px}.lobby-banner .stat-pill{display:none}.lobby-banner>div:last-child{justify-content:flex-end;width:100%}.spec-grid{grid-template-columns:1fr 1fr;gap:8px}.spec{padding:10px}.spec .v{font-size:14px}.horse-row{grid-template-columns:28px 1fr auto;gap:10px;padding:8px 10px}.horse-row .stat-bars{display:none}.horse-row .odds{font-size:12px}.jockey-list{overflow:visible}.jockey-row{grid-template-columns:auto 1fr auto;gap:10px;padding:10px 12px}.jockey-row>:nth-child(3){display:none}.av-large{width:36px;height:36px;font-size:13px}.jockey-row .nm{font-size:12px}.lobby-footer{z-index:90;background:linear-gradient(180deg, #0a0e1a99 0%, var(--bg-1) 30%);border-top:1px solid var(--accent);box-shadow:0 -16px 32px #00000080, 0 -1px 0 var(--accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;align-items:stretch;gap:10px;padding:14px;position:fixed;bottom:0;left:0;right:0}.lobby-footer .hud-btn{justify-content:center;width:100%}.lobby-stake-hint{display:none}.lobby-footer>div:first-child{justify-content:center}.lobby-grid{padding-bottom:calc(150px + env(safe-area-inset-bottom))}.loading-wrap{gap:24px;padding:24px 16px}.loading-ring{width:220px;height:220px}.loading-ring .core{width:160px;height:160px}.loading-ring .core img{width:110px}.loading-status .label{letter-spacing:.14em;font-size:20px}.loading-status .arena{font-size:11px}.loading-grid-info{grid-template-columns:repeat(2,1fr);gap:10px}.loading-grid-info .cell .v{font-size:14px}.race-body{gap:12px;padding:12px}.race-strip{grid-template-columns:1fr 1fr}.race-strip .cell{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px}.race-strip .cell .lbl{font-size:8px}.race-strip .cell .val{font-size:13px}.track-wrap{min-height:224px;padding:12px}.track-labels{letter-spacing:.1em;gap:8px;padding:0 6px;font-size:8px}.track-labels>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-labels>span:nth-child(2){text-align:center;flex:1;min-width:0}.track-labels .start,.track-labels .finish{flex-shrink:0}.track-lane{height:32px}.track-lane .lane-num{font-size:9px}.horse-runner{width:48px;height:24px}.horse-runner img{width:44px;height:22px}.track-countdown .big{font-size:84px}.track-countdown.go .big{font-size:64px}.horses-grid{grid-template-columns:repeat(2,1fr);gap:8px}.h-card{padding:10px}.h-card .h-name{letter-spacing:.02em;font-size:12px}.h-card .h-num,.h-card .h-jockey{font-size:10px}.h-card .h-odds{font-size:18px}.h-card .h-odds-lbl{font-size:7px}.h-card.selected:after{font-size:8px;top:4px;right:6px}.h-card-stats{gap:4px;margin-top:6px}.h-stat-row{gap:6px;font-size:9px}.h-stat-row .k{width:22px}.h-stat-row .track-bar{height:4px}.h-stat-row .v{width:18px;font-size:9px}.h-card-form{flex-wrap:wrap;gap:3px;margin-top:8px}.h-form{width:14px;height:14px;font-size:8px}.h-card-form>span:first-child{margin-right:4px!important;font-size:8px!important}.payout-card{text-align:center;grid-template-columns:1fr;gap:8px;padding:12px}.payout-card .cell.win .v{font-size:18px}.bet-bar{z-index:90;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg, #0a0e1a99 0%, var(--bg-1) 30%);box-shadow:0 -16px 32px #00000080, 0 -1px 0 var(--accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:none;border-right:none;border-radius:0;gap:8px;position:fixed;bottom:0;left:0;right:0}.bet-bar:before,.bet-bar:after{display:none}.bet-input-wrap{padding:9px 14px}.bet-input-wrap input{width:64px;font-size:18px}.confirm-bet-btn{min-width:0}.bet-bar .hud-btn.lg{padding:13px 20px;font-size:13px}.quick-bets{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:6px;overflow-x:auto}.quick-bets::-webkit-scrollbar{display:none}.qbet{white-space:nowrap;flex:none;padding:9px 13px;font-size:11px}.race-body{padding-bottom:24px}[data-race-betbar=on] .race-body{padding-bottom:calc(180px + env(safe-area-inset-bottom))}.result-banner{padding:16px}.result-title{font-size:18px}.result-money{font-size:28px}.result-icon{width:44px;height:44px;font-size:22px}.lb-card{padding:8px 10px}.lb-card .av{width:24px;height:24px;font-size:9px}.lb-card .player{font-size:11px}.log-item{padding:10px}.log-item .race-id{font-size:9px}.log-item .delta{font-size:12px}.modal-backdrop{place-items:center;padding:18px}.modal-box{max-width:100%;max-height:calc(100dvh - 36px);margin:auto;padding:22px;overflow-y:auto}.modal-title{letter-spacing:.1em;font-size:18px}.modal-icon{width:44px;height:44px;margin-bottom:14px}.modal-btns{flex-direction:column;gap:10px}.modal-btns .hud-btn{width:100%}.bet-popup-overlay{padding:14px}.bet-popup{width:100%;max-height:calc(100dvh - 28px);overflow-y:auto}.bet-popup-body{padding:18px 16px 20px}.bet-popup-eyebrow{margin-bottom:12px}.bet-popup-horse{gap:10px;margin-bottom:16px}.bet-popup-horse-name{font-size:16px}.bet-popup-amount-row{padding:12px 16px}.bet-popup-amount-value{font-size:28px}.bet-popup-payout-grid{margin-bottom:16px}.bet-popup-payout-cell{padding:10px 8px}.bet-popup-payout-cell .v{font-size:13px}.bet-popup-actions{grid-template-columns:1fr}.bet-popup .hud-btn{letter-spacing:.06em;gap:6px;min-width:0;padding:13px 12px;font-size:11px}.twk-panel{width:calc(100vw - 24px);max-width:280px;bottom:12px;right:12px}.track-result .tr-verdict{font-size:48px}.track-result .tr-horse{letter-spacing:.18em;font-size:9px}.track-result .tr-amount{font-size:16px}}@media (max-width:420px){.hero-title{font-size:36px}.hero-logo{max-width:200px}.screen-title{font-size:18px}.credits-pill .amount{font-size:10px}.stat-pill{padding:6px 10px}.news-strip{padding:5px 10px;font-size:8px}.news-strip .tag,.rooms-toolbar>:last-child{display:none}.horse-runner{width:36px;height:20px}.horse-runner img{width:32px;height:18px}.track-lane{height:26px}.lobby-banner .arena-name{font-size:16px}}@media (min-width:1500px){.home-grid{gap:32px;padding:40px 48px}.hero-title{font-size:104px}.race-body{gap:22px;padding:22px 36px 28px}}@media (max-width:1100px){.stage,.screen-wrap{min-height:100dvh}html{-webkit-text-size-adjust:100%}button,a,.chip,.qbet,.fp,.icon-btn,.h-card,.room-card,.sfx-toggle,.toggle,.credits-pill,.back-btn{-webkit-tap-highlight-color:transparent}}@media (max-width:700px){.hud-input,.search-wrap input,input[type=text],input[type=password],input[type=number],input[type=search],select,textarea{font-size:16px}.icon-btn{width:40px;height:40px}.back-btn{justify-content:center;min-width:40px;min-height:40px;padding:10px 12px}.vol-popup-close{padding:4px 8px;font-size:22px}.sfx-toggle{padding:8px 12px}.vol-popup,.settings-popup{width:auto;min-width:210px;max-width:calc(100vw - 24px);position:fixed;top:64px;left:auto;right:12px}.lobby-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}html[data-embedded],html[data-embedded] body{height:100%;overflow:hidden}html[data-embedded] .stage{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;height:100%;min-height:0;overflow:hidden auto}html[data-embedded] .bg-gif-layer,html[data-embedded] .bg-gif-tint,html[data-embedded] .grid-floor,html[data-embedded] .vignette,html[data-embedded] .scanlines{position:fixed}