@font-face{font-family:Anton;src:url(/spiele/outpost/fonts/anton.woff2) format("woff2");font-display:swap}@font-face{font-family:Gabarito;src:url(/spiele/outpost/fonts/gabarito.woff2) format("woff2");font-display:swap}:root{color-scheme:dark;--bg:#101a22;--text:#f1efe7;--muted:#a9b5bf;--accent:#f2b56c;--line:#53616b;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Gabarito,system-ui,sans-serif}button,select,input{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}#arena{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.lobby{position:fixed;inset:0;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,430px);grid-template-rows:auto 1fr auto;gap:28px 60px;padding:max(28px,var(--safe-t)) max(42px,var(--safe-r)) max(24px,var(--safe-b)) max(42px,var(--safe-l));background:linear-gradient(90deg,#111c24dd,#111c2444 57%,#111c24e8 78%);overscroll-behavior:contain}.brandbar{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.brandbar>a:first-child{font-size:22px;font-weight:800;letter-spacing:-.04em}.brandbar span{color:#b4c1c8}.brandbar>a:last-child{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:5px}.lobby-copy{align-self:center;max-width:570px;padding:24px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--accent);display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;background:var(--accent);border-radius:50%}.lobby h1{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(100px,12vw,190px);letter-spacing:-.025em;line-height:.88;margin:30px 0 24px;text-shadow:0 4px 30px #0004}.lobby h1 span{font-family:Gabarito,sans-serif;font-size:15px;font-weight:500;letter-spacing:.06em;margin-left:12px;color:var(--accent)}.tagline{font-size:clamp(25px,3vw,38px);font-weight:600;line-height:1.05;letter-spacing:-.035em;margin:0 0 18px}.intro{font-size:16px;line-height:1.6;color:#c0c9ce;max-width:340px}.local-note{font-size:11px;color:#d1ba96;margin-top:22px}.arena-label{display:flex;flex-direction:column;gap:9px;font-size:13px;letter-spacing:.12em;margin-top:35px;border-left:3px solid var(--accent);padding-left:14px}.arena-label b{font-size:9px;color:var(--muted);letter-spacing:.14em;font-weight:400}.lobby-panel{align-self:center;background:#101d25ed;border-top:3px solid var(--accent);padding:24px;border-radius:3px;box-shadow:0 16px 55px #07111933}.section-line{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.section-line h2{font-size:12px;letter-spacing:.16em;margin:0;font-weight:600}.section-line>span{font-size:11px;color:var(--accent)}.map-choice{display:grid;grid-template-columns:1fr;gap:8px}.map-choice button{position:relative;text-align:left;color:#dde4e8;background:#172731;border:1px solid #41515d;border-radius:3px;min-height:62px;padding:12px 14px 12px 48px;display:flex;flex-direction:column;gap:4px}.map-choice button>span{position:absolute;left:13px;top:15px;font-size:12px;color:#9eabb4}.map-choice strong{font-size:17px;letter-spacing:-.02em}.map-choice small{font-size:11px;color:var(--muted)}.map-choice button[aria-pressed=true]{border-color:var(--accent);background:#483323}.map-choice button[aria-pressed=true]>span{color:var(--accent)}.map-copy{font-size:12px;line-height:1.5;color:#acbac5;min-height:36px;margin:16px 0 18px}.select-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.select-grid label{font-size:11px;color:#b1bcc4;display:flex;flex-direction:column;gap:7px;min-width:0}select{background:#0b1720;color:#eee9de;border:1px solid #52616b;border-radius:3px;padding:10px 8px;min-height:46px;font-size:16px;width:100%}.audio-choice{display:flex;gap:9px;align-items:center;font-size:12px;padding:14px 0;min-height:44px}.audio-choice input{accent-color:var(--accent);width:19px;height:19px}.primary,.secondary{width:100%;min-height:52px;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border:0;border-radius:3px;font-size:13px;letter-spacing:.06em;font-weight:750;background:var(--accent);color:#192027}.primary span{font-size:21px;line-height:1}.primary:disabled{opacity:.6;cursor:wait}.secondary{justify-content:center;border:1px solid var(--line);background:transparent;color:var(--text);letter-spacing:0;margin-top:12px}.loading{font-size:11px;color:#c6d2da;margin:12px 0}.controls-copy{font-size:11px;line-height:1.7;color:#a7b5bf;margin:14px 0 0}.lobby-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#a9b7c1;border-top:1px solid #81939b55;padding-top:17px}.lobby-footer div{display:flex;gap:18px}.hud{position:fixed;inset:0;pointer-events:none;user-select:none;z-index:2}.top-hud{position:absolute;left:calc(24px + var(--safe-l));right:calc(24px + var(--safe-r));top:calc(18px + var(--safe-t));display:flex;align-items:center;gap:14px}.match-tag{margin-right:auto;display:flex;flex-direction:column;gap:4px}.match-tag b{font-family:Anton,sans-serif;letter-spacing:.03em;font-size:27px;font-weight:400;text-shadow:0 2px 12px #0009}.match-tag span{font-size:10px;letter-spacing:.13em;color:#e2e2d7}.clock{background:#11202dde;border:1px solid #89a1af55;min-width:90px;text-align:center;padding:8px 16px;border-radius:4px}.clock span{display:block;font-size:8px;letter-spacing:.13em;color:#b7c7d0}.clock b{font-size:27px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:600}.hud-button{pointer-events:auto;color:#f3f2e9;background:#132432e8;border:1px solid #8d9fab88;padding:10px 14px;min-height:48px;border-radius:4px;font-size:13px;touch-action:manipulation}.hud-button b{display:inline-block;padding-left:8px;color:var(--accent)}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:23px;height:23px;filter:drop-shadow(0 1px 2px #000)}.crosshair i{position:absolute;background:#fbfff2;border-radius:1px}.crosshair i:nth-child(1){width:2px;height:6px;left:10px;top:0}.crosshair i:nth-child(2){width:2px;height:6px;left:10px;bottom:0}.crosshair i:nth-child(3){width:6px;height:2px;left:0;top:10px}.crosshair i:nth-child(4){width:6px;height:2px;right:0;top:10px}.hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:42px;color:var(--accent);line-height:1;text-shadow:0 2px 4px #000}.hurt{position:absolute;inset:0;box-shadow:inset 0 0 100px #dd624480;border:4px solid #db785455}.health-hud,.weapon-hud{position:absolute;bottom:calc(42px + var(--safe-b));text-shadow:0 2px 7px #000b}.health-hud{left:calc(26px + var(--safe-l))}.health-hud>span,.weapon-hud>span{font-size:10px;letter-spacing:.15em;font-weight:600}.health-hud strong{display:block;font-size:54px;line-height:1.1;font-variant-numeric:tabular-nums}.health-bar{width:140px;background:#132532aa;border:1px solid #a6d0de99;height:7px}.health-bar i{display:block;height:100%;width:100%;background:#bde6db}.health-hud small{font-size:9px;letter-spacing:.11em;color:#b2e8ea;display:block;margin-top:8px;min-height:11px}.weapon-hud{right:calc(26px + var(--safe-r));text-align:right}.weapon-hud>div{display:flex;justify-content:flex-end;align-items:baseline;gap:8px}.weapon-hud strong{font-size:54px;line-height:1.1;font-variant-numeric:tabular-nums}.weapon-hud small{font-size:19px;color:#e2e8e9}.weapon-hud>b{display:block;font-size:10px;letter-spacing:.12em;color:var(--accent);margin-top:7px}.kill-feed{position:absolute;right:calc(26px + var(--safe-r));top:calc(108px + var(--safe-t));display:flex;flex-direction:column;gap:6px;text-align:right}.kill-feed p{font-size:11px;padding:7px 10px;margin:0;background:#14232ce0;border-right:2px solid var(--accent);max-width:240px}.desktop-help{position:absolute;bottom:calc(12px + var(--safe-b));left:50%;transform:translate(-50%);margin:0;font-size:10px;color:#e3e4dc;background:#14232ccc;padding:6px 10px;border-radius:4px;white-space:nowrap}.respawn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;padding:22px 30px;background:#101a22d9;border:1px solid #687a8688;border-radius:5px;width:min(340px,calc(100vw - 40px))}.respawn span{font-size:11px;letter-spacing:.16em;color:var(--accent)}.respawn strong{display:block;font-size:65px;margin:8px 0}.respawn p{font-size:13px;color:#c0cbd1;margin:0}.scoreboard{position:fixed;left:50%;top:calc(90px + var(--safe-t));transform:translate(-50%);width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 130px);overflow:auto;background:#10202aee;border:1px solid #718490;padding:24px;z-index:10;border-radius:5px}.section-line button{border:0;background:none;color:#e4ebe9;font-size:24px;min-width:44px;min-height:44px}.score-head,.score-row{display:grid;grid-template-columns:1fr 95px 70px;gap:12px;font-size:13px;padding:10px 0;border-bottom:1px solid #637b8455}.score-head{font-size:9px;color:#b0bdc6;letter-spacing:.08em}.score-row.player{color:var(--accent);font-weight:700}.score-head span:not(:first-child),.score-row span:not(:first-child){text-align:right}.modal{position:fixed;inset:0;background:#101a22b8;z-index:20;display:flex;align-items:center;justify-content:center;padding:max(20px,var(--safe-t)) max(20px,var(--safe-r)) max(20px,var(--safe-b)) max(20px,var(--safe-l));overflow:auto}.modal-panel{width:min(470px,100%);padding:30px;background:#11212be8;border:1px solid #6d839155;border-top:3px solid var(--accent);border-radius:3px}.modal h2{font-family:Anton,sans-serif;font-size:42px;font-weight:400;line-height:1.1;letter-spacing:.01em;margin:20px 0}.modal-panel>p:not(.eyebrow){font-size:15px;line-height:1.6;color:#b9c7d1;margin-bottom:24px}.modal-panel>p.modal-hint{font-size:12px;margin:20px 0 0}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0;border-top:1px solid var(--line);padding-top:20px}.result-stats span{font-size:9px;letter-spacing:.1em;color:#a8bdc9}.result-stats b{display:block;font-size:48px;line-height:1.2;font-weight:600}.touch-controls{position:fixed;inset:0;z-index:3;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}.stick-zone{position:absolute;bottom:0;width:43%;height:55%;pointer-events:auto;touch-action:none}.move-zone{left:0}.aim-zone{right:0}.stick{position:fixed;width:140px;height:140px;border:2px solid #eefaff55;background:#12233155;border-radius:50%;margin:-70px 0 0 -70px;pointer-events:none;opacity:.6}.move-stick{left:16%;top:calc(100dvh - 110px - var(--safe-b))}.aim-stick{left:84%;top:calc(100dvh - 110px - var(--safe-b))}.stick.held{opacity:1;border-color:#e9c28899}.stick-knob{position:absolute;width:60px;height:60px;border:2px solid #e1f1f788;border-radius:50%;background:#cee3ee33;left:50%;top:50%;transform:translate(-50%,-50%)}.stick-zone>span{position:absolute;bottom:calc(18px + var(--safe-b));font-size:10px;letter-spacing:.12em;color:#e7e9d6b3;text-shadow:0 1px 5px #000;pointer-events:none}.move-zone>span{left:20px}.aim-zone>span{right:20px}.touch-fire{position:absolute;right:calc(22px + var(--safe-r));bottom:calc(214px + var(--safe-b));width:74px;height:74px;background:#ebae6255;border:2px solid #f0c58a99;border-radius:50%;color:#fff1d8;font-weight:700;font-size:12px;pointer-events:auto;touch-action:none}.touch-fire.pressed{background:#f2b56caa}.touch-actions{position:absolute;left:50%;transform:translate(-50%);bottom:calc(24px + var(--safe-b));display:flex;flex-direction:column;gap:8px;pointer-events:auto}.touch-actions button{border:1px solid #ced3cc77;background:#152733c9;color:#f0efdf;border-radius:6px;min-height:48px;padding:9px 15px;font-size:12px;touch-action:manipulation}.touch-play .desktop-help{display:none}.touch-play .health-hud{bottom:calc(214px + var(--safe-b))}.touch-play .weapon-hud{bottom:calc(214px + var(--safe-b));right:calc(116px + var(--safe-r))}.touch-play .health-hud strong,.touch-play .weapon-hud strong{font-size:44px}@media(min-width:700px)and (min-height:600px){.touch-play .stick{width:170px;height:170px;margin:-85px 0 0 -85px}.touch-play .stick-knob{width:74px;height:74px}.touch-play .move-stick,.touch-play .aim-stick{top:calc(100dvh - 132px - var(--safe-b))}.touch-play .touch-actions{bottom:calc(42px + var(--safe-b))}.touch-play .touch-actions button{min-height:56px;font-size:14px}.touch-play .touch-fire{width:88px;height:88px;bottom:calc(254px + var(--safe-b))}.touch-play .health-hud,.touch-play .weapon-hud{bottom:calc(254px + var(--safe-b))}}@media(max-width:1000px){.lobby{gap:20px 30px;padding:max(24px,var(--safe-t)) max(26px,var(--safe-r)) max(24px,var(--safe-b)) max(26px,var(--safe-l));grid-template-columns:minmax(0,1fr) minmax(320px,390px)}.lobby h1{font-size:125px}.tagline{font-size:30px}.lobby-panel{padding:22px}.intro{font-size:14px;max-width:300px}.arena-label{margin-top:25px}}@media(max-width:699px){.lobby{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;padding:max(20px,var(--safe-t)) max(16px,var(--safe-r)) max(20px,var(--safe-b)) max(16px,var(--safe-l));gap:20px;background:linear-gradient(#101c25b0,#101c25e6 48%,#101c25f5)}.lobby-copy{padding:5px 4px;max-width:none}.lobby h1{font-size:100px;line-height:.9;margin:18px 0}.tagline{font-size:25px;display:none}.intro{font-size:14px;max-width:380px;margin:15px 0 0}.local-note{font-size:10px;margin-top:14px}.arena-label{display:none}.lobby-panel{padding:18px}.lobby-footer{flex-direction:column;align-items:flex-start;gap:12px}.lobby .eyebrow{font-size:9px}.brandbar>a:first-child{font-size:21px}.brandbar>a:last-child{font-size:11px}.map-choice strong{font-size:16px}.top-hud{left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));top:calc(12px + var(--safe-t));gap:7px}.match-tag b{font-size:24px}.match-tag span{font-size:8px}.clock{min-width:62px;padding:6px 9px}.clock b{font-size:22px}.hud-button{font-size:11px;padding:8px;min-height:44px}.hud-button b{padding-left:4px}.kill-feed{right:12px;top:calc(92px + var(--safe-t))}.kill-feed p{font-size:9px;padding:5px 7px}.health-hud{left:calc(16px + var(--safe-l))}.weapon-hud{right:calc(16px + var(--safe-r))}.health-bar{width:90px}.touch-play .weapon-hud{right:calc(96px + var(--safe-r))}.touch-play .weapon-hud>span{font-size:8px;letter-spacing:0}.touch-play .health-hud>span{font-size:9px}.touch-play .health-hud strong,.touch-play .weapon-hud strong{font-size:38px}.touch-fire{right:calc(14px + var(--safe-r));width:64px;height:64px}.stick{width:124px;height:124px;margin:-62px 0 0 -62px}.stick-knob{width:52px;height:52px}.move-stick{left:19%}.aim-stick{left:81%}.touch-actions{bottom:calc(30px + var(--safe-b))}.touch-actions button{font-size:11px;min-height:44px;padding:8px 10px}.stick-zone>span{font-size:8px}.aim-zone>span{right:12px}.move-zone>span{left:12px}.modal-panel{padding:24px}.modal h2{font-size:37px}.scoreboard{padding:18px}}@media(orientation:landscape)and (max-height:600px){.lobby{grid-template-columns:1fr 370px;padding:max(16px,var(--safe-t)) max(24px,var(--safe-r)) max(16px,var(--safe-b)) max(24px,var(--safe-l));gap:14px 24px}.lobby-copy{padding:0}.lobby h1{font-size:96px;margin:18px 0}.tagline{font-size:23px}.intro{font-size:12px}.arena-label,.local-note{display:none}.lobby-panel{padding:16px}.map-choice{gap:5px}.map-choice button{min-height:48px;padding-top:7px;padding-bottom:7px}.map-copy{margin:10px 0;min-height:0;font-size:11px}.select-grid{gap:10px}select{min-height:42px;font-size:16px}.lobby-footer,.controls-copy{font-size:10px}.top-hud{top:calc(8px + var(--safe-t))}.clock{padding:4px 12px}.clock b{font-size:22px}.hud-button{min-height:44px}.match-tag b{font-size:24px}.kill-feed{top:calc(73px + var(--safe-t))}.touch-play .health-hud,.touch-play .weapon-hud{bottom:calc(156px + var(--safe-b))}.touch-play .weapon-hud{right:calc(94px + var(--safe-r))}.touch-play .health-hud strong,.touch-play .weapon-hud strong{font-size:32px}.touch-fire{bottom:calc(146px + var(--safe-b));width:62px;height:62px}.move-stick,.aim-stick{top:calc(100dvh - 82px - var(--safe-b))}.stick{width:120px;height:120px;margin:-60px 0 0 -60px}.stick-knob{width:52px;height:52px}.touch-actions{bottom:calc(16px + var(--safe-b));flex-direction:row}.touch-actions button{min-height:46px}.stick-zone{height:65%}.modal{align-items:flex-start}.modal-panel{margin:auto;padding:20px;max-width:520px}.modal h2{font-size:30px;margin:12px 0}.modal-panel>p:not(.eyebrow){font-size:13px;margin-bottom:14px}.modal-panel>p.modal-hint{margin-top:12px}.result-stats{margin:16px 0;padding-top:12px}.result-stats b{font-size:36px}.primary,.secondary{min-height:46px;padding:10px 14px}}@media(hover:hover)and (pointer:fine){.map-choice button:hover,.hud-button:hover,.secondary:hover{border-color:var(--accent)}.primary:hover:not(:disabled){background:#ffd18c}.brandbar a:hover,.lobby-footer a:hover{color:var(--accent)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}