@charset "UTF-8";
:root{color-scheme:dark;--ink:#0a1a21;--panel:#13272f;--gold:#e7c58b;--cream:#f2ebdb;--teal:#75d9c4;--muted:#a0b2b5;--line:rgba(188,215,206,.15);--red:#e88a76;font-family:"Segoe UI",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{min-height:100%;background:var(--ink);scroll-behavior:smooth}body{margin:0;color:var(--cream);background:#0b1c24;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button,select,input{transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s}input,select{min-width:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}button span{pointer-events:none}[hidden]{display:none!important}::selection{background:#c4a26955;color:#fff7e5}
#world{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#20463f,#071921 70%)}.world-shade{position:fixed;inset:0;pointer-events:none;z-index:1;transition:background .7s}.screen-home .world-shade{background:linear-gradient(90deg,#0b1b23 0%,#0b1b23ed 20%,#0b1b2399 39%,#0b1b2310 65%,#0b1b2322),linear-gradient(0deg,#091b23 0%,#091b23d9 20%,#091b2300 47%),linear-gradient(180deg,#081923b3,transparent 22%)}.screen-lobby .world-shade{background:#071a22dd;backdrop-filter:blur(6px)}.screen-game .world-shade{background:linear-gradient(180deg,#04161e55,transparent 18%,transparent 75%,#04161e66)}
.topbar{position:relative;z-index:5;height:96px;margin:0 5.4%;display:flex;align-items:center;gap:5vw;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;background:none;text-align:left;letter-spacing:.15em;font-size:15px;font-weight:650;padding:0;line-height:1.15}.brand-rune{font-size:45px;font-weight:300;color:var(--gold);line-height:1}.brand-arena{display:block;letter-spacing:.36em;font-size:11px;color:var(--gold);margin-top:5px}.topbar nav{display:flex;height:100%;gap:32px}.nav-link{position:relative;background:none;padding:2px 0 0;font-size:10px;letter-spacing:.15em;font-weight:650;color:#91a8ac}.nav-link.active,.nav-link:hover{color:var(--cream)}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gold)}.server-status{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:9px;font-weight:600;letter-spacing:.1em;color:#9db3b6}.status-dot,.dot{display:inline-block;width:5px;height:5px;background:#879296;border-radius:50%;flex:none}.status-dot.connected,.status-dot.online,.status-dot.ready{background:var(--teal);box-shadow:0 0 9px #75d9c455}.status-dot.error,.status-dot.offline{background:var(--red)}.version{border-left:1px solid var(--line);padding-left:15px;margin-left:5px;color:#65838a;font-size:8px}
.home{position:relative;z-index:2;max-width:1680px;margin:0 auto;padding:0 5.4%}.hero{padding:67px 0 66px;max-width:640px;min-height:478px}.eyebrow,.tiny,.section-label,.field-label{font-size:9px;font-weight:650;letter-spacing:.16em;line-height:1.5}.eyebrow{color:var(--gold);display:flex;align-items:center;gap:12px}.eyebrow>span:first-child{display:inline-block;height:1px;width:26px;background:var(--gold)}h1{font-size:clamp(60px,6.2vw,92px);line-height:1.04;letter-spacing:-.055em}.hero h1{margin:23px 0 22px;max-width:600px}.hero h1 em{font-weight:400;color:var(--gold);font-style:italic}.hero-copy{font-size:13px;line-height:1.9;color:#a9bec0;max-width:440px}.hero-actions{display:flex;gap:11px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:47px;padding:0 22px;border:1px solid transparent;font-size:9px;font-weight:750;letter-spacing:.11em;border-radius:2px;white-space:nowrap}.button span{font-size:17px;font-weight:400;line-height:1}.button.gold{background:linear-gradient(110deg,#e2bd7e,#f0d4a0);color:#17272b;border-color:#efd4a4;box-shadow:0 4px 25px #bb8e3d0a}.button.gold:hover{background:#f9dfac;box-shadow:0 4px 32px #d4b67a26;transform:translateY(-1px)}.button.outline{background:#11272c88;border-color:#7b9c9755;color:#d0dcd5}.button.outline:hover{border-color:var(--teal);background:#1e3d3caa}.button.subtle{background:transparent;border-color:var(--line);color:var(--muted)}.button.subtle:hover{color:var(--cream);border-color:#bbd0c644}.button.full{width:100%}.practice-link{display:flex;align-items:center;gap:8px;background:transparent;font-size:11px;color:#98b3b5;padding:0;margin-top:16px}.practice-link span{font-size:19px;color:var(--gold)}.practice-link:hover{color:var(--cream)}.hero-meta{display:flex;align-items:center;gap:17px;margin-top:31px;font-size:8px;font-weight:600;letter-spacing:.11em;color:#7e9b9e}.hero-meta>span{display:flex;align-items:center;gap:6px}.hero-meta>span+span:before{content:"";width:2px;height:2px;background:#577775;border-radius:50%;margin-right:9px}.dot.teal{background:var(--teal)}.arena-caption{position:absolute;right:7.5%;top:364px;display:flex;gap:16px;align-items:flex-start;pointer-events:none;text-shadow:0 2px 7px #05181e}.caption-line{height:38px;width:1px;background:linear-gradient(var(--gold),#e7c58b00);margin-top:2px}.arena-caption>div{display:grid;gap:7px}.tiny{color:var(--gold)}.arena-caption .tiny{font-size:8px;color:#a4b4a5}.arena-caption strong{font-family:Georgia,serif;font-weight:400;font-size:22px;color:#efe8d7}.arena-caption>div>span:last-child{font-size:10px;color:#91aaa6}
.home-bottom{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:50px;margin:9px 0 28px;padding-top:27px;border-top:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;color:#91a9ab;margin-bottom:15px;font-size:8px}.section-label>span:last-child{color:#52767a;letter-spacing:.08em}.champion-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.champion-option{position:relative;display:flex;align-items:center;gap:18px;text-align:left;min-height:109px;padding:19px 20px;background:linear-gradient(120deg,#163039c9,#13272f9c);border:1px solid #698c8d2c;border-radius:3px;overflow:hidden}.champion-option:before{content:"";position:absolute;left:-14px;bottom:-28px;width:130px;height:130px;border:1px solid #7e9e9811;border-radius:50%;pointer-events:none}.champion-option:hover{background:#1c3940cc;border-color:#83b6ab77}.champion-option.selected{border-color:#bd9a6273;background:linear-gradient(110deg,#8a60491c,#1b3032cf)}.champion-emblem{font-size:38px;line-height:1;display:grid;place-items:center;width:49px;flex:none;filter:drop-shadow(0 4px 16px #0004)}.mushroom-emblem{color:#e59680}.naga-emblem{color:#7fd7c7}.champion-option>span:nth-child(2){display:grid;gap:4px}.champion-option small{font-size:7px;font-weight:600;letter-spacing:.13em;color:#809b9f}.champion-option strong{font-family:Georgia,serif;font-size:23px;font-weight:400;line-height:1.2}.champion-option>span:nth-child(2)>span{font-size:10px;color:#89a4a7}.pick-check{display:none;margin-left:auto;border:1px solid #c5a46988;width:18px;height:18px;border-radius:50%;place-items:center;font-size:10px;color:var(--gold)}.selected>.pick-check{display:grid}.mode-teaser{border-left:1px solid var(--line);padding-left:30px;padding-top:1px}.mode-teaser .tiny{font-size:7px;color:#819e9e;letter-spacing:.12em}.mode-teaser h2{font-size:25px;margin:9px 0}.mode-teaser p{font-size:10px;line-height:1.8;color:#8da8ab;max-width:275px}.small-tag{display:inline-block;font-size:6px;letter-spacing:.13em;font-weight:600;border:1px solid #526e704f;padding:5px 7px;color:#9db5b1;margin:12px 7px 0 0;border-radius:1px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:19px 0 22px;color:#55777c;font-size:7px;font-weight:650;letter-spacing:.1em}footer b{font-size:14px;color:#a79066;font-weight:400;padding:0 8px}footer button{background:none;padding:3px 0;color:#829f9f;font-size:9px;letter-spacing:0}footer button:hover{color:var(--gold)}
.lobby-screen{position:relative;z-index:3;max-width:1150px;margin:0 auto;padding:48px 34px 50px}.lobby-top{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:33px}.lobby-top h1{font-size:55px;margin-top:12px;letter-spacing:-.04em}.lobby-top .eyebrow{font-size:8px}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:28px}.lobby-main{min-width:0}.player-slots{display:grid;grid-template-columns:1fr 1fr;gap:14px}.player-slot{position:relative;min-height:186px;padding:25px 21px;border:1px solid #7b9c9744;background:linear-gradient(140deg,#1d3941d6,#10272d);border-radius:3px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.player-slot:after{content:"✧";position:absolute;right:15px;top:25px;font-size:100px;font-weight:200;line-height:1;color:#82958f0c}.player-slot.ready{border-color:#72cdb47a;background:linear-gradient(140deg,#25413cb0,#10272d)}.player-slot.empty{border-style:dashed;background:#0f222b88;color:#6e8e93;justify-content:center;align-items:center}.slot-number{font-size:8px;letter-spacing:.18em;color:#778f9299;font-weight:600;margin-bottom:12px}.slot-name{font-family:Georgia,serif;font-size:27px;font-weight:400;color:#eee7d6;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-champion{font-size:11px;color:#a0b7b7}.slot-state{margin-top:auto;padding-top:15px;color:#9bb3b4;font-size:8px;font-weight:650;letter-spacing:.1em}.ready .slot-state,.slot-state.ready{color:var(--teal)}.player-slot select{position:relative;z-index:1;font-size:11px;padding:6px 8px;margin:5px 0;background:#10262c;border:1px solid #52787766;border-radius:2px;color:#c9d7ce;max-width:100%}.slot-name small,.slot-host,.host-badge{font:600 7px "Segoe UI",sans-serif;color:var(--gold);letter-spacing:.08em;margin-left:7px}.lobby-config{margin-top:29px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-card{display:grid;grid-template-columns:26px 1fr;gap:7px 10px;text-align:left;padding:17px 14px;background:#10272e;border:1px solid var(--line);border-radius:3px;min-height:84px}.mode-card>span{grid-row:1/3;font-size:24px;color:#9aaca3;align-self:center}.mode-card strong{font-size:11px;font-weight:650;color:#ccd7cf;align-self:end}.mode-card small{font-size:9px;color:#829da1}.mode-card.selected{border-color:#c2a16c91;background:#c2a16c0b}.mode-card.selected>span{color:var(--gold)}.mode-card:hover{border-color:#b6bc9866}.lobby-actions{display:flex;gap:12px;margin-top:29px}.lobby-actions>.button{flex:1}.lobby-actions .ready,.lobby-actions .is-ready{border-color:#65cbae88;color:var(--teal);background:#65cbae0c}.muted{color:#829da1;font-size:10px;line-height:1.7;margin-top:14px}.invite-panel{padding:27px 23px;border:1px solid #6689823a;border-top-color:#c2a16c7a;background:linear-gradient(145deg,#1c3439d9,#14282fee);border-radius:3px}.invite-panel .tiny{font-size:8px}.invite-panel h2{font-size:30px;line-height:1.2;margin:13px 0}.invite-panel>p{color:#a0b7b8;font-size:11px;line-height:1.8}.field-label{display:block;color:#8aa6a9;margin:23px 0 9px;font-size:8px}.copy-field{display:flex;height:42px;min-width:0}.copy-field input{width:100%;min-width:0;border:1px solid #688c8555;border-right:0;background:#081c24a6;padding:0 10px;font-size:10px;color:#afc7c3;border-radius:2px 0 0 2px}.copy-field button{width:40px;flex:none;background:#284341;border:1px solid #688c8555;color:var(--gold);font-size:20px;border-radius:0 2px 2px 0}.copy-field button:hover{background:#385a50}.room-code{display:flex;align-items:center;justify-content:space-between;padding:20px 0;margin-top:5px;border-bottom:1px solid var(--line)}.room-code span{font-size:8px;letter-spacing:.1em;color:#77999c}.room-code strong{font-family:Consolas,monospace;color:var(--gold);font-size:23px;letter-spacing:.13em;font-weight:400}.invite-panel .invite-note{font-size:9px;line-height:1.8;color:#78969a;margin-top:19px}.text-link{background:none;padding:0;color:#b6c9bd;font-size:10px;margin-top:24px}.text-link:hover{color:var(--gold)}
.screen-game{overflow:hidden}.screen-game .topbar{display:none}.game-ui{position:fixed;inset:0;z-index:3;pointer-events:none}.scoreboard{position:absolute;left:50%;top:0;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:12px 25px 15px;background:linear-gradient(#09212cf5,#0b232cd9);border:1px solid #9fb4a339;border-top:0;border-radius:0 0 12px 12px;box-shadow:0 6px 40px #03101455;min-width:380px;justify-content:center}.score-player{display:flex;align-items:center;justify-content:flex-end;gap:15px;min-width:110px}.score-player>span{font-size:11px;font-weight:650;color:#a2deca;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-player>strong{font-family:Georgia,serif;font-size:33px;color:var(--cream);font-weight:400}.score-player.right{justify-content:flex-start}.score-player.right>span{color:#efaa8c}.match-clock{text-align:center;padding:0 17px;border-left:1px solid var(--line);border-right:1px solid var(--line);display:grid;gap:3px;min-width:92px}.match-clock small{font-size:7px;color:var(--gold);letter-spacing:.16em;font-weight:650}.match-clock strong{font-size:24px;font-weight:400;letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1.2}.match-clock>span{font-size:6px;color:#6e9599;letter-spacing:.17em;font-weight:700}.game-top-actions{position:absolute;right:25px;top:22px;display:flex;gap:7px;pointer-events:auto}.game-top-actions button{display:grid;place-items:center;width:34px;height:34px;background:#0b252dd9;border:1px solid #9ab7a64d;border-radius:3px;color:#c4cdb5;font-size:20px;box-shadow:0 3px 15px #07151b44}.game-top-actions button:hover{background:#29423e;border-color:var(--gold)}
.bottom-hud{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;padding:13px 20px;background:linear-gradient(140deg,#102a31f5,#0c222cf2);border:1px solid #b3b59b58;border-radius:7px;box-shadow:0 8px 40px #04121999;pointer-events:auto;max-width:calc(100vw - 28px)}.player-hud{display:flex;align-items:center;gap:13px;width:240px;flex-shrink:0}.hud-portrait{display:grid;place-items:center;width:52px;height:58px;flex:none;background:radial-gradient(ellipse at 50% 45%,#31524c,#122b33 65%);border:1px solid #c8ae7855;border-radius:4px;font-size:36px;box-shadow:inset 0 0 12px #101f2a}.health-details{flex:1;min-width:0}.health-details>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:7px}.health-details strong{font-family:Georgia,serif;font-size:17px;font-weight:400}.health-details #healthText{font-size:8px;color:#b4c9c5;font-variant-numeric:tabular-nums;white-space:nowrap}.health-track{height:9px;background:#05151d;border:1px solid #688b7d55;position:relative;border-radius:2px;overflow:hidden}#healthFill{height:100%;width:100%;background:linear-gradient(90deg,#479d85,#83d7ad);transition:width .12s linear}#shieldFill{position:absolute;left:0;top:0;height:100%;background:repeating-linear-gradient(110deg,#b3e6e8bb,#b3e6e8bb 3px,#6dbac9aa 3px,#6dbac9aa 5px);max-width:100%;transition:width .12s linear}.health-details>small{display:block;color:#6c9a9c;font-size:7px;margin-top:6px;max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-bar{display:flex;gap:8px}.skill-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:58px;flex:none;background:linear-gradient(150deg,#2a5351,#15303b);border:1px solid #80b6a759;border-radius:4px;overflow:visible;box-shadow:inset 0 0 20px #a0e6bd08}.skill-button:hover{border-color:var(--gold);box-shadow:0 0 18px #c3e6b81f}.skill-button:disabled{opacity:1;cursor:default}.skill-button .skill-icon,.skill-button>.icon{font-size:26px;color:#c5e5cd;line-height:1;position:relative;z-index:1;filter:drop-shadow(0 2px 3px #0005)}.skill-button:nth-child(2){background:linear-gradient(145deg,#294857,#152b36)}.skill-button:nth-child(3){background:linear-gradient(145deg,#4f5243,#253b38)}.skill-button:nth-child(4){background:linear-gradient(145deg,#4c455c,#1d293c);border-color:#bfa1d559}.skill-button:nth-child(4) .skill-icon{color:#dac3e9}.skill-button kbd{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);min-width:20px;white-space:nowrap;text-align:center;padding:2px 4px;border:1px solid #829f9270;background:#09212b;border-radius:2px;color:#d4dccb;font:650 8px "Segoe UI",sans-serif;z-index:4;letter-spacing:.02em}.cooldown-shade{position:absolute;inset:0;background:#061821b8;border-radius:3px;display:grid;place-items:center;font-size:18px;font-weight:600;color:#e7e6d4;font-variant-numeric:tabular-nums;z-index:3;pointer-events:none}.skill-cooldown{position:absolute;inset:0;display:grid;place-items:center;color:#f4e6c5;font-size:19px;font-weight:650;z-index:4}.skill-button .skill-name{position:absolute;bottom:69px;left:50%;transform:translateX(-50%);background:#0b222bf2;border:1px solid var(--line);padding:7px 10px;font-size:9px;white-space:nowrap;border-radius:2px;opacity:0;pointer-events:none;transition:opacity .15s}.skill-button:hover .skill-name{opacity:1}.attack-hint{max-width:137px;display:grid;gap:7px;padding-left:15px;border-left:1px solid var(--line)}.attack-hint>span{font-size:7px;font-weight:700;color:var(--gold);letter-spacing:.12em}.attack-hint small{font-size:8px;line-height:1.6;color:#7fa1a5}.game-hint{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font-size:9px;color:#adc6c0;text-shadow:0 1px 4px #000;white-space:nowrap}.round-banner{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:min(550px,90vw);text-align:center;padding:32px 36px;background:radial-gradient(ellipse,#0c2635ed,#0b2532db);border-top:1px solid #dfc08b99;border-bottom:1px solid #dfc08b66;box-shadow:0 10px 80px #03101777;pointer-events:auto;backdrop-filter:blur(10px)}.round-banner h2{font-size:50px;line-height:1.1;margin:13px 0;color:#f3dfb7}.round-banner>p{font-size:12px;color:#acc4c4;line-height:1.8}.round-banner #resultActions{display:flex;gap:10px;margin-top:25px;justify-content:center}.round-banner .button{min-height:41px;font-size:8px}
.dialog{position:fixed;max-width:calc(100vw - 32px);width:450px;margin:auto;padding:35px;border:1px solid #9cb4a547;border-top-color:#e1bd7e99;background:linear-gradient(140deg,#1b333a,#102630 75%);color:var(--cream);border-radius:5px;box-shadow:0 25px 100px #0008;overflow:auto;max-height:90vh;max-height:90dvh}.dialog::backdrop{background:#03131ed1;backdrop-filter:blur(9px)}.dialog .close-dialog{position:absolute;right:15px;top:11px;width:28px;height:28px;display:grid;place-items:center;background:none;color:#78999e;font-size:26px;font-weight:300}.close-dialog:hover{color:var(--gold)}.dialog>.tiny,.dialog form>.tiny{font-size:8px;display:block;padding-right:15px}.dialog h2{font-size:35px;line-height:1.12;letter-spacing:-.025em;margin:15px 0}.dialog p{font-size:12px;color:#9bb5b8;line-height:1.8}.dialog input:not([type=radio]):not([type=checkbox]){display:block;width:100%;height:45px;padding:0 13px;background:#0a2029;border:1px solid #5d827c66;border-radius:2px;color:#e3e7d7;font-size:13px}.dialog input::placeholder{color:#5d7e85}.dialog input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c7a26812}.dialog #roomInput{font-family:Consolas,monospace;text-transform:uppercase;letter-spacing:.18em}.entry-champions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px}.entry-pick{display:flex;align-items:center;gap:12px;padding:14px;background:#0c242e;border:1px solid var(--line);border-radius:3px;font-family:Georgia,serif;font-size:20px;color:#bbceca}.entry-pick>span{font-size:25px;font-family:"Segoe UI",sans-serif}.entry-pick.selected{border-color:#d5b177aa;background:#b49b5720;color:#f3e1bb}.dialog.wide{width:550px}.control-choices{display:grid;gap:9px;margin:23px 0}.control-choices label{display:flex;align-items:center;gap:13px;padding:14px;background:#0f2731;border:1px solid var(--line);border-radius:3px;cursor:pointer}.control-choices label:has(input:checked){border-color:#c7ad7e88;background:#a8884211}.control-choices input,.sound-toggle input{accent-color:var(--gold)}.control-choices label>span{display:grid;gap:5px}.control-choices strong{font-size:12px;font-weight:600}.control-choices small{font-size:10px;color:#88a7ab}.control-table{font-size:11px;color:#a1babc}.control-table>div,.control-table tr{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:9px 0;border-bottom:1px solid #7fa59e17}.control-table>div>span:first-child{color:#d0d9ca}.control-table kbd{font:600 9px "Segoe UI",sans-serif;background:#091f29;border:1px solid #73988b44;padding:3px 7px;border-radius:2px;color:var(--gold);white-space:nowrap}.settings-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0;font-size:11px;color:#93b0b3}.settings-bottom label{display:flex;align-items:center;gap:9px}.settings-bottom select{padding:6px 9px;border:1px solid var(--line);background:#102b34;border-radius:2px;font-size:11px;color:#cad6cb}.sound-toggle input{width:14px;height:14px}.champion-dialog{width:510px}.champion-skills{margin:22px 0 28px;display:grid;gap:0}.champion-skills>div,.champion-skill,.ability-row{display:flex;gap:13px;padding:14px 0;border-top:1px solid var(--line);align-items:flex-start}.champion-skills kbd,.champion-skills .skill-key{display:grid;place-items:center;width:29px;height:31px;flex:none;background:#22433f;border:1px solid #91b19855;border-radius:2px;font:600 11px "Segoe UI",sans-serif;color:var(--gold)}.champion-skills strong{display:block;font-size:12px;font-weight:600;color:#d4dfd0;margin-bottom:4px}.champion-skills p,.champion-skills small{font-size:10px;line-height:1.7;color:#8ba8ad}.champion-skills .skill-cd,.champion-skills .cooldown{color:#baab83;font-size:9px;white-space:nowrap;margin-left:auto}.network-steps{counter-reset:steps;list-style:none;padding:0;display:grid;gap:18px;margin:25px 0}.network-steps li{position:relative;padding-left:36px;font-size:12px;color:#b3c7c4;line-height:1.8}.network-steps li:before{counter-increment:steps;content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--gold);font:400 17px Georgia,serif}.dialog .network-note{font-size:10px;padding:13px;background:#0a222b;border-left:2px solid #bfa16c77;margin:20px 0 25px;color:#91aeb2}.dialog .network-note strong{color:#cdd4bc;font-weight:600}
.toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);z-index:1000;padding:13px 21px;max-width:calc(100vw - 32px);width:max-content;background:#152e36f5;border:1px solid #bba37888;border-radius:4px;color:#e2e5d5;font-size:12px;box-shadow:0 10px 35px #0006;backdrop-filter:blur(12px)}.toast.error{border-color:#d8847188;color:#ffb9a4}.screen-game .toast{bottom:150px}.graphics-error{position:fixed;z-index:20;right:24px;bottom:24px;max-width:350px;padding:20px;background:#202e33f0;border:1px solid #b18e5d99;border-radius:4px;color:#e8d6b9;font-size:12px;line-height:1.8}noscript{position:fixed;inset:0;background:#10212a;z-index:100;padding:70px;font:25px Georgia,serif}.mobile-notice{font-size:10px;color:#d4be91;line-height:1.6;padding:10px 13px;background:#8a724416;border:1px solid #b79c5a33;border-radius:3px}
@media(min-width:1600px){.hero{padding-top:90px;min-height:560px}.arena-caption{top:420px}.home-bottom{margin-top:15px;padding-top:30px}.champion-option{min-height:120px}.mode-teaser{padding-left:35px}.topbar{max-width:1500px;margin:0 auto}.home{padding:0 6%}}
@media(max-width:1050px){.topbar{gap:32px;margin:0 4%}.topbar nav{gap:23px}.home{padding:0 4%}.hero{padding-top:55px;max-width:540px;min-height:465px}.hero h1{font-size:70px}.hero-copy{font-size:12px}.hero-actions{gap:8px}.hero-actions .button{padding:0 16px;font-size:8px;gap:18px}.arena-caption{right:5%;top:371px}.arena-caption strong{font-size:19px}.arena-caption>div>span:last-child{font-size:9px}.home-bottom{grid-template-columns:1fr 240px;gap:26px}.mode-teaser{padding-left:22px}.mode-teaser h2{font-size:23px}.champion-option{gap:10px;padding:16px 13px}.champion-emblem{width:38px;font-size:32px}.champion-option strong{font-size:21px}.champion-option small{font-size:6px}.champion-option>span:nth-child(2)>span{font-size:9px}.version{display:none}.lobby-screen{padding:40px 26px}.lobby-layout{gap:20px;grid-template-columns:minmax(0,1fr) 280px}.player-slot{padding:21px 17px}.slot-name{font-size:23px}.mode-card{grid-template-columns:20px 1fr;padding:14px 10px;gap:6px}.mode-card strong{font-size:10px}.mode-card small{font-size:8px}.bottom-hud{gap:13px;padding:12px 14px}.player-hud{width:215px;gap:10px}.skill-button{width:54px;height:54px}.attack-hint{max-width:114px;padding-left:10px}}
@media(max-width:760px){.topbar{height:78px;gap:20px}.wordmark{font-size:12px;gap:8px;letter-spacing:.12em}.brand-rune{font-size:34px}.brand-arena{font-size:8px;letter-spacing:.34em}.topbar nav{gap:16px;margin-left:auto}.nav-link{font-size:8px;letter-spacing:.06em}.server-status{position:absolute;right:0;top:88px;font-size:7px;gap:5px;z-index:1}.hero{padding:67px 0 30px;max-width:100%;min-height:0}.hero .eyebrow{font-size:7px;letter-spacing:.12em}.hero h1{font-size:65px;margin:20px 0 22px}.hero-copy{font-size:12px;max-width:330px;line-height:1.8}.hero-actions{margin-top:25px;flex-wrap:wrap}.hero-actions .button{font-size:8px;padding:0 16px;min-height:45px;gap:18px}.hero-meta{font-size:7px;gap:9px;margin-top:28px}.hero-meta>span+span:before{margin-right:5px}.practice-link{font-size:10px}.screen-home .world-shade{background:linear-gradient(90deg,#0b1b23ed,#0b1b2399 70%,#0b1b2377),linear-gradient(0deg,#091b23 2%,#091b23e6 32%,#091b2322 80%)}.arena-caption{display:none}.home-bottom{grid-template-columns:1fr;gap:25px;margin:0 0 25px;padding-top:24px}.champion-options{gap:10px}.champion-option{padding:16px 12px;min-height:100px;gap:10px}.champion-option strong{font-size:23px}.champion-option small{font-size:6px}.champion-option>span:nth-child(2)>span{font-size:8px}.champion-emblem{width:28px;font-size:30px}.pick-check{position:absolute;top:9px;right:9px;width:13px;height:13px;font-size:7px}.mode-teaser{border-left:0;border-top:1px solid var(--line);padding:21px 0 0}.mode-teaser p{max-width:100%;font-size:11px}.mode-teaser h2{font-size:26px}.small-tag{font-size:7px}footer{font-size:6px;gap:12px;align-items:flex-start}footer>span{max-width:200px;line-height:1.8}footer button{font-size:8px;white-space:nowrap}.lobby-screen{padding:44px 18px}.lobby-top{align-items:flex-end;gap:16px;margin-bottom:24px}.lobby-top h1{font-size:45px}.lobby-top .eyebrow{font-size:7px;letter-spacing:.1em}.lobby-top .button{font-size:7px;padding:0 11px;min-height:37px}.lobby-layout{grid-template-columns:1fr;gap:26px}.player-slots{gap:10px}.player-slot{min-height:170px;padding:19px 15px}.slot-name{font-size:24px}.slot-champion{font-size:10px}.slot-state{font-size:7px}.lobby-config{margin-top:24px}.mode-card{padding:16px 12px;grid-template-columns:22px 1fr}.mode-card strong{font-size:10px}.mode-card small{font-size:8px}.lobby-actions .button{font-size:8px;padding:0 15px}.invite-panel{padding:24px}.invite-panel>p{max-width:400px}.invite-panel h2{font-size:31px}.room-code{max-width:300px}.copy-field{max-width:400px}.scoreboard{min-width:290px;padding:10px 13px;gap:9px}.score-player{min-width:74px;gap:10px}.score-player>span{font-size:9px;max-width:75px}.score-player>strong{font-size:26px}.match-clock{min-width:74px;padding:0 11px}.match-clock strong{font-size:21px}.game-top-actions{right:10px;top:13px;flex-direction:column;gap:5px}.game-top-actions button{width:28px;height:28px;font-size:17px}.bottom-hud{bottom:27px;gap:11px;padding:10px 12px;flex-wrap:wrap;justify-content:center;width:366px;max-width:calc(100vw - 20px)}.player-hud{width:100%;justify-content:center;max-width:290px;gap:11px}.hud-portrait{width:34px;height:37px;font-size:25px}.health-details strong{font-size:15px}.health-details>div:first-child{margin-bottom:4px}.health-details>small{display:none}.skill-bar{gap:10px}.skill-button{width:52px;height:49px}.skill-button .skill-icon{font-size:24px}.skill-button kbd{font-size:7px}.attack-hint{display:none}.game-hint{font-size:7px;bottom:10px;max-width:95vw;white-space:normal;text-align:center}.round-banner{padding:28px 20px;top:38%}.round-banner h2{font-size:40px}.round-banner>p{font-size:11px}.round-banner #resultActions{gap:8px}.round-banner .button{font-size:7px;padding:0 13px}.dialog{padding:30px 24px}.dialog h2{font-size:31px}.dialog p{font-size:11px}.dialog.wide{width:480px}.settings-bottom{font-size:10px;gap:12px}.settings-bottom select{font-size:10px}.control-table{font-size:10px}.toast{font-size:11px;bottom:20px;text-align:center}.screen-game .toast{bottom:170px}}
@media(max-width:380px){.topbar nav{gap:10px}.nav-link{font-size:7px}.hero h1{font-size:58px}.hero-actions .button{padding:0 13px;font-size:7px;gap:12px}.hero .eyebrow{font-size:6px}.hero-meta{gap:6px;font-size:6px}.champion-option{gap:7px;padding:14px 10px}.champion-option strong{font-size:21px}.champion-option small{font-size:5px}.champion-emblem{width:23px;font-size:26px}.champion-option>span:nth-child(2)>span{font-size:7px}.scoreboard{left:44%;min-width:265px}.score-player>span{max-width:60px;font-size:8px}.settings-bottom{flex-wrap:wrap}}
.champion-emblem:has(img){width:67px;height:79px;position:relative;margin:-9px 0;overflow:visible}.champion-emblem img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:106px;width:106px;object-fit:contain;filter:drop-shadow(0 6px 8px #0005)}.champion-option:hover .champion-emblem img{transform:translate(-50%,-52%);transition:transform .2s}.hud-portrait{overflow:hidden;position:relative}.hud-portrait img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.25);transform-origin:50% 30%;filter:drop-shadow(0 3px 7px #07151b)}.entry-pick .mushroom-emblem:has(img),.entry-pick .naga-emblem:has(img){width:35px;height:40px;display:block;position:relative}.entry-pick img{position:absolute;width:57px;height:57px;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-50%)}.slot-portrait{position:absolute;right:5px;bottom:13px;height:135px;width:115px;object-fit:contain;opacity:.75;pointer-events:none;filter:drop-shadow(0 8px 12px #08151e)}.player-slot:has(.slot-portrait) .slot-name,.player-slot:has(.slot-portrait) .slot-champion,.player-slot:has(.slot-portrait) .slot-state{position:relative;z-index:1;text-shadow:0 2px 4px #0a222b}
.player-slot .champion-emblem:has(img){position:absolute;right:4px;top:27px;width:100px;height:140px;margin:0;opacity:.85}.player-slot .champion-emblem img{height:158px;width:158px}.player-slot .slot-name{position:relative;z-index:2;max-width:calc(100% - 56px);text-shadow:0 2px 4px #092029}.player-slot .slot-champion{position:relative;z-index:2;max-width:calc(100% - 64px);line-height:1.65;text-shadow:0 2px 4px #092029}.player-slot .slot-state{position:relative;z-index:2;font-size:7px}.player-slot.empty .slot-name,.player-slot.empty .slot-champion{max-width:100%;text-align:center}.empty-plus{font-size:35px;font-weight:200;color:#678d8f;margin-bottom:5px}.skill-button>span:first-child:not(.cooldown-shade){font-size:26px;color:#c5e5cd;line-height:1;filter:drop-shadow(0 2px 3px #0005)}
@media(min-width:761px){.hero{padding-top:40px;padding-bottom:30px;min-height:488px}.hero h1{font-size:clamp(64px,5.7vw,82px);margin:20px 0 18px}.hero-copy{font-size:12px;line-height:1.85}.hero-actions{margin-top:25px}.practice-link{margin-top:12px}.hero-meta{margin-top:23px}.arena-caption{top:407px;right:7.5%}.home-bottom{margin-top:9px}}
@media(max-width:1050px){.champion-emblem:has(img){width:53px;height:70px}.champion-emblem img{width:95px;height:95px}}@media(max-width:760px){.champion-emblem:has(img){width:42px;height:65px;margin:-7px 0}.champion-emblem img{width:88px;height:88px}.hud-portrait img{transform:scale(1.2)}}@media(max-width:380px){.champion-emblem:has(img){width:34px}.champion-emblem img{width:78px;height:78px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(min-width:761px){.screen-home .arena-caption{position:fixed;top:19vh;right:12vw}}
/* Heldenwerkstatt, Perspektiven und Fortschritt */
.topbar{gap:3vw}.topbar nav{gap:24px}.view-preview{position:absolute;right:0;top:26px;display:grid;justify-items:end;gap:10px}.view-preview>.tiny{font-size:7px;color:#aac3bb}.view-preview>small{color:#a6bdb6;font-size:9px;text-shadow:0 2px 5px #041919}.view-switch{display:flex;padding:4px;gap:3px;border:1px solid #7caaa55c;border-radius:5px;background:#0b222bd9;box-shadow:0 8px 24px #00181833}.view-switch button{padding:10px 16px;font-size:10px;background:transparent;color:#98b4b7;border-radius:3px}.view-switch button.selected{background:#c8ab7224;color:#f1d49d;box-shadow:inset 0 0 0 1px #c8ab7244}.view-switch button:hover{color:var(--cream);background:#32524b88}.discovery-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 25px}.discovery-card{display:flex;align-items:center;gap:16px;text-align:left;min-height:110px;padding:20px;background:linear-gradient(125deg,#183039dd,#10262dd9);border:1px solid #7c9b8e32;border-radius:3px;overflow:hidden}.discovery-card:hover{border-color:#bb9a616e;background:#24423edf}.discovery-card>span:last-child{display:grid;gap:8px;position:relative}.discovery-card small{font-size:7px;letter-spacing:.12em;color:#a3b9b3}.discovery-card strong{font:400 19px Georgia,serif;color:#e7e2cf}.discovery-card span>span{font-size:10px;color:#9bbaaf}.discovery-icon{font-size:30px;color:var(--gold);flex:none}.favorite-teaser{position:relative;padding-left:95px}.favorite-teaser img{position:absolute;left:0;top:0;width:115px;height:100%;object-fit:cover;object-position:50% 37%;mask-image:linear-gradient(90deg,#000 55%,transparent);opacity:.85}.slot-customize{position:relative;z-index:3;margin-top:7px;color:var(--gold)}.entry-build-link{display:block;text-align:left;width:100%;font-size:10px;line-height:1.8;padding:14px 0;background:none;color:var(--teal)}.settings-view{margin:18px 0}.settings-view .field-label{margin-top:0}.settings-view small{display:block;color:#90aeaa;font-size:10px;line-height:1.6;margin-top:9px}.game-view-button{position:absolute;top:24px;left:24px;pointer-events:auto;padding:10px 14px;font-size:10px;background:#0d2830e8;color:var(--gold);border:1px solid #afbe9566;border-radius:3px}.progress-hud{position:absolute;left:24px;top:77px;width:235px;background:#0a232cd9;border:1px solid #8ca99a44;padding:11px 13px;border-radius:4px;pointer-events:auto}.progress-heading{display:flex;align-items:center;gap:10px;font-size:10px;color:#adbfbb}.progress-heading strong{font:400 15px Georgia,serif;color:var(--gold)}#xpText{margin-left:auto;font-size:8px;font-variant-numeric:tabular-nums}.xp-track{height:4px;margin-top:8px;background:#03161e;border-radius:3px;overflow:hidden}#xpFill{height:100%;background:linear-gradient(90deg,#9d8060,#f6ce7c);transition:width .3s}#upgradeButton{font-size:9px;letter-spacing:.04em;line-height:1.4;background:#d9b66c;color:#17262c;width:100%;padding:9px 5px;margin-top:10px;border-radius:2px;box-shadow:0 0 24px #ebbd7229}.upgrade-panel{position:absolute;left:24px;top:185px;width:300px;max-height:calc(100vh - 325px);overflow:auto;background:linear-gradient(140deg,#17363aee,#0a222cef);border:1px solid #d7b77388;box-shadow:0 12px 60px #0007;border-radius:6px;padding:18px;pointer-events:auto;backdrop-filter:blur(12px)}.upgrade-panel>div:first-child{display:flex;align-items:center;justify-content:space-between}.upgrade-panel>div>button{background:none;font-size:24px;color:#b5c5b9}.upgrade-panel h2{font-size:25px;margin:8px 0}.upgrade-panel>p{font-size:10px;line-height:1.6;color:#91adaa}#upgradeChoices{display:grid;gap:8px;margin-top:16px}#upgradeChoices button{display:grid;grid-template-columns:26px 1fr;gap:4px 10px;text-align:left;padding:13px 10px;border:1px solid #71968a55;background:#29483c77;border-radius:3px}#upgradeChoices button:hover{border-color:var(--gold);background:#7f704c44}#upgradeChoices span{grid-row:1/3;font-size:24px;color:var(--gold);align-self:center}#upgradeChoices strong{font-size:12px;font-weight:600}#upgradeChoices small{font-size:9px;line-height:1.6;color:#9db8b1}
@media(min-width:761px){.screen-home .arena-caption{top:32vh;right:9vw}.hero{max-width:610px}.home-bottom{padding-top:24px;margin-bottom:22px}.home{max-width:1760px}}
@media(max-width:1100px){.topbar{gap:25px}.topbar nav{gap:17px}.nav-link{font-size:8px}.server-status .version{display:none}.discovery-row{gap:10px}.discovery-card{padding:15px;gap:10px}.discovery-card strong{font-size:16px}.discovery-card small{font-size:6px}.favorite-teaser{padding-left:73px}.favorite-teaser img{width:90px}.discovery-icon{font-size:24px}.view-preview{top:20px}.view-switch button{font-size:9px;padding:9px 12px}}
@media(max-width:760px){.topbar{height:auto;min-height:100px;flex-wrap:wrap;gap:12px;padding:18px 0 0}.topbar nav{order:3;width:100%;height:34px;justify-content:space-between;gap:10px}.nav-link{font-size:7px}.server-status{font-size:7px}.view-preview{position:relative;top:auto;right:auto;align-items:start;justify-items:start;margin:24px 0 -12px}.view-preview>.tiny,.view-preview>small{display:none}.view-switch{padding:3px}.view-switch button{font-size:9px;padding:8px 12px}.hero{padding-top:38px}.discovery-row{grid-template-columns:1fr;margin-top:24px}.discovery-card{min-height:86px;padding:18px;gap:18px}.discovery-card small{font-size:7px}.discovery-card strong{font-size:20px}.favorite-teaser{padding-left:90px}.favorite-teaser img{width:110px}.game-view-button{top:85px;left:10px;padding:8px;font-size:8px}.progress-hud{top:123px;left:10px;width:190px;padding:9px}.progress-heading{font-size:9px;gap:7px}.progress-heading strong{font-size:13px}.upgrade-panel{left:10px;top:218px;width:270px;max-height:calc(100vh - 375px);padding:14px}.upgrade-panel h2{font-size:22px}#upgradeChoices button{padding:9px}.game-ui:has(.upgrade-panel:not([hidden])) .progress-hud{opacity:.85}}
@media(max-height:650px) and (min-width:761px){.upgrade-panel{max-height:calc(100vh - 205px);top:170px}.upgrade-panel h2{font-size:20px}.upgrade-panel>p{display:none}#upgradeChoices{margin-top:10px}#upgradeChoices button{padding:8px}}
.favorite-teaser img{object-position:7% 77%;transform:scale(1.2);transform-origin:7% 77%}
@media(min-width:761px){.view-preview{right:5.4%}}
.champion-options:has([data-champion=saphyra]){grid-template-columns:repeat(3,minmax(0,1fr))}.champion-options:has([data-champion=saphyra]) .champion-option{gap:10px;padding:16px 12px}.champion-options:has([data-champion=saphyra]) .champion-option strong{font-size:21px}.saphyra-emblem{color:#a2eaff}.champion-emblem img.saphyra-portrait{width:66px;height:96px;object-fit:cover;object-position:7% 77%;clip-path:inset(15% 0 2%)}.hud-portrait img.saphyra-portrait{object-fit:cover;object-position:7% 77%;transform:scale(1.25);transform-origin:7% 77%}.entry-pick .saphyra-emblem{width:35px;height:40px;display:block;position:relative;overflow:hidden}.entry-pick img.saphyra-portrait{object-fit:cover;object-position:7% 77%;width:40px;height:48px}.player-slot .champion-emblem img.saphyra-portrait{width:100px;height:140px;object-position:7% 77%}.entry-champions:has([data-pick=saphyra]){grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
@media(max-width:1050px){.champion-options:has([data-champion=saphyra]){grid-template-columns:1fr}.champion-options:has([data-champion=saphyra]) .champion-option{min-height:88px}}
.favorite-teaser.playable img{object-fit:contain;object-position:center;transform:none;mask-image:none}

/* Portalrausch: clear mode choices and a compact live room guide. */
.home-mode-options{display:grid;gap:6px;margin-top:16px}.home-mode-options button{display:grid;grid-template-columns:24px 1fr;gap:3px 8px;text-align:left;padding:10px 12px;border:1px solid #78988e3b;border-radius:4px;background:#102830cc}.home-mode-options button>span{grid-row:1/3;align-self:center;color:#9cbfb8;font-size:23px}.home-mode-options strong{font-size:12px;color:#dce7d6}.home-mode-options small{font-size:10px;color:#8cabae}.home-mode-options b{font-size:7px;letter-spacing:.1em;color:#efd399;margin-left:7px}.home-mode-options button[aria-pressed=true]{border-color:#d3b57ba8;background:linear-gradient(110deg,#aa925521,#1741478c)}.home-mode-options button[aria-pressed=true]>span{color:#f0d496}.mode-teaser .text-link{margin-top:12px}.selected-mode-hint{font-size:11px;color:#d6c49a;margin-top:12px}.hero-meta{margin-top:18px}.mode-switch .portal-mode{grid-column:1/-1;border-color:#6caeae66}.mode-description{font-size:12px;line-height:1.7;color:#a9c1bd;margin:15px 0 0;padding:12px 15px;border-left:2px solid #b9a373;background:#0d263066}.portal-hud{position:absolute;left:auto;right:24px;top:112px;width:300px;padding:15px 16px;border:1px solid #81bab24d;border-radius:5px;background:linear-gradient(135deg,#112e38f2,#102630e8);box-shadow:0 12px 35px #0003;pointer-events:auto}.portal-hud-title{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#a0cac5;margin-bottom:8px}.portal-hud-title button{width:24px;height:24px;border:1px solid #8da89a66;border-radius:50%;background:#2b454a;color:#f5e2b7}.portal-hud>strong{font:400 18px Georgia,serif;color:#f0dfb9}.portal-map{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin:14px 0 10px}.portal-map>div{border:1px solid #819b9630;background:#071b253d;padding:9px 3px;text-align:center;border-radius:3px}.portal-map>div.current{border-color:var(--room-color);background:#7797ae22;box-shadow:inset 0 -2px var(--room-color)}.portal-map strong{display:block;font-size:10px;font-weight:600;color:var(--room-color)}.portal-map small{display:block;font-size:8px;color:#a5c1c3;margin-top:5px}.portal-hud p{font-size:11px;line-height:1.6;color:#b9ccc8}.portal-hud>small{display:block;font-size:10px;color:#f1c887;margin-top:7px}.portal-hud>small:empty{display:none}.portal-capture{height:5px;border-radius:3px;background:#071a22;margin-top:8px;overflow:hidden}.portal-capture span{display:block;height:100%;background:#dfce93;transition:width .07s linear}.portal-flash{position:fixed;inset:0;pointer-events:none;z-index:9;background:radial-gradient(ellipse at center,transparent 15%,#82dbed55 75%,#b4eeff99);animation:portal-arrival .4s ease-out both}@keyframes portal-arrival{from{opacity:1}to{opacity:0}}@media(max-width:1050px){.portal-hud{left:auto;right:14px;top:105px;width:252px;padding:11px}.portal-map strong{font-size:9px}.portal-hud p{font-size:10px}}@media(max-width:760px){.portal-hud{left:auto;right:10px;top:218px;width:200px;padding:9px}.portal-hud>strong{font-size:15px}.portal-map{margin:9px 0 6px}.portal-map>div{padding:5px 2px}.portal-hud-title{margin-bottom:4px}.portal-hud p{font-size:9px}.home-mode-options{grid-template-columns:1fr 1fr}.home-mode-options button:last-child{grid-column:1/-1}}

.game-ui:has(.upgrade-panel:not([hidden])) .portal-hud{visibility:hidden}

/* The account gate and shared hall. */
.auth-gate{display:none}.screen-auth #topbar,.screen-auth #home,.screen-auth #lobby,.screen-auth #gameUI{display:none!important}.screen-auth .world-shade{background:linear-gradient(90deg,#071b26e6,#0a2233bf),radial-gradient(ellipse at 40% 45%,transparent,#071520)}.screen-auth #world{opacity:.35;filter:blur(2px)}.screen-auth .auth-gate{display:grid}.auth-gate{position:relative;z-index:4;grid-template-columns:minmax(0,1fr) 440px;gap:8%;max-width:1280px;margin:auto;padding:50px 5%;min-height:100vh;align-items:center}.auth-world{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-bottom:30px}.auth-brand{font-size:17px;letter-spacing:.25em;color:#ecd2a0;font-weight:650;margin-bottom:70px;position:relative}.auth-brand>span{font:50px Georgia;position:absolute;left:-54px;top:-6px}.auth-brand small{display:block;font-size:10px;letter-spacing:.64em;margin-top:5px}.auth-kicker{font-size:9px;letter-spacing:.22em;color:#9cbcb8}.auth-world h1{font:400 clamp(50px,5.5vw,76px)/1.07 Georgia,serif;letter-spacing:-.04em;margin:20px 0;color:#eee5cf;position:relative;z-index:1}.auth-world h1 em{color:#ebc991;font-weight:400}.auth-world>p{font-size:13px;line-height:1.9;color:#a4c0c5;position:relative;z-index:1}.auth-pillars{display:flex;gap:17px;font-size:10px;color:#a5c7c3;flex-wrap:wrap;margin:25px 0}.auth-characters{height:235px;position:relative;display:flex;align-items:flex-end;justify-content:center;margin:5px -15px 0;background:radial-gradient(ellipse at 50% 85%,#41b9b633,transparent 65%);border-bottom:1px solid #bdc2a23b}.auth-characters:before,.auth-characters:after{content:'';position:absolute;left:12%;right:12%;bottom:10px;height:45px;border:1px solid #82e1d24d;border-radius:50%;box-shadow:0 0 20px #50b6be1a}.auth-characters:after{left:20%;right:20%;height:30px;bottom:17px;border-color:#d0ad745c}.auth-characters img{width:35%;height:215px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 8px 20px #0009)}.auth-characters img:nth-child(2){height:255px;width:43%;margin:0 -25px}.auth-characters img:last-child{height:165px}.auth-lore{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:19px}.auth-lore>span{font-size:7px;letter-spacing:.16em;color:#73989d}.auth-lore p{font:italic 13px/1.5 Georgia;color:#b7c9bd;text-align:right}.auth-panel{position:relative;padding:40px 34px 23px;border:1px solid #b6a16a8c;border-radius:5px;background:linear-gradient(155deg,#203c45ef,#0f2631f5 65%);box-shadow:0 35px 100px #0007,inset 0 0 0 7px #69847a0c}.auth-panel:before{content:'';position:absolute;inset:9px;border:1px solid #9caf8840;pointer-events:none;clip-path:polygon(0 0,15% 0,15% 1%,85% 1%,85% 0,100% 0,100% 100%,85% 100%,85% 99%,15% 99%,15% 100%,0 100%)}.auth-crest{position:absolute;left:50%;top:-28px;transform:translateX(-50%);width:55px;height:55px;border:1px solid #b7a477;border-radius:50%;background:#183540;color:#e7ce95;display:grid;place-items:center;font:36px Georgia;box-shadow:0 0 45px #6accc52b}.auth-panel>.tiny{display:block;text-align:center;font-size:8px;letter-spacing:.17em;color:#9ebdb5;margin:7px 0 24px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid #8ba89c3a;background:#081e29a6;border-radius:4px;gap:4px}.auth-tabs button{padding:11px 8px;border-radius:2px;background:none;color:#8fadae;font-size:12px}.auth-tabs button[aria-pressed=true]{color:#f1dca6;background:linear-gradient(120deg,#9a7c3c44,#486c642b);box-shadow:inset 0 0 0 1px #cfb17266}.auth-panel h2{font:400 29px/1.2 Georgia;margin:25px 0 10px;color:#eee4cc}.auth-panel>p{font-size:11px;line-height:1.7;color:#a3bdba}.auth-panel label{display:block;font-size:8px;letter-spacing:.14em;color:#a8bfb8;margin:22px 0 9px}.auth-panel input{width:100%;min-width:0;display:block;background:#081d28a6;border:1px solid #8eac9c45;border-radius:3px;padding:14px 13px;color:#edf0dc;font:13px 'Segoe UI',sans-serif}.auth-panel input:focus{outline:none;border-color:#d2b779;box-shadow:0 0 0 3px #bca36b12}.auth-panel input::placeholder{color:#65888f}.auth-input{position:relative}.auth-input>span{position:absolute;left:13px;top:12px;font-size:20px;color:#a6bfa6}.auth-input input{padding-left:43px;padding-right:36px}.auth-input button{position:absolute;right:9px;top:8px;background:none;padding:6px;color:#8da9a3}.auth-panel #authMessage{color:#e7c794;font-size:11px;line-height:1.5;min-height:17px;margin:15px 0 9px}.auth-panel .auth-local{border-top:1px solid #8da78e26;margin-top:24px;padding-top:19px;text-align:center;font-size:9px;line-height:1.8;color:#839fa0}.auth-local>span{color:#bbac7e}.auth-panel-footer{font-size:6px;letter-spacing:.14em;color:#62878d;display:flex;justify-content:space-between;margin-top:24px}.auth-panel-footer span{color:#bda46b}.community-strip{display:flex;align-items:center;width:100%;gap:15px;padding:18px 22px;margin:0 0 15px;background:linear-gradient(110deg,#284740a8,#132b36bb);border:1px solid #79a9944a;border-radius:4px;text-align:left}.community-strip>span{color:#8ce6c4}.community-strip strong{font:400 19px Georgia;color:#dfdfc7}.community-strip small{margin-left:auto;font-size:10px;color:#a5bdb4}.community-dialog{width:900px;max-width:calc(100vw - 32px)}.hall-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.hall-heading h2{font-size:35px}.hall-heading .button{font-size:9px;padding:12px;min-height:35px}.hall-grid{display:grid;grid-template-columns:220px 1fr;gap:22px}.hall-grid h3{font:400 21px Georgia;color:#e4d7b6;margin:0 0 14px}.hall-grid h3>span{font:11px 'Segoe UI';padding:3px 7px;background:#65b79522;border-radius:4px;color:#a4e6c6}.online-list>div{display:grid;grid-template-columns:12px 1fr;gap:4px 6px;padding:11px 0;border-bottom:1px solid #91a58f22}.online-list>div>span{color:#86dcb8;grid-row:1/3;font-size:10px;align-self:center}.online-list strong{font-size:12px;font-weight:500}.online-list small{font-size:10px;color:#91aaa5}.hall-room{display:grid;grid-template-columns:1fr auto;gap:7px;width:100%;padding:13px 16px;text-align:left;margin-bottom:9px;background:#31504666;border:1px solid #8bbfa64d;border-radius:3px}.hall-room strong{font-size:12px;color:#e4ddc3}.hall-room small{font-size:10px;color:#9ab6ad}.hall-room span{grid-column:2;grid-row:1/3;align-self:center;font-size:8px;color:#dcc795}.hall-empty{padding:15px;background:#091f2877;border:1px dashed #78938844;margin-bottom:15px}.hall-chat{grid-column:1/-1;border-top:1px solid #7c9c852a;padding-top:20px}.hall-chat h3 small{font:10px 'Segoe UI';color:#86a5a6;margin-left:10px}.hall-chat ol{list-style:none;padding:12px 14px;height:170px;overflow:auto;border:1px solid #829f8c33;border-radius:3px;background:#071d26a6;margin:0 0 10px}.hall-chat ol:empty:after{content:'Das Lagerfeuer knistert. Wer sagt zuerst Hallo?';font:italic 13px Georgia;color:#799b9d}.hall-chat li{font-size:12px;line-height:1.6;margin:7px 0;overflow-wrap:anywhere}.hall-chat li strong{color:#d1ba8f;font-size:11px;margin-right:12px}.hall-chat li span{color:#bdd0c7;white-space:pre-wrap}.hall-chat form{display:flex;gap:9px}.hall-chat form input{flex:1;min-width:0}.hall-chat .button{font-size:9px;padding:10px 17px;min-height:42px}.topbar nav{gap:17px}@media(max-width:1050px){.auth-gate{gap:5%;grid-template-columns:minmax(0,1fr) 390px;padding:45px 5%}.auth-panel{padding:35px 27px 22px}.auth-world h1{font-size:55px}.auth-brand{margin-left:45px;margin-bottom:50px}.auth-characters{height:200px}.auth-characters img{height:180px}.auth-characters img:nth-child(2){height:220px}.auth-pillars{gap:10px;font-size:9px}.auth-lore>span{max-width:110px;line-height:1.7}}@media(max-width:760px){.auth-gate{grid-template-columns:1fr;max-width:500px;padding:35px 22px;gap:38px}.auth-world{padding-bottom:0}.auth-brand{margin:0 0 25px 48px;font-size:15px}.auth-kicker{font-size:8px}.auth-world h1{font-size:43px;margin:14px 0}.auth-world>p,.auth-pillars,.auth-lore,.auth-characters{display:none}.auth-panel{padding:30px 25px 22px}.auth-panel h2{font-size:27px}.hall-grid{grid-template-columns:1fr}.hall-chat{grid-column:auto}.hall-heading{align-items:flex-start}.hall-heading h2{font-size:28px}.hall-chat h3 small{display:block;margin:7px 0}.community-strip{flex-wrap:wrap;padding:15px}.community-strip strong{font-size:16px}.community-strip small{margin-left:28px;width:100%}.topbar nav{gap:8px}.nav-link{font-size:6px}}

.portal-map>div:last-child{grid-column:1/-1;display:flex;justify-content:space-between;padding:7px 9px}.portal-map>div:last-child small{margin:0}.shop-hud-button{width:100%;margin-top:10px;padding:9px;border:1px solid #bb9b5c66;border-radius:3px;background:#c9a9561a;font-size:10px;color:#edcf8f}.shop-items{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.shop-items button{display:grid;grid-template-columns:32px 1fr;gap:7px 10px;text-align:left;padding:15px 13px;background:#1e3d3e;border:1px solid #baae7866;border-radius:4px}.shop-items button:hover:not(:disabled){background:#344d3d;border-color:#e2c782}.shop-items button:disabled{opacity:.48}.shop-items span{grid-row:1/4;font:28px Georgia;color:#d3bd80;align-self:center}.shop-items strong{font:17px Georgia;color:#eee3c3}.shop-items small{font-size:10px;line-height:1.6;color:#a6c3b7}.shop-items b{font-size:8px;letter-spacing:.1em;color:#efca81}.item-inventory{padding:12px;border:1px solid #7fae9c44;border-radius:3px;background:#102a30}#shopGold{font:19px Georgia;color:#e5c57f}@media(max-width:500px){.shop-items{grid-template-columns:1fr}.shop-items button{padding:10px}.portal-hud p{font-size:9px}.shop-hud-button{font-size:9px}}

/* A permanent, personal entry point after signing in. */
.profile-button{display:flex;align-items:center;gap:10px;flex:none;max-width:185px;padding:7px 10px;border:1px solid #b5a46a70;border-radius:4px;background:linear-gradient(120deg,#a28c4925,#173b3dd9);text-align:left;color:#e9e1c5}.profile-button:hover{border-color:#e0c68c;background:#31534ace}.profile-button img{width:34px;height:39px;object-fit:contain;filter:drop-shadow(0 3px 6px #0005)}.profile-button>span:nth-child(2){display:grid;gap:5px;min-width:0}.profile-button strong{font:400 17px Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:105px}.profile-button small{font-size:7px;letter-spacing:.13em;color:#b9c9ac}.profile-button-arrow{font-size:17px;color:#cbb579}.topbar{column-gap:22px}.topbar .version{display:none}.topbar .server-status{font-size:8px;letter-spacing:.06em;white-space:nowrap}.profile-dialog{width:760px;padding:32px;max-width:calc(100vw - 32px)}.profile-identity{display:flex;align-items:center;gap:23px;margin:22px 0}.profile-avatar{position:relative;width:96px;height:112px;border:1px solid #b6a57377;border-radius:9px;background:radial-gradient(ellipse at 50% 70%,#63c6bc33,#0c2731 70%);display:grid;place-items:center;flex:none}.profile-avatar:after{content:'';position:absolute;inset:5px;border:1px solid #8ea28b33;border-radius:5px;pointer-events:none}.profile-avatar img{width:88px;height:104px;object-fit:contain;filter:drop-shadow(0 5px 10px #0006)}.profile-signed-in{font-size:8px;letter-spacing:.12em;color:#9cd9b7}.profile-identity h2{margin:8px 0 5px;font-size:40px;overflow-wrap:anywhere}.profile-identity p{margin:0;font-size:12px;color:#a0b9ba}.profile-account-details{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 25px;padding:17px 18px;background:#0b232c99;border:1px solid #809c8c33;border-radius:4px}.profile-account-details dt{font-size:7px;letter-spacing:.12em;color:#8ba9a8;margin-bottom:8px}.profile-account-details dd{margin:0;font-size:14px;color:#e0dfc9;overflow-wrap:anywhere}.profile-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.profile-section-heading h3{font:400 23px Georgia;margin:0;color:#e6dcc1}.profile-section-heading>span{font-size:8px;letter-spacing:.1em;color:#a3b9ad}.profile-heroes-section>p{font-size:10px;line-height:1.7;margin:10px 0 15px;color:#95afac}.profile-heroes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-hero{display:flex;align-items:center;gap:9px;min-width:0;padding:13px 10px;border:1px solid #789c8c40;border-radius:4px;background:#16323a99}.profile-hero.selected{border-color:#c6aa6c99;background:linear-gradient(135deg,#b69a4e17,#163c3c)}.profile-hero>img{width:49px;height:86px;object-fit:contain;flex:none}.profile-hero>div{min-width:0}.profile-hero small{font-size:6px;letter-spacing:.08em;color:#a5bda9}.profile-hero h4{font:400 20px Georgia;color:#e6dfc4;margin:7px 0 5px}.profile-hero p{font-size:10px;line-height:1.5;margin:0 0 7px;color:#b9c9bd;overflow-wrap:anywhere}.profile-hero span{font-size:9px;color:#9cb5ac}.profile-actions{display:flex;justify-content:space-between;gap:12px;margin-top:25px;padding-top:21px;border-top:1px solid #8ca58b33}.profile-actions .button{font-size:9px;padding:12px 16px;min-height:43px}.hall-heading{flex-wrap:wrap}.hall-heading>div{margin-right:auto}#hallProfile{font-size:9px;padding:12px;min-height:35px}@media(max-width:1150px){.topbar{height:auto;min-height:104px;flex-wrap:wrap;gap:14px 20px;padding:16px 0 0}.topbar nav{order:3;width:100%;height:40px;justify-content:space-between}.topbar .server-status{position:static;margin-left:auto}.profile-button{max-width:175px}.topbar .version{display:inline}.nav-link{font-size:9px}}@media(max-width:760px){.topbar .server-status{font-size:7px;gap:5px}.topbar .version{display:none}.profile-button{padding:5px 8px;gap:6px;max-width:145px}.profile-button img{width:27px;height:32px}.profile-button strong{font-size:15px;max-width:85px}.profile-button small{font-size:6px}.topbar nav{gap:8px}.nav-link{font-size:7px}.profile-dialog{padding:27px 22px}.profile-identity{gap:16px;margin:20px 0}.profile-identity h2{font-size:31px}.profile-avatar{width:76px;height:93px}.profile-avatar img{width:70px;height:85px}.profile-account-details{gap:15px;padding:15px 12px}.profile-heroes{grid-template-columns:1fr}.profile-hero{padding:10px 13px;gap:16px}.profile-hero>img{height:65px;width:50px}.profile-hero>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;flex:1}.profile-hero small{grid-column:1/-1}.profile-hero h4{margin:0}.profile-hero p{margin:0;grid-row:3;grid-column:1/-1}.profile-hero span{font-size:8px}.profile-actions{flex-wrap:wrap}.profile-actions .button{flex:1;white-space:nowrap;font-size:8px}.profile-section-heading h3{font-size:21px}.profile-section-heading>span{font-size:7px}.hall-heading>div{width:100%}}@media(max-width:430px){.topbar .server-status{display:none}.topbar .profile-button{margin-left:auto}}

/* Complete first-play flow, readable combat and an actual match history. */
.help-start{display:flex;margin-top:12px;color:#acc6ba}.help-start>span{display:grid;place-items:center;font-size:10px;border:1px solid #9bb69a77;border-radius:50%;width:16px;height:16px}.intro-dialog{width:710px;max-width:calc(100vw - 32px)}.intro-step{display:grid;grid-template-columns:30px 1fr;gap:13px;margin:22px 0;padding-top:19px;border-top:1px solid #87a68d2e}.intro-step>span{font:22px Georgia;color:#cdb77d}.intro-step h3{font:22px Georgia;color:#e5dfc3;margin:0 0 7px}.intro-step p{font-size:11px;line-height:1.7;margin:6px 0 0}.intro-heroes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}.intro-heroes button{display:grid;grid-template-columns:44px 1fr;gap:5px 8px;padding:12px 9px;min-width:0;text-align:left;background:#113039;border:1px solid #7f9f8b44;border-radius:4px}.intro-heroes button[aria-pressed=true]{border-color:#d6b87c;background:#8b78491e}.intro-heroes img{width:44px;height:70px;object-fit:contain;grid-row:1/3}.intro-heroes strong{font:17px Georgia;align-self:end;color:#e8dfc4}.intro-heroes small{font-size:8px;line-height:1.5;color:#9bb5ac}.intro-controls{display:flex;gap:9px;margin:12px 0}.intro-controls button{background:#0b2630;color:#a9c1b6;border:1px solid #789d8e4d;border-radius:4px;font-size:11px;padding:11px 14px}.intro-controls button[aria-pressed=true]{border-color:#d1b77b;color:#ead8a9;background:#a488491a}.intro-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.intro-actions .button{font-size:8px;padding:0 14px;white-space:normal;line-height:1.6}.intro-dialog>.text-link{display:block;margin:18px auto 0;font-size:9px}.difficulty-setting{display:grid;grid-template-columns:1fr 150px;gap:9px 14px;margin:19px 0 22px;padding:14px;background:#112d3480;border:1px solid #6b947d33;border-radius:4px;align-items:center}.difficulty-setting label{font-size:8px;letter-spacing:.1em;color:#b2c3ae}.difficulty-setting select{padding:9px 11px;color:#e8dfc2;background:#0c232d;border:1px solid #9bac7a70;border-radius:3px;font-size:12px}.difficulty-setting small{grid-column:1/-1;color:#8faba7;font-size:10px;line-height:1.6}.round-countdown{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%);text-align:center;min-width:260px;padding:24px 35px;pointer-events:none;background:radial-gradient(ellipse,#0d2c38ee,#0d2c3880 65%,transparent);border-top:1px solid #ceb27677;border-bottom:1px solid #ceb27644;border-radius:6px}.round-countdown>.tiny{color:#e7d2a2;font-size:9px}.round-countdown strong{display:block;font:76px/1.1 Georgia;color:#f4e5b8;text-shadow:0 0 35px #e1b85c44;margin:8px 0}.round-countdown p{color:#bfd0bd;font-size:11px;line-height:1.6}.hit-feedback{position:fixed;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 70px #e46b5355;border:1px solid #d9816333}.match-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:23px 0;padding:17px 8px;border-top:1px solid #a6b59633;border-bottom:1px solid #a6b59633}.match-summary>div{display:grid;gap:7px}.match-summary strong{font:25px Georgia;color:#e5d3a8}.match-summary span{font-size:7px;letter-spacing:.1em;color:#8dafaa}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 0 22px;margin-bottom:20px;border-bottom:1px solid #90a78433}.profile-stats>div{display:grid;gap:7px;text-align:center}.profile-stats strong{font:29px Georgia;color:#dac796}.profile-stats small{font-size:7px;letter-spacing:.1em;color:#95b1a5}.profile-history{margin-top:25px;border-top:1px solid #90a78433;padding-top:20px}.profile-history h3{font:23px Georgia;color:#e5dfc3;margin:0 0 13px}.profile-history-row{display:grid;grid-template-columns:100px 1fr;gap:5px 10px;border:1px solid #7c9b8433;background:#0d2932;padding:12px;margin-bottom:8px;border-radius:3px}.profile-history-row strong{color:#d9aa94;font-size:12px}.profile-history-row.won strong{color:#a2dcb8}.profile-history-row>span{font-size:11px;color:#bbcdc2;overflow-wrap:anywhere}.profile-history-row>small{grid-column:2;font-size:9px;color:#839e9e}.profile-empty-history{font-size:11px!important;line-height:1.7;color:#91aaa6;padding:13px;border:1px dashed #809d8933;border-radius:3px}.ws-recommend{font-size:9px;color:#e1c88b;padding:11px 15px;border:1px solid #b59d6244;background:#a3864d14;border-radius:3px;margin:0 0 17px}.ws-recommend:hover{background:#a3864d2a}.bottom-hud{padding-bottom:37px}.skill-button .skill-name{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);width:76px;font-size:8px;line-height:1.3;color:#b2c5b7;font-weight:400;white-space:normal;min-height:21px;text-align:center}.skill-button{overflow:visible}.round-banner:has(.match-summary:not([hidden])){max-height:90vh;overflow:auto}.game-ui:has(.round-banner:not([hidden])) .portal-hud{visibility:hidden}@media(max-width:760px){.intro-step{grid-template-columns:22px 1fr;gap:8px}.intro-step h3{font-size:20px}.intro-heroes button{grid-template-columns:1fr;gap:5px;padding:10px 5px;text-align:center}.intro-heroes img{width:100%;height:66px;grid-row:auto}.intro-heroes strong{font-size:16px}.intro-heroes small{font-size:7px}.intro-controls{display:grid;grid-template-columns:1fr 1fr}.intro-controls button{font-size:9px;padding:10px 6px}.intro-actions{grid-template-columns:1fr}.difficulty-setting{grid-template-columns:1fr 125px}.round-countdown{top:38%;padding:18px 22px;min-width:230px}.round-countdown strong{font-size:60px}.match-summary{gap:8px}.match-summary strong{font-size:21px}.match-summary span{font-size:6px}.profile-history-row{grid-template-columns:85px 1fr}.profile-stats small{font-size:6px}.bottom-hud{padding-bottom:37px}.skill-button .skill-name{font-size:7px;width:63px}.profile-stats{gap:5px}}

.leave-actions{display:flex;gap:10px;margin-top:24px}.leave-actions .button{flex:1;font-size:8px;padding:0 12px;white-space:normal;line-height:1.5}

.skill-button .skill-name{opacity:1;bottom:auto;background:none;border:0;padding:0;top:calc(100% + 13px);pointer-events:none;overflow-wrap:anywhere;transition:none}.intro-dialog{padding:28px}.intro-dialog .intro-step{margin:18px 0;padding-top:15px}

.samurai-emblem{color:#8dffac}.champion-options{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-champions{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-heroes{grid-template-columns:repeat(4,minmax(0,1fr))}.intro-heroes button{grid-template-columns:1fr;justify-items:center;text-align:center}.intro-heroes img{grid-row:auto;height:70px;width:50px}.auth-characters img{width:26%}.auth-characters img:nth-child(2){width:30%;margin:0 -12px}.auth-characters img:last-child{height:215px}@media(max-width:760px){.intro-heroes{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-heroes button{grid-template-columns:38px 1fr;text-align:left;justify-items:start;gap:4px 8px}.intro-heroes img{grid-row:1/3;width:38px;height:55px}.intro-heroes small{font-size:8px}.champion-options{grid-template-columns:1fr 1fr}}

/* Five heroes share flexible slots; new roster entries need no fixed card count. */
.champion-options:has([data-champion=pirate]){grid-template-columns:repeat(2,minmax(0,1fr))}.champion-options:has([data-champion=pirate]) .champion-option:last-child{grid-column:1/-1}.entry-champions:has([data-pick=pirate]){grid-template-columns:repeat(2,minmax(0,1fr))}.entry-champions:has([data-pick=pirate]) .entry-pick:last-child{grid-column:1/-1}.intro-heroes{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.intro-heroes strong{font-size:16px}.auth-characters img{width:21%;height:210px;object-fit:contain}.auth-characters img:nth-child(2){width:23%;margin:0 -9px}.auth-characters img:last-child{height:210px}.pirate-emblem{color:#ffc67a}@media(max-width:760px){.intro-heroes{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-heroes button:last-child{grid-column:1/-1}.auth-characters img,.auth-characters img:last-child{height:150px}.champion-option[data-champion=pirate] strong{font-size:20px}}

.animation-link{display:block;text-align:center;color:#d9bf87;font-size:11px;padding:12px;margin:-8px 0 15px;border:1px solid #b59d6233;border-radius:3px;background:#b59d6210}.animation-link:hover{background:#b59d6225}

/* Teamgefecht: two aligned columns and a compact live team list. */
.home-mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}.home-mode-options [data-home-mode=clash]{border-color:#d6b87988;background:linear-gradient(130deg,#496c4e50,#15313e)}.clash-quick{color:#f1d194;font-weight:600}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.player-slots.team-lobby{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-lobby .player-slot{min-height:110px;padding:15px 12px;display:grid;grid-template-columns:45px minmax(0,1fr);gap:5px 10px}.team-lobby .slot-number{grid-column:1/-1;font-size:8px;letter-spacing:.12em}.team-lobby .champion-emblem{grid-column:1;grid-row:2/5;width:43px;height:60px}.team-lobby .champion-emblem img{height:65px;width:43px;object-fit:contain}.team-lobby .slot-name{font-size:15px;grid-column:2}.team-lobby .slot-champion,.team-lobby .slot-state{grid-column:2;font-size:8px;line-height:1.5}.team-lobby .player-slot select,.team-lobby .slot-customize{grid-column:1/-1;width:100%;font-size:10px}.team-lobby [data-team="0"]{border-top:2px solid #6de0c8}.team-lobby [data-team="1"]{border-top:2px solid #f5a078}.team-lobby .empty-plus{display:none}.team-lobby .player-slot.empty .slot-name{grid-column:1/-1}.team-lobby .player-slot.empty .slot-champion,.team-lobby .player-slot.empty .slot-state{grid-column:1/-1}.team-hud{position:absolute;right:22px;top:90px;width:220px;background:#09232de8;border:1px solid #80aa8c55;padding:15px;border-radius:5px;pointer-events:auto}.team-hud p{font-size:9px;color:#a9c3b8;line-height:1.7;margin:9px 0}.team-member{display:grid;grid-template-columns:25px 1fr;gap:2px 8px;border-top:1px solid #81a58b22;padding:6px 0}.team-member img{width:25px;height:37px;object-fit:contain;grid-row:1/3}.team-member>span{font-size:9px;color:#d2dfcd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-member small{font-size:8px;color:#89c3ac}.team-member.fallen{opacity:.55}.team-hud .shop-hud-button{font-size:8px}.game-ui:has(.round-banner:not([hidden])) .team-hud{visibility:hidden}@media(max-width:900px){.team-hud{width:170px;right:10px;top:85px;padding:10px}.team-member{grid-template-columns:20px 1fr}.team-member img{width:20px;height:30px}}@media(max-width:650px){.team-hud{top:110px;width:135px;padding:8px}.team-hud .tiny{font-size:6px}.team-member>span{font-size:7px}.team-member small{font-size:7px}.team-hud p{font-size:7px}.team-lobby .player-slot{grid-template-columns:1fr}.team-lobby .champion-emblem{display:none}.team-lobby .slot-name,.team-lobby .slot-champion,.team-lobby .slot-state{grid-column:1;font-size:10px}.team-lobby .slot-number{font-size:7px}}

/* Six playable heroes share the same card grid. */
.warlord-emblem{color:#ff7568}.champion-options:has([data-champion=warlord]) .champion-option:last-child,.entry-champions:has([data-pick=warlord]) .entry-pick:last-child,.intro-heroes:has([data-intro-hero=warlord]) button:last-child{grid-column:auto}.auth-characters img,.auth-characters img:nth-child(2){width:18%;margin:0 -3px}