:root{--grund: #070a0f;--flaeche: #10141c;--flaeche-hell: #1a2029;--flaeche-hoch: #232b37;--glas: rgba(12, 16, 23, .72);--glas-dicht: rgba(9, 12, 18, .9);--linie: rgba(255, 255, 255, .13);--linie-stark: rgba(255, 255, 255, .28);--linie-leise: rgba(255, 255, 255, .06);--schrift: #e8ecf4;--gedaempft: #8c96ab;--sehr-leise: #5d6678;--alpha: #3fa9ff;--bravo: #ff8a3d;--warnung: #ff4d5e;--gut: #4ade80;--gold: #ffcc55;--akzent: #4dd8c8;--alpha-schwach: rgba(63, 169, 255, .16);--bravo-schwach: rgba(255, 138, 61, .16);--warnung-schwach: rgba(255, 77, 94, .16);--gut-schwach: rgba(74, 222, 128, .16);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--schrift-xs: 10px;--schrift-s: 12px;--schrift-m: 14px;--schrift-l: 17px;--schrift-xl: 22px;--schrift-2xl: 30px;--schrift-3xl: 44px;--schrift-4xl: 64px;--sperrung: .14em;--a1: 4px;--a2: 8px;--a3: 12px;--a4: 16px;--a5: 24px;--a6: 32px;--a7: 48px;--r-klein: 4px;--r: 8px;--r-gross: 14px;--r-rund: 999px;--schatten-1: 0 1px 3px rgba(0, 0, 0, .4);--schatten-2: 0 6px 20px rgba(0, 0, 0, .45);--schatten-3: 0 18px 50px rgba(0, 0, 0, .6);--textschatten: 0 2px 6px rgba(0, 0, 0, .85);--zeit-schnell: 90ms;--zeit: .18s;--zeit-langsam: .32s;--kurve: cubic-bezier(.22, .61, .36, 1);--ebene-hud: 20;--ebene-tafel: 40;--ebene-dialog: 60;--ebene-oben: 80;--hud-rand: 22px}@media (prefers-reduced-motion: reduce){:root{--zeit-schnell: 0ms;--zeit: 0ms;--zeit-langsam: 0ms}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--grund);color:var(--schrift);font-family:var(--font);user-select:none;-webkit-user-select:none}canvas#szene{display:block;width:100%;height:100%;cursor:none}.versteckt{display:none!important}#fadenkreuz{position:fixed;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:20}#fadenkreuz .strich{position:absolute;background:var(--fadenkreuzfarbe, rgba(255, 255, 255, .9));box-shadow:0 0 2px #000000f2;transition:transform .05s linear}#fadenkreuz .oben,#fadenkreuz .unten{width:2px;height:var(--strichlaenge, 8px);left:-1px}#fadenkreuz .links,#fadenkreuz .rechts{width:var(--strichlaenge, 8px);height:2px;top:-1px}#fadenkreuz .oben{transform:translateY(calc(-1 * var(--strichlaenge, 8px) - var(--spreizung, 4px)))}#fadenkreuz .unten{transform:translateY(var(--spreizung, 4px))}#fadenkreuz .links{transform:translate(calc(-1 * var(--strichlaenge, 8px) - var(--spreizung, 4px)))}#fadenkreuz .rechts{transform:translate(var(--spreizung, 4px))}#fadenkreuz .punkt{position:absolute;width:2px;height:2px;left:-1px;top:-1px;background:#ffffff8c}#fadenkreuz .treffermarke{position:absolute;left:-21px;top:-21px;width:42px;height:42px;opacity:0;transform:scale(1.4)}#fadenkreuz .treffermarke path{stroke:#fff;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(0 0 2px rgba(0,0,0,.9))}#fadenkreuz.treffer .treffermarke{opacity:1;transform:scale(1);transition:opacity .05s ease-out,transform .09s ease-out}#fadenkreuz.toetung .treffermarke path{stroke:var(--gold);stroke-width:3.2}#schadensrichtung{position:fixed;inset:0;pointer-events:none;z-index:18}#schadensrichtung .pfeil{position:absolute;left:50%;top:50%;width:0;height:0;transform-origin:0 0}#schadensrichtung .pfeil:before{content:"";position:absolute;left:-34px;top:-132px;width:68px;height:22px;background:linear-gradient(to bottom,#ff4d5eeb,#ff4d5e00);clip-path:polygon(50% 0,100% 100%,0 100%);animation:pfeilAus 1.1s ease-out forwards}@keyframes pfeilAus{0%{opacity:1}60%{opacity:.75}to{opacity:0}}#verletzungsrand{position:fixed;inset:0;pointer-events:none;z-index:17;opacity:0;transition:opacity .25s ease;background:radial-gradient(ellipse at center,#0000 45%,#960c188c)}#schadenszahlen{position:fixed;inset:0;pointer-events:none;z-index:19}#schadenszahlen span{position:absolute;font-family:var(--mono);font-size:1.1rem;font-weight:500;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.95);animation:zahlAuf .85s ease-out forwards}#schadenszahlen span.kopf{color:var(--gold);font-size:1.35rem}@keyframes zahlAuf{0%{opacity:0;transform:translate(-50%) scale(.85)}15%{opacity:1;transform:translate(-50%,-6px) scale(1)}to{opacity:0;transform:translate(-50%,-46px) scale(1)}}#hud{position:fixed;inset:0;pointer-events:none;z-index:15;font-variant-numeric:tabular-nums}.hud-block{position:absolute}.hud-oben-links{left:max(var(--hud-rand),env(safe-area-inset-left,0px));top:max(var(--hud-rand),env(safe-area-inset-top,0px))}.hud-oben-mitte{left:50%;transform:translate(-50%);top:max(var(--hud-rand),env(safe-area-inset-top,0px))}.hud-oben-rechts{right:max(var(--hud-rand),env(safe-area-inset-right,0px));top:max(calc(var(--hud-rand) + 62px),env(safe-area-inset-top,0px))}.hud-unten-links{left:max(var(--hud-rand),env(safe-area-inset-left,0px));bottom:max(var(--hud-rand),env(safe-area-inset-bottom,0px))}.hud-unten-rechts{right:max(var(--hud-rand),env(safe-area-inset-right,0px));bottom:max(var(--hud-rand),env(safe-area-inset-bottom,0px));text-align:right}#minikarte{display:block;width:168px;height:168px;background:var(--glas-dicht);border:1px solid var(--linie-leise);border-radius:var(--r);box-shadow:var(--schatten-2);opacity:.9;transition:opacity var(--zeit) var(--kurve)}#minikarte:hover{opacity:1}.netzzeile{display:inline-flex;align-items:center;gap:var(--a2);margin-top:var(--a2);padding:var(--a1) var(--a2);background:var(--glas);backdrop-filter:blur(6px);border:1px solid var(--linie-leise);border-radius:var(--r-klein);font-family:var(--mono);font-size:var(--schrift-xs);color:var(--gedaempft);white-space:pre;cursor:default}.netzzeile:before{content:"";width:6px;height:6px;border-radius:var(--r-rund);background:var(--gedaempft);flex:0 0 auto}.netzzeile.gut:before{background:var(--gut)}.netzzeile.mittel:before{background:var(--gold)}.netzzeile.schlecht:before{background:var(--warnung)}.netzzeile.schlecht{color:var(--warnung)}.anzeigetafel{display:flex;align-items:stretch;background:var(--glas);backdrop-filter:blur(10px);border:1px solid var(--linie-leise);border-radius:var(--r);box-shadow:var(--schatten-2);overflow:hidden}.anzeigetafel .seite{display:flex;align-items:center;gap:var(--a3);padding:var(--a2) var(--a4);position:relative}.anzeigetafel .seite:before{content:"";position:absolute;top:0;bottom:0;width:3px}.anzeigetafel .alpha:before{left:0;background:var(--alpha)}.anzeigetafel .bravo:before{right:0;background:var(--bravo)}.anzeigetafel .kuerzel{font-family:var(--mono);font-size:var(--schrift-xs);letter-spacing:var(--sperrung);color:var(--gedaempft)}.anzeigetafel .punkte{font-size:var(--schrift-xl);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.anzeigetafel .lebende{font-family:var(--mono);font-size:var(--schrift-xs);padding:2px var(--a2);border-radius:var(--r-klein);background:#ffffff12;color:var(--gedaempft);font-variant-numeric:tabular-nums}.anzeigetafel .alpha .punkte{color:var(--alpha)}.anzeigetafel .bravo .punkte{color:var(--bravo)}.anzeigetafel .alpha{border-right:1px solid var(--linie-leise)}.anzeigetafel .bravo{border-left:1px solid var(--linie-leise)}.anzeigetafel .mittelfeld{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--a2) var(--a5);min-width:104px}.rundenzeit{font-family:var(--mono);font-size:var(--schrift-l);font-variant-numeric:tabular-nums;transition:color var(--zeit) var(--kurve)}.rundenlabel{font-family:var(--mono);font-size:var(--schrift-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--gedaempft)}#abschussliste{list-style:none;display:flex;flex-direction:column;gap:4px;align-items:flex-end}#abschussliste li{display:flex;align-items:center;gap:var(--a2);padding:var(--a1) var(--a3);background:var(--glas);backdrop-filter:blur(6px);border:1px solid var(--linie-leise);border-radius:var(--r-klein);font-size:var(--schrift-m);box-shadow:var(--schatten-1);animation:einblenden var(--zeit-schnell) var(--kurve)}#abschussliste li.eigen{border-color:#ffcc558c;box-shadow:var(--schatten-1),inset 0 0 0 1px #ffcc551f}#abschussliste .name.alpha{color:var(--alpha)}#abschussliste .name.bravo{color:var(--bravo)}#abschussliste .mittel{font-family:var(--mono);font-size:.72rem;color:var(--gedaempft);padding:0 2px}#abschussliste .kopf{color:var(--gold);font-size:.7rem;font-family:var(--mono)}#abschussliste .bot{font-family:var(--mono);font-size:.6rem;color:var(--gedaempft);border:1px solid var(--linie);border-radius:2px;padding:0 3px}@keyframes einblenden{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.hud-unten-links{display:flex;flex-direction:column;gap:var(--a2);padding:var(--a3) var(--a4);background:var(--glas);backdrop-filter:blur(10px);border:1px solid var(--linie-leise);border-radius:var(--r);box-shadow:var(--schatten-2)}.vitalwert{min-width:190px}.vitalwert .kopf{display:flex;align-items:baseline;gap:var(--a2)}.vitalwert .zahl{font-size:var(--schrift-3xl);font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:var(--textschatten);transition:color var(--zeit) var(--kurve)}.vitalwert .einheit{font-family:var(--mono);font-size:var(--schrift-xs);color:var(--gedaempft)}.vitalwert .balken{margin-top:var(--a1);height:5px;background:#ffffff1c;border-radius:var(--r-klein);overflow:hidden}.vitalwert .balken i{display:block;height:100%;border-radius:3px;transition:width .18s ease-out,background .2s ease}.vitalwert.leben .balken i{background:var(--gut)}.vitalwert.leben.mittel .zahl{color:var(--gold)}.vitalwert.leben.mittel .balken i{background:var(--gold)}.vitalwert.leben.kritisch .zahl{color:var(--warnung)}.vitalwert.leben.kritisch .balken i{background:var(--warnung)}.vitalwert.panzer .zahl{font-size:var(--schrift-xl);color:var(--alpha)}.vitalwert.panzer .balken i{background:var(--alpha)}.vitalwert.panzer{opacity:.95}.vitalwert.panzer.leer{opacity:.35}.hud-unten-rechts{padding:var(--a3) var(--a4);background:var(--glas);backdrop-filter:blur(10px);border:1px solid var(--linie-leise);border-radius:var(--r);box-shadow:var(--schatten-2)}.guthaben{font-family:var(--mono);font-size:var(--schrift-m);color:var(--gut);font-variant-numeric:tabular-nums}.waffenzeile{margin-top:var(--a1)}.waffenname{font-family:var(--mono);font-size:var(--schrift-s);letter-spacing:var(--sperrung);color:var(--gedaempft)}.munition{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--a1);margin-top:2px}.munition .magazin{font-size:var(--schrift-3xl);font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:var(--textschatten);transition:color var(--zeit) var(--kurve)}.munition .trenner{font-family:var(--mono);font-size:var(--schrift-l);color:var(--sehr-leise)}.munition .reserve{font-family:var(--mono);font-size:var(--schrift-l);color:var(--gedaempft);font-variant-numeric:tabular-nums}.munition.knapp .magazin{color:var(--gold)}.munition.leer .magazin{color:var(--warnung)}.patronen{display:flex;gap:2px;justify-content:flex-end;margin-top:7px;height:9px}.patronen i{display:block;width:3px;height:100%;border-radius:1px;background:#ffffffd9}.patronen i.leer{background:#ffffff29}#nachladen{position:absolute;left:50%;top:calc(50% + 54px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px}#nachladen .text{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;color:var(--gedaempft)}#nachladen .balken{width:140px;height:3px;background:#ffffff26;border-radius:2px;overflow:hidden}#nachladen .balken i{display:block;height:100%;width:0;background:var(--schrift)}#meldung{position:absolute;left:50%;top:calc(50% - 110px);transform:translate(-50%);padding:7px 16px;background:#080b10d9;border:1px solid var(--linie);border-radius:5px;font-size:.9rem;white-space:nowrap}#meldung.warnung{border-color:#ff4d5e80;color:var(--warnung)}#todesbild{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#5a08104d;backdrop-filter:blur(2px)}.tot-kopf{font-size:1.7rem;font-weight:700;letter-spacing:-.01em}.tot-von{font-family:var(--mono);font-size:.9rem;color:var(--gedaempft)}.tot-uhr{position:relative;width:74px;height:74px}.tot-uhr svg{width:100%;height:100%;transform:rotate(-90deg)}.tot-uhr circle{fill:none;stroke-width:5}.tot-uhr .spur{stroke:#ffffff29}.tot-uhr .fortschritt{stroke:var(--schrift);stroke-linecap:round;stroke-dasharray:276.5;stroke-dashoffset:0}.tot-uhr .sekunden{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:1.3rem}#punktetafel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;padding:20px 24px 14px;background:#070a0ff2;border:1px solid var(--linie);border-radius:10px;min-width:min(680px,94vw);max-height:84vh;overflow-y:auto}.tafel-kopf{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.tafel-titel{font-size:1.05rem;font-weight:600}.tafel-karte{font-family:var(--mono);font-size:.76rem;color:var(--gedaempft)}#punktetafel table{width:100%;border-collapse:collapse;font-size:.9rem}#punktetafel th{padding:6px 10px;text-align:left;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gedaempft);border-bottom:1px solid var(--linie)}#punktetafel th.zahl,#punktetafel td.zahl{text-align:right}#punktetafel td{padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.05)}#punktetafel tr.alpha td:first-child{color:var(--alpha)}#punktetafel tr.bravo td:first-child{color:var(--bravo)}#punktetafel tr.tot td{opacity:.42}#punktetafel tr.selbst{background:#ffffff0f}#punktetafel .botmarke{font-family:var(--mono);font-size:.6rem;color:var(--gedaempft);border:1px solid var(--linie);border-radius:2px;padding:0 3px;margin-left:6px}#punktetafel tr.trenner td{padding:3px 0;border-bottom:none}#abschluss{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:var(--ebene-tafel);padding:var(--a5) var(--a5) var(--a4);background:#070a0ff5;border:1px solid var(--linie);border-radius:var(--r-gross);min-width:min(620px,94vw);max-height:88vh;overflow-y:auto;animation:abschluss-auf var(--zeit-langsam) ease-out}@keyframes abschluss-auf{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion: reduce){#abschluss{animation:none}}.ende-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:var(--a3);margin-bottom:var(--a4)}.ende-titel{font-size:1.35rem;font-weight:600}.ende-hinweis{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gedaempft)}#podest{list-style:none;display:grid;gap:var(--a2);margin:0 0 var(--a4);padding:0}#podest .platz{display:grid;grid-template-columns:2.1rem 1fr auto auto;align-items:baseline;gap:var(--a3);padding:var(--a3) var(--a4);border:1px solid var(--linie);border-radius:var(--r-klein);background:#ffffff08}#podest .platz.selbst{background:#ffffff17}.podest-rang{font-family:var(--mono);font-size:1.5rem;font-weight:700;color:var(--gedaempft);text-align:center}.podest-name{font-size:1.05rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podest-zahl{font-family:var(--mono);font-size:1.3rem;font-weight:700}.podest-wort{font-size:.72rem;color:var(--gedaempft)}#podest .platz1{border-color:#d8ac488c}#podest .platz1 .podest-rang,#podest .platz1 .podest-zahl{color:#d8ac48}#podest .platz2{border-color:#bec6d466}#podest .platz2 .podest-rang{color:#bec6d4}#podest .platz3{border-color:#ba805466}#podest .platz3 .podest-rang{color:#ba8054}.ende-tabelle{width:100%;border-collapse:collapse;font-size:.88rem}.ende-tabelle th{padding:var(--a1) var(--a3);text-align:left;font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gedaempft);border-bottom:1px solid var(--linie)}.ende-tabelle th.zahl,.ende-tabelle td.zahl{text-align:right}.ende-tabelle td{padding:var(--a2) var(--a3);border-bottom:1px solid rgba(255,255,255,.05)}.ende-tabelle tr.vorn td{color:var(--schrift)}.ende-tabelle tr:not(.vorn) td{color:var(--gedaempft)}.ende-tabelle tr.selbst{background:#ffffff12}.ende-tabelle tr.selbst td{color:var(--schrift);font-weight:600}#podest .botmarke,.ende-tabelle .botmarke{font-family:var(--mono);font-size:.58rem;color:var(--gedaempft);border:1px solid var(--linie);border-radius:2px;padding:0 3px;margin-left:var(--a2)}#bombenleiste{position:absolute;left:50%;transform:translate(-50%);top:calc(max(var(--hud-rand),env(safe-area-inset-top,0px)) + 78px);display:flex;align-items:center;gap:9px;padding:6px 14px;background:#78141cd1;border:1px solid rgba(255,77,94,.6);border-radius:6px;font-size:.86rem}#bombenleiste .bombensymbol{color:var(--warnung);font-size:1rem}#bombenleiste .bombenzeit{font-family:var(--mono);font-weight:600}#bombenleiste.knapp{animation:pochen .6s ease-in-out infinite}@keyframes pochen{0%,to{background:#78141cd1}50%{background:#be1e2aeb}}#bombenleiste.eigene{background:#145032d1;border-color:#4ade8080}#bombenleiste.eigene .bombensymbol{color:var(--gut)}#handlung{position:absolute;left:50%;top:calc(50% + 54px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px}#handlung .text{font-size:.95rem;font-weight:600}#handlung .hinweis-taste{font-family:var(--mono);font-size:.68rem;color:var(--gedaempft)}#handlung .balken{width:190px;height:5px;background:#ffffff26;border-radius:3px;overflow:hidden}#handlung .balken i{display:block;height:100%;width:0;background:var(--gold);transition:width .08s linear}#ansage{position:absolute;left:50%;top:calc(50% - 150px);transform:translate(-50%);padding:9px 22px;background:#080b10e0;border:1px solid var(--linie);border-radius:6px;font-size:1.05rem;font-weight:600;white-space:nowrap;animation:ansageAuf .22s ease-out}#ansage.alpha{border-color:#3fa9ff99;color:var(--alpha)}#ansage.bravo{border-color:#ff8a3d99;color:var(--bravo)}#ansage.warnung{border-color:#ff4d5e99;color:var(--warnung)}@keyframes ansageAuf{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}#rundenende{position:absolute;left:50%;top:38%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 34px;background:#080b10e6;border:1px solid var(--linie);border-radius:10px}#rundenende .ergebnis{font-size:1.4rem;font-weight:700}#rundenende .stand{font-family:var(--mono);font-size:1.1rem;color:var(--gedaempft)}.anzeigetafel.kaufphase .rundenzeit{color:var(--gold)}.anzeigetafel.letzteSekunden .rundenzeit{color:var(--warnung);animation:pochen 1s infinite}#startbild{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;padding:clamp(var(--a4),3vh,var(--a6)) clamp(var(--a4),4vw,var(--a7));background:radial-gradient(1400px 700px at 50% -10%,rgba(63,169,255,.16),transparent 60%),radial-gradient(1000px 560px at 100% 110%,rgba(255,138,61,.1),transparent 58%),linear-gradient(to bottom,#070a0fdb,#070a0fa8 42%,#070a0fe6);overflow-y:auto}.menuekopf{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--a5);flex-wrap:wrap;padding-bottom:var(--a4);border-bottom:1px solid var(--linie-leise)}.menuefuss{display:flex;gap:var(--a2);flex-wrap:wrap}.menueflaeche{flex:1 1 auto;display:grid;grid-template-columns:minmax(320px,420px) minmax(300px,460px);gap:clamp(var(--a5),4vw,var(--a7));align-content:center;justify-content:center;padding:var(--a6) 0}@media (max-width: 900px){.menueflaeche{grid-template-columns:minmax(0,460px);justify-content:center;padding:var(--a5) 0}}.karte{width:100%;padding:var(--a5);background:var(--glas-dicht);backdrop-filter:blur(14px);border:1px solid var(--linie);border-radius:var(--r-gross);box-shadow:var(--schatten-3)}.spielwahl{display:flex;flex-direction:column;justify-content:center;gap:var(--a4)}.abschnittstitel{font-family:var(--mono);font-size:var(--schrift-xs);letter-spacing:var(--sperrung);text-transform:uppercase;color:var(--gedaempft)}.marke{display:flex;align-items:center;gap:var(--a3)}.marke-punkt{width:12px;height:12px;border-radius:50%;background:var(--alpha);box-shadow:0 0 18px var(--alpha);flex:0 0 auto}.menuekopf h1{font-size:clamp(var(--schrift-xl),3.4vw,var(--schrift-2xl));letter-spacing:-.03em;line-height:1.05}.untertitel{margin-top:var(--a1);color:var(--gedaempft);font-size:var(--schrift-s)}.reiter{display:flex;gap:4px;margin:24px 0 18px;padding:4px;background:var(--grund);border:1px solid var(--linie);border-radius:9px}.reiter-knopf{flex:1;min-height:38px;background:transparent;border:none;border-radius:6px;color:var(--gedaempft);font-family:var(--font);font-size:.86rem;cursor:pointer;transition:background .15s ease,color .15s ease}.reiter-knopf:hover{color:var(--schrift)}.reiter-knopf.aktiv{background:var(--flaeche-hell);color:var(--schrift)}.formular{display:flex;flex-direction:column}.formular label{margin:14px 0 7px;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;color:var(--gedaempft);text-transform:uppercase}.formular label:first-child{margin-top:0}.formular input{width:100%;min-height:46px;padding:11px 14px;background:var(--grund);border:1px solid var(--linie);border-radius:7px;color:var(--schrift);font-family:var(--font);font-size:1rem}.formular input:focus-visible{outline:2px solid var(--alpha);outline-offset:1px}.karte button[type=submit],#knopf-start{display:flex;align-items:center;justify-content:center;gap:var(--a3);width:100%;min-height:62px;margin-top:var(--a2);background:linear-gradient(135deg,var(--alpha),#2f86d8);border:none;border-radius:var(--r-gross);box-shadow:0 10px 30px #3fa9ff47;color:#04121f;font-family:var(--font);font-size:var(--schrift-l);font-weight:700;letter-spacing:.02em;cursor:pointer;transition:filter .15s ease}.karte button[type=submit]:hover:not(:disabled){filter:brightness(1.1)}#knopf-start:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 14px 38px #3fa9ff5c}#knopf-start .pfeil{transition:transform var(--zeit) var(--kurve)}#knopf-start:hover:not(:disabled) .pfeil{transform:translate(4px)}.karte button:disabled{opacity:.5;cursor:default}.klein-hinweis{margin-top:10px;font-size:.78rem;color:var(--gedaempft);line-height:1.5}.hinweis{margin-top:12px;font-size:.82rem;color:var(--gedaempft);min-height:1.2em}.hinweis.fehler{color:var(--warnung)}.hinweis.gut{color:var(--gut)}.kontokopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 16px;padding:14px 16px;background:var(--grund);border:1px solid var(--linie);border-radius:9px}.kontoname{display:block;font-size:1.1rem;font-weight:600}.kontozeile{font-family:var(--mono);font-size:.68rem;color:var(--gut)}button.klein{min-height:34px;padding:0 14px;background:var(--flaeche-hell);border:1px solid var(--linie);border-radius:6px;color:var(--schrift);font-family:var(--font);font-size:.8rem;cursor:pointer}button.klein:hover{border-color:var(--linie-stark)}.statistik{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.statistik div{padding:10px;background:var(--grund);border:1px solid var(--linie);border-radius:7px;text-align:center}.statistik dt{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gedaempft)}.statistik dd{margin-top:3px;font-size:1.2rem;font-weight:600}.startfuss{display:flex;gap:var(--a5);margin-top:var(--a5);padding-top:var(--a4);border-top:1px solid var(--linie-leise)}.textknopf{background:none;border:none;padding:6px 0;color:var(--gedaempft);font-family:var(--font);font-size:.84rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.textknopf:hover{color:var(--schrift)}#einstellungen,#bestenliste,#laden{position:fixed;inset:0;z-index:var(--ebene-dialog);display:flex;align-items:center;justify-content:center;padding:var(--a5);background:#04060ac7;backdrop-filter:blur(3px);overflow-y:auto}.dialog{width:min(560px,100%);max-height:88vh;overflow-y:auto;padding:26px 28px;background:var(--flaeche);border:1px solid var(--linie);border-radius:12px}.dialog-kopf{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialog-kopf h2{font-size:1.2rem}.schliessen{width:34px;height:34px;background:transparent;border:1px solid var(--linie);border-radius:6px;color:var(--gedaempft);font-size:.9rem;cursor:pointer}.schliessen:hover{color:var(--schrift);border-color:var(--linie-stark)}.einstellungsgruppe{margin-bottom:24px}.einstellungsgruppe h3{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gedaempft);margin-bottom:12px}.regler-zeile{display:grid;grid-template-columns:130px 1fr 60px;align-items:center;gap:12px;margin-bottom:12px}.regler-zeile label{font-size:.88rem}.regler-zeile output{font-family:var(--mono);font-size:.8rem;color:var(--gedaempft);text-align:right}.regler-zeile input[type=range]{width:100%;accent-color:var(--alpha)}.schalter{display:flex;align-items:center;gap:9px;min-height:34px;font-size:.88rem;cursor:pointer}.schalter input{width:17px;height:17px;accent-color:var(--alpha)}.belegung{display:flex;flex-direction:column;gap:5px;margin:12px 0 14px}.belegung-zeile{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;background:var(--grund);border:1px solid var(--linie);border-radius:6px;font-size:.88rem}.belegung-taste{min-width:120px;min-height:32px;padding:0 12px;background:var(--flaeche-hell);border:1px solid var(--linie);border-radius:5px;color:var(--schrift);font-family:var(--mono);font-size:.8rem;cursor:pointer}.belegung-taste:hover{border-color:var(--alpha)}.belegung-taste.wartet{border-color:var(--gold);color:var(--gold);animation:pochen .8s ease-in-out infinite}.belegung-taste.frei{color:var(--warnung)}.bestentabelle{width:100%;border-collapse:collapse;font-size:.9rem}.bestentabelle th{padding:7px 10px;text-align:left;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gedaempft);border-bottom:1px solid var(--linie)}.bestentabelle th.zahl,.bestentabelle td.zahl{text-align:right}.bestentabelle td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.05)}.bestentabelle tr:first-child td{color:var(--gold)}#kaufmenue{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;padding:22px 26px;background:#070a0ff7;border:1px solid var(--linie);border-radius:12px;width:min(780px,94vw);max-height:88vh;overflow-y:auto}.kauf-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--linie)}.kauf-kopf h2{font-size:1.15rem}.kauf-phase{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.kauf-phase.zu{color:var(--warnung)}.kauf-konto{text-align:right}.kauf-guthaben{display:block;font-family:var(--mono);font-size:1.3rem;color:var(--gut)}.kauf-gefuehrt{font-family:var(--mono);font-size:.7rem;color:var(--gedaempft)}.kauf-spalten{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.kauf-spalten h3{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gedaempft);margin-bottom:9px}.kaufliste{list-style:none;display:flex;flex-direction:column;gap:7px}.kaufliste button{width:100%;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:13px;padding:11px 13px;background:var(--flaeche-hell);border:1px solid var(--linie);border-radius:8px;color:var(--schrift);font-family:var(--font);cursor:pointer;text-align:left;transition:border-color .14s ease,background .14s ease}.kaufliste button:hover:not(:disabled){border-color:var(--alpha);background:#1f2735}.kaufliste button:disabled{opacity:.42;cursor:default}.kaufliste button.gefuehrt{border-color:var(--gut);opacity:1}.kaufliste .taste{font-family:var(--mono);font-size:.72rem;color:var(--gedaempft);border:1px solid var(--linie);border-radius:4px;text-align:center;padding:3px 0}.kaufliste .name{display:flex;flex-direction:column;gap:3px;min-width:0}.kaufliste .name strong{font-size:.95rem;font-weight:600}.kaufliste .werte{font-family:var(--mono);font-size:.66rem;color:var(--gedaempft)}.kaufliste .preis{font-family:var(--mono);font-size:.92rem;color:var(--gut)}.kaufliste button:disabled .preis{color:var(--warnung)}.kaufliste button.gefuehrt .preis{color:var(--gut)}.kaufliste .leiste{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:7px;margin-top:2px}.kaufliste .leiste span{font-family:var(--mono);font-size:.58rem;color:var(--gedaempft);text-transform:uppercase}.kaufliste .leiste i{display:block;height:3px;background:var(--alpha);border-radius:2px}.kaufliste .leiste.feuerrate i{background:var(--bravo)}@media (max-width: 720px){.kauf-spalten{grid-template-columns:1fr}}#zielfernrohr{position:fixed;inset:0;z-index:19;pointer-events:none}#zielfernrohr .rohr-rand{position:absolute;inset:0;background:#000;-webkit-mask:radial-gradient(circle at 50% 50%,transparent 0,transparent 31vh,#000 31.6vh);mask:radial-gradient(circle at 50% 50%,transparent 0,transparent 31vh,#000 31.6vh)}#zielfernrohr .rohr-strich{position:absolute;background:#14181ed9}#zielfernrohr .waagerecht{left:0;right:0;top:50%;height:1px}#zielfernrohr .senkrecht{top:0;bottom:0;left:50%;width:1px}#zuschauen{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:9px 18px;background:#080b10d9;border:1px solid var(--linie);border-radius:7px}.zuschauen-label{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gedaempft)}.zuschauen-name{font-size:1rem;font-weight:600}.zuschauen-hinweis{font-family:var(--mono);font-size:.68rem;color:var(--gedaempft)}.spielart{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gedaempft);opacity:.7}.spielartwahl{margin-top:22px}.spielartwahl-titel{display:block;margin-bottom:9px;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gedaempft)}.spielart-knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spielart-knoepfe{display:grid;gap:var(--a3)}.spielart-knopf{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:var(--a4);row-gap:var(--a1);padding:var(--a4) var(--a5);background:var(--glas);backdrop-filter:blur(8px);border:1px solid var(--linie);border-radius:var(--r-gross);color:var(--schrift);font-family:var(--font);cursor:pointer;text-align:left;overflow:hidden;transition:border-color var(--zeit) var(--kurve),background var(--zeit) var(--kurve),transform var(--zeit) var(--kurve)}.spielart-knopf:hover{border-color:var(--linie-stark);transform:translateY(-2px)}.spielart-knopf.aktiv{border-color:var(--alpha);background:var(--flaeche-hell)}.spielart-knopf.aktiv:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--alpha)}.spielart-knopf .sk-zeichen{grid-row:1 / 3;align-self:center;font-size:var(--schrift-2xl);color:var(--gedaempft);transition:color var(--zeit) var(--kurve)}.spielart-knopf.aktiv .sk-zeichen{color:var(--alpha)}.spielart-knopf strong{font-size:var(--schrift-l);font-weight:600;letter-spacing:-.01em}.spielart-knopf .sk-text{font-size:var(--schrift-s);color:var(--gedaempft);line-height:1.45}.spielart-knopf:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.kartenfolge{margin-top:var(--a2)}.kartenfolge ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--a2);margin-top:var(--a2)}.kartenfolge li{display:flex;align-items:center;gap:var(--a2);padding:var(--a1) var(--a3);background:var(--glas);border:1px solid var(--linie-leise);border-radius:var(--r-rund);font-size:var(--schrift-s);color:var(--gedaempft)}.kartenfolge li.jetzt{color:var(--schrift);border-color:var(--akzent)}.kartenfolge li.jetzt:before{content:"";width:6px;height:6px;border-radius:var(--r-rund);background:var(--akzent)}.regler-zeile select{width:100%;min-height:34px;padding:4px 10px;background:var(--grund);border:1px solid var(--linie);border-radius:6px;color:var(--schrift);font-family:var(--font);font-size:.86rem}.zurueckgeben{width:100%;min-height:30px;margin-top:4px;background:transparent;border:1px dashed rgba(255,255,255,.18);border-radius:6px;color:var(--gedaempft);font-family:var(--mono);font-size:.7rem;cursor:pointer;transition:color .14s ease,border-color .14s ease}.zurueckgeben:hover{color:var(--gut);border-color:#4ade8073}.discord-knopf{width:100%;min-height:48px;margin-top:22px;display:flex;align-items:center;justify-content:center;gap:10px;background:#5865f2;border:none;border-radius:7px;color:#fff;font-family:var(--font);font-size:.97rem;font-weight:600;cursor:pointer;transition:filter .15s ease}.discord-knopf:hover{filter:brightness(1.1)}.discord-knopf svg{width:22px;height:17px;fill:currentColor}.trennlinie{display:flex;align-items:center;gap:12px;margin:18px 0 4px;color:var(--gedaempft);font-size:.76rem}.trennlinie:before,.trennlinie:after{content:"";flex:1;height:1px;background:var(--linie)}.namensfeld{margin-top:14px}.namensfeld summary{font-family:var(--mono);font-size:.72rem;color:var(--gedaempft);cursor:pointer;min-height:28px;display:flex;align-items:center}.namensfeld .formular{margin-top:10px}#pause{position:fixed;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;background:#04060ab8;backdrop-filter:blur(3px)}.pause-karte{width:min(340px,92vw);padding:26px;background:var(--flaeche);border:1px solid var(--linie);border-radius:12px}.pause-kopf{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.pause-kopf h2{font-size:1.3rem}.pause-name{font-family:var(--mono);font-size:.76rem;color:var(--gedaempft)}.pause-knoepfe{display:flex;flex-direction:column;gap:8px}.pause-knoepfe button{width:100%;min-height:44px;background:var(--flaeche-hell);border:1px solid var(--linie);border-radius:7px;color:var(--schrift);font-family:var(--font);font-size:.94rem;cursor:pointer;transition:border-color .14s ease,background .14s ease}.pause-knoepfe button:hover{border-color:var(--linie-stark);background:#232a37}.pause-knoepfe button.haupt{background:var(--alpha);border-color:var(--alpha);color:#04121f;font-weight:600}.pause-knoepfe button.haupt:hover{filter:brightness(1.08);background:var(--alpha)}.pause-knoepfe button.warnung{color:var(--warnung)}.pause-knoepfe button.warnung:hover{border-color:#ff4d5e80}#adminfenster{position:fixed;inset:0;z-index:55;display:flex;align-items:center;justify-content:center;padding:24px;background:#04060ad1;overflow-y:auto}.knopfreihe{display:flex;gap:8px;margin-top:10px}.adminliste{width:100%;border-collapse:collapse;font-size:.86rem}.adminliste th{padding:6px 8px;text-align:left;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gedaempft);border-bottom:1px solid var(--linie)}.adminliste th.zahl,.adminliste td.zahl{text-align:right}.adminliste td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.adminliste tr.bot td{opacity:.55}.adminliste .aktionen{display:flex;gap:4px;flex-wrap:wrap}button.winzig{min-height:26px;padding:0 9px;background:var(--flaeche-hell);border:1px solid var(--linie);border-radius:4px;color:var(--schrift);font-family:var(--font);font-size:.74rem;cursor:pointer}button.winzig:hover{border-color:var(--alpha)}button.winzig.warnung{color:var(--warnung)}button.winzig.warnung:hover{border-color:#ff4d5e80}#bestaetigung{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#04060ab3}.frage-karte{width:min(400px,92vw);padding:26px;background:var(--flaeche);border:1px solid var(--linie);border-radius:12px;box-shadow:0 20px 60px #0009}.frage-karte h2{font-size:1.15rem;margin-bottom:10px}.frage-karte p{font-size:.9rem;color:var(--gedaempft);line-height:1.5}.frage-knoepfe{display:flex;gap:8px;margin-top:20px}.frage-knoepfe button{flex:1;min-height:42px;background:var(--flaeche-hell);border:1px solid var(--linie);border-radius:7px;color:var(--schrift);font-family:var(--font);font-size:.92rem;cursor:pointer}.frage-knoepfe button:hover{border-color:var(--linie-stark)}.frage-knoepfe button:focus-visible{outline:2px solid var(--alpha);outline-offset:1px}.frage-knoepfe button.warnung{background:#ff4d5e24;border-color:#ff4d5e73;color:var(--warnung)}.frage-knoepfe button.warnung:hover{background:#ff4d5e38}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.reiterleiste{display:flex;flex-wrap:wrap;gap:var(--a1);border-bottom:1px solid var(--linie);margin-bottom:var(--a4)}.reiter{appearance:none;border:0;background:transparent;color:var(--gedaempft);font:600 var(--schrift-s)/1 var(--font);letter-spacing:.03em;padding:var(--a3) var(--a4);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--zeit) var(--kurve),border-color var(--zeit) var(--kurve)}.reiter:hover{color:var(--schrift)}.reiter.aktiv{color:var(--schrift);border-bottom-color:var(--akzent)}.reiter:focus-visible{outline:2px solid var(--akzent);outline-offset:-2px;border-radius:var(--r-klein)}.blaetterleiste{display:flex;align-items:center;justify-content:space-between;gap:var(--a4);margin-top:var(--a4);padding-top:var(--a3);border-top:1px solid var(--linie-leise)}.blaetterleiste .textknopf:disabled{opacity:.3;cursor:default}.bestentabelle tbody tr.ich{background:var(--akzent);background:color-mix(in srgb,var(--akzent) 14%,transparent);box-shadow:inset 2px 0 0 var(--akzent)}.bestentabelle tbody tr.ich td{color:var(--schrift);font-weight:600}.stufenbalken{display:flex;align-items:center;gap:var(--a3)}.stufenbalken .marke{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:var(--r);background:linear-gradient(150deg,var(--flaeche-hoch),var(--flaeche));border:1px solid var(--linie-stark);font:700 var(--schrift-l)/1 var(--mono);color:var(--gold)}.stufenbalken .spur{position:relative;flex:1 1 auto;height:6px;border-radius:var(--r-rund);background:var(--linie-leise);overflow:hidden}.stufenbalken .spur i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--akzent),var(--gold));transition:width var(--zeit-langsam) var(--kurve)}.stufenbalken .zahlen{font:500 var(--schrift-xs)/1 var(--mono);color:var(--gedaempft);white-space:nowrap}.vitalwert.leben.kritisch .zahl,#hud-munition-block.leer .magazin{animation:pochen 1.1s infinite}#hud-munition-block.leer~.patronen i{opacity:.2}@keyframes pochen{0%,to{opacity:1}50%{opacity:.45}}.kontoperson{display:flex;align-items:center;gap:var(--a3)}.kontobild{width:44px;height:44px;border-radius:var(--r-rund);border:1px solid var(--linie-stark);object-fit:cover;flex:0 0 auto}#stufenanzeige{margin:var(--a4) 0}#chat{position:fixed;left:max(var(--hud-rand),env(safe-area-inset-left,0px));bottom:calc(max(var(--hud-rand),env(safe-area-inset-bottom,0px)) + 168px);width:min(440px,46vw);z-index:var(--ebene-hud);pointer-events:none}#chatverlauf{list-style:none;display:flex;flex-direction:column;gap:var(--a1);margin-bottom:var(--a2);opacity:0;transition:opacity var(--zeit-langsam) var(--kurve)}#chat.sichtbar #chatverlauf{opacity:1}#chatverlauf li{align-self:flex-start;max-width:100%;padding:var(--a1) var(--a3);background:var(--glas);backdrop-filter:blur(6px);border-radius:var(--r-klein);font-size:var(--schrift-m);line-height:1.4;word-break:break-word;animation:einblenden var(--zeit) var(--kurve)}#chatverlauf .name{font-weight:600}#chatverlauf .name.alpha{color:var(--alpha)}#chatverlauf .name.bravo{color:var(--bravo)}#chatverlauf .marke{font-family:var(--mono);font-size:var(--schrift-xs);color:var(--gut);margin-right:var(--a1)}#chatverlauf li.system{color:var(--gold);border-left:2px solid var(--gold)}#chateingabe{display:flex;align-items:center;gap:var(--a2);padding:var(--a2) var(--a3);background:var(--glas-dicht);backdrop-filter:blur(10px);border:1px solid var(--akzent);border-radius:var(--r);box-shadow:var(--schatten-2);pointer-events:auto}.chatziel-schalter{display:flex;flex:0 0 auto;gap:1px;padding:1px;background:#ffffff0f;border-radius:var(--r-klein)}.chatziel-knopf{appearance:none;border:none;background:none;cursor:pointer;padding:3px var(--a2);border-radius:calc(var(--r-klein) - 1px);font-family:var(--mono);font-size:var(--schrift-xs);letter-spacing:var(--sperrung);text-transform:uppercase;color:var(--sehr-leise);white-space:nowrap;transition:background var(--zeit-schnell),color var(--zeit-schnell)}.chatziel-knopf:hover{color:var(--gedaempft)}.chatziel-knopf.aktiv{background:#ffffff1f;color:var(--akzent)}#chatziel-team.aktiv{color:var(--alpha)}.chatziel-schalter.bravo #chatziel-team.aktiv{color:var(--bravo)}.chatziel-knopf:focus-visible{outline:1px solid var(--akzent);outline-offset:1px}#chateingabe.an-team{border-color:var(--alpha)}#chateingabe.an-team.bravo{border-color:var(--bravo)}#chatfeld{flex:1 1 auto;min-width:0;background:none;border:none;outline:none;color:var(--schrift);font-family:var(--font);font-size:var(--schrift-m)}#hud-munition-block.nahkampf .magazin{font-size:var(--schrift-2xl)}#hud-munition-block.nahkampf .trenner,#hud-munition-block.nahkampf .reserve{display:none}.rangzeile{display:flex;align-items:center;gap:var(--a3);margin-top:var(--a4);padding:var(--a3);background:var(--glas);border:1px solid var(--linie-leise);border-radius:var(--r)}.rangmarke{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:var(--r);background:linear-gradient(150deg,color-mix(in srgb,var(--rangfarbe, #8f98a8) 40%,var(--flaeche)),var(--flaeche));border:1px solid var(--rangfarbe, var(--linie-stark));font-size:var(--schrift-l)}.rangname{display:block;font-weight:600;color:var(--rangfarbe, var(--schrift))}.rangwert{font-family:var(--mono);font-size:var(--schrift-xs);color:var(--gedaempft)}.ladengeld{margin-left:auto;margin-right:var(--a4);font-family:var(--mono);color:var(--gut)}.warenliste{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--a3);max-height:52vh;overflow-y:auto;padding-right:var(--a1)}.ware{display:flex;align-items:center;gap:var(--a3);padding:var(--a3);background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);text-align:left;color:var(--schrift);font-family:var(--font);cursor:pointer;transition:border-color var(--zeit) var(--kurve),background var(--zeit) var(--kurve)}.ware:hover:not(:disabled){border-color:var(--linie-stark)}.ware:disabled{opacity:.45;cursor:default}.ware.getragen{border-color:var(--akzent);background:var(--flaeche-hell)}.ware .probe{width:30px;height:30px;flex:0 0 auto;border-radius:var(--r-klein);border:1px solid var(--linie-stark);background:var(--probefarbe, var(--flaeche-hell))}.ware .warenname{display:block;font-size:var(--schrift-m);font-weight:600}.ware .warenpreis{font-family:var(--mono);font-size:var(--schrift-xs);color:var(--gedaempft)}.ware .warenpreis.gesperrt{color:var(--warnung)}.ware .warenpreis.besitzt{color:var(--gut)}