:root{font-family:Arial,Helvetica,sans-serif;color:#f7f5ef;background:#16252a;font-synthesis:none;--orange:#ef7951;--ink:#16252a;--cream:#f1f0e7;--muted:#9cabad}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}input:focus-visible{outline:2px solid var(--orange)}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}#game{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:0}#loading{position:absolute;inset:0;background:var(--ink);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:50}#loading p{color:var(--muted);font-size:14px}.brand{font-weight:900;letter-spacing:-1.7px;font-size:29px;text-decoration:none;color:inherit}.brand-dot{color:var(--orange);padding-left:6px}.screen{position:absolute;inset:0;z-index:5}.screen:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,24,28,.91),rgba(12,24,28,.52) 45%,rgba(12,24,28,.1));z-index:-1}.lobby-header{display:flex;justify-content:space-between;align-items:center;padding:34px 5vw}.edition{font-size:10px;letter-spacing:2px;color:#e4e7e1}.edition b{margin-left:10px;border:1px solid #ffffff4a;padding:7px}.lobby-body{display:flex;justify-content:space-between;align-items:center;gap:60px;height:calc(100% - 178px);padding:10px 8vw 30px 8vw}.intro{max-width:560px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:9px;box-shadow:0 0 12px #ef79517a}h1{font-size:clamp(55px,6.8vw,104px);line-height:.98;letter-spacing:-5px;margin:28px 0;font-weight:800}h2{font-size:28px;line-height:1.05;letter-spacing:-1px;margin:17px 0 28px}.intro p{font-size:18px;line-height:1.7;color:#c5cfcb}.map-label{display:flex;gap:16px;align-items:center;margin-top:46px}.map-number{font-size:28px;border-left:3px solid var(--orange);padding:4px 16px;letter-spacing:-1px}.map-label strong,.map-label small{display:block}.map-label strong{font-size:12px;letter-spacing:2px;margin-bottom:6px}.map-label small{color:#a8b8b3;font-size:11px}.join-card{width:352px;flex-shrink:0;background:var(--cream);color:var(--ink);padding:29px;border-radius:3px;box-shadow:0 20px 80px #0003}.card-top{display:flex;align-items:center;justify-content:space-between}.card-top .eyebrow{font-size:8px;letter-spacing:1.5px}.tiny-cross{color:#7c8b85;font-size:20px}.join-card h2{margin:16px 0 27px;font-size:31px}.join-card label:not(.checkbox-label){display:block;font-size:11px;font-weight:700;margin:18px 0 9px}.join-card label span{font-weight:400;color:#6c7b76}.join-card input:not([type=checkbox]),#share-url{width:100%;border:1px solid #cbd0c6;background:transparent;color:var(--ink);border-radius:2px;padding:13px 12px;font-size:13px}.join-card input::placeholder{color:#7a8580}#room-input{text-transform:uppercase;letter-spacing:1px}#room-input::placeholder{text-transform:none;letter-spacing:0}.checkbox-label{display:flex;align-items:center;gap:8px;margin:17px 0 20px;font-size:11px}.checkbox-label input{accent-color:#263b3b;width:15px;height:15px;margin:0}.primary{border:0;background:var(--orange);color:#182729;min-height:47px;padding:13px 16px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:2px}.primary:hover{background:#ff9068}.primary span{font-size:21px;line-height:16px}.join-card .primary{width:100%}#connection-status{font-size:10px;line-height:1.5;text-align:center;color:#67766f;min-height:15px;margin:12px 0 20px}#connection-status.error{color:#b44024}.device-note{border-top:1px solid #cfd4c9;padding-top:17px;display:flex;justify-content:space-between;gap:6px;font-size:9px;color:#6f7d74}.device-note span:first-child{color:#2e4540;font-weight:700;letter-spacing:1px}.lobby-footer{display:flex;justify-content:space-between;position:absolute;bottom:32px;left:5vw;right:5vw;color:#c2cdc7;font-size:9px;letter-spacing:1.7px}.lobby-footer i{font-style:normal;margin:0 12px;color:var(--orange)}
#hud{position:absolute;inset:0;pointer-events:none;z-index:2;user-select:none}#hud button{pointer-events:auto}.hud-top{position:absolute;top:max(20px,var(--gw-sat,env(safe-area-inset-top)));left:max(22px,var(--gw-sal,env(safe-area-inset-left)));right:max(22px,var(--gw-sar,env(safe-area-inset-right)));display:flex;justify-content:space-between;align-items:flex-start}.glass-button{background:#14252bc7;border:1px solid #ffffff24;color:#fff;border-radius:3px;min-height:40px;padding:9px 14px;font-size:17px;backdrop-filter:blur(10px)}.glass-button span{font-size:10px;font-weight:700;letter-spacing:1px;margin-left:8px}.round-card{text-align:center;text-shadow:0 2px 9px #0008;background:linear-gradient(#14252b88,transparent);padding:9px 35px 18px;border-top:2px solid var(--orange)}.round-card small,.round-card span{display:block;font-size:8px;letter-spacing:1.7px}.round-card strong{display:block;font-size:30px;font-variant-numeric:tabular-nums;letter-spacing:2px;margin:3px 0}.round-card span{opacity:.65;font-size:7px}#room-badge{position:absolute;left:24px;top:80px;letter-spacing:1.3px;font-size:10px;text-shadow:0 1px 5px #000}#room-badge span{display:block;font-size:8px;opacity:.85;margin-top:8px}#room-badge small{display:block;font-size:8px;opacity:.6;margin-top:5px}#kill-feed{position:absolute;top:84px;right:22px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}#kill-feed div{background:#16252ac9;font-size:11px;padding:8px 12px;border-right:2px solid var(--orange)}#kill-feed b{color:#f5a58a}#crosshair{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 1px #0008)}#crosshair i{position:absolute;background:white;border-radius:1px}#crosshair i:nth-child(1){width:2px;height:6px;left:11px;top:0}#crosshair i:nth-child(2){width:2px;height:6px;left:11px;bottom:0}#crosshair i:nth-child(3){height:2px;width:6px;top:11px;left:0}#crosshair i:nth-child(4){height:2px;width:6px;top:11px;right:0}#hit-marker{position:absolute;left:50%;top:50%;font-size:37px;line-height:1;transform:translate(-50%,-50%);opacity:0;color:#fff;text-shadow:0 0 5px #000}#hit-marker.kill{color:var(--orange)}#protection{position:absolute;left:50%;top:60%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;color:#d4f6f2;text-shadow:0 1px 5px #000}.hud-bottom{position:absolute;bottom:max(22px,var(--gw-sab,env(safe-area-inset-bottom)));left:max(24px,var(--gw-sal,env(safe-area-inset-left)));right:max(24px,var(--gw-sar,env(safe-area-inset-right)));display:flex;align-items:flex-end;justify-content:space-between}.health-card{position:relative;display:flex;align-items:center;gap:14px;background:#16252abb;padding:12px 18px 18px;min-width:154px;border-radius:2px}.health-icon{font-size:31px;color:#e0ede4}.health-card strong{display:block;font-size:29px;line-height:1}.health-card small{font-size:7px;letter-spacing:1.6px}.health-track{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#ffffff33}.health-track i{display:block;height:100%;background:#b5d6c1;width:100%;transition:width .15s}.ammo-card{text-align:right;min-width:105px;background:#16252abb;padding:11px 16px;border-radius:2px}.ammo-card small{font-size:9px;letter-spacing:1.8px}.ammo-card strong{font-size:38px;font-weight:500;line-height:1.1}.ammo-card span{font-size:14px;opacity:.55;margin-left:7px}.desktop-help{font-size:9px;letter-spacing:1px;text-shadow:0 1px 5px #000}.desktop-help span{font-size:7px;opacity:.7;margin:0 7px}.desktop-help i{font-style:normal;opacity:.5;margin-right:9px}#reload-track{height:2px;margin-top:4px;background:#ffffff20;opacity:0}#reload-track i{display:block;height:100%;background:var(--orange);width:0}#hurt{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse,transparent 40%,#a92f238c);opacity:0;z-index:3}#notice{position:absolute;bottom:115px;left:50%;transform:translateX(-50%);background:#16252ae8;padding:13px 20px;z-index:30;border-left:3px solid var(--orange);font-size:12px;max-width:90vw;text-align:center}.center-message{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);text-align:center;z-index:4;background:#16252ae6;padding:28px 48px;min-width:280px;pointer-events:none;border-top:2px solid var(--orange)}.center-message h2{font-size:38px;margin:12px 0}.center-message p{color:#bcc8c2;font-size:13px}.center-message .eyebrow{color:var(--orange)}
.overlay{position:absolute;inset:0;z-index:10;background:#10212699;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.panel{color:var(--ink);background:var(--cream);border-radius:4px;width:440px;padding:27px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 80px #0004}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-title h2{margin:8px 0 6px}.icon-button{border:1px solid #16252a30;background:transparent;font-size:25px;min-width:36px;height:36px;border-radius:2px}.muted{font-size:11px;line-height:1.6;color:#6c7a73}.share-area{display:flex;align-items:center;gap:20px;margin:20px 0}.share-area img{width:95px;height:95px;border:1px solid #cbd2c7}.share-area strong{display:block;font-size:32px;letter-spacing:4px;margin-top:5px}.share-area p{font-size:10px;line-height:1.5;color:#6c7a73;margin:5px 0 0}#share-url{font-size:10px;padding:10px;margin-bottom:9px}#copy-button{width:100%;min-height:40px}.settings{margin:23px 0}.settings>label{font-size:11px;display:flex;justify-content:space-between}.settings input[type=range]{width:100%;accent-color:#35514b;margin:12px 0}.setting-buttons{display:flex;gap:7px}.setting-buttons button{flex:1;border:1px solid #bec8bd;background:transparent;padding:10px 5px;font-size:9px;color:var(--ink)}.menu-actions{display:flex;gap:10px;border-top:1px solid #d3d9cc;padding-top:18px}.menu-actions button{flex:1;justify-content:center;font-size:11px}.secondary{background:transparent;color:inherit;border:1px solid #88968b75;padding:12px 16px;min-height:43px;border-radius:2px;font-size:12px}table{border-collapse:collapse;width:100%;margin:25px 0}th{text-align:left;font-size:9px;letter-spacing:1px;padding:12px 8px;border-bottom:1px solid #bec8bd;color:#6d7d73}td{font-size:14px;padding:13px 8px;border-bottom:1px solid #d7ddd0}td:not(:first-child),th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}tr.me{background:#e3e7d9}td small{font-size:8px;margin-left:8px;letter-spacing:1px;color:#75877b}
#touch-controls{position:absolute;inset:0;pointer-events:none}body.touch .desktop-help{display:none}body.touch .health-card{min-width:105px;padding:8px 12px 12px;gap:8px}body.touch .health-card strong{font-size:23px}body.touch .health-card small{font-size:6px}body.touch .health-icon{font-size:23px}body.touch .hud-bottom{bottom:auto;top:108px;left:24px;right:24px}body.touch .ammo-card{min-width:74px;padding:8px 10px}body.touch .ammo-card strong{font-size:27px}body.touch .ammo-card span{font-size:10px}body.touch .ammo-card small{font-size:7px}body.touch #room-badge{top:69px}body.touch #room-badge small{display:none}body.touch #kill-feed{top:175px}body.touch #kill-feed div{font-size:9px;padding:6px 9px}#rotate-hint{position:absolute;inset:0;background:#16252af5;z-index:40;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:35px;text-align:center}#rotate-hint>span{font-size:70px;color:var(--orange)}#rotate-hint strong{font-size:28px;letter-spacing:-1px}#rotate-hint p{font-size:13px;color:#9aafa7;line-height:1.6}#rotate-hint button{margin-top:20px}
@media(max-width:950px){.lobby-body{gap:35px;padding:10px 5vw 25px}h1{font-size:65px;letter-spacing:-3px}.intro p{font-size:15px}.join-card{width:310px;padding:24px}.map-label{margin-top:28px}.desktop-help{display:none}.lobby-footer{letter-spacing:1px;font-size:8px}}
@media(max-height:650px) and (min-width:650px){.lobby-header{padding:17px 4vw}.brand{font-size:24px}.lobby-body{height:calc(100% - 90px);padding:0 5vw 15px;gap:30px}.intro h1{font-size:62px;margin:15px 0}.intro p{font-size:14px;margin:10px 0}.map-label{margin-top:20px}.join-card{padding:18px 22px;width:300px}.join-card h2{font-size:25px;margin:9px 0 14px}.join-card label:not(.checkbox-label){margin:10px 0 6px}.join-card input:not([type=checkbox]){padding:10px}.checkbox-label{margin:12px 0}.join-card .primary{min-height:40px;padding:9px 12px}#connection-status{margin:8px 0 0;font-size:9px}.device-note{display:none}.lobby-footer{bottom:12px}.panel{max-height:calc(100dvh - 20px);padding:20px}.overlay{padding:10px}.round-card{padding:5px 25px 10px}.round-card strong{font-size:25px}.hud-top{top:12px}body.touch .hud-bottom{top:88px}body.touch #room-badge{top:60px}body.touch #room-badge span{display:inline;margin-left:8px}.glass-button{min-height:35px;padding:6px 10px}}
@media(max-width:649px){.lobby-header{padding:22px}.brand{font-size:23px}.edition{font-size:7px;letter-spacing:1px}.lobby-body{height:calc(100% - 70px);display:block;padding:4px 22px 40px;overflow:auto}.intro .eyebrow{font-size:8px}.intro h1{font-size:48px;letter-spacing:-2px;margin:18px 0}.intro p,.map-label{display:none}.join-card{width:100%;max-width:400px;margin:23px 0 0;padding:23px}.join-card h2{font-size:25px;margin:12px 0 20px}.lobby-footer{display:none}.panel{width:100%}.panel-title h2{font-size:25px}.hud-top{left:12px;right:12px}.glass-button span{display:none}#room-badge{left:12px;font-size:8px}.round-card{padding:8px 16px}.round-card strong{font-size:24px}.round-card small{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
select{font:inherit}select:focus-visible{outline:2px solid var(--orange)}
#mode{width:100%;border:1px solid #cbd0c6;border-radius:2px;padding:11px 9px;background:transparent;color:var(--ink);font-size:12px}
#team-score{position:absolute;top:116px;left:50%;transform:translateX(-50%);background:#16252ad9;padding:8px 14px 20px;display:flex;gap:14px;align-items:center;font-size:9px;letter-spacing:1px}
#team-score b{font-size:22px;margin:0 6px;font-variant-numeric:tabular-nums}#team-score i{font-style:normal;opacity:.5}
#team-score .blue{color:#82cd8b}#team-score .orange{color:#ffb77f}#own-team{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:7px;opacity:.75}
#sprint-state{position:absolute;bottom:106px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:3px;text-shadow:0 1px 4px #000}
#touch-controls button:disabled{opacity:.25;cursor:default}
#killcam{position:absolute;inset:0;z-index:12;pointer-events:none;border:3px solid #ef7951b0;box-shadow:inset 0 0 120px #0005;user-select:none}
.killcam-top,.killcam-bottom{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#101d24ed;padding:19px 5vw}
.killcam-top{top:0;border-bottom:1px solid #ef795160}.killcam-top strong{font-size:18px;letter-spacing:3px}.killcam-top i{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}.killcam-top span{font-size:9px;letter-spacing:1.5px;color:#b9c8c9}
.killcam-bottom{bottom:0;padding-bottom:24px}.killcam-bottom small{display:block;font-size:8px;letter-spacing:2px;color:#9aafb0}.killcam-bottom strong{display:block;margin-top:6px;font-size:23px}.killcam-bottom>span{font-size:10px;letter-spacing:2px;color:#f3b89b}
.killcam-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff20}.killcam-track i{display:block;width:100%;height:100%;background:var(--orange);transform:scaleX(0);transform-origin:left}
body.replaying #hud>*:not(#crosshair),body.replaying #menu,body.replaying #scoreboard,body.replaying #death,body.replaying #round-end,body.replaying #notice{visibility:hidden}
@media(max-height:650px) and (min-width:650px){.join-card{max-height:calc(100dvh - 82px);overflow:auto;padding:15px 20px}.join-card h2{margin:5px 0 10px;font-size:23px}.join-card .card-top{display:none}.join-card label:not(.checkbox-label){margin:8px 0 4px}.join-card input:not([type=checkbox]),#mode{padding:8px 9px}.checkbox-label{margin:10px 0}.join-card .primary{min-height:36px}.lobby-footer{bottom:8px}#team-score{top:91px;padding-top:4px;padding-bottom:16px}#team-score b{font-size:18px}.killcam-top{padding:12px 4vw}.killcam-top strong{font-size:14px}.killcam-top span{font-size:8px}.killcam-bottom{padding:12px 4vw 16px}.killcam-bottom strong{font-size:19px}body.touch #sprint-state{bottom:30px}}
@media(max-width:649px){.killcam-top span{max-width:110px;line-height:1.5;font-size:7px}.killcam-top strong{font-size:13px}.killcam-bottom strong{font-size:19px}}
#scope{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
#scope .scope-view{position:absolute;left:50%;top:50%;width:min(94vw,94vh);height:min(94vw,94vh);transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 100vmax #000,inset 0 0 3.5vmin 1vmin rgba(0,0,0,.94),inset 0 0 16vmin rgba(0,0,0,.42);background:radial-gradient(circle at 33% 27%,rgba(175,198,255,.075),transparent 36%),radial-gradient(circle,transparent 64%,rgba(8,12,28,.28) 100%)}
#scope .scope-h,#scope .scope-v,#scope .scope-post{position:absolute;background:#020203}
#scope .scope-h{left:0;right:0;top:50%;height:1px;margin-top:-.5px;opacity:.9}
#scope .scope-v{top:0;bottom:0;left:50%;width:1px;margin-left:-.5px;opacity:.9}
#scope .scope-left,#scope .scope-right{top:50%;width:31%;height:5px;margin-top:-2.5px}
#scope .scope-left{left:0}#scope .scope-right{right:0}
#scope .scope-bottom{bottom:0;left:50%;height:31%;width:5px;margin-left:-2.5px}
#scope .scope-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#d8402f;opacity:.45;box-shadow:0 0 3px #ff553c99;transition:opacity .08s}
#scope.steady .scope-dot{opacity:1}
/* Bereit-Ring: erscheint, sobald das Zielfernrohr ruhig ist (scopeMs erreicht = voller Schaden; vorher Hüftschuss) */
#scope .scope-ready{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:1.5px solid rgba(255,86,60,.92);box-shadow:0 0 0 1px rgba(0,0,0,.45);opacity:0;transform:scale(1.9);transition:opacity .06s,transform .06s}
#scope.steady .scope-ready{opacity:.95;transform:scale(1);transition:opacity .1s ease-out,transform .16s cubic-bezier(.2,.9,.3,1.25)}
body.scoped #crosshair{display:none}
body.sniper-hip #crosshair{width:46px;height:46px}
body.sniper-hip #crosshair i:nth-child(1),body.sniper-hip #crosshair i:nth-child(2){left:22px}
body.sniper-hip #crosshair i:nth-child(3),body.sniper-hip #crosshair i:nth-child(4){top:22px}

/* [h27] Aufgestützt: kleiner, dezenter Hinweis unter dem Fadenkreuz */
#mount-hint{position:absolute;left:50%;top:calc(50% + 26px);width:22px;height:11px;transform:translateX(-50%);opacity:.72;pointer-events:none;filter:drop-shadow(0 1px 1px #000a)}#mount-hint[hidden]{display:none}#mount-hint svg{display:block;width:100%;height:100%;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round}body.scoped #mount-hint{top:calc(50% + 46px)}