:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f0f1db;background:#151912;font-synthesis:none;--ink:#20241d;--paper:#f0f1db;--olive:#a5af7d;--orange:#ff8547}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button:disabled{cursor:wait;opacity:.75}a{color:inherit}button[hidden],[hidden]{display:none!important}.arena{position:relative;width:min(100%,960px);min-height:min(100svh,640px);overflow:hidden;background:var(--ink);isolation:isolate;box-shadow:0 25px 90px #0006}.briefing{position:relative;min-height:inherit;padding:26px 34px 18px;display:flex;flex-direction:column;background:linear-gradient(112deg,#20241dfa 20%,#20241ddf 57%,#20241d70),url('/assets/marien.png') 65% center/cover}.briefing:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 5px,#fff02 5px 6px)}.briefing-top{display:flex;align-items:center;gap:7px;color:#c8cfb5;font-size:12px}.edition{margin-left:auto;font-size:11px}.live-dot{width:6px;height:6px;flex:none;background:var(--olive);border-radius:50%;box-shadow:0 0 0 3px #a5af7d18}.title-wrap{position:relative;margin-top:30px}h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(90px,16vw,150px);font-stretch:condensed;font-weight:900;letter-spacing:-.025em;line-height:.78;margin:0;width:max-content;transform:scaleX(.91);transform-origin:left center}h1 span{display:block}.target-mark{position:absolute;right:7%;top:25%;font-size:110px;line-height:1;color:var(--olive);opacity:.6}.tagline{font-size:clamp(18px,3vw,25px);letter-spacing:-.04em;margin:22px 0 16px;font-weight:600}.mission{display:flex;gap:0;font-size:11px;color:#c8cfb5}.mission span+span:before{content:'/';padding:0 12px;color:#858d70}.launch-area{margin-top:auto;padding-top:22px;max-width:430px}.status{font-size:12px;min-height:16px;margin:0 0 8px;color:#c8cfb5}.deploy{min-height:52px;border:0;background:var(--orange);color:#20241d;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;font-size:17px;font-weight:800;width:100%;transition:background .15s,transform .15s}.deploy:hover:not(:disabled){background:#ff9c68;transform:translateY(-1px)}.deploy svg{width:18px;height:18px;fill:currentColor}.launch-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:11px;color:#c8cfb5}.launch-options label{display:flex;align-items:center;gap:6px;cursor:pointer}.launch-options input{accent-color:var(--orange);margin:0;width:14px;height:14px}.full-window{text-decoration:none;border-bottom:1px solid #c8cfb550;padding-bottom:2px}.controls{max-width:430px;margin-top:18px;font-size:12px;border-top:1px solid #c8cfb527;padding-top:10px}.controls summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none;color:#c8cfb5}.controls summary::-webkit-details-marker{display:none}.controls p{line-height:1.7;color:#c8cfb5;margin:10px 0 0}.controls b{color:var(--paper);font-weight:600}.briefing-footer{display:flex;justify-content:space-between;align-items:center;color:#929b80;font-size:10px;padding-top:22px}.briefing-footer span:last-child{font-size:18px}.progress{height:3px;background:#f0f1db22;margin-bottom:12px;overflow:hidden}#progress-fill{height:100%;width:0;background:var(--olive);transition:width .2s}.game-stage{position:absolute;inset:0;z-index:1;visibility:hidden;background:#080b0c}.game-stage iframe{width:100%;height:100%;display:block;border:0}.arena[data-state=loading] .game-stage,.arena[data-state=ready] .game-stage{visibility:visible;z-index:-1;opacity:.01;pointer-events:none}.arena[data-state=playing] .game-stage,.arena[data-state=paused] .game-stage,.arena[data-state=finished] .game-stage{visibility:visible}.arena[data-state=playing] .briefing,.arena[data-state=paused] .briefing,.arena[data-state=finished] .briefing{visibility:hidden}.game-tools{position:absolute;z-index:5;top:8px;left:8px;display:flex;gap:4px}.game-tools button,.game-tools a{border:1px solid #ffffff35;background:#141b20d9;color:#fff;font-size:11px;text-decoration:none;padding:8px 10px;min-height:34px;backdrop-filter:blur(8px)}.game-tools button:hover,.game-tools a:hover{background:#334035}.pause-screen{position:absolute;inset:0;z-index:7;background:#12190fcc;display:grid;place-items:center;padding:25px;backdrop-filter:blur(8px)}.pause-card{max-width:350px;width:100%;text-align:center}.pause-kicker{color:var(--olive);font-size:13px;margin:0 0 14px}.pause-card h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:44px;font-weight:800;letter-spacing:-.025em;line-height:1;margin:0 0 15px}.pause-card>p:not(.pause-kicker){font-size:13px;line-height:1.6;color:#c8cfb5;margin-bottom:24px}.pause-card .deploy{justify-content:center}.text-button{border:0;background:none;color:#c8cfb5;text-decoration:underline;text-underline-offset:4px;margin-top:18px;font-size:12px;padding:8px}.touch-controls{position:absolute;inset:0;z-index:4;pointer-events:none}.touch-pad{position:absolute;bottom:18px;width:90px;height:90px;border:1px solid #fff6;border-radius:50%;background:#14211d3a;touch-action:none;pointer-events:auto;user-select:none;-webkit-user-select:none}.move-pad{left:18px}.look-pad{right:18px}.touch-pad span{position:absolute;inset:auto 0 13px;text-align:center;color:#fff9;font-size:10px}.touch-pad i{position:absolute;left:32px;top:25px;width:26px;height:26px;background:#fff7;border-radius:50%;pointer-events:none}.touch-actions{position:absolute;right:20px;bottom:122px;display:flex;gap:8px;pointer-events:auto}.touch-actions button{width:39px;height:39px;border-radius:50%;border:1px solid #fff8;background:#17292180;color:white;font-size:17px;touch-action:none}.touch-actions .fire{background:#d26032ba;font-size:11px;font-weight:bold;width:48px;height:48px;margin-top:-4px}.touch-pad:active,.touch-actions button:active{background:#ffffff35}@media(min-width:741px){.arena{aspect-ratio:3/2;min-height:0}.briefing{height:100%;min-height:640px}.title-wrap{margin-top:36px}.briefing-top{font-size:13px}.mission{font-size:12px}.briefing-footer{padding-top:15px}}@media(max-width:740px){body{display:block}.arena{width:100%;min-height:100svh}.briefing{padding:20px 24px 15px}.title-wrap{margin-top:26px}h1{font-size:clamp(92px,24vw,138px)}.target-mark{font-size:85px;right:8%;top:26%}.launch-area{max-width:none}.controls{max-width:none}.tagline{font-size:21px}.briefing-footer{padding-top:18px}}@media(max-height:560px){.arena{min-height:100svh}.briefing{min-height:100svh;padding:17px 23px 12px}.title-wrap{margin-top:20px}h1{font-size:clamp(78px,21vw,106px)}.tagline{margin:14px 0 12px;font-size:20px}.launch-area{padding-top:15px}.deploy{min-height:46px;padding:11px 15px}.launch-options{margin-top:10px}.controls{margin-top:12px;padding-top:9px}.briefing-footer{padding-top:11px}.target-mark{font-size:75px}.status{font-size:11px}.controls[open]{background:var(--ink);position:absolute;left:23px;right:23px;bottom:12px;z-index:9;padding:13px;border:1px solid #c8cfb540;box-shadow:0 -15px 30px #0007}}@media(max-height:560px) and (min-width:600px){.briefing{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}.briefing-top{grid-column:1/-1}.title-wrap{grid-row:2/5;margin:8px 0}.tagline{grid-column:2;margin:5px 0}.mission{grid-column:2;font-size:10px}.mission span+span:before{padding:0 6px}.launch-area{grid-column:2;grid-row:4/7;padding-top:0}.controls{grid-column:1;margin:0}.briefing-footer{grid-column:1/-1;padding:0}h1{font-size:94px}.target-mark{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(pointer:coarse){.game-tools button,.game-tools a{min-height:40px;padding:10px 12px}}
@media(max-height:560px) and (max-width:740px){h1{font-size:86px}.title-wrap{margin-top:14px}.tagline{margin:10px 0 8px}.launch-area{padding-top:10px}.briefing-footer{display:none}.controls{margin-top:10px}}


@media(max-height:560px) and (min-width:741px){.arena{height:100svh;min-height:0;aspect-ratio:auto}.briefing{height:100%;min-height:0}}
.arena[data-state=playing],.arena[data-state=paused],.arena[data-state=finished]{height:min(100svh,640px);min-height:0;aspect-ratio:auto}.arena[data-state=playing] .briefing,.arena[data-state=paused] .briefing,.arena[data-state=finished] .briefing{height:100%;min-height:0}