:root{color:#e5eefc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#07101e;--panel:#0a1627e0;--panel-strong:#0d1d33f5;--line:#94a3b83d;--line-strong:#38bdf873;--text:#e5eefc;--muted:#8fa6c4;--accent:#38bdf8;--accent-strong:#0ea5e9;--gold:#facc15;--green:#22c55e;--danger:#ef4444;--shadow:0 22px 60px #0006;background:#07101e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#0ea5e93b,#0000 28rem),radial-gradient(circle at 78% 18%,#facc151f,#0000 26rem),linear-gradient(135deg,#07101e 0%,#0b1628 48%,#040915 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#0f1f36e6;border-radius:10px;padding:.68rem .9rem;transition:border-color .16s,transform .16s,background .16s}button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.5}button.primary{background:linear-gradient(135deg,#0284c7,#2563eb);border-color:#38bdf88c}button.subtle{color:var(--muted);background:0 0}h1,h2,h3,p{margin:0}h1{letter-spacing:-.06em;font-size:clamp(2rem,4vw,4rem);line-height:1}h2{font-size:clamp(1.5rem,2.4vw,2.4rem);line-height:1.05}h3{color:#f8fbff;letter-spacing:.06em;text-transform:uppercase;font-size:.95rem}#root{min-height:100vh}.app-shell{width:min(1560px,100vw - 28px);margin:0 auto;padding:18px 0 28px}.top-bar,.panel,.event-strip{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-bar{background:linear-gradient(90deg, #05101efa, #07182cf0 38%, #040d18fa), var(--panel);border-color:#45658b7a;border-radius:12px;grid-template-columns:124px minmax(190px,1fr) minmax(220px,340px) 180px auto;align-items:center;gap:0;min-height:84px;margin-bottom:14px;padding:0;display:grid;position:relative;overflow:hidden}.top-bar:before{content:"";pointer-events:none;background:linear-gradient(#a8daff1f,#0000 38%),radial-gradient(circle at 52% 0,#38bdf82e,#0000 34%);position:absolute;inset:0}.top-bar>*{z-index:1;position:relative}.brand-lockup{background:linear-gradient(#020b16f5,#051322f5);border-right:1px solid #7dd3fc24;align-self:stretch;place-items:center;display:grid}.game-logo{object-fit:contain;filter:drop-shadow(0 0 14px #38bdf84d);width:104px;height:58px}.event-lockup{align-content:center;align-self:stretch;gap:.26rem;min-width:0;padding:.75rem 1rem .75rem 1.15rem;display:grid}.event-lockup .eyebrow{color:#f8fbff;text-align:left}.event-lockup h1{color:#f8fbff;letter-spacing:.03em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px #00000073;font-size:clamp(1.16rem,2.1vw,1.72rem);font-weight:950;line-height:.96;overflow:hidden}.event-meta{color:#dbeafe;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.74rem;font-weight:800;display:flex}.event-meta span{background:#030a1694;border:1px solid #facc1547;border-radius:999px;padding:.16rem .5rem}.event-meta span:first-child{color:#e2f2ffd1;background:0 0;border-color:#0000;padding-left:0}.match-clock{clip-path:polygon(11% 0,100% 0,89% 100%,0 100%);background:linear-gradient(#061322fa,#020810fa),#030a16db;border-left:1px solid #7dd3fc29;border-right:1px solid #7dd3fc29;align-self:stretch;place-items:center;min-height:84px;padding:.4rem 1rem;display:grid}.match-clock strong{color:#fff;letter-spacing:.03em;text-shadow:0 0 18px #38bdf82e;font-size:clamp(2rem,4vw,3.1rem);font-weight:950;line-height:.9}.live-indicator{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.32rem;font-size:.76rem;font-weight:900;line-height:1;display:inline-flex}.live-indicator:before{content:"";background:#facc159e;border-radius:999px;width:.42rem;height:.42rem;box-shadow:0 0 #facc1500}.live-indicator.active:before{background:var(--gold);box-shadow:0 0 12px #facc15a6}.bots-remaining{text-align:center;text-transform:uppercase;border-right:1px solid #7dd3fc21;align-content:center;align-self:stretch;justify-items:center;gap:.15rem;padding:.5rem 1rem;display:grid}.bots-remaining span{color:#e2f2ffad;letter-spacing:.1em;font-size:.68rem;font-weight:950}.bots-remaining strong{color:var(--gold);font-size:1.8rem;font-weight:950;line-height:1}.bots-remaining small{color:#e2f2ffd1;font-size:1rem;font-weight:900}.screen-tabs{justify-content:flex-end;align-self:stretch;gap:0;padding-right:.35rem;display:flex}.screen-tabs button{color:#e2f2ffd1;letter-spacing:.06em;text-transform:uppercase;background:#030a1638;border-width:0 0 0 1px;border-color:#7dd3fc21;border-radius:0;place-items:center;min-width:70px;min-height:66px;padding:.46rem .6rem;font-size:.72rem;font-weight:950;line-height:1;display:grid}.screen-tabs .hud-control{min-width:78px}.screen-tabs .hud-control strong{color:#f8fbff;font-size:1.03rem}.screen-tabs .hud-control span{color:#e2f2ffbd;font-size:.62rem}.screen-tabs button.active,.replay-controls button.active{border-color:var(--gold);color:var(--gold)}.eyebrow{color:var(--accent);letter-spacing:.14em;text-align:center;text-transform:uppercase;font-size:.72rem;font-weight:800;line-height:1}.panel{border-radius:16px;padding:18px;position:relative;overflow:visible}.panel:before,.panel:after{content:"";z-index:0;pointer-events:none;opacity:.22;background-image:url(/bot-battler/art/ui/panel-corner.png);background-repeat:no-repeat;background-size:contain;width:82px;height:82px;position:absolute}.panel:before{top:-20px;left:-20px}.panel:after{bottom:-20px;right:-20px;transform:rotate(180deg)}.panel>*{z-index:1;position:relative}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:14px;display:grid}.hero-panel{background:linear-gradient(135deg, #38bdf82e, transparent 48%), var(--panel-strong);align-content:center;gap:1rem;min-height:230px;display:grid}.hero-panel p{max-width:720px;color:var(--muted)}.hero-actions,.modifier-list,.entry-summary,.build-summary,.part-section{gap:.75rem;display:grid}.hero-actions{grid-template-columns:repeat(3,minmax(0,max-content))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.stat{border:1px solid var(--line);background:#030a1652;border-radius:12px;gap:.2rem;padding:.85rem;display:grid}.stat span,.entry-summary span,.build-summary span,.modifier-card span,.part-option span,.replay-header span{color:var(--muted);font-size:.86rem}.stat strong{color:#f8fbff;font-size:1.3rem}.modifier-card{border-left:3px solid var(--accent);gap:.22rem;padding:.45rem 0 .45rem .75rem;display:grid}.build-summary strong{color:var(--gold);font-size:1.4rem}.builder-layout{grid-template-columns:330px 1fr;gap:14px;display:grid}.builder-preview{align-content:start;gap:1rem;display:grid}.builder-preview input,.field-label select{border:1px solid var(--line);width:100%;color:var(--text);background:#030a168c;border-radius:10px;padding:.75rem .85rem}.robot-card{border:1px solid var(--line-strong);background:linear-gradient(135deg,#38bdf824,#facc1514);border-radius:16px;align-items:center;gap:.9rem;padding:1rem;display:flex}.bot-art-preview{background:radial-gradient(circle at 58%,#38bdf829,#0000 54%),#030a166b;border:1px solid #38bdf847;border-radius:14px;flex:0 0 116px;width:116px;height:92px;position:relative;overflow:hidden}.bot-art-preview img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;top:50%;left:50%}.bot-shadow{opacity:.35;width:82px;height:46px;transform:translate(-50%,-36%)}.bot-chassis{filter:drop-shadow(0 0 14px #38bdf838);width:76px;height:76px;transform:translate(-50%,-50%)}.bot-weapon{filter:drop-shadow(0 0 10px #facc153d);width:48px;height:48px;transform:translate(-8%,-50%)}.bot-weapon.weapon-laser{width:42px;height:32px;transform:translateY(-50%)}.bot-weapon.weapon-hammer{width:52px;height:42px;transform:translate(-4%,-50%)}.bot-facing-indicator{color:var(--accent);letter-spacing:.12em;font-size:.54rem;font-weight:800;position:absolute;bottom:6px;right:8px}.part-columns{grid-template-columns:repeat(5,minmax(160px,1fr));gap:14px;display:grid}.part-option{text-align:left;background:#030a165c;gap:.25rem;display:grid}.part-option.selected{border-color:var(--accent);background:#0ea5e926}.replay-layout{grid-template-columns:220px minmax(0,1fr) 260px;gap:14px;display:grid}.side-panel{align-content:start;gap:1rem;display:grid}.my-entry-panel{background:linear-gradient(180deg, #041930f5, #030c18f5), var(--panel);border-color:#38bdf852;gap:0;padding:0}.my-entry-panel:before{opacity:.16}.my-entry-panel:after{opacity:.1}.hud-section{border-bottom:1px solid #38bdf82e}.hud-section-title{color:#eaf4ff;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px #00000073;background:linear-gradient(#07548f,#063a68);border-bottom:1px solid #7dd3fc3d;justify-content:space-between;align-items:center;padding:.56rem .75rem;font-size:.82rem;font-weight:900;display:flex}.hud-section-title span:last-child{color:#e2f2ffbf;font-size:.62rem}.entry-hero-card{grid-template-columns:96px 1fr;align-items:center;gap:.85rem;padding:.9rem .8rem;display:grid}.entry-hero-card .bot-art-preview{flex-basis:96px;width:96px;height:76px}.entry-hero-card .bot-facing-indicator{display:none}.entry-hero-copy{gap:.1rem;min-width:0;display:grid}.entry-hero-copy strong{color:#f8fbff;text-transform:uppercase;font-size:1.32rem;line-height:1.05}.entry-hero-copy span{color:var(--muted);font-size:.8rem}.entry-hero-copy b{color:var(--gold);font-size:1.24rem;line-height:1}.build-row-list{display:grid}.build-row{background:linear-gradient(90deg,#051426eb,#030c18c2);border-bottom:1px solid #94a3b821;grid-template-columns:64px 1fr;align-items:center;gap:.72rem;min-height:82px;padding:.62rem .72rem;display:grid}.build-row:last-child{border-bottom:0}.build-row-thumb{background:radial-gradient(circle at 50% 42%,#ffffff24,#0000 44%),#0f172aeb;border:1px solid #94a3b82e;border-radius:8px;place-items:center;width:62px;height:62px;display:grid;overflow:hidden}.build-row-thumb img{object-fit:contain;filter:drop-shadow(0 0 10px #00000073);width:56px;height:56px;display:block}.build-row span{letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:900;line-height:1.05;display:block}.build-row strong{color:#f8fbff;margin-top:.14rem;font-size:1rem;line-height:1.1;display:block}.build-row small{color:#e2e8f0c7;margin-top:.12rem;font-size:.82rem;line-height:1.1;display:block}.tone-green .build-row-thumb{background:radial-gradient(circle at 50% 42%,#ffffff1f,#0000 44%),linear-gradient(#032618fa 0%,#032618e6 58%,#16a34ab8 100%)}.tone-green span{color:#4ade80}.tone-purple .build-row-thumb{background:radial-gradient(circle at 50% 42%,#ffffff1f,#0000 44%),linear-gradient(#260c46fa 0%,#260c46e6 58%,#9333eab8 100%)}.tone-purple span{color:#c084fc}.tone-blue .build-row-thumb{background:radial-gradient(circle at 50% 42%,#ffffff1f,#0000 44%),linear-gradient(#082f49fa 0%,#082f49e6 58%,#0ea5e9b8 100%)}.tone-blue span{color:#7dd3fc}.tone-gold .build-row-thumb{background:radial-gradient(circle at 50% 42%,#ffffff1f,#0000 44%),linear-gradient(#45270afc 0%,#45270aeb 58%,#eab308bd 100%)}.tone-gold span{color:#facc15}.stats-button{color:#dbeafe;letter-spacing:.06em;text-transform:uppercase;background:#030a169e;border-color:#60a5faad;width:calc(100% - 1.8rem);margin:.9rem;font-size:.88rem;font-weight:900}.my-entry-panel .field-label{padding:0 .9rem .9rem}.arena-stack{gap:10px;display:grid}.replay-header{border:1px solid var(--line);background:#030a168c;border-radius:14px;justify-content:space-between;gap:1rem;padding:.75rem 1rem;display:flex}.arena-canvas{border:1px solid var(--line-strong);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#06101f;border-radius:18px;min-height:590px;overflow:hidden}.arena-canvas:active{cursor:grabbing}.arena-canvas canvas{width:100%;height:100%;display:block}.replay-controls{--replay-progress:0%;background:linear-gradient(180deg, #06162bfa, #020914fa), var(--panel);border:1px solid #38bdf83d;border-radius:6px;grid-template-columns:164px minmax(280px,1fr) max-content 132px;grid-template-areas:"label timeline speed latest""transport timeline speed latest";align-items:end;gap:.9rem;padding:.65rem .75rem;display:grid;box-shadow:0 16px 36px #00000052}.replay-controls-heading,.speed-panel>span{color:#bed3edc2;letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:950;line-height:1}.replay-controls-heading{grid-area:label;align-self:start}.replay-transport{grid-area:transport;grid-template-columns:48px repeat(2,52px);align-items:stretch;gap:.48rem;display:grid}.transport-button,.speed-options button,.latest-button{color:#dbeafe;background:linear-gradient(#143058e6,#05142af5);border-color:#3d72b194;border-radius:4px;box-shadow:inset 0 1px #94d5ff1f}.transport-button{place-items:center;min-height:42px;padding:.34rem .28rem;font-weight:950;line-height:1;display:grid}.transport-button small{color:#dbeafead;font-size:.58rem;font-weight:900}.primary-transport{color:#f8fbff;background:linear-gradient(#1d4e8cfa,#0a264efa);border-color:#60a5fad1;font-size:1.05rem}.timeline-shell{grid-area:timeline;grid-template-rows:auto 30px auto;gap:.1rem;min-width:0;display:grid}.timeline-current-time{color:#f8fbff;letter-spacing:.02em;font-size:.78rem;font-weight:900}.timeline-track{align-items:center;min-height:30px;display:grid;position:relative}.timeline-track:before,.timeline-track:after{content:"";border-radius:999px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.timeline-track:before{background:#416187b3}.timeline-track:after{right:calc(100% - var(--replay-progress));background:linear-gradient(90deg, var(--gold), #7dd3fc);box-shadow:0 0 12px #38bdf833}.timeline-event-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.timeline-event-marker{color:#0b1220;pointer-events:auto;background:#dbeafe;border:1px solid #0f172ae0;border-radius:999px;place-items:center;width:16px;height:16px;padding:0;font-size:.58rem;font-weight:950;line-height:1;display:grid;position:absolute;top:2px;transform:translate(-50%);box-shadow:0 0 0 2px #020817b8}.timeline-event-marker.death{color:#f8fafc;background:#0f172a}.timeline-event-marker.pickup{color:#052e16;background:#4ade80}.timeline-event-marker.hazard{color:#451a03;background:#fbbf24}.timeline-track input{z-index:2;opacity:0;cursor:pointer;width:100%;height:30px;margin:0;position:relative}.timeline-time-labels{color:#dbeafeb8;justify-content:space-between;font-size:.68rem;font-weight:800;display:flex}.speed-panel{grid-area:speed;justify-items:end;gap:.4rem;display:grid}.speed-options{border:1px solid #3d72b180;border-radius:4px;grid-template-columns:repeat(4,42px);display:grid;overflow:hidden}.speed-options button{color:#dbeafec7;background:#05142adb;border-width:0 1px 0 0;border-radius:0;min-height:34px;padding:.34rem .24rem;font-size:.7rem;font-weight:900}.speed-options button:last-child{border-right:0}.speed-options button.active{color:#f8fbff;background:linear-gradient(#2563ebe6,#113576f5);border-color:#60a5fab8}.latest-button{color:#dbeafe;letter-spacing:.04em;text-transform:uppercase;grid-area:latest;align-self:stretch;place-items:center;min-height:50px;padding:.4rem .55rem;font-size:.7rem;font-weight:950;line-height:1.2;display:grid}.standing-list,.results-table{gap:.45rem;display:grid}.standings-panel{background:linear-gradient(180deg, #041930f5, #030c18f5), var(--panel);border-color:#38bdf852;gap:0;padding:0}.standings-title{color:#eaf4ff;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#064573f5,#04294bf5);border-bottom:1px solid #7dd3fc38;justify-content:space-between;align-items:center;padding:.58rem .74rem;font-size:.82rem;font-weight:900;display:flex}.standings-title span:last-child{color:#e2f2ffb8;font-size:.84rem}.standings-panel .standing-list{gap:0;padding:.22rem 0}.standing,.result-row{background:#030a1657;border:1px solid #94a3b829;border-radius:10px;align-items:center;gap:.6rem;padding:.58rem .68rem;display:grid}.standing{background:#030d1a6b;border:0;border-bottom:1px solid #38bdf814;border-radius:0;grid-template-columns:28px 28px minmax(0,1fr) 58px 38px;gap:.42rem;min-height:38px;padding:.38rem .64rem}.standing:nth-child(2n){background:#0412228f}.standing strong{color:#f8fbff;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;line-height:1;overflow:hidden}.standing b{color:#eaf4ff;text-align:right;font-size:.82rem;line-height:1}.standing-bot-icon{object-fit:contain;filter:drop-shadow(0 0 6px #38bdf838);width:28px;height:28px}.ko-count{color:#e2e8f0db;justify-content:flex-end;align-items:center;gap:.26rem;font-size:.78rem;font-weight:800;display:inline-flex}.ko-count span{color:#e2e8f0db;font-size:.78rem}.leaderboard-button{color:#dbeafe;letter-spacing:.06em;text-transform:uppercase;background:#030a169e;border-color:#60a5faad;width:calc(100% - 1.6rem);margin:.8rem;font-size:.78rem;font-weight:900}.rank-badge{color:#dbeafe;filter:drop-shadow(0 0 8px #38bdf82e);background-image:url(/bot-battler/art/ui/rank-badges.png);background-position-y:50%;background-repeat:no-repeat;background-size:112px 28px;place-items:center;width:28px;height:28px;font-size:.72rem;font-weight:900;line-height:1;display:inline-grid}.rank-1{background-position-x:0}.rank-2{background-position-x:-28px}.rank-3{background-position-x:-56px}.rank-generic{background-position-x:-84px}.standing.mine{background:linear-gradient(90deg,#365314bd,#122e1985);border-color:#84cc1642}.result-row.mine{border-color:var(--gold);background:#facc151a}.results-layout{gap:14px;display:grid}.result-row{grid-template-columns:44px minmax(160px,1fr) repeat(4,minmax(74px,.5fr))}.result-row.header{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.event-strip{border-radius:14px;gap:.5rem;margin-top:12px;padding:.75rem;display:flex;overflow-x:auto}.event-strip button{text-align:left;flex:none;gap:.2rem;min-width:180px;display:grid}.event-strip span{color:var(--gold);font-size:.78rem}.field-label{color:var(--muted);gap:.45rem;font-size:.86rem;display:grid}.wide{width:100%}.empty-state{justify-items:start;gap:1rem;display:grid}@media (width<=1180px){.top-bar{grid-template-columns:112px minmax(0,1fr) minmax(200px,260px) 150px}.screen-tabs{border-top:1px solid #7dd3fc1f;grid-column:1/-1;padding-right:0}.screen-tabs button{flex:1 1 0;min-height:52px}.dashboard-grid,.builder-layout,.replay-layout{grid-template-columns:1fr}.part-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-canvas{min-height:430px}}@media (width<=720px){.top-bar,.hero-actions,.replay-header,.replay-controls{grid-template-columns:1fr;display:grid}.replay-controls{grid-template-areas:"label""transport""timeline""speed""latest";align-items:stretch}.replay-transport,.speed-panel{justify-content:stretch;justify-items:stretch}.replay-transport,.speed-options{grid-template-columns:repeat(4,1fr)}.primary-transport{grid-column:span 2}.top-bar{overflow:visible}.brand-lockup{border-bottom:1px solid #7dd3fc1f;border-right:0;min-height:68px}.event-lockup{text-align:center;justify-items:center;padding:.9rem 1rem}.event-lockup .eyebrow{text-align:center}.event-meta{justify-content:center}.match-clock{clip-path:none;border-width:1px 0;min-height:74px}.bots-remaining{border-right:0;padding:.75rem 1rem}.screen-tabs{flex-wrap:wrap;display:flex}.screen-tabs button,.screen-tabs .hud-control{flex:33.333%;min-width:0}.part-columns,.stat-grid{grid-template-columns:1fr}.result-row{grid-template-columns:34px 1fr 70px}.result-row span:nth-last-child(-n+3){display:none}.game-logo{width:96px;height:52px}}