:root{--bg:#0d0f12;--panel:#1b1f24;--panel-2:#2b3138;--panel-edge:#3e444d;--panel-hi:#60666e;--ink:#d9dee7;--ink-strong:#f2f5f9;--muted:#8b95a3;--ink-on-accent:#10210a;--lime:#7cfc00;--lime-dim:#4f9e00;--orange:#ffb800;--red:#ff4d00;--cyan:#00e0ff;--violet:#b84dff;--gelb:#ffe14a;--blau:#4aa3ff;--accent:var(--lime);--accent-2:var(--cyan);--danger:var(--red);--ok:var(--lime);--zahl-schaden:#ff3b3b;--zahl-krit:var(--gelb);--zahl-heilung:var(--lime);--zahl-schild:var(--blau);--balken-leben:var(--lime);--balken-ruestung:var(--cyan);--balken-xp:var(--orange);--verlauf-primaer:linear-gradient(180deg, #a6ff3d 0%, #7cfc00 45%, #5bc200 100%);--verlauf-primaer-hover:linear-gradient(180deg, #b9ff63 0%, #8dff1f 45%, #66d100 100%);--verlauf-sekundaer:linear-gradient(180deg, #343b43, #22272d);--verlauf-gefahr:linear-gradient(180deg, #ff7a3d 0%, #ff4d00 50%, #d93e00 100%);--verlauf-flaeche:linear-gradient(180deg, #2b3138f5, #1b1f24f5);--radius-s:4px;--radius-m:6px;--radius-l:10px;--radius-rund:999px;--schatten-s:0 2px 0 #00000080;--schatten-m:0 6px 22px #00000073, inset 0 1px 0 #ffffff0d;--schatten-l:0 24px 80px #000000a6;--glanz:inset 0 1px 0 #ffffff14;--leuchten-lime:0 8px 22px #7cfc0047;--font:"Exo 2", "Segoe UI", system-ui, sans-serif;--font-display:"Bebas Neue", "Impact", "Arial Narrow", sans-serif;--fs-xs:11.5px;--fs-s:13px;--fs-m:15px;--fs-l:19px;--fs-xl:30px;--spur:.06em;--abstand-1:4px;--abstand-2:8px;--abstand-3:12px;--abstand-4:18px;--abstand-5:28px;--fokus-farbe:var(--lime);--fokus-breite:2px;--fokus-abstand:2px}@media (prefers-contrast:more){:root{--ink:#fff;--muted:#c4ccd6;--panel-edge:#8b95a3;--fokus-breite:3px}}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--panel) 70%, var(--bg)) 0%, var(--bg) 55%);height:100%;color:var(--ink);font-family:var(--font);margin:0;padding:0;overflow:hidden}#app{place-items:center;width:100vw;height:100vh;display:grid;position:relative}#stage{width:min(100vw,177.78vh);height:min(56.25vw,100vh);position:relative;box-shadow:0 24px 80px #000000a6}#guenther-wheel{z-index:30;background:#000000b8;place-items:center;animation:.2s ease-out wheel-fade;display:grid;position:absolute;inset:0}#guenther-wheel[hidden]{display:none}@keyframes wheel-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.wheel-panel{background:linear-gradient(160deg, color-mix(in srgb, var(--panel) 98%, transparent), color-mix(in srgb, var(--bg) 98%, transparent));border:2px solid var(--orange);text-align:center;border-radius:14px;max-width:420px;padding:20px 28px 24px;box-shadow:0 24px 60px #000000b3}.wheel-title{letter-spacing:2px;color:var(--orange);margin:0 0 12px;font-size:22px;font-weight:700}.wheel-stage{display:inline-block;position:relative}#wheel-pointer{border-left:9px solid #0000;border-right:9px solid #0000;border-top:16px solid var(--orange);width:0;height:0;margin-left:-9px;position:absolute;top:-6px;left:50%}#wheel-result{color:var(--ink);min-height:24px;margin:16px 0 6px;font-size:17px;font-weight:600}#wheel-detail{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.wheel-panel.heimdall{border-color:var(--violet);box-shadow:0 0 60px color-mix(in srgb, var(--violet) 75%, transparent)}.wheel-panel.heimdall .wheel-title{color:var(--ink-strong)}#game-canvas{background:var(--bg);width:100%;height:100%;image-rendering:pixelated;touch-action:none;display:block}#touch-aktionen,#touch-laufen{display:none}@media (pointer:coarse){#touch-aktionen:not([hidden]){pointer-events:none;z-index:6;grid-template-columns:repeat(3,max-content);gap:8px;width:max-content;display:grid;position:absolute;bottom:12px;left:12px}#touch-aktionen button{pointer-events:auto}#touch-laufen:not([hidden]){z-index:6;gap:8px;display:flex;position:absolute;bottom:66px;right:12px}#touch-aktionen button,#touch-laufen button{min-width:62px;min-height:46px;color:var(--ink);background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid var(--panel-edge);touch-action:manipulation;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700}#touch-aktionen button:active,#touch-laufen button:active{background:color-mix(in srgb, var(--orange) 35%, transparent)}.weapon-item{min-height:36px}}.panel{background:linear-gradient(160deg, color-mix(in srgb, var(--panel) 96%, transparent), color-mix(in srgb, var(--bg) 96%, transparent));border:1px solid var(--panel-edge);clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}#zugpause{z-index:5;pointer-events:none;background:linear-gradient(160deg, color-mix(in srgb, var(--panel) 82%, transparent), color-mix(in srgb, var(--bg) 78%, transparent));border:1px solid var(--panel-edge);clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);justify-items:center;gap:4px;padding:8px 22px;display:grid;position:absolute;top:22%;left:50%;transform:translate(-50%)}#zugpause[hidden]{display:none}#zugpause .zugpause-titel{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:13px}#zugpause .zugpause-zahl{color:var(--ink-strong);font-variant-numeric:tabular-nums;font-size:44px;font-weight:800;line-height:1}#zugpause .zugpause-zahl:empty{display:none}#hud{pointer-events:none;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(210px,22%) 1fr minmax(210px,22%);gap:10px;padding:12px;display:grid;position:absolute;inset:0}#hud-top{grid-column:1/-1;justify-content:space-between;align-items:stretch;gap:10px;display:flex}.stat{text-align:center;min-width:96px;padding:8px 14px}.field-hint{color:var(--muted);text-transform:none;letter-spacing:normal;margin-top:3px;font-size:11px;line-height:1.35;display:block}#hud-abort{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--panel-edge);background:var(--panel);pointer-events:auto;border-radius:8px;transition:border-color .12s,color .12s}#hud-aufgeben{font:inherit;color:inherit;cursor:pointer;pointer-events:auto;border:1px solid var(--panel-edge);background:var(--panel);border-radius:8px;transition:border-color .12s,color .12s}#hud-abort:hover,#hud-aufgeben:hover{border-color:var(--danger);color:var(--danger)}#hud-abort:focus-visible,#hud-aufgeben:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stat .label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px;display:block}.stat .value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;display:block}#hud-left,#hud-right{background:linear-gradient(160deg, color-mix(in srgb, var(--panel) 84%, transparent), color-mix(in srgb, var(--bg) 80%, transparent));grid-row:2;align-self:start;min-height:0;max-height:calc(100vh - 150px);overflow-y:auto}#hud-left{grid-column:1}#hud-right{grid-column:3}#hud-log{max-height:clamp(108px,22vh,340px);position:absolute;bottom:64px;left:max(232px,22% + 22px);right:max(232px,22% + 22px);overflow:hidden}#roster,#weapon-list{gap:6px;margin:0;padding:8px;list-style:none;display:grid}.roster-item{border-left:3px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:4px 6px;font-size:13px;display:grid}.roster-item.is-dead{opacity:.42;text-decoration:line-through}.hp-track{background:var(--panel-2);height:8px;overflow:hidden}.hp-fill{height:100%;transition:width .12s linear}.weapon-item{cursor:pointer;pointer-events:auto;border-left:3px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:4px 6px;font-size:13px;display:grid}.weapon-item.is-cooling{opacity:.55;cursor:not-allowed}.weapon-item .weapon-cooldown{color:var(--gelb);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.weapon-item .weapon-cooldown-track{background:color-mix(in srgb, var(--ink-strong) 18%, transparent);vertical-align:middle;border-radius:2px;width:42px;height:4px;display:inline-block;overflow:hidden}.weapon-item .weapon-cooldown-fill{background:var(--gelb);border-radius:2px;height:100%;transition:width .22s ease-out;display:block}@media (prefers-reduced-motion:reduce){.weapon-item .weapon-cooldown-fill{transition:none}}#weapon-list .weapon-group{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid color-mix(in srgb, var(--muted) 25%, transparent);margin-top:2px;padding:6px 2px 2px;font-size:11px}#weapon-list .weapon-group:first-child{margin-top:0}.roster-item .status-badge{background:color-mix(in srgb, var(--ink-strong) 6%, transparent);white-space:nowrap;border-radius:3px;padding:0 3px;font-size:11px}.weapon-item .weapon-icon{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 0 2px #0009);width:24px;height:24px}.weapon-item .weapon-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.weapon-item[data-tier=uncommon]{border-left-color:color-mix(in srgb, var(--lime) 55%, transparent)}.weapon-item[data-tier=rare]{border-left-color:color-mix(in srgb, var(--cyan) 55%, transparent)}.weapon-item[data-tier=epic]{border-left-color:color-mix(in srgb, var(--violet) 60%, transparent)}.weapon-item[data-tier=legendary]{border-left-color:color-mix(in srgb, var(--orange) 75%, transparent)}.weapon-item.is-active{border-left-color:var(--accent-2)}#log-list{color:var(--muted);gap:3px;margin:0;padding:6px 10px;font-size:12px;list-style:none;display:grid}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:4px}[hidden]{display:none!important}#skip-to-board{z-index:100;background:var(--accent-2);color:var(--ink-on-accent);border-radius:0 0 6px;padding:8px 14px;font-weight:600;text-decoration:none;position:absolute;top:0;left:-9999px}#skip-to-board:focus{left:0}#game-canvas:focus-visible{outline:3px solid var(--accent-2);outline-offset:-3px}button,select,input,summary{font:inherit}button:disabled{opacity:.5;cursor:not-allowed}#lobby-browser{margin-top:10px;font-size:13px}#lobby-browser summary{cursor:pointer;color:var(--muted);padding:4px 0}#lobby-browser summary:hover{color:var(--ink)}#lobby-list{gap:4px;max-height:160px;margin:6px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}#lobby-list li{border-left:3px solid color-mix(in srgb, var(--cyan) 40%, transparent);background:color-mix(in srgb, var(--ink-strong) 3%, transparent);justify-content:space-between;align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:flex}#lobby-list button{padding:2px 8px;font-size:12px}.muted{color:var(--muted)}@media (max-width:900px){#hud-log{bottom:64px;left:12px;right:12px}}@media (max-height:520px){#hud{grid-template-columns:minmax(96px,16%) 1fr minmax(170px,26%);gap:6px;padding:6px}#hud-top{gap:6px}.stat{min-width:52px;padding:3px 8px}.stat .value{font-size:14px}.stat .label,.stat>span:first-child{font-size:9px}#hud-abort .value,#hud-abort,#hud-aufgeben .value,#hud-aufgeben{font-size:12px}#roster,#weapon-list{gap:3px;padding:4px}.roster-item{padding:2px 4px;font-size:11px}#hud-left,#hud-right{max-height:calc(100vh - 96px);font-size:11px}#hud-log{max-height:44px;font-size:11px;bottom:40px;left:6px;right:6px}#hud-aim{gap:8px;padding:3px 10px;font-size:11px}#hud-right li{font-size:11px}.weapon-item{gap:4px;padding:2px 4px;font-size:11px}.weapon-item .weapon-icon{width:18px;height:18px}}#hud-aim{grid-area:3/2;justify-self:center;align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:flex}#hud-kamera{font:inherit;color:inherit;cursor:pointer;pointer-events:auto;border:1px solid var(--panel-edge);white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:1px 8px;display:inline-flex}#hud-kamera[data-modus=frei]{border-color:var(--accent);color:var(--accent)}#hud-kamera:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#hud-kamera kbd{opacity:.6;font-size:.85em}#hud-aim .value{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}#hud-connection{letter-spacing:.08em;color:var(--muted);font-size:11px}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#000000d1;place-items:center;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.overlay-card{text-align:left;gap:16px;width:min(560px,88%);max-height:calc(100% - 2rem);padding:26px 30px;display:grid;overflow-y:auto}h1{letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:34px}h1 .accent{color:var(--accent)}.subtitle{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.field-row{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);gap:6px;font-size:12px;display:grid}select,input[type=text],input[type=number]{background:var(--bg);color:var(--ink);border:1px solid var(--panel-edge);font-family:var(--font);padding:9px 10px;font-size:14px}button{font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--accent);background:linear-gradient(180deg, color-mix(in srgb, var(--orange) 22%, transparent), color-mix(in srgb, var(--orange) 8%, transparent));color:var(--ink);cursor:pointer;padding:12px 18px;font-size:15px;transition:transform 90ms,background .12s}button:hover{background:color-mix(in srgb, var(--orange) 32%, transparent)}button:active{transform:translateY(1px)}button.secondary{border-color:var(--panel-edge);background:var(--panel)}.keymap{color:var(--muted);grid-template-columns:repeat(2,1fr);gap:6px 18px;font-size:12px;display:grid}.keymap b{color:var(--ink);font-weight:600}#end-overlay .overlay-card{text-align:center}#winner-text{margin:0;font-size:26px}#end-summary{color:var(--muted);margin:0;font-size:13px}.badge{border:1px solid var(--panel-edge);color:var(--muted);padding:2px 7px;font-size:11px;display:inline-block}#roster-browser{margin:.6rem 0 .2rem}#roster-tabs{flex-wrap:wrap;gap:.3rem;margin:.6rem 0;display:flex}#roster-tabs button{cursor:pointer;border:1px solid var(--panel-edge);background:var(--panel);color:var(--ink);border-radius:4px;padding:.25rem .5rem;font-size:.8rem}#roster-tabs button[aria-selected=true]{background:var(--blau);border-color:var(--blau);color:var(--ink-strong)}.roster-info{color:var(--muted);margin-bottom:.5rem;font-size:.82rem}.roster-info b{color:var(--ink-strong)}.roster-portrait{text-align:center;color:var(--muted);margin:0 0 .6rem;font-size:.82rem}.roster-portrait img{object-fit:contain;width:220px;max-width:100%;height:220px;margin:0 auto .2rem;display:block}.roster-list li{cursor:pointer}.roster-list{max-height:22rem;margin:0;padding:0;list-style:none;overflow-y:auto}.roster-list li{border-top:1px solid var(--panel-edge);gap:.6rem;padding:.45rem 0;display:flex}.roster-list img{object-fit:contain;flex:0 0 56px;width:56px;height:56px}.roster-list .r-text{font-size:.82rem;line-height:1.35}.roster-list .r-cp{color:var(--muted);margin-top:.2rem;font-size:.78rem}.roster-emblem{opacity:.85;font-variant-numeric:tabular-nums;border:1px solid;border-radius:3px;margin-left:.35rem;padding:0 .3rem;font-size:.7rem;line-height:1.3;display:inline-block}.roster-emblem[data-tier=leicht]{color:var(--muted)}.roster-emblem[data-tier=mittel]{color:var(--lime)}.roster-emblem[data-tier=schwer]{color:var(--orange)}.roster-emblem[data-tier=sehr\ schwer]{color:var(--red)}#hilfe-browser{margin:.6rem 0 .2rem}#hilfe-tabs{flex-wrap:wrap;gap:.3rem;margin:.6rem 0;display:flex}#hilfe-tabs button{cursor:pointer;border:1px solid var(--panel-edge);background:var(--panel);color:var(--ink);border-radius:4px;padding:.25rem .5rem;font-size:.8rem}#hilfe-tabs button[aria-selected=true]{background:var(--blau);border-color:var(--blau);color:var(--ink-strong)}.hilfe-inhalt{max-height:30rem;padding-right:.3rem;font-size:.84rem;line-height:1.4;overflow-y:auto}.hilfe-inhalt h3{color:var(--ink-strong);margin:.9rem 0 .3rem;font-size:.95rem}.hilfe-inhalt h4{color:var(--ink-strong);margin:.4rem 0 .2rem;font-size:.86rem}.hilfe-inhalt .h-einleitung{color:var(--muted);margin:0 0 .6rem}.hilfe-inhalt .h-erklaerung{color:var(--muted);margin:.2rem 0 .5rem}.hilfe-inhalt .h-kennzahl{color:var(--muted);margin:.2rem 0 0;font-size:.78rem}.h-karten{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.6rem;display:grid}.h-karte{border:1px solid var(--panel-edge);background:var(--panel);border-radius:5px;padding:.5rem .6rem}.h-liste{margin:.2rem 0 0;padding:0;list-style:none}.h-liste li{border-top:1px solid var(--panel-edge);padding:.15rem 0}.h-liste li:first-child{border-top:none}.h-tabelle{border-collapse:collapse;font-variant-numeric:tabular-nums;margin:.4rem 0 .8rem;font-size:.8rem;display:block;overflow-x:auto}.h-tabelle th,.h-tabelle td{border-top:1px solid var(--panel-edge);text-align:right;white-space:nowrap;padding:.2rem .45rem}.h-tabelle th:first-child,.h-tabelle td:first-child{text-align:left}.h-tabelle .h-z-mehr{color:var(--orange);font-weight:600}.h-tabelle .h-z-weniger{color:var(--blau)}.h-tabelle .h-z-haelt{color:var(--muted);font-style:italic}.h-wert{grid-template-columns:4.5rem 1fr 2.6rem;align-items:center;gap:.4rem;margin:.2rem 0;display:grid}.h-wert-label{color:var(--muted);font-size:.78rem}.h-wert-spur{background:var(--panel-edge);border-radius:3px;height:.5rem;display:block;overflow:hidden}.h-wert-fuellung{background:var(--blau);height:100%;display:block}.h-wert-zahl{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink);font-size:.78rem}.h-hinweis{border-left:3px solid var(--muted);background:var(--panel);color:var(--muted);margin-top:.8rem;padding:.45rem .6rem;font-size:.8rem}.h-hinweis p{margin:.2rem 0}.h-seltenheiten li{align-items:center;gap:.4rem;display:flex}.h-farbe{border-radius:2px;flex:0 0 .7rem;width:.7rem;height:.7rem;display:inline-block}.profil-werte{grid-template-columns:1fr auto;gap:.2rem .8rem;margin:.6rem 0;font-size:.85rem;display:grid}.profil-zeile{display:contents}.profil-wert{text-align:right;font-variant-numeric:tabular-nums}.match-tabelle{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:.6rem 0;font-size:.82rem}.match-tabelle th{text-align:left;color:var(--muted);border-bottom:1px solid var(--panel-edge);padding:.25rem .4rem;font-weight:600}.match-tabelle td{border-top:1px solid var(--panel-2);padding:.25rem .4rem}.match-tabelle th:not(:first-child),.match-tabelle td:not(:first-child){text-align:right}.erfolge-liste{max-height:24rem;margin-top:.4rem;overflow-y:auto}.erfolg-gruppe{color:var(--gelb);letter-spacing:.04em;text-transform:uppercase;margin:.6rem 0 .2rem;font-size:.78rem}.erfolg{border-top:1px solid var(--panel-2);opacity:.62;align-items:baseline;gap:.5rem;padding:.3rem 0;font-size:.82rem;display:flex}.erfolg.erreicht{opacity:1}.erfolg.frisch{background:color-mix(in srgb, var(--lime) 12%, var(--panel))}.erfolg-symbol{color:var(--gelb);flex:0 0 1rem}.erfolg-text{flex:auto}.erfolg-hinweis{color:var(--muted);font-size:.78rem}.erfolg-stand{color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.erfolg-stufe{color:var(--muted);font-size:.72rem}.stufe-sehr-schwer{color:var(--red)}.stufe-schwer{color:var(--gelb)}.erfolg-muster{color:var(--red);font-size:.7rem;font-style:normal}.roster-list .r-name{color:var(--ink-strong);font-weight:600}.roster-list .r-role{color:var(--muted);font-size:.75rem}.roster-list .r-bio,.roster-list .r-prof{color:var(--muted)}.pa-btn{justify-content:center;align-items:center;gap:var(--abstand-2);font-family:var(--font-display);font-size:var(--fs-l);letter-spacing:var(--spur);text-transform:uppercase;padding:10px var(--abstand-4);min-height:44px;color:var(--ink);background:var(--verlauf-sekundaer);border:1px solid var(--panel-hi);border-radius:var(--radius-s);box-shadow:var(--glanz), var(--schatten-s);cursor:pointer;touch-action:manipulation;transition:background .12s,border-color .12s,box-shadow .12s,transform 60ms;display:inline-flex}.pa-btn:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--lime-dim);filter:brightness(1.12)}.pa-btn:active:not(:disabled):not([aria-disabled=true]){box-shadow:var(--glanz);transform:translateY(2px)}.pa-btn:focus-visible{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:var(--fokus-abstand)}.pa-btn--primaer{color:var(--ink-on-accent);background:var(--verlauf-primaer);text-shadow:0 1px #ffffff59;box-shadow:0 0 0 1px #2a4d00, 0 3px 0 #2f5a00, var(--leuchten-lime), inset 0 1px 0 #ffffff80;border-color:#c8ff7a}.pa-btn--primaer:hover:not(:disabled){background:var(--verlauf-primaer-hover);border-color:#c8ff7a}.pa-btn--fadenkreuz:after{content:"";background:linear-gradient(currentColor,currentColor) 50%/2px 140% no-repeat,linear-gradient(currentColor,currentColor) 50%/140% 2px no-repeat;border:2px solid;border-radius:50%;flex:none;width:1em;height:1em}.pa-btn--sekundaer{background:linear-gradient(180deg, var(--panel-2), var(--panel));border-color:var(--panel-edge)}.pa-btn--gefahr{color:#fff;background:var(--verlauf-gefahr);text-shadow:0 1px #00000073;border-color:#ff9a6b}.pa-btn:disabled,.pa-btn[aria-disabled=true]{color:var(--muted);background:var(--panel);border-color:var(--panel-2);box-shadow:none;text-shadow:none;cursor:not-allowed;opacity:.7}.pa-tabs{gap:var(--abstand-1);flex-wrap:wrap;display:flex}.pa-tab{font-family:var(--font-display);font-size:var(--fs-l);letter-spacing:var(--spur);padding:6px var(--abstand-3);border-radius:var(--radius-s);color:var(--muted);background:var(--panel);border:1px solid var(--panel-edge);box-shadow:none;cursor:pointer}.pa-tab[aria-selected=true],.pa-tab.is-aktiv{color:var(--lime);border-color:var(--lime);background:linear-gradient(#2d3d1c,#1d2812)}.pa-tab:hover:not([aria-selected=true]){color:var(--ink);border-color:var(--lime-dim)}.pa-toggle{align-items:center;gap:var(--abstand-2);cursor:pointer;display:inline-flex}.pa-toggle>input{opacity:0;width:1px;height:1px;position:absolute}.pa-toggle__spur{border-radius:var(--radius-rund);background:var(--panel-2);border:1px solid var(--panel-edge);flex:none;width:44px;height:24px;transition:background .15s,border-color .15s;position:relative}.pa-toggle__spur:after{content:"";background:var(--ink);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px}.pa-toggle>input:checked+.pa-toggle__spur{background:var(--lime-dim);border-color:var(--lime)}.pa-toggle>input:checked+.pa-toggle__spur:after{background:var(--ink-on-accent);transform:translate(20px)}.pa-toggle>input:focus-visible+.pa-toggle__spur{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:var(--fokus-abstand)}.pa-slider{accent-color:var(--lime);cursor:pointer;height:24px}.pa-slider:focus-visible{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:var(--fokus-abstand)}.pa-balken{align-items:center;gap:var(--abstand-2);--balken-farbe:var(--balken-leben);grid-template-columns:minmax(0,1fr) auto;display:grid}.pa-balken--ruestung{--balken-farbe:var(--balken-ruestung)}.pa-balken--xp{--balken-farbe:var(--balken-xp)}.pa-balken__spur{border-radius:var(--radius-rund);background:var(--bg);border:1px solid var(--panel-edge);height:8px;overflow:hidden}.pa-balken__fuell{height:100%;width:calc(var(--anteil,1) * 100%);background:var(--balken-farbe);border-radius:inherit;box-shadow:0 0 8px var(--balken-farbe);display:block}.pa-balken__zahl{font-family:var(--font-display);font-size:var(--fs-m);letter-spacing:var(--spur);color:var(--ink);font-variant-numeric:tabular-nums}.pa-karte{--karte-ton:var(--panel-edge);padding:var(--abstand-3);border-radius:var(--radius-m);background:var(--verlauf-flaeche);border:1px solid var(--karte-ton);box-shadow:var(--schatten-m);position:relative}.pa-karte--lime{--karte-ton:var(--lime)}.pa-karte--orange{--karte-ton:var(--orange)}.pa-karte--cyan{--karte-ton:var(--cyan)}.pa-karte--violet{--karte-ton:var(--violet)}.pa-karte--rot{--karte-ton:var(--red)}.pa-dialog{--dialog-ton:var(--lime)}.pa-dialog.panel,.pa-dialog.pa-karte{border-color:var(--dialog-ton);box-shadow:0 0 0 1px #0009, 0 0 28px color-mix(in srgb, var(--dialog-ton) 28%, transparent), var(--schatten-m)}.pa-dialog--erfolg{--dialog-ton:var(--violet)}.pa-dialog--gefahr{--dialog-ton:var(--red)}.pa-dialog__titel{font-family:var(--font-display);letter-spacing:.08em;color:var(--dialog-ton);text-align:center;margin:0}.pa-toast{border-left:4px solid var(--toast-farbe,var(--cyan));border-radius:var(--radius-m)}.pa-status{font-size:var(--fs-s);color:var(--ink);--status-farbe:var(--muted);align-items:center;gap:6px;display:inline-flex}.pa-status:before{content:"";background:var(--status-farbe);width:10px;height:10px;box-shadow:0 0 6px color-mix(in srgb, var(--status-farbe) 60%, transparent);border-radius:2px;flex:none}.pa-status[data-status=online]{--status-farbe:var(--lime)}.pa-status[data-status=match]{--status-farbe:var(--red)}.pa-status[data-status=abwesend]{--status-farbe:var(--orange)}.pa-status[data-status=offline]{--status-farbe:var(--panel-hi)}.pa-status[data-status=bereit]{--status-farbe:var(--lime)}.pa-status[data-status=bereit]:before{border-radius:50%}.pa-status[data-status=nicht-bereit]{--status-farbe:var(--red)}.pa-status[data-status=nicht-bereit]:before{border:2px solid var(--status-farbe);box-shadow:none;background:0 0;border-radius:50%}.pa-status[data-status=laedt]:before,.pa-status[data-status=speichert]:before{border:2px solid var(--panel-hi);border-top-color:var(--cyan);box-shadow:none;background:0 0;border-radius:50%;animation:.9s linear infinite pa-dreh}@keyframes pa-dreh{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pa-btn,.pa-toggle__spur,.pa-toggle__spur:after{transition:none}.pa-status[data-status=laedt]:before,.pa-status[data-status=speichert]:before{animation:none}}.rangliste{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.rangliste-zeile{border:1px solid var(--panel-edge);background:color-mix(in srgb, var(--panel-2) 55%, transparent);border-radius:6px;grid-template-columns:1fr auto;gap:2px 12px;padding:6px 10px;display:grid}.rangliste-zeile[data-platz="1"]{border-color:var(--lime)}.rangliste-zeile[data-platz="2"]{border-color:var(--panel-hi)}.rangliste-zeile[data-platz="3"]{border-color:var(--orange)}.rangliste-name{color:var(--ink-strong);text-overflow:ellipsis;font-weight:600;overflow:hidden}.rangliste-elo{color:var(--lime);font-variant-numeric:tabular-nums}.rangliste-zahlen{font-size:var(--fs-s);grid-column:1/-1}.rangliste-rekorde{font-size:var(--fs-s);line-height:1.5}.konto-knoepfe{flex-wrap:wrap;gap:8px;display:flex}.konto-zeile{font-size:var(--fs-s)}#konto-status[data-art=fehler]{color:var(--red)}#konto-status[data-art=warnung]{color:var(--orange)}#konto-status[data-art=ok]{color:var(--lime)}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(./bebas-neue-latin-400-normal-9mHNbWWO.woff2)format("woff2"),url(./bebas-neue-latin-400-normal-Bi-ndsyu.woff)format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:400;src:url(./exo-2-latin-400-normal-D8MC3_dU.woff2)format("woff2"),url(./exo-2-latin-400-normal-_vYD6UCb.woff)format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./exo-2-latin-600-normal-DOMk466V.woff2)format("woff2"),url(./exo-2-latin-600-normal-DZPWd1Z-.woff)format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:700;src:url(./exo-2-latin-700-normal-OoACPC18.woff2)format("woff2"),url(./exo-2-latin-700-normal-CMe4g2cX.woff)format("woff")}html,body{background:radial-gradient(ellipse at 20% -10%, #7cfc000f, transparent 55%), radial-gradient(ellipse at 90% 110%, #ff4d000f, transparent 50%), var(--bg);font-family:var(--font)}h1,h2,h3,summary,button,.stat .label,label,.roster-item span:first-child,.weapon-group{font-family:var(--font-display)}.panel{border:1px solid var(--panel-edge);clip-path:none;background:linear-gradient(#2b3138f5,#1b1f24f5);border-radius:6px;box-shadow:0 6px 22px #00000073,inset 0 1px #ffffff0d}button{font-family:var(--font-display);letter-spacing:.06em;color:var(--ink);background:linear-gradient(#343b43,#22272d);border:1px solid #5a626d;border-radius:5px;padding:10px 18px;font-size:19px;box-shadow:inset 0 1px #ffffff14,0 2px #00000080}button:hover{border-color:var(--lime-dim);background:linear-gradient(#3e4650,#292f36)}button:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff0d}button.secondary{background:linear-gradient(180deg, var(--panel-2), var(--panel));border-color:var(--panel-edge)}button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:var(--fokus-abstand)}#start-button,#rematch-button{letter-spacing:.08em;color:var(--ink-on-accent);background:var(--verlauf-primaer);text-shadow:0 1px #ffffff59;border:1px solid #c8ff7a;padding:12px 20px;font-size:30px;box-shadow:0 0 0 1px #2a4d00,0 3px #2f5a00,0 8px 22px #7cfc0047,inset 0 1px #ffffff80}#start-button:hover,#rematch-button:hover{background:linear-gradient(#b9ff63 0%,#8dff1f 45%,#66d100 100%);box-shadow:0 0 0 1px #2a4d00,0 3px #2f5a00,0 10px 30px #7cfc0073,inset 0 1px #fff9}select,input[type=text],input[type=number]{color:var(--ink);border:1px solid var(--panel-edge);font-family:var(--font);background:#0f1318;border-radius:4px;font-size:14px}label{letter-spacing:.08em;color:var(--muted);font-size:15px}.field-hint{font-family:var(--font);letter-spacing:0;text-transform:none;color:#6f7886;font-size:11.5px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(at 30% 20%,#7cfc0012,#0000 55%),radial-gradient(at 80% 90%,#ff4d0014,#0000 55%),repeating-linear-gradient(135deg,#ffffff03 0 2px,#0000 2px 10px),#0a0c0feb}#menu-overlay .overlay-card{grid-template-columns:minmax(250px,330px) minmax(0,1fr);grid-template-areas:"marke konfig""keymap konfig""weitere konfig";align-content:start;gap:18px 28px;width:min(1040px,94%);padding:26px 30px 24px}#menu-overlay .menu-marke{text-align:center;grid-area:marke;justify-items:center;gap:10px;display:grid}#menu-overlay .menu-logo{aspect-ratio:660/860;filter:drop-shadow(0 8px 22px #0009);background:url(../logo.webp) 50%/contain no-repeat;width:min(100%,250px)}#menu-overlay h1{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#menu-overlay .subtitle{color:var(--muted);font-size:13px;line-height:1.5}#menu-overlay .menu-konfig{border:1px solid var(--panel-edge);background:#0d0f128c;border-radius:6px;grid-area:konfig;align-content:start;gap:16px;padding:18px 20px 20px;display:grid}#menu-overlay .konfig-titel{font-weight:400;font-family:var(--font-display);letter-spacing:.08em;color:var(--lime);border-bottom:1px solid var(--panel-edge);margin:0;padding-bottom:8px;font-size:26px}#menu-overlay .touch-kurzhilfe{display:none}@media (pointer:coarse){#menu-overlay .touch-kurzhilfe{color:var(--ink);font-size:var(--fs-s);margin:0;line-height:1.4;display:block}}#menu-overlay .menu-weitere{grid-area:weitere;align-content:start;gap:6px;display:grid}#menu-overlay .menu-bauinfo{letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:12px}#menu-overlay details{background:linear-gradient(180deg, var(--panel-2), #1f2429);border:1px solid var(--panel-edge);border-radius:5px;margin:0}#menu-overlay details[open]{border-color:var(--lime-dim);background:var(--panel)}#menu-overlay summary{cursor:pointer;letter-spacing:.07em;color:var(--ink);justify-content:space-between;align-items:center;padding:10px 14px;font-size:19px;list-style:none;display:flex}#menu-overlay summary::-webkit-details-marker{display:none}#menu-overlay summary:after{content:"›";color:var(--lime);font-size:26px;line-height:1;transition:transform .12s}#menu-overlay details[open]>summary:after{transform:rotate(90deg)}#menu-overlay summary:hover{color:#fff;background:#7cfc000f}#menu-overlay details>:not(summary){padding-left:14px;padding-right:14px}#menu-overlay details>:last-child{padding-bottom:12px}#menu-overlay .keymap{opacity:.85;border-top:1px solid var(--panel-edge);grid-area:keymap;grid-template-columns:1fr;padding-top:12px}#menu-overlay .keymap b{color:var(--lime);font-weight:700}@media (max-width:860px){#menu-overlay .overlay-card{grid-template-columns:1fr;grid-template-areas:"marke""keymap""konfig""weitere"}#menu-overlay .menu-logo{width:min(100%,170px)}}.stat{border:1px solid var(--panel-edge);clip-path:none;background:linear-gradient(#2b3138f0,#14171bf0);border-radius:6px}.stat .label,.stat>span:first-child{font-family:var(--font-display);letter-spacing:.12em;color:var(--muted)}.stat .value{font-family:var(--font-display);letter-spacing:.04em;color:#fff;font-size:26px}#hud-status{color:var(--lime)!important}#hud-wind .value,#hud-wind{color:#fff}#hud-left.panel,#hud-right.panel,#hud-log.panel{clip-path:none;border-radius:6px}#hud-left.panel{background:linear-gradient(#2b3138bd,#1b1f24bd)}.roster-item{border-left:4px solid #0000;border-radius:3px;font-size:15px}.roster-item.is-active{border-left-color:var(--lime);background:linear-gradient(90deg,#7cfc0029,#0000)}.hp-track{background:#0b0d10;border:1px solid #343a42;border-radius:4px}.hp-fill{border-radius:3px}#log-list{font-family:var(--font);color:#aab3c0}#hud-aim.panel{font-family:var(--font-display);letter-spacing:.05em;border-radius:6px;font-size:18px}#hud-aim .value{color:var(--lime)}.weapon-item{border-radius:4px}.weapon-item.is-active{border-left-color:var(--lime);background:linear-gradient(90deg,#7cfc002e,#0000)}#weapon-list .weapon-group{font-family:var(--font-display);letter-spacing:.1em;color:var(--muted)}#end-overlay .overlay-card{border-color:var(--lime-dim);width:min(560px,92%);box-shadow:0 0 0 1px #7cfc0040,0 0 60px #7cfc002e,0 16px 60px #000000b3}#end-overlay h1{letter-spacing:.08em;text-align:center;font-size:54px}#end-overlay h1 .accent,h1 .accent{color:var(--lime)}#winner-text{font-family:var(--font-display);letter-spacing:.06em;color:var(--orange);font-size:34px}#bestaetigung{z-index:30}#bestaetigung .overlay-card{width:min(460px,90%);padding:22px 24px}#bestaetigung .pa-dialog__titel{margin:0;font-size:26px}#bestaetigung-text{margin:0;line-height:1.5}.bestaetigung-knoepfe{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}@media (max-width:520px){.bestaetigung-knoepfe{flex-direction:column-reverse}.bestaetigung-knoepfe .pa-btn{width:100%}}#zugpause{clip-path:none;border-color:var(--lime-dim);border-radius:6px}#zugpause .zugpause-titel{font-family:var(--font-display);letter-spacing:.1em;color:var(--lime);font-size:20px}#zugpause .zugpause-zahl{font-family:var(--font-display);color:#fff;text-shadow:0 0 18px #7cfc0080;font-size:64px}#hud{grid-template-columns:minmax(170px,22%) 1fr minmax(170px,22%);gap:8px}#hud-dial{text-align:center;--winkel:90deg;background:radial-gradient(circle at 50% 50%, #14181d 0 58%, transparent 59%), conic-gradient(from 270deg, var(--lime) 0 var(--winkel), var(--panel-2) var(--winkel) 360deg);width:92px;height:92px;box-shadow:0 0 0 3px var(--bg), 0 0 18px #7cfc0040, 0 6px 18px #00000080;pointer-events:none;border-radius:50%;grid-area:3/1;place-content:center;place-self:end start;display:grid;position:relative}#hud-dial .dial-wert{font-family:var(--font-display);color:#fff;letter-spacing:.03em;font-size:32px;line-height:1}#hud-dial .dial-name{font-family:var(--font-display);letter-spacing:.18em;color:var(--muted);font-size:11px}#hud-fire{text-align:center;pointer-events:auto;color:#1a1300;background:linear-gradient(180deg, #ffd24d 0%, var(--orange) 55%, #e69500 100%);touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #ffe08a;grid-area:3/3;place-content:center;place-self:end;gap:0;min-width:190px;height:64px;padding:4px 18px 0;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #5a3d00,0 4px #6b4800,0 10px 24px #ffb8004d,inset 0 1px #ffffff8c}#hud-fire:hover{background:linear-gradient(#ffdd70 0%,#ffc21f 55%,#f09f00 100%);border-color:#ffe08a}#hud-fire .fire-text{font-family:var(--font-display);letter-spacing:.1em;z-index:1;font-size:36px;line-height:1;position:relative}#hud-fire .fire-unter{font-family:var(--font-display);letter-spacing:.16em;opacity:.7;z-index:1;font-size:12px;position:relative}#hud-fire .fire-ladung{height:7px;width:calc(var(--ladung,0) * 100%);background:linear-gradient(90deg, var(--lime), var(--orange), var(--red));transition:width 60ms linear;position:absolute;bottom:0;left:0;box-shadow:0 0 12px #ff4d00b3}#hud-fire:disabled{filter:grayscale(.85)brightness(.55);cursor:not-allowed;box-shadow:none}#hud-right.panel{background:linear-gradient(#2b3138e6,#14171beb);grid-area:3/2;place-self:end center;max-height:none;padding:6px 8px;overflow:visible}#weapon-list{scrollbar-width:thin;flex-wrap:nowrap;gap:6px;max-width:100%;padding:0;display:flex;overflow-x:auto}#weapon-list>li.weapon-slot{display:contents}#weapon-list .weapon-group{display:none}#weapon-list .weapon-item{border:1px solid var(--panel-edge);border-left:1px solid var(--panel-edge);background:linear-gradient(#262c33,#181c21);border-radius:6px;flex:none;place-items:center;width:60px;height:60px;min-height:0;padding:0;display:grid;position:relative;overflow:visible}#weapon-list .weapon-item .weapon-icon{filter:drop-shadow(0 2px 3px #000000b3);width:42px;height:42px}#weapon-list .weapon-item.is-active{border-color:var(--lime);background:linear-gradient(#2e3d22,#1b2314);box-shadow:0 0 0 1px #7cfc0080,0 0 14px #7cfc0059}#weapon-list .weapon-item .weapon-name,#weapon-list .weapon-item>span:not(.weapon-cooldown){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#weapon-list .weapon-item.is-active .weapon-name{clip:auto;width:auto;height:auto;font-family:var(--font-display);letter-spacing:.06em;border:1px solid var(--lime-dim);z-index:3;background:#0d0f12eb;border-radius:4px;padding:3px 10px;font-size:17px;bottom:calc(100% + 8px);left:50%;overflow:visible;transform:translate(-50%)}#weapon-list .weapon-item:before{content:attr(data-nr);font-family:var(--font-display);color:var(--muted);font-size:13px;position:absolute;top:2px;left:5px}#weapon-list .weapon-item:after{content:attr(data-munition);text-align:right;min-width:18px;font-family:var(--font-display);color:#fff;text-shadow:0 1px 2px #000;font-size:16px;position:absolute;bottom:1px;right:4px}#weapon-list .weapon-item.is-cooling{opacity:.55}#weapon-list .weapon-item .weapon-cooldown{position:absolute;bottom:4px;left:4px;right:4px}#weapon-list .weapon-item[data-tier=rare]{border-color:#2a6e86}#weapon-list .weapon-item[data-tier=epic]{border-color:#6a43bd}#weapon-list .weapon-item[data-tier=legendary]{border-color:#b8891a}#weapon-list .weapon-item.is-active[data-tier]{border-color:var(--lime)}#hud-aim.panel{box-shadow:none;background:#0d0f12b3;border-color:#0000;grid-area:2/2;place-self:end center;margin-bottom:78px;padding:3px 14px;font-size:16px}#hud-log{bottom:92px}@media (max-height:520px){#hud-dial{width:60px;height:60px}#hud-dial .dial-wert{font-size:21px}#hud-dial .dial-name{display:none}#hud-fire{min-width:120px;height:46px}#hud-fire .fire-text{font-size:26px}#hud-fire .fire-unter{display:none}#weapon-list .weapon-item{width:44px;height:44px}#weapon-list .weapon-item .weapon-icon{width:30px;height:30px}#weapon-list .weapon-item:after{font-size:12px}#hud-aim.panel{margin-bottom:52px}#hud-log{bottom:56px!important}}.hp-track{height:10px;display:block;overflow:hidden}.hp-fill{height:100%;display:block}#hud-aim.panel{background:#0d0f1299;grid-area:3/1;place-self:end start;gap:0;margin:0 0 4px 104px;padding:2px 10px;font-size:15px;line-height:1.15;display:grid}#hud-aim.panel>span:first-child{display:none}#hud-aim.panel>#hud-active{color:var(--lime);font-size:14px}#hud-log{background:linear-gradient(#1b1f249e,#0d0f12b8);max-height:clamp(70px,13vh,130px);font-size:13px;bottom:90px}#weapon-list{overflow:visible}@media (max-height:520px){.stat .value{font-size:18px}.stat{padding:2px 8px}#hud-aim.panel{display:none}#hud-log{max-height:50px;font-size:11px;right:6px;left:80px!important}}#roster-tabs button,#hilfe-tabs button{font-family:var(--font-display);letter-spacing:.06em;border:1px solid var(--panel-edge);color:var(--ink);box-shadow:none;background:#20252b;border-radius:4px;padding:4px 10px;font-size:15px}#roster-tabs button[aria-selected=true],#hilfe-tabs button[aria-selected=true]{border-color:var(--lime);color:var(--lime);background:linear-gradient(#2d3d1c,#1d2812)}.roster-info,.hilfe-inhalt .h-einleitung,.hilfe-inhalt .h-erklaerung{color:#a4adb9}.roster-info b,.hilfe-inhalt h3,.hilfe-inhalt h4,.roster-list .r-name{color:#fff}.hilfe-inhalt h3,.roster-list .r-name{font-family:var(--font-display);letter-spacing:.05em;font-size:1.15em}.roster-list .r-waffe{color:var(--orange)}.roster-list li{border-top-color:var(--panel-2)}#lobby-list li{border:1px solid var(--panel-edge);border-left:3px solid var(--lime-dim);background:#20252b;border-radius:4px}.match-tabelle th{color:var(--muted);font-family:var(--font-display);letter-spacing:.08em;font-weight:400}.match-tabelle td{border-top-color:var(--panel-2)}.profil-name{color:var(--muted)}.profil-wert{color:#fff}.erfolg-gruppe{color:var(--orange);font-family:var(--font-display);letter-spacing:.1em}.erfolg.erreicht .erfolg-stand{color:var(--lime)}.badge.live{border-color:var(--lime);color:var(--lime)}#menu-overlay details button{padding:6px 12px;font-size:16px}#menu-overlay details .secondary{background:linear-gradient(180deg, var(--panel-2), var(--panel))}input[type=range]{accent-color:var(--lime)}select option{color:var(--ink);background:#14181d}#end-overlay h1{text-shadow:0 0 24px #7cfc0073}#end-summary{font-family:var(--font);color:#a4adb9}#skip-to-board:focus{background:var(--lime);color:var(--ink-on-accent);font-family:var(--font-display)}#menu-overlay .menu-weitere{min-width:0}#menu-overlay details>:not(summary){max-width:100%;overflow-x:auto}#menu-overlay .menu-konfig{min-width:0}#hud-log{max-height:clamp(70px,24vh,260px);bottom:112px}#menu-overlay .overlay-card{grid-template-columns:330px minmax(0,1fr)}#menu-overlay .menu-weitere{grid-template-columns:minmax(0,1fr)}#menu-overlay .menu-weitere>details{min-width:0}@media (max-width:860px){#menu-overlay .overlay-card{grid-template-columns:minmax(0,1fr)}}#end-overlay .overlay-card{border:1px solid var(--lime-dim);background:radial-gradient(at 50% -10%,#7cfc002e,#0000 60%),linear-gradient(#202620,#14181b 70%);border-radius:8px;justify-items:center;gap:10px;width:min(580px,92%);padding:26px 34px 24px;position:relative}#end-overlay .overlay-card:before,#end-overlay .overlay-card:after{content:"";border:3px solid var(--lime);pointer-events:none;width:26px;height:26px;position:absolute}#end-overlay .overlay-card:before{border-bottom:0;border-right:0;border-top-left-radius:6px;top:8px;left:8px}#end-overlay .overlay-card:after{border-top:0;border-left:0;border-bottom-right-radius:6px;bottom:8px;right:8px}#end-overlay h1{letter-spacing:.3em;color:var(--muted);text-shadow:none;text-align:center;margin:0;font-size:22px}#end-overlay h1 .accent{color:var(--muted)}#end-overlay .sieg-schaedel{filter:drop-shadow(0 0 16px #7cfc008c);width:84px;height:84px}#winner-text{font-family:var(--font-display);letter-spacing:.06em;text-align:center;text-shadow:0 0 22px,0 3px #0009;margin:2px 0 0;font-size:58px;line-height:1}#end-summary{color:#8f98a5;text-align:center;margin:0 0 4px;font-size:13px}#end-overlay #match-kennzahlen{border:1px solid var(--panel-edge);background:#0d0f1299;border-radius:5px;width:100%;max-width:420px;padding:8px 12px}#end-overlay .match-tabelle{width:100%}#end-overlay .end-knoepfe{grid-template-columns:1fr auto;gap:10px;width:100%;max-width:420px;margin-top:6px;display:grid}#end-overlay #rematch-button{font-size:30px}#end-overlay #end-menu-button{padding:10px 18px;font-size:22px}#end-overlay .profil-werte,#end-overlay .match-tabelle,#end-overlay .profil-name,#end-overlay .match-tabelle td:first-child,#end-overlay .match-tabelle th:first-child{text-align:left}#hud-right.panel{pointer-events:none;align-items:center;gap:8px;display:flex}#hud-right.panel>*{pointer-events:auto}#weapon-list .weapon-item{pointer-events:auto;cursor:pointer}#waffen-menue-knopf{border:1px solid var(--orange);width:60px;height:60px;color:var(--orange);touch-action:manipulation;cursor:pointer;background:linear-gradient(#3a3220,#1d1a12);border-radius:6px;flex:none;align-content:center;place-items:center;gap:0;padding:0;display:grid;position:relative;box-shadow:inset 0 1px #ffdc8c40}#waffen-menue-knopf:hover,#waffen-menue-knopf[aria-expanded=true]{color:#ffd86b;background:linear-gradient(#5a4a22,#2c2514);border-color:#ffd86b}#waffen-menue-knopf:focus-visible{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:2px}#waffen-menue-knopf .wm-knopf-symbol{font-size:22px;line-height:1}#waffen-menue-knopf .wm-knopf-text{font-family:var(--font-display);letter-spacing:.08em;font-size:14px;line-height:1}#waffen-menue-knopf .wm-knopf-taste{font-family:var(--font-display);color:var(--muted);font-size:12px;position:absolute;top:2px;right:5px}@media (pointer:coarse){#waffen-menue-knopf .wm-knopf-taste{display:none}}#waffenmenue{z-index:20;pointer-events:auto;border:1px solid var(--panel-edge);border-top:2px solid var(--orange);background:linear-gradient(#2b3138f7,#14171bfa);border-radius:8px;flex-direction:column;width:min(720px,100% - 24px);max-height:min(72vh,100% - 110px);padding:10px 12px 8px;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 -8px 32px #0009}#waffenmenue[hidden]{display:none}#waffenmenue:focus{outline:none}#waffenmenue .wm-leiste{align-items:center;gap:10px;margin-bottom:8px;display:flex}#waffenmenue .wm-titel{letter-spacing:.08em;color:var(--orange);margin:0;font-size:26px}#waffenmenue-suche{min-width:0;height:40px;font:16px var(--font);color:var(--ink);border:1px solid var(--panel-edge);background:#0f1216;border-radius:6px;flex:auto;padding:0 12px}#waffenmenue-suche:focus-visible{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:1px}#waffenmenue .wm-zaehler{color:var(--muted);white-space:nowrap;font-size:13px}#waffenmenue-schliessen{width:44px;height:40px;color:var(--ink);border:1px solid var(--panel-edge);cursor:pointer;background:#20252b;border-radius:6px;flex:none;padding:0;font-size:18px}#waffenmenue-schliessen:hover{border-color:var(--red);color:var(--red)}#waffenmenue-schliessen:focus-visible{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:2px}#waffenmenue-liste{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;padding-right:4px;overflow-y:auto}#waffenmenue .wm-leer,#waffenmenue-leer{text-align:center;color:var(--muted);margin:18px 0}#waffenmenue-leer[hidden]{display:none}.wm-gruppe{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin-bottom:12px;display:grid}.wm-gruppe[hidden]{display:none}.wm-kopf{z-index:1;border-bottom:1px solid var(--panel-edge);background:#1b1f24f7;grid-column:1/-1;align-items:baseline;gap:10px;padding:3px 2px 2px;display:flex;position:sticky;top:0}.wm-kopf-haupt{font-family:var(--font-display);letter-spacing:.1em;color:var(--orange);font-size:20px}.wm-kopf-unter{font-family:var(--font-display);letter-spacing:.08em;color:var(--muted);font-size:15px}.wm-kopf-zahl{color:var(--muted);margin-left:auto;font-size:12px}.wm-opt{border:1px solid var(--panel-edge);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:radial-gradient(at 50% 35%,#323a43,#1a1e23 75%);border-bottom-width:4px;border-radius:10px;grid-template-rows:76px auto;grid-template-columns:1fr;place-items:center;row-gap:4px;min-height:112px;padding:8px 6px 7px;display:grid;position:relative}.wm-opt[hidden]{display:none}.wm-opt .wm-icon{object-fit:contain;filter:drop-shadow(0 3px 4px #000000bf);grid-row:1;width:72px;height:72px;transition:transform .12s;display:block}.wm-opt .wm-icon-atlas{background-color:#0000;background-repeat:no-repeat}.wm-opt:hover .wm-icon,.wm-opt.is-fokus .wm-icon{transform:scale(1.08)rotate(-2deg)}.wm-opt .wm-name{text-align:center;-webkit-line-clamp:2;color:#c8d3de;-webkit-box-orient:vertical;grid-row:2;max-width:100%;font-size:12.5px;font-weight:600;line-height:1.12;display:-webkit-box;overflow:hidden}.wm-opt .wm-munition{text-align:center;min-width:22px;font-family:var(--font-display);letter-spacing:.04em;color:#fff;background:#0000008c;border-radius:9px;padding:0 6px;font-size:14px;position:absolute;top:5px;right:6px}.wm-opt .wm-nachladen{color:var(--orange);font-size:12px;position:absolute;top:5px;left:6px}.wm-opt .wm-stern{width:28px;height:28px;color:var(--muted);place-items:center;font-size:16px;display:grid;position:absolute;top:0;right:0}.wm-opt .wm-stern:hover,.wm-opt.is-fav .wm-stern{color:var(--orange)}.wm-opt[data-tier=uncommon]{border-bottom-color:var(--lime)}.wm-opt[data-tier=uncommon] .wm-name{color:var(--lime)}.wm-opt[data-tier=rare]{border-bottom-color:var(--cyan)}.wm-opt[data-tier=rare] .wm-name{color:var(--cyan)}.wm-opt[data-tier=epic]{border-bottom-color:var(--violet)}.wm-opt[data-tier=epic] .wm-name{color:var(--violet)}.wm-opt[data-tier=legendary]{border-bottom-color:#ffb703}.wm-opt[data-tier=legendary] .wm-name{color:#ffb703}.wm-opt:hover{background:linear-gradient(#313943,#1f242a)}.wm-opt.is-aktiv{border-color:var(--lime);box-shadow:0 0 0 1px #7cfc0073}.wm-opt.is-fokus{outline:2px solid var(--orange);outline-offset:1px}.wm-opt.is-cooling{opacity:.7}.wm-opt.is-leer{opacity:.38;filter:grayscale(.8);cursor:not-allowed}.wm-opt.is-wackeln{animation:.25s wm-wackeln}@keyframes wm-wackeln{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.wm-opt.is-wackeln{outline:2px solid var(--red);animation:none}}#waffenmenue .wm-info{min-height:20px;color:var(--ink);border-top:1px solid var(--panel-edge);margin:6px 0 0;padding-top:6px;font-size:14px}#waffenmenue .wm-hinweis{color:var(--muted);margin:2px 0 0;font-size:12px}@media (pointer:coarse){.wm-opt{min-height:116px}#waffenmenue .wm-hinweis{display:none}}@media (max-height:520px){#waffen-menue-knopf{width:44px;height:44px}#waffen-menue-knopf .wm-knopf-symbol{font-size:16px}#waffen-menue-knopf .wm-knopf-text{font-size:11px}#hud-right.panel{gap:5px}#waffenmenue{width:min(560px,100% - 12px);max-height:none;padding:6px 8px;top:6px;bottom:56px}#waffenmenue .wm-titel,#waffenmenue .wm-info,#waffenmenue .wm-hinweis{display:none}.wm-gruppe{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px}.wm-opt{grid-template-rows:60px auto;min-height:96px}.wm-opt .wm-icon{width:58px;height:58px}}#lobby-browser summary{letter-spacing:.06em;align-items:center;min-height:44px;font-size:18px;display:flex}#lobby-browser .field-row{align-items:center;gap:10px}#lobby-browser #lobby-refresh{min-height:44px}#lobby-status{font-size:13px}#lobby-list{scrollbar-width:thin;overscroll-behavior:contain;gap:8px;max-height:min(300px,38vh);padding-right:4px}#lobby-list li.lobby-karte{border:1px solid var(--panel-edge);border-left:4px solid var(--lime-dim);background:linear-gradient(#262c33,#1a1e23);border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px 10px 14px;font-size:13px;transition:border-color .15s,background .15s;animation:.28s ease-out both karte-ein;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0d}#lobby-list li.lobby-karte:nth-child(2){animation-delay:40ms}#lobby-list li.lobby-karte:nth-child(3){animation-delay:80ms}#lobby-list li.lobby-karte:nth-child(n+4){animation-delay:.12s}#lobby-list li.lobby-karte[data-zustand=wartet]{border-left-color:var(--orange)}#lobby-list li.lobby-karte[data-zustand=voll]{border-left-color:var(--panel-edge);opacity:.72}#lobby-list li.lobby-karte:hover,#lobby-list li.lobby-karte:focus-within{border-top-color:var(--lime-dim);border-right-color:var(--lime-dim);border-bottom-color:var(--lime-dim);background:linear-gradient(#313943,#1f242a)}@keyframes karte-ein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.lk-info{justify-items:stretch;gap:6px;min-width:0;display:grid}.lk-info>*{min-width:0}.lk-kopf{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.lk-id{font-family:var(--font-display);letter-spacing:.08em;color:#fff;white-space:nowrap;flex:none;font-size:24px;line-height:1}.lk-konfig{flex-wrap:wrap;gap:5px;display:flex}.lk-plaetze{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.lk-felder{gap:3px;display:inline-flex}.lk-platz{border:1px solid var(--panel-edge);background:#12151a;border-radius:2px;width:14px;height:10px}.chip{min-height:20px;font-family:var(--font);letter-spacing:.02em;text-transform:uppercase;color:#b8c2cf;border:1px solid var(--panel-edge);white-space:nowrap;background:#12151a;border-radius:999px;align-items:center;padding:1px 6px;font-size:10.5px;font-weight:600;display:inline-flex}.chip-karte{text-transform:none;letter-spacing:.04em;color:var(--cyan);background:#00e0ff14;border-color:#00e0ff66}.chip-status{font-weight:700}.chip-status.is-leer{color:var(--lime);background:#7cfc0014;border-color:#7cfc0073}.chip-status.is-wartet{color:var(--orange);background:#ffb80014;border-color:#ffb80073}.chip-status.is-voll{color:var(--muted)}#lobby-list .lk-beitreten{touch-action:manipulation;border-color:var(--lime-dim);min-width:92px;min-height:44px;color:var(--lime);padding:6px 14px;font-size:18px}#lobby-list .lk-beitreten:hover:not(:disabled){border-color:var(--lime);background:linear-gradient(#2d3d1c,#1d2812)}#lobby-list .lk-beitreten:disabled{color:var(--muted);border-color:var(--panel-edge);opacity:.6}#toasts{z-index:60;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;width:min(380px,100vw - 24px);display:flex;position:fixed;top:12px;right:12px}.toast{pointer-events:auto;touch-action:manipulation;cursor:pointer;text-align:left;width:100%;min-height:44px;font-family:var(--font);letter-spacing:0;text-transform:none;color:var(--ink);border:1px solid var(--panel-edge);border-left:4px solid var(--toast-farbe,var(--cyan));background:linear-gradient(#2b3138f7,#14171bfa);border-radius:6px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px 8px 10px;font-size:14px;font-weight:600;line-height:1.25;animation:.22s ease-out both toast-ein;display:grid;box-shadow:0 8px 24px #0000008c}.toast:hover{border-color:var(--toast-farbe,var(--cyan));background:linear-gradient(#343b43,#1d2126)}.toast:focus-visible{outline:2px solid var(--toast-farbe,var(--cyan));outline-offset:2px}.toast[data-ton=danger]{--toast-farbe:var(--red)}.toast[data-ton=good]{--toast-farbe:var(--lime)}.toast[data-ton=notice]{--toast-farbe:var(--orange)}.toast[data-ton=info]{--toast-farbe:var(--cyan)}.toast-symbol{width:26px;height:26px;font-family:var(--font-display);color:var(--bg);background:var(--toast-farbe,var(--cyan));border-radius:50%;place-items:center;font-size:18px;line-height:1;display:grid}.toast-text{overflow-wrap:anywhere}.toast-zahl{font-family:var(--font-display);color:var(--toast-farbe,var(--cyan));font-size:18px}.toast-zahl[hidden]{display:none}.toast.is-weg{pointer-events:none;animation:.2s ease-in both toast-aus}@keyframes toast-ein{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes toast-aus{to{opacity:0;transform:translate(24px)}}@media (prefers-reduced-motion:reduce){#lobby-list li.lobby-karte,.toast,.toast.is-weg{transition:none;animation:none}}@media (max-height:520px){#lobby-list{gap:6px;max-height:44vh}#lobby-list li.lobby-karte{gap:8px;padding:6px 10px}.lk-info{gap:4px}.lk-id{font-size:20px}.lk-kopf{gap:6px}#toasts{align-items:stretch;gap:3px;width:min(340px,100vw - 16px);inset:1px auto auto 50%;transform:translate(-50%)}.toast{border-radius:5px;grid-template-columns:20px minmax(0,1fr) auto;gap:6px;min-height:28px;padding:2px 8px 2px 6px;font-size:12px;line-height:1.2;animation-name:toast-ein-klein;box-shadow:0 3px 10px #00000080}.toast.is-weg{animation-name:toast-aus-klein}.toast-symbol{width:20px;height:20px;font-size:13px}.toast-zahl{font-size:14px}#toasts>.toast:nth-last-child(n+2){display:none}body:has(#menu-overlay:not([hidden])) .toast{pointer-events:none;opacity:.88;grid-template-columns:16px minmax(0,1fr) auto;min-height:22px;padding:1px 8px 1px 5px;font-size:11px;line-height:1.1;box-shadow:0 2px 6px #0006}body:has(#menu-overlay:not([hidden])) .toast-symbol{width:16px;height:16px;font-size:11px}body:not(:has(#menu-overlay:not([hidden]))) #toasts{width:min(240px,34vw);top:46%;bottom:auto;left:8px;transform:none}body:not(:has(#menu-overlay:not([hidden]))) #toasts>.toast:nth-last-child(2){display:grid}}@keyframes toast-ein-klein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes toast-aus-klein{to{opacity:0;transform:translateY(8px)}}@media (max-width:480px){#lobby-list li.lobby-karte{grid-template-columns:1fr}#lobby-list .lk-beitreten{width:100%}}#hud-figur{border-left:4px solid var(--lime);background:#0d0f129e;border-radius:6px;align-items:center;gap:8px;margin-top:6px;padding:4px 8px;display:flex}#hud-figur[hidden]{display:none}#hud-figur.figur-ein{animation:.38s ease-out figur-ein}@keyframes figur-ein{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){#hud-figur.figur-ein{animation:none}}#hud-figur-bild{object-fit:contain;filter:drop-shadow(0 2px 3px #0009);flex:none;width:52px;height:52px}.hud-figur-text{flex-direction:column;gap:1px;min-width:0;font-size:12px;line-height:1.25;display:flex}.hud-figur-text strong{color:#fff;font-family:var(--font-display);letter-spacing:.05em;overflow-wrap:anywhere;font-size:15px}.hud-figur-text span{color:#aab3c0}.hud-figur-chips{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.hud-figur-chips .chip{color:#10141a;background:#aab3c0;border-radius:8px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.hud-figur-chips .chip span{color:inherit}.hud-figur-chips .hud-figur-team{color:#10141a}.hud-figur-chips .chip[hidden]{display:none}.hud-figur-emblem{box-sizing:border-box;background:#0a0c1099;border:1px solid #ffffff47;border-radius:50%;flex:none;width:18px;height:18px;padding:1px}.hud-figur-emblem[hidden]{display:none}.hud-figur-chips #hud-figur-rolle[data-rolle=melee]{background:var(--orange)}.hud-figur-chips #hud-figur-rolle[data-rolle=ranged]{background:var(--lime)}.hud-figur-chips #hud-figur-rolle[data-rolle=magic]{background:var(--violet)}.hud-figur-zeile{align-items:center;gap:8px;min-width:0;display:flex}.hud-figur-leben{flex:none;align-items:center;gap:4px;display:flex}#hud-figur-balken{background:#1c2128;border-radius:3px;flex:none;width:34px;height:5px;display:block;overflow:hidden}#hud-figur-balken i{background:var(--lime);transform-origin:0;width:100%;height:100%;transition:transform .3s ease-out;display:block}#hud-figur-hp{font-size:11px}.hud-figur-waffe{align-items:center;gap:4px;min-width:0;display:flex}.hud-figur-waffe img{flex:none}#hud-figur-waffe{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}@media (max-height:520px){#hud-figur{gap:6px;margin-top:2px;padding:2px 6px}#hud-figur-bild{width:28px;height:28px}.hud-figur-text{font-size:11px}.hud-figur-text strong{font-size:12px}.hud-figur-text span{display:none}#hud-figur.figur-ein{animation-duration:.25s}}#hud-left{justify-self:start;width:min(100%,220px)}#hud-left,#hud-log,#hud-aim{transition:background-color .18s,border-color .18s}#hud-left.hud-weicht,#hud-log.hud-weicht,#hud-aim.hud-weicht{color:var(--ink-strong);text-shadow:0 1px 2px #000000b3;background:#262d35b8;border-color:#ffffff47}#hud-log.hud-weicht #log-list,#hud-left.hud-weicht .roster-item,#hud-left.hud-weicht .hud-figur-text span,#hud-log.hud-weicht #log-list li{color:var(--ink-strong)}#hud-aim.hud-weicht #hud-active{color:var(--lime)}#touch-laufen button,#touch-aktionen button{transition:background-color .18s,border-color .18s}#touch-laufen.hud-weicht button,#touch-aktionen.hud-weicht button{color:var(--ink-strong);background:#262d35b8;border-color:#ffffff47}@media (prefers-reduced-motion:reduce){#hud-left,#hud-log,#hud-aim,#touch-laufen button,#touch-aktionen button{transition:none}}.musik-regler{flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 12px;display:flex}.musik-schalter{touch-action:manipulation;min-width:44px;min-height:44px}.musik-schalter[aria-pressed=false]{color:var(--muted);border-color:var(--panel-edge)}.musik-schalter[aria-pressed=true]{border-color:var(--accent)}.musik-schalter:focus-visible,.musik-lautstaerke input:focus-visible{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:2px}.musik-lautstaerke{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.musik-lautstaerke input[type=range]{width:120px;min-height:44px;accent-color:var(--accent);touch-action:manipulation}.musik-titel{color:var(--muted);letter-spacing:.04em;text-transform:none;font-size:11px}.musik-titel:empty{display:none}#menu-overlay .overlay-card{overflow-anchor:none}#musik-hud{pointer-events:auto;text-align:left;flex-wrap:nowrap;align-self:stretch;gap:8px;min-width:0;margin:0;padding:4px 10px}#musik-hud .musik-schalter{min-height:44px;padding:2px 8px;font-size:12px}#musik-hud .musik-lautstaerke input[type=range]{width:80px}#musik-hud .musik-titel{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:18ch;overflow:hidden}#musik-hud .musik-lautstaerke{flex:none}@media (max-width:900px),(max-height:520px){#musik-hud .musik-lautstaerke-text,#musik-hud .musik-titel{display:none}}@media (max-height:520px){#musik-hud{padding:0 6px}#musik-hud .musik-schalter,#musik-hud .musik-lautstaerke input[type=range]{min-height:32px}}#tier-hud{z-index:15;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:fixed;top:74px;left:50%;transform:translate(-50%)}#tier-hud[hidden],#tier-hud .tier-zeile[hidden]{display:none}#tier-hud .tier-zeile{border:1px solid var(--panel-edge);color:var(--ink);background:linear-gradient(#2b3138d1,#1b1f24d1);border-radius:6px;align-items:center;gap:8px;padding:3px 10px;font-size:12px;display:flex}#tier-hud .tier-name{font-family:var(--font-display);letter-spacing:.1em;font-size:14px}#tier-hud .tier-hunger{background:#0000008c;border-radius:4px;width:84px;height:7px;overflow:hidden}#tier-hud .tier-hunger i{background:#5aa86a;width:0;height:100%;transition:width .4s linear;display:block}#tier-cookie[data-stufe=leise] .tier-hunger i{background:#d8c24a}#tier-cookie[data-stufe=laut] .tier-hunger i{background:#f0a020}#tier-cookie[data-stufe=wut] .tier-hunger i{background:#e5484d}#tier-hud .tier-pegel{align-items:flex-end;gap:2px;height:14px;display:inline-flex}#tier-hud .tier-pegel b{background:#ffffff2e;border-radius:1px;width:4px}#tier-hud .tier-pegel b:first-child{height:6px}#tier-hud .tier-pegel b:nth-child(2){height:10px}#tier-hud .tier-pegel b:nth-child(3){height:14px}#tier-hud .tier-pegel b.an{background:#f0c040}#tier-cookie[data-stufe=wut] .tier-pegel b.an{background:#e5484d}#tier-cookie.miaut .tier-pegel b.an{animation:.35s ease-in-out infinite alternate tier-pegel-puls}#tier-cookie[data-stufe=wut]{border-color:#e5484d}#tier-hud .tier-stufe{font-variant-numeric:tabular-nums;min-width:86px}#tier-hud .tier-blase{font-weight:700}@keyframes tier-pegel-puls{0%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion:reduce){#tier-cookie.miaut .tier-pegel b.an{animation:none}#tier-hud .tier-hunger i{transition:none}}@media (max-width:640px){#tier-hud{top:64px}#tier-hud .tier-hunger{width:56px}}#menu-overlay .field-row.drei{grid-template-columns:1fr 1fr 1.3fr}#menu-overlay .cfg-erweitert>.field-row{padding-bottom:6px}#menu-overlay .cfg-erweitert>.field-hint{margin:0 0 8px}#menu-overlay .start-zeile{grid-template-columns:1fr auto;align-items:stretch;gap:10px;display:grid}#menu-overlay .start-zeile .secondary{padding-inline:18px;font-size:18px}#menu-overlay #ueberrasch-status:empty{display:none}#cfg-backdrop-suche{margin-bottom:4px}@media (max-aspect-ratio:1){#menu-overlay{z-index:50;place-items:start center;position:fixed;inset:0;overflow-y:auto}#menu-overlay .overlay-card{width:calc(100% - 16px);max-height:none;margin:8px 0;padding:14px 12px}#menu-overlay .field-row,#menu-overlay .field-row.drei{grid-template-columns:1fr}#menu-overlay .menu-logo{width:min(100%,84px)}#menu-overlay .menu-konfig .field-row small.field-hint{display:none}#menu-overlay .menu-konfig{grid-template-columns:minmax(0,1fr);padding:12px}#menu-overlay .start-zeile{grid-template-columns:1fr}#menu-overlay .subtitle{display:none}#menu-overlay .keymap{grid-template-columns:1fr}}#hud-einstellungen{pointer-events:auto;flex:none;display:flex;position:relative}#hud-menue-knopf{font:inherit;color:inherit;cursor:pointer;pointer-events:auto;touch-action:manipulation;border:1px solid var(--panel-edge);border-radius:8px;min-width:44px;min-height:44px}#hud-menue-knopf:hover,#hud-menue-knopf[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}#hud-menue-knopf:focus-visible{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:2px}#hud-menue{z-index:20;pointer-events:auto;text-align:left;flex-direction:column;align-items:stretch;gap:8px;width:max-content;min-width:240px;max-width:min(340px,100vw - 24px);max-height:calc(100vh - 80px);padding:10px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 12px 32px #0000008c}#hud-menue #musik-hud{flex-wrap:wrap;align-self:stretch;margin:0}#hud-menue>button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:var(--panel,#131a22f5);border:1px solid var(--panel-edge);text-align:left;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-width:0;min-height:44px;padding:4px 12px;font-size:13px;display:flex}#hud-menue>button .label{display:inline}#hud-menue>button .value{letter-spacing:.04em;font-size:15px}#hud-menue>button:focus-visible{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:2px}@media (max-height:520px){#hud-menue-knopf{min-height:32px;padding:3px 8px}#hud-menue-knopf .label{display:none}#hud-menue{gap:6px;max-height:calc(100vh - 56px);padding:8px;top:calc(100% + 4px)}#hud-menue>button,#hud-menue .musik-schalter{min-height:44px}#hud-menue{grid-template-columns:1fr 1fr;align-items:stretch;width:min(560px,100vw - 24px);max-width:min(560px,100vw - 24px);display:grid}#hud-menue #musik-hud,#hud-menue .kamera-effekte{grid-column:1/-1}#hud-menue .kamera-effekte{grid-template-columns:1fr 1fr;gap:6px;display:grid}#hud-menue .kamera-effekte .kamera-effekte-titel{grid-column:1/-1}}#dreh-hinweis{display:none}@media (max-aspect-ratio:4/5) and (max-width:900px){#dreh-hinweis{z-index:1000;background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--panel) 70%, var(--bg)) 0%, var(--bg) 70%);color:var(--ink);text-align:center;touch-action:none;place-items:center;padding:24px;display:grid;position:fixed;inset:0}#dreh-hinweis .dreh-karte{max-width:320px}#dreh-hinweis .dreh-symbol{color:var(--accent);font-size:64px;line-height:1;display:block}#dreh-hinweis .dreh-titel{font-family:var(--font-display,inherit);letter-spacing:.06em;margin:16px 0 8px;font-size:26px}#dreh-hinweis .dreh-text{color:var(--muted);margin:0;font-size:15px;line-height:1.4}}@media (max-height:520px) and (pointer:coarse){#touch-aktionen:not([hidden]){gap:4px;bottom:70px;left:6px}#touch-laufen:not([hidden]){gap:4px;bottom:70px;right:6px}#touch-aktionen button,#touch-laufen button{min-width:56px;padding:4px 6px}#hud-left{max-height:calc(100vh - 236px);overflow-y:auto}#hud-aim.panel{white-space:nowrap;align-items:center;gap:8px;min-width:0;max-width:calc(100% - 280px);margin:0;padding:2px 8px;font-size:12px;line-height:1.2;display:flex;position:absolute;bottom:122px;right:6px;overflow:hidden;transform:none}#hud-aim.panel>*{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}#hud-aim.panel #hud-kamera{flex:none;padding:1px 6px}#hud-log{max-height:34px;font-size:11px;inset:48px 6px auto 182px!important}#weapon-list .weapon-item.is-active .weapon-name{clip:rect(0 0 0 0);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}#hud-log{background:#0d0f12cc;max-height:38px;padding:3px 8px;line-height:1.3}}@media (min-height:521px) and (pointer:coarse){#touch-aktionen:not([hidden]){gap:8px;bottom:116px;left:12px}#touch-laufen:not([hidden]){pointer-events:none;grid-template-columns:repeat(2,max-content);gap:8px;width:max-content;display:grid;bottom:116px;right:12px}#touch-laufen button{pointer-events:auto}#touch-aktionen button,#touch-laufen button{border-radius:8px;min-height:56px;padding:4px 8px;font-size:14px}#touch-aktionen button{min-width:68px}#touch-laufen button{min-width:88px}#hud-left{max-height:calc(min(56.25vw,100vh) - 330px)}#hud-log{bottom:128px}}.end-rangliste{justify-items:stretch;gap:8px;width:100%;max-width:520px;display:grid}.end-rangliste[hidden]{display:none}.end-rangliste__titel{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;text-align:center;color:var(--lime);margin:6px 0 0;font-size:22px;font-weight:400}.end-rangliste__hinweis{text-align:center;font-size:var(--fs-xs);color:var(--muted);margin:0;line-height:1.4}.end-podest:has(>.end-podest__platz:only-child){grid-template-columns:minmax(0,220px);justify-content:center}.end-podest:has(>.end-podest__platz:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:360px;margin-inline:auto}.end-podest{align-items:end;gap:var(--abstand-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:2px 0 0;padding:0;list-style:none;display:grid}.end-podest__platz{border:1px solid var(--panel-edge);border-radius:var(--radius-m) var(--radius-m) 0 0;background:linear-gradient(180deg, color-mix(in srgb, var(--panel-2) 88%, transparent), var(--panel));border-bottom:0;align-content:end;justify-items:center;gap:1px;min-height:92px;padding:8px 6px 12px;display:grid;position:relative;overflow:hidden}.end-podest__platz[data-platz="1"]{border-color:var(--lime);background:linear-gradient(180deg, color-mix(in srgb, var(--lime) 16%, var(--panel-2)), var(--panel));min-height:122px;box-shadow:0 0 20px color-mix(in srgb, var(--lime) 30%, transparent)}.end-podest__platz[data-platz="2"]{border-color:var(--panel-hi);min-height:102px}.end-podest__platz[data-platz="3"]{border-color:var(--orange);min-height:88px}.end-podest__krone{font-family:var(--font-display);color:var(--muted);font-size:24px;line-height:1}.end-podest__platz[data-platz="1"] .end-podest__krone{color:var(--lime);font-size:32px}.end-podest__platz[data-platz="2"] .end-podest__krone{color:var(--ink)}.end-podest__platz[data-platz="3"] .end-podest__krone{color:var(--orange)}.end-podest__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-display);letter-spacing:.04em;color:var(--ink-strong);font-size:16px;overflow:hidden}.end-podest__wert{font-family:var(--font-display);color:var(--ink-strong);font-variant-numeric:tabular-nums;font-size:22px;line-height:1}.end-podest__einheit{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}.end-podest__stufe{background:var(--panel-hi);height:5px;position:absolute;bottom:0;left:0;right:0}.end-podest__platz[data-platz="1"] .end-podest__stufe{background:var(--lime)}.end-podest__platz[data-platz="3"] .end-podest__stufe{background:var(--orange)}.end-rangliste__liste{gap:2px;margin:0;padding:0;list-style:none;display:grid}.end-rang__zeile{border-radius:var(--radius-s);background:color-mix(in srgb, var(--panel) 72%, transparent);font-size:var(--fs-s);grid-template-columns:34px minmax(0,1fr) 74px 54px;align-items:center;gap:8px;padding:5px 8px;display:grid}.end-rang__zeile.ist-podest{background:color-mix(in srgb, var(--panel-2) 80%, transparent)}.end-rang__kopf{color:var(--muted);font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;background:0 0;padding:0 8px 2px}.end-rang__nr{text-align:center;font-family:var(--font-display);color:var(--muted);font-size:16px}.end-rang__kopf .end-rang__nr{font-size:var(--fs-xs)}.end-rang__zeile[data-platz="1"] .end-rang__nr{color:var(--lime)}.end-rang__zeile[data-platz="2"] .end-rang__nr{color:var(--ink)}.end-rang__zeile[data-platz="3"] .end-rang__nr{color:var(--orange)}.end-rang__name{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);overflow:hidden}.end-rang__schaden,.end-rang__quote{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}.end-rang__schaden{color:var(--ink-strong)}.end-rang__quote,.end-rang__kopf .end-rang__schaden,.end-rang__kopf .end-rang__quote{color:var(--muted)}@media (max-height:620px){.end-podest__platz{min-height:70px;padding:5px 4px 9px}.end-podest__platz[data-platz="1"]{min-height:92px}.end-podest__platz[data-platz="2"]{min-height:80px}.end-podest__platz[data-platz="3"]{min-height:68px}.end-podest__wert{font-size:18px}.end-rang__zeile{padding:3px 6px}}#lobby-list li.lobby-karte{--lobby-status:var(--lime);background:radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--lobby-status) 12%, transparent), transparent 60%), linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--panel-edge);border-left:4px solid var(--lobby-status);min-height:104px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--ink-strong) 7%, transparent), 0 6px 16px #00000059;padding:12px 12px 12px 15px;overflow:hidden}#lobby-list li.lobby-karte[data-zustand=leer]{--lobby-status:var(--lime)}#lobby-list li.lobby-karte[data-zustand=wartet]{--lobby-status:var(--orange)}#lobby-list li.lobby-karte[data-zustand=voll]{--lobby-status:var(--panel-hi);opacity:.78}#lobby-list li.lobby-karte:before{content:"";background:linear-gradient(90deg, var(--lobby-status), transparent 72%);pointer-events:none;height:3px;position:absolute;inset:0 0 auto}#lobby-list li.lobby-karte:hover,#lobby-list li.lobby-karte:focus-within{border-color:var(--lobby-status);border-left-color:var(--lobby-status);background:radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--lobby-status) 18%, transparent), transparent 62%), linear-gradient(180deg, var(--panel-2), var(--panel))}#lobby-list li.lobby-karte:focus-within{box-shadow:0 0 0 1px var(--lobby-status)}.lk-plaetze{padding-bottom:7px}.lk-felder{align-items:flex-end;gap:3px;padding:0 5px 5px;display:inline-flex;position:relative}.lk-felder:before{content:"";border:1px solid var(--panel-edge);background:linear-gradient(180deg, var(--panel-hi), var(--panel-2));border-bottom:0;border-radius:3px 3px 0 0;height:7px;position:absolute;bottom:0;left:0;right:0}.lk-platz{z-index:1;background:linear-gradient(180deg, var(--panel-edge), var(--panel));border:1px solid var(--panel-edge);border-bottom:0;border-radius:3px 3px 0 0;width:12px;height:17px;position:relative}.lk-platz.is-bereit{background:linear-gradient(180deg, var(--lime), var(--lime-dim));border-color:var(--lime);box-shadow:0 0 7px color-mix(in srgb, var(--lime) 55%, transparent)}.lk-platz.is-getrennt{background:linear-gradient(180deg, var(--orange), color-mix(in srgb, var(--orange) 55%, var(--panel)));border-color:var(--orange)}.lk-platz.is-frei{background:color-mix(in srgb, var(--panel-edge) 45%, transparent);border-style:dashed}.lk-zahl{color:var(--ink);font-variant-numeric:tabular-nums}.chip-status{white-space:normal;text-align:center;border-width:1px;line-height:1.25}#lobby-list .lk-konfig .chip{max-width:100%}#lobby-list .lk-id{color:var(--ink-strong)}#lobby-list .lk-beitreten{border-color:var(--lobby-status);color:var(--lobby-status)}@media (max-height:520px){#lobby-list li.lobby-karte{min-height:84px;padding:7px 9px 7px 12px}.lk-platz{width:9px;height:13px}.lk-felder:before{height:5px}}#roster .roster-item.mit-portraet{min-height:46px;padding-left:50px;position:relative}#roster .roster-item.mit-portraet:before{content:"";border:1px solid var(--panel-edge);border-radius:var(--radius-s);background:var(--roster-portraet) center / contain no-repeat, linear-gradient(180deg, var(--panel-2), var(--panel));width:38px;height:38px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--ink-strong) 8%, transparent);image-rendering:auto;position:absolute;top:50%;left:5px;transform:translateY(-50%)}#roster .roster-item.mit-portraet.is-active{padding-left:50px}#roster .roster-item.mit-portraet.is-active:before{border-color:var(--lime)}#roster .roster-item.mit-portraet.is-dead:before{filter:grayscale(.85);opacity:.6}@media (max-height:520px){#roster .roster-item.mit-portraet{min-height:34px;padding-left:38px}#roster .roster-item.mit-portraet:before{width:28px;height:28px;left:3px}}.kamera-effekte{flex-direction:column;align-items:stretch;gap:8px;display:flex}.kamera-effekte-titel{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.kamera-effekt{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:var(--panel,#131a22f5);border:1px solid var(--panel-edge);text-align:left;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-width:0;min-height:44px;padding:4px 12px;font-size:13px;display:flex}.kamera-effekt[aria-pressed=false],.kamera-effekt[data-stufe=aus]{color:var(--muted);border-color:var(--panel-edge)}.kamera-effekt[aria-pressed=true],.kamera-effekt[data-stufe=normal],.kamera-effekt[data-stufe=stark]{border-color:var(--accent)}.kamera-effekt:focus-visible{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:2px}#kamera-kette{z-index:16;border:1px solid var(--accent);max-width:90vw;color:var(--ink);font-family:var(--font-display);letter-spacing:.06em;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#131a22e0;border-radius:8px;padding:6px 16px;font-size:18px;position:fixed;top:22%;left:50%;overflow:hidden;transform:translate(-50%)}#kamera-kette[hidden]{display:none}@media (prefers-reduced-motion:no-preference){#kamera-kette{animation:.18s ease-out kamera-kette-rein}}@keyframes kamera-kette-rein{0%{opacity:0;transform:translate(-50%)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){#kamera-kette{animation:none}}