:root{color-scheme:dark;--bg:#080f16;--gold:#bca679;--cyan:#77dcec;--muted:#8b9ea7;font-family:Arial,Helvetica,sans-serif;color:#d6e3e7;background:var(--bg)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 50% 0%,#202c32 0%,#0d161f 48%,#080e15 100%);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid #a0e6f5;outline-offset:3px}button:disabled{cursor:default}button:disabled:not([data-skill]){opacity:.5}.masthead{max-width:1600px;margin:auto;display:flex;align-items:center;min-height:92px;padding:18px 32px;gap:28px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#e8e6dd}.brand-mark{font-size:38px;color:var(--gold);text-shadow:0 0 20px #c4a66524}.brand-name{font:700 21px Georgia,serif;letter-spacing:3px}.brand-sub{display:block;font-size:10px;color:var(--gold);letter-spacing:5px;margin-top:6px}.match-type{margin-left:auto;font-size:10px;letter-spacing:2px;color:#c9d7d9;display:flex;gap:10px;align-items:center}.status-dot{display:inline-block;width:5px;height:5px;background:#8dc5aa;border-radius:50%;box-shadow:0 0 8px #8dc5aa55}.build-label{font-size:9px;letter-spacing:1px;color:#7c939e;border-left:1px solid #34434b;padding-left:12px;margin-left:5px}.header-actions{display:flex;gap:10px}.quiet-button,.camera-tools button{border:1px solid #465052;background:#14212b;color:#cad5d8;padding:10px 15px;font-size:11px;transition:background .15s,border-color .15s}.quiet-button:hover:not(:disabled),.camera-tools button:hover{border-color:var(--gold);background:#26333b}main{max-width:1600px;padding:0 32px;margin:auto}.arena-shell{border:1px solid #615e4a;box-shadow:0 20px 75px #0008;position:relative}.arena-shell:before,.arena-shell:after{content:'';position:absolute;top:-1px;width:65px;height:3px;background:var(--gold);z-index:10}.arena-shell:before{left:-1px}.arena-shell:after{right:-1px}.arena{position:relative;height:clamp(440px,66vh,865px);overflow:hidden;background:#09131a}canvas{display:block;width:100%;height:100%;touch-action:none}canvas:focus{outline:none}.scoreboard{position:absolute;top:0;left:50%;transform:translateX(-50%);height:67px;min-width:326px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#071018f0,#0c1826e8);border:1px solid #7e795b;border-top:0;box-shadow:0 5px 24px #0007;pointer-events:none}.team-blue,.team-red{display:flex;flex-direction:column;align-items:center;gap:4px;width:83px}.team-blue{color:#83e3f3}.team-red{color:#ff9a8b}.scoreboard b{font-size:22px;font-weight:500}.scoreboard small{font-size:8px;letter-spacing:1px}.match-clock{display:flex;align-items:center;flex-direction:column;gap:7px;border-left:1px solid #3d4b4c;border-right:1px solid #3d4b4c;padding:0 16px}.match-clock span{font-size:8px;letter-spacing:2px;color:#b1b5a7}.match-clock b{font-size:17px;letter-spacing:2px;color:#f0eadb;font-variant-numeric:tabular-nums}.announcement{position:absolute;top:88px;width:100%;text-align:center;pointer-events:none;color:#f1e4c4;font:15px Georgia,serif;letter-spacing:3px;text-shadow:0 2px 6px #000,0 0 10px #000;opacity:0;transform:translateY(-5px);transition:opacity .25s,transform .25s}.announcement.show{opacity:1;transform:translateY(0)}.map-caption{position:absolute;left:22px;bottom:19px;color:#c2d0ce;font-size:10px;letter-spacing:2px;text-shadow:0 1px 5px #000;pointer-events:none}.map-caption .status-dot{margin-right:7px}.map-caption small{display:block;margin:8px 0 0 13px;font-size:8px;letter-spacing:1.6px;color:#a4b5b8}.camera-tools{position:absolute;right:14px;top:16px;display:flex;align-items:center;background:#0a151fe3;border:1px solid #515d58;padding:3px;gap:2px}.camera-tools button{border:0;background:none;padding:6px 9px;font-size:10px}.camera-tools button[aria-pressed=true]{color:#9ee8f0;background:#263b40}.camera-tools span{font-size:9px;color:#bdc8c7;min-width:30px;text-align:center}.overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#06101bbf;backdrop-filter:blur(3px);z-index:5}.start-overlay{background:linear-gradient(90deg,#07101bd9,#07101b85 60%,#07101b55);backdrop-filter:blur(1px)}.start-card{text-align:center;padding:30px 46px 24px;width:470px;background:linear-gradient(160deg,#14222bef,#08111af2);border:1px solid #827556;box-shadow:0 18px 70px #0008;position:relative}.start-card:before{position:absolute;content:'';top:-1px;left:25%;width:50%;height:2px;background:#dac58a}.eyebrow{font-size:9px;letter-spacing:4px;color:#bfab7d}h1{font:700 36px Georgia,serif;letter-spacing:3px;color:#ede9dc;margin:20px 0 15px;text-shadow:0 2px 4px #000}h1 span{display:block;color:var(--gold);font-size:20px;letter-spacing:12px;margin-top:7px;margin-left:12px}.start-card p{font-size:12px;color:#acbdc3;line-height:1.9;margin:16px 0 20px}.hero-intro{display:flex;text-align:left;align-items:center;gap:14px;margin:0 auto 22px;width:220px}.hero-intro img{width:64px;height:64px;object-fit:cover;border:1px solid #76867e}.hero-intro div{display:flex;flex-direction:column;gap:5px}.hero-intro small{font-size:8px;letter-spacing:2px;color:#8eabae}.hero-intro b{font:19px Georgia,serif;letter-spacing:3px}.hero-intro span{font-size:10px;color:#8fb6c2}.primary-button{min-height:43px;min-width:220px;background:linear-gradient(#c1ab78,#8f7850);border:1px solid #ddc998;color:#111b21;font-size:11px;font-weight:700;letter-spacing:2px;padding:13px 22px;box-shadow:0 4px 14px #0004;transition:filter .15s}.primary-button:hover:not(:disabled){filter:brightness(1.15)}.loading-track{height:2px;background:#26373e;width:220px;margin:12px auto 0}.loading-track i{height:100%;display:block;width:0;background:#91deed}.loading-text{display:block;font-size:9px;color:#8aa8af;min-height:12px;margin:10px 0 0;line-height:1.6}.prototype-note{display:block;margin-top:18px;font-size:8px;letter-spacing:1.8px;color:#6e8790}.result-card{text-align:center;max-width:480px;padding:30px}.result-card h2{font:48px Georgia,serif;letter-spacing:8px;color:#e7deca;margin:20px 0}.result-card h2.victory{color:#a2e4e4}.result-card h2.defeat{color:#ee9e8f}.result-card p{font-size:13px;color:#c1cdd0;line-height:1.8}.result-card small{display:block;font-size:9px;letter-spacing:2px;color:var(--gold);margin:20px 0}.respawn{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:#101922dd;text-align:center;padding:18px 35px;border:1px solid #7d625a;color:#e5c4b7;font-size:10px;letter-spacing:3px;pointer-events:none}.respawn b{display:block;margin:10px;font:36px Georgia,serif}.respawn small{font-size:7px;letter-spacing:2px}.hud{display:flex;align-items:center;gap:32px;min-height:132px;padding:22px 28px;border-top:1px solid #72694e;background:linear-gradient(180deg,#202c32,#111c24 14%,#0b151f 100%);position:relative}.champion{display:flex;align-items:center;gap:15px;min-width:290px}.portrait-frame{position:relative;width:78px;height:78px;border:2px solid #857955;box-shadow:0 0 0 3px #07121a,0 0 0 4px #4a4d42;flex-shrink:0}.portrait-frame img{width:100%;height:100%;object-fit:cover}.portrait-frame>b{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);width:24px;height:22px;background:#0c1820;border:1px solid #ad9868;text-align:center;font:13px/20px Georgia,serif;color:#e3d5ae}.vitals{width:210px}.champion-name{display:flex;align-items:center;gap:12px}.champion-name b{font:15px Georgia,serif;letter-spacing:2px;color:#e5e3d6}.champion-name span{font-size:7px;letter-spacing:1px;color:#869d9f}.health-track{margin-top:12px;height:18px;background:#030c12;position:relative;border:1px solid #44685e}.health-track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#287d66,#75c9a3);transition:width .1s}.health-track>span{position:absolute;inset:0;text-align:center;font-size:9px;line-height:16px;color:#fff;text-shadow:0 1px 2px #000}.xp-track{height:4px;background:#020b12;margin-top:4px}.xp-track i{display:block;height:100%;background:#79beda;width:0}.gold-counter{font-size:10px;color:#d6bc76;margin-top:9px;display:block}.gold-counter b{font-weight:500;margin:0 5px}.gold-counter span{font-size:8px;letter-spacing:1px;color:#80999f}.abilities{display:flex;gap:12px;align-items:center}.abilities button{width:68px;height:68px;position:relative;padding:0;background:#0b1824;border:1px solid #a79566;box-shadow:0 0 0 3px #06111a,0 0 0 4px #3d4743;transition:transform .1s,border-color .1s}.abilities button:hover:not(:disabled){transform:translateY(-2px);border-color:#ebd7a5}.abilities button:active:not(:disabled){transform:translateY(0)}.abilities img{width:100%;height:100%;object-fit:cover;display:block}.abilities button:disabled img{filter:saturate(.55) brightness(.7)}.abilities kbd{position:absolute;left:-5px;top:-7px;min-width:21px;height:20px;font:11px/18px Arial;background:#101d28;color:#f3e4ba;border:1px solid #c3b084;text-align:center}.abilities button>span{position:absolute;top:76px;left:0;width:100%;font-size:8px;color:#a5b4b7;letter-spacing:2px}.abilities em{position:absolute;inset:0;background:#06111cbb;display:flex;align-items:center;justify-content:center;color:#eefaff;font-style:normal;font-size:24px}.control-hints{display:flex;flex-direction:column;gap:8px;color:#7f98a4;font-size:10px}.control-hints b{font-size:8px;font-weight:600;color:#c1ced0;margin-right:7px}.objective{margin-left:auto;display:flex;gap:13px;align-items:center;border-left:1px solid #3d4947;padding-left:25px}.objective-icon{font-size:34px;color:#aa956c}.objective div{display:flex;flex-direction:column;gap:7px}.objective small{font-size:8px;letter-spacing:2px;color:#ab9567}.objective b{font:14px Georgia,serif;font-weight:400;color:#d5dad2}.objective div>span{font-size:9px;color:#78939d}footer{display:flex;align-items:flex-start;gap:35px;justify-content:space-between;padding:18px 0 24px;color:#657f8a;font-size:8px;letter-spacing:1px}footer>span{padding-top:5px}details{max-width:600px;font-size:11px;letter-spacing:0;color:#8aa0a9;line-height:1.8}summary{cursor:pointer;text-align:right;color:#9aaeb5;font-size:10px}details p{margin-bottom:0}.quiet-button:active,.camera-tools button:active{transform:translateY(1px)}@media(min-width:1600px){.arena{height:780px}}@media(max-width:1200px){.hud{gap:25px;padding:22px}.objective{display:none}.control-hints{margin-left:auto}.camera-tools{top:80px}.champion{min-width:270px}.vitals{width:190px}}@media(max-width:800px){.masthead{padding:16px;min-height:80px;gap:12px}.brand-name{font-size:16px;letter-spacing:2px}.brand-sub{font-size:8px}.brand-mark{font-size:28px}.match-type{display:none}.header-actions{margin-left:auto}.quiet-button{padding:8px 10px;font-size:10px}main{padding:0 12px}.arena{height:60vh;min-height:420px}.hud{gap:24px 20px;flex-wrap:wrap;padding:20px 18px}.champion{min-width:230px;flex:1}.vitals{width:auto;flex:1}.portrait-frame{width:64px;height:64px}.abilities button{width:58px;height:58px}.abilities button>span{top:65px}.abilities{gap:12px}.control-hints{flex-direction:row;width:100%;justify-content:space-between;gap:6px;margin-top:8px;font-size:8px}.control-hints b{font-size:7px;margin-right:4px}.scoreboard{min-width:290px;height:60px}.camera-tools{top:74px;right:10px}.camera-tools button{font-size:9px;padding:5px 7px}.map-caption{left:12px;bottom:14px;font-size:8px}.map-caption small{font-size:7px}.start-card{max-width:calc(100% - 32px);padding:22px;width:370px}h1{font-size:28px;margin:14px 0}h1 span{font-size:17px}.start-card p{font-size:11px;margin:12px 0}.hero-intro{margin-bottom:16px}.prototype-note{margin-top:12px;font-size:7px}.announcement{top:119px;font-size:12px}footer{gap:14px;flex-direction:column}summary{text-align:left}.result-card h2{font-size:36px}.brand-sub{letter-spacing:3px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Camera controls stay below the lane, clear of the enemy base. */
.camera-tools{top:auto;right:auto;left:20px;bottom:16px}.map-caption{bottom:62px}
@media(max-width:800px){.camera-tools{top:auto;right:auto;left:10px;bottom:12px}.map-caption{bottom:56px}}

.animation-link{color:#bca679;font-size:10px;letter-spacing:1px;text-decoration:none;padding:5px 0;white-space:nowrap}.animation-link:hover{color:#eee1bc}
/* Preview canvases keep their intrinsic square aspect, independent of the arena. */
.lab-card canvas{height:auto}

/* Environment quality and large-display presentation. */
.quality-control{display:flex;flex-direction:column;gap:5px;min-width:132px}.quality-control label{font-size:8px;letter-spacing:2px;color:#9caeac}.quality-control select{background:#13232e;border:1px solid #667365;color:#e4e6d5;padding:7px 26px 7px 10px;font-size:11px}.quality-control small{font-size:8px;color:#8caab1;max-width:185px;line-height:1.5}.masthead{flex-wrap:wrap;max-width:1920px}main{max-width:1920px}.arena-shell:fullscreen{width:100vw;height:100vh;display:flex;flex-direction:column;border:0;background:#08121b}.arena-shell:fullscreen .arena{flex:1;height:auto;min-height:0}.arena-shell:fullscreen .hud{flex-shrink:0;min-height:110px}.arena-shell:fullscreen .camera-tools{z-index:3}.arena-shell:fullscreen:before,.arena-shell:fullscreen:after{display:none}@media(max-width:800px){.quality-control{min-width:105px}.quality-control small{font-size:7px}.masthead{gap:14px}.header-actions{margin-left:auto}}@media(max-width:550px){.quality-control{order:3;width:100%;flex-direction:row;align-items:center}.quality-control select{width:90px}.quality-control small{max-width:none;margin-left:auto}.camera-tools button{padding:5px 6px;font-size:8px}}

.arena-shell.is-expanded{position:fixed;inset:0;z-index:100;width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;border:0;background:#08121b}.arena-shell.is-expanded .arena{flex:1;height:auto;min-height:0}.arena-shell.is-expanded .hud{flex-shrink:0;min-height:110px}.arena-shell.is-expanded .camera-tools{z-index:3}.arena-shell.is-expanded:before,.arena-shell.is-expanded:after{display:none}

.asset-errors{max-height:150px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.6 monospace;text-align:left;color:#efb7a4;border:1px solid #6e5147;padding:10px;margin:12px 0;background:#0b141d}.start-card{max-height:calc(100% - 24px);overflow:auto}#retry-assets{margin-top:12px}

/* Online lobby */
.mode-picker{display:flex;gap:6px;margin:0 0 18px}.mode-picker button{flex:1;border:1px solid #43545a;background:#0c1922;color:#9fb5bc;padding:10px 5px;font-size:10px;letter-spacing:1px}.mode-picker button[aria-pressed=true]{border-color:#c5af7c;background:#2c3432;color:#f0dfb6}.start-card:has(#online-panel:not([hidden])){width:570px;padding:18px 32px}.start-card:has(#online-panel:not([hidden])) h1{font-size:27px;margin:12px 0}.start-card:has(#online-panel:not([hidden])) h1 span{font-size:14px}.start-card:has(#online-panel:not([hidden]))>p{margin:10px 0;font-size:11px;line-height:1.6}.lobby-label{display:block;font-size:8px;letter-spacing:2px;color:#a6bebf;text-align:left;margin-bottom:7px}.lobby-input{display:block;width:100%;background:#08141d;border:1px solid #42575c;padding:11px;color:#e2eaeb;font:12px Arial;border-radius:0}.lobby-input:focus{outline:1px solid #8fd8e9;border-color:#8fd8e9}#create-room{width:100%;margin-top:10px}.join-row{display:flex;gap:8px;margin-top:12px}.join-row input{min-width:0;flex:1;letter-spacing:3px}.join-row button{white-space:nowrap}.lobby-hint{display:block;color:#8da5a9;font-size:9px;line-height:1.6;margin:12px 0}.room-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a1b7bd}.room-heading b{font:20px monospace;letter-spacing:3px;color:#edd8a9;margin-left:8px}.room-heading button{font-size:9px;padding:7px 9px}#invite-link{font-size:10px;margin-top:8px}.team-lists{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:13px 0}.team-lists h3{font-size:9px;letter-spacing:2px;margin:0 0 8px}.blue-roster h3{color:#89e4f7}.red-roster h3{color:#ff9a8e}.team-lists ul{padding:0;margin:0;list-style:none}.team-lists li{min-height:47px;text-align:left;margin-bottom:6px;background:#0b1720;border:1px solid #3c4a50;padding:8px}.team-lists li b{display:block;font-size:10px;overflow-wrap:anywhere}.team-lists li small{display:block;margin-top:5px;font-size:7px;letter-spacing:1px;color:#c0a787}.team-lists li.ready{border-color:#5c8c78}.team-lists li.ready small{color:#8ce2b9}.team-lists li.empty{border-style:dashed;color:#6f858c}.ready-row{display:flex;align-items:center;gap:9px}.ready-row label{font-size:8px;letter-spacing:1px;color:#99afb4}.ready-row select{color:#e2eaea;background:#14242d;border:1px solid #53645e;padding:8px}.ready-row button{margin-left:auto;min-width:140px;min-height:36px;padding:8px}.ready-row button[aria-pressed=true]{background:#325c4f;color:#c5f3dd;border-color:#75b49b}#room-status{font-size:10px;margin:10px 0;color:#bad8d4}.online-message{font-size:10px!important;line-height:1.6!important;min-height:15px;color:#dfc195!important;margin:9px 0!important}.network-status{font-size:8px;letter-spacing:.5px;color:#8cb6b3}.network-status[data-status=reconnecting],.network-status[data-status=offline]{color:#f6aa91}#connection-overlay{z-index:7}#connection-title{font-size:30px;letter-spacing:3px}.champion.red .portrait-frame img{object-fit:contain;background:#35191c}.champion.red .health-track i{background:linear-gradient(90deg,#8d3835,#de8579)}
@media(max-width:1050px){.match-type{flex-wrap:wrap;gap:6px;max-width:230px}.network-status{width:100%;order:3}.start-card:has(#online-panel:not([hidden])){max-width:calc(100% - 20px)}}
@media(max-width:550px){.start-card:has(#online-panel:not([hidden])){padding:15px}.team-lists{gap:7px}.room-heading b{font-size:16px}.ready-row button{min-width:100px}.ready-row label{font-size:7px}}

/* RPG expansion */
#rpg-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#0b1b27;padding:10px;border:1px solid #62736d;border-top:0}
#rpg-bar button,.rpg-item button,.hero-option,#rpg-close{background:#172c38;border:1px solid #5a797c;color:#d3eaf0;padding:9px 13px;font-size:11px;font-weight:700;letter-spacing:1px}
#rpg-bar button:hover,.rpg-item button:hover:not(:disabled),.hero-option:hover{border-color:#e1c47d;background:#263946}
#rpg-bar span{color:#d9bd79}#rpg-equipped{margin-left:auto;font-size:10px;color:#b1bbc4}
#rpg-pane{background:#091823;color:#dbe5e5;border:1px solid #9a805b;padding:16px 20px;max-height:58vh;overflow:auto;box-shadow:0 6px 30px #0008}
.rpg-header{display:flex;justify-content:space-between;align-items:center;letter-spacing:2px;color:#e3c883}
#rpg-status{font-size:11px;color:#b6cec5}#rpg-content h3,#rpg-content h4{color:#e9c989;letter-spacing:2px;margin:15px 0}
#rpg-content p{font-size:12px;color:#a9b9c0}.rpg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px}
.rpg-item{display:flex;flex-direction:column;gap:9px;padding:14px;border:1px solid #385766;background:#102632;min-height:135px}
.rpg-item b{color:#f1eadc;font-size:12px}.rpg-item span,.rpg-item small{font-size:10px;color:#b1d3d5}
.rpg-item button{margin-top:auto}.rpg-item button:disabled{opacity:.4}.rank-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.rank-row button{margin:0!important;border-radius:5px;font-size:18px;padding:4px 15px}.heroes-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.hero-option{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:0}.hero-option img{width:104px;height:104px;object-fit:contain}.hero-option small{color:#9fc8c9}
.hero-option.chosen{border-color:#f1d27e;box-shadow:0 0 12px #d7b66f55}
#rpg-close{padding:6px 12px}#rpg-bar button.active{border-color:#e1c47d;color:#f4d595}
@media(max-width:800px){#rpg-bar button{font-size:9px;padding:8px}#rpg-equipped{width:100%;margin:0}#rpg-pane{max-height:50vh}}

.arena-shell.is-expanded #rpg-pane,.arena-shell:fullscreen #rpg-pane{position:absolute;inset:auto 5% 100px 5%;z-index:20;max-height:68vh;overflow:auto}.arena-shell.is-expanded #rpg-bar,.arena-shell:fullscreen #rpg-bar{flex-shrink:0;padding:7px}

/* V0.6.1 loading scene and champion lobby */
.boot-screen[hidden]{display:none!important}.boot-screen{position:fixed;inset:0;z-index:9999;background:radial-gradient(ellipse at 50% 35%,#254052 0,#111c28 38%,#050910 88%);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e5e4d7;text-align:center;padding:24px}.boot-art{display:flex;align-items:center;flex-direction:column;gap:10px}.boot-emblem{font-size:75px;color:#c7b17c;text-shadow:0 0 35px #bda56a55;animation:boot-glow 2.2s ease-in-out infinite alternate}.boot-eyebrow{letter-spacing:8px;font:14px Georgia,serif;color:#cfbea0}.boot-art strong{font:clamp(45px,8vw,80px) Georgia,serif;letter-spacing:12px;text-shadow:0 7px 35px #030607}.boot-art small{font:10px Arial,sans-serif;letter-spacing:3px;color:#97aeba}.boot-bar{height:8px;width:min(430px,80vw);border:1px solid #7e876e;background:#050e17;margin-top:45px;padding:1px;box-shadow:0 0 25px #4bbcd522}.boot-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#437c91,#c9bd8f);transition:width .25s}.boot-screen p{font:11px Arial,sans-serif;letter-spacing:1px;color:#acc0c6;min-height:18px;margin:15px}.boot-screen button{background:#162833;border:1px solid #bca574;color:#f0dcad;padding:12px 24px;cursor:pointer}@keyframes boot-glow{to{filter:brightness(1.5);transform:scale(1.05)}}
.start-card:has(.champion-selection){width:min(900px,calc(100% - 28px));max-height:calc(100% - 20px);overflow-y:auto;padding:20px 28px}.start-card:has(.champion-selection) h1{margin:8px;font-size:27px}.start-card:has(.champion-selection) h1 span{font-size:15px}.start-card:has(.champion-selection)>p{margin:8px 0 14px}.champion-selection{border:1px solid #46534d;padding:12px;margin:12px 0;background:linear-gradient(130deg,#111d29,#0b141b)}.lobby-section-label{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;text-align:left}.lobby-section-label b{letter-spacing:2px;font-size:11px;color:#e0d4ae}.lobby-section-label small{letter-spacing:1px;font-size:8px;color:#9eabb0}.lobby-hero-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.lobby-hero{display:flex;flex-direction:column;align-items:center;background:#0b1923;border:1px solid #49535a;padding:7px 5px;min-width:0;cursor:pointer;color:#e9e5d7;transition:border-color .2s,transform .2s,box-shadow .2s}.lobby-hero:hover,.lobby-hero:focus-visible{transform:translateY(-2px);border-color:#7bccda}.lobby-hero.selected{border-color:#e5c58a;box-shadow:0 0 0 1px #b49f67,0 0 22px #bb995533;background:#172934}.lobby-hero img{display:block;width:100%;height:clamp(72px,12vh,130px);object-fit:contain;background:radial-gradient(ellipse at bottom,#314453,#101923 75%)}.lobby-hero b{font-size:9px;letter-spacing:.6px;margin-top:7px}.lobby-hero small{font-size:8px;letter-spacing:1px;color:#b9a77f;margin-top:5px}.hero-selection-detail{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:15px;margin-top:10px}.hero-selection-detail>div{display:flex;flex-direction:column;gap:4px}.hero-selection-detail small{color:#96afb6;font-size:8px;line-height:1.5}.hero-selection-detail b{color:#e8d5a4;letter-spacing:2px;font-size:13px}.hero-selection-detail span{color:#a4c5c9;font-size:9px}.hero-selection-detail>small{max-width:190px;text-align:right}.start-card:has(.champion-selection) .hero-intro{display:none!important}
@media(max-width:660px){.start-card:has(.champion-selection){padding:10px}.lobby-hero-grid{gap:4px}.lobby-hero{padding:3px}.lobby-hero img{height:67px}.lobby-hero b{font-size:7px}.lobby-hero small{font-size:6px}.hero-selection-detail>small{display:none}.champion-selection{padding:8px}}@media(prefers-reduced-motion:reduce){.boot-emblem{animation:none}}

.lobby-skill-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0}.lobby-skill-preview>div{display:grid;grid-template-columns:32px 1fr;gap:3px 7px;align-items:center;border:1px solid #45595c;background:#0a1722;padding:7px;text-align:left}.lobby-skill-preview img{width:32px;height:32px;grid-row:span 2}.lobby-skill-preview b{font-size:9px;letter-spacing:.3px}.lobby-skill-preview small{font-size:8px;color:#a6bdc4}.abilities button{border-color:var(--skill-color,#bca679)}.abilities button>span{font-size:8px;letter-spacing:.7px;line-height:1.3}.champion-name b{font-size:12px;letter-spacing:.8px}.champion-name{gap:8px}.champion-name span{font-size:6px}.champion .portrait-frame img{object-fit:contain;background:#0b1722}.lobby-hero:disabled{opacity:.6;cursor:default}
#boot-details{max-width:min(680px,90vw);max-height:28vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;padding:14px;border:1px solid #7b6555;background:#07101b;font:12px/1.7 monospace;color:#f0c4a2}#boot-hint{max-width:620px;color:#adc5cc;font:11px/1.7 Arial;margin:0 0 16px}.boot-screen[data-state=error] .boot-emblem{animation:none;color:#e1a081}