:root{color-scheme:dark;--mf-bg: #03060d;--mf-panel: rgba(8, 16, 28, .94);--mf-panel-soft: rgba(10, 23, 38, .76);--mf-line: rgba(112, 157, 190, .3);--mf-text: #e7f5ff;--mf-muted: #8aa7ba;--mf-cyan: #47e5d2;--mf-blue: #7bb7ff;--mf-gold: #ffd37d;--mf-alert: #ff8d86;--mf-good: #8af3bb;font-family:Space Grotesk,Segoe UI,system-ui,sans-serif;background:var(--mf-bg);color:var(--mf-text)}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:var(--mf-bg);color:var(--mf-text)}body{min-height:100dvh;overflow:hidden}button,input,select{font:inherit}button{min-height:44px;border:1px solid var(--mf-line);border-radius:7px;padding:.65rem .9rem;background:#122638e6;color:var(--mf-text);cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}button:hover:not(:disabled),button:focus-visible{border-color:var(--mf-cyan);background:#1c3e4ef2;outline:none}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.45}input{width:100%;min-height:44px;border:1px solid var(--mf-line);border-radius:7px;padding:.65rem .75rem;background:#010811d1;color:var(--mf-text)}select{min-width:8rem;min-height:44px;border:1px solid var(--mf-line);border-radius:7px;padding:.55rem 2rem .55rem .7rem;background:#010811d1;color:var(--mf-text)}select:focus-visible{border-color:var(--mf-cyan);outline:2px solid rgba(71,229,210,.22);outline-offset:1px}input:focus-visible{border-color:var(--mf-cyan);outline:2px solid rgba(71,229,210,.22);outline-offset:1px}.mf-shell{position:relative;width:100vw;height:100dvh;min-height:420px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 72% 35%,rgba(13,55,71,.2),transparent 32rem),radial-gradient(circle at 22% 70%,rgba(20,31,77,.22),transparent 34rem),#03060d;background-size:130% 130%,140% 140%,100% 100%;background-position:58% 42%,42% 58%,center;animation:mf-ambient-shift 24s ease-in-out infinite alternate}.mf-shell:before{position:absolute;inset:-18%;z-index:0;content:"";pointer-events:none;opacity:.26;background:conic-gradient(from 210deg at 72% 38%,transparent 0deg,rgba(71,229,210,.08) 42deg,transparent 105deg),conic-gradient(from 24deg at 22% 72%,transparent 0deg,rgba(123,183,255,.08) 38deg,transparent 110deg);filter:blur(46px);mix-blend-mode:screen;animation:mf-ambient-orbit 31s linear infinite}.mf-shell[data-reduced-motion=true]{animation:none}.mf-shell[data-reduced-motion=true]:before,.mf-shell[data-reduced-motion=true] .mf-noise,.mf-shell[data-reduced-motion=true] .mf-signal-card[data-mode=aim],.mf-shell[data-reduced-motion=true] .mf-result-panel,.mf-shell[data-reduced-motion=true] .mf-result-panel:before,.mf-shell[data-reduced-motion=true] .mf-result-card,.mf-shell[data-reduced-motion=true] .mf-result-card:before{animation:none}.mf-shell[data-graphics-quality=medium]:before{opacity:.18}.mf-shell[data-graphics-quality=low]:before,.mf-shell[data-graphics-quality=low] .mf-noise{animation:none;opacity:0}.mf-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:none;cursor:crosshair;filter:saturate(1.08) contrast(1.04)}.mf-noise{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:radial-gradient(rgba(210,240,255,.35) .55px,transparent .55px);background-size:39px 43px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);animation:mf-noise-drift 18s steps(6,end) infinite}.mf-hud{position:absolute;z-index:2;inset:env(safe-area-inset-top) env(safe-area-inset-right) auto env(safe-area-inset-left);display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem;pointer-events:none}.mf-brand,.mf-status-card,.mf-control-panel,.mf-help-card,.mf-join-card{border:1px solid var(--mf-line);background:var(--mf-panel);box-shadow:0 15px 50px #00000040;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mf-brand,.mf-status-card,.mf-signal-card{position:relative;overflow:hidden}.mf-brand:after,.mf-status-card:after,.mf-signal-card:after{position:absolute;inset:0 auto auto 0;width:100%;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(71,229,210,.7),transparent);opacity:.7}.mf-brand{max-width:min(27rem,calc(100vw - 2rem));padding:.75rem .9rem;pointer-events:auto}.mf-kicker{margin:0 0 .28rem;color:var(--mf-cyan);font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.mf-title{margin:0;font-family:Rajdhani,Segoe UI,system-ui,sans-serif;font-size:clamp(1.1rem,2.1vw,1.65rem);letter-spacing:.08em;text-transform:uppercase}.mf-subtitle{margin:.3rem 0 0;color:var(--mf-muted);font-size:.76rem}.mf-status-card{display:grid;min-width:min(19rem,42vw);grid-template-columns:repeat(3,minmax(4rem,1fr));gap:.7rem;padding:.75rem .9rem;pointer-events:auto}.mf-status-item{min-width:0}.mf-status-label{display:block;color:var(--mf-muted);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.mf-status-value{display:block;margin-top:.2rem;overflow:hidden;color:var(--mf-text);font-size:.82rem;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.mf-status-value[data-tone=good]{color:var(--mf-good)}.mf-status-value[data-tone=alert]{color:var(--mf-alert)}.mf-signal-card{width:min(24rem,34vw);min-width:14rem;border:1px solid rgba(71,229,210,.42);padding:.65rem .8rem;background:#061820e0;box-shadow:0 15px 50px #00000040;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.mf-signal-card[hidden]{display:none}.mf-signal-card[data-mode=debrief]{border-color:#ffd37d8a;background:#221b12e0}.mf-signal-card[data-mode=aim]{box-shadow:0 0 34px #47e5d221,0 15px 50px #00000040;animation:mf-signal-breathe 2.8s ease-in-out infinite}.mf-signal-card[data-mode=aim] .mf-signal-title{text-shadow:0 0 16px rgba(71,229,210,.48)}.mf-signal-kicker{margin:0 0 .25rem;color:var(--mf-muted);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.mf-signal-title{display:block;color:var(--mf-cyan);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.mf-signal-card[data-mode=debrief] .mf-signal-title{color:#ffd37d}.mf-signal-copy{margin:.28rem 0 0;color:var(--mf-text);font-size:.66rem;line-height:1.45;letter-spacing:.04em;text-transform:uppercase}.mf-join-card{position:absolute;top:50%;left:50%;z-index:5;width:min(31rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;transform:translate(-50%,-50%);padding:clamp(1.15rem,4vw,2rem)}.mf-join-card[hidden]{display:none}.mf-result-panel{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:radial-gradient(circle at 50% 42%,rgba(18,99,103,.22),transparent min(32rem,76vw)),radial-gradient(circle at 50% 50%,#01050c9e,#01050ce6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:mf-result-arrival .56s ease-out both}.mf-result-panel:before{position:absolute;inset:-22%;z-index:0;content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(71,229,210,.3),transparent 35%,rgba(71,229,210,.03) 64%,transparent 75%);mix-blend-mode:screen;animation:mf-terminal-burst 1.05s cubic-bezier(.16,1,.3,1) both}.mf-result-panel[data-outcome=defeat]:before{background:radial-gradient(circle at 50% 50%,rgba(255,141,134,.24),transparent 34%,rgba(255,74,94,.04) 64%,transparent 76%)}.mf-result-panel>*{position:relative;z-index:1}.mf-result-panel[hidden]{display:none}.mf-result-card{position:relative;overflow:hidden;width:min(30rem,100%);padding:clamp(1.4rem,5vw,2.4rem);border:1px solid rgba(71,229,210,.9);border-radius:10px;background:var(--mf-panel);box-shadow:0 0 18px #47e5d229,0 0 100px #47e5d224,0 24px 90px #00000080;text-align:center;animation:mf-result-card-in .65s cubic-bezier(.16,1,.3,1) both}.mf-result-card:before{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.08) 48%,transparent 72%),radial-gradient(circle at 50% 0%,rgba(71,229,210,.18),transparent 46%);opacity:.8;animation:mf-result-sheen 5.5s ease-in-out infinite}.mf-result-card:after{position:absolute;inset:.65rem;border:1px solid rgba(71,229,210,.16);border-radius:6px;content:"";pointer-events:none}.mf-result-panel[data-outcome=defeat] .mf-result-card{border-color:#ff8d86db;box-shadow:0 0 18px #ff8d8624,0 0 100px #ff4a5e1f,0 24px 90px #00000080}.mf-result-panel[data-outcome=defeat] .mf-result-card:before{background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.06) 48%,transparent 72%),radial-gradient(circle at 50% 0%,rgba(255,141,134,.16),transparent 46%)}.mf-result-panel[data-outcome=victory] .mf-result-title{color:#e4fff8;text-shadow:0 0 24px rgba(71,229,210,.58)}.mf-result-panel[data-outcome=defeat] .mf-result-title{color:#ffe4e1;text-shadow:0 0 24px rgba(255,141,134,.5)}.mf-result-title{margin:0;color:var(--mf-text);font:700 clamp(2rem,9vw,4rem)/1 "Rajdhani",sans-serif;letter-spacing:.1em;text-transform:uppercase}.mf-result-copy{margin:1rem 0 1.4rem;color:var(--mf-muted);line-height:1.55}.mf-result-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:0 0 1.35rem;padding:0;text-align:left}.mf-result-stats[hidden]{display:none}.mf-result-stats>div{min-width:0;padding:.62rem .68rem;border:1px solid rgba(115,198,205,.2);border-radius:5px;background:#040e19ad}.mf-result-stats dt{overflow:hidden;margin:0 0 .2rem;color:var(--mf-muted);font:700 .62rem/1.2 IBM Plex Mono,monospace;letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.mf-result-stats dd{margin:0;color:var(--mf-text);font:700 clamp(.92rem,2vw,1.12rem)/1.2 "Rajdhani",sans-serif}@media(max-width:560px){.mf-result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.mf-join-title{margin:0;font-family:Rajdhani,Segoe UI,system-ui,sans-serif;font-size:clamp(1.5rem,5vw,2.15rem);letter-spacing:.05em;text-transform:uppercase}.mf-join-copy{margin:.45rem 0 1.2rem;color:var(--mf-muted);font-size:.86rem;line-height:1.5}.mf-form-grid{display:grid;gap:.8rem}.mf-field{display:grid;gap:.35rem}.mf-field label{color:var(--mf-muted);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.mf-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.mf-play-actions{justify-content:center;margin-top:1.5rem}.mf-play-button{min-width:min(18rem,100%);min-height:58px;border-radius:9px;font-size:1rem;font-weight:700;letter-spacing:.2em;text-indent:.2em}.mf-play-actions .mf-secondary{min-width:8rem}.mf-primary{border-color:#47e5d299;background:#166969b8;box-shadow:0 0 18px #47e5d214}.mf-primary:hover:not(:disabled),.mf-primary:focus-visible{box-shadow:0 0 22px #47e5d238,inset 0 0 18px #47e5d214}.mf-secondary{background:transparent}.mf-form-message{min-height:1.25rem;margin:.75rem 0 0;color:var(--mf-alert);font-size:.78rem}.mf-privacy-note{margin:1rem 0 0;color:var(--mf-muted);font-size:.68rem;line-height:1.45}.mf-join-card[data-state=connecting] .mf-play-button{cursor:progress}.mf-bottom-bar{position:absolute;z-index:2;inset:auto env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1rem;pointer-events:none}.mf-control-panel{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;max-width:min(43rem,100%);padding:.6rem;pointer-events:auto}.mf-control-panel[hidden]{display:none}.mf-control-group{display:flex;align-items:center;gap:.35rem}.mf-control-label{margin:0 .25rem;color:var(--mf-muted);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.mf-colony-status{max-width:min(30rem,100%);padding:.26rem .4rem;border:1px solid rgba(255,211,125,.28);border-radius:4px;color:#d8e1ee;font-size:.62rem;letter-spacing:.04em;line-height:1.3}.mf-colony-status[hidden]{display:none}.mf-mode-button[data-active=true]{border-color:var(--mf-cyan);color:var(--mf-cyan);background:#17605c9e}.mf-mode-button kbd{min-width:1.15rem;margin-left:.38rem;padding:.08rem .24rem;border:1px solid currentColor;border-radius:3px;font:inherit;font-size:.58rem;line-height:1;opacity:.72}.mf-compact-button{min-width:44px;padding-inline:.72rem}.mf-control-menu,.mf-control-menu-items{display:contents}.mf-control-menu-toggle{display:none}.mf-territory-button{border-color:#47e5d2b8;background:#125b57c7;color:#cffff8;font-weight:700}.mf-help-card{max-width:min(25rem,45vw);padding:.68rem .8rem;color:var(--mf-muted);font-size:.7rem;line-height:1.42;pointer-events:auto}.mf-help-card strong{color:var(--mf-text);font-weight:600}.mf-toast{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 5.2rem);left:50%;z-index:7;max-width:min(30rem,calc(100vw - 2rem));padding:.65rem .8rem;border:1px solid rgba(255,141,134,.5);border-radius:7px;transform:translate(-50%);background:#42131ce6;color:#ffd4d0;font-size:.76rem;line-height:1.35}.mf-toast[hidden]{display:none}.mf-settings-panel{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));overflow:auto;background:#01050cc2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mf-settings-panel[hidden]{display:none}.mf-settings-panel:focus{outline:none}.mf-settings-card{width:min(30rem,100%);max-height:calc(100dvh - 2rem);overflow:auto;border:1px solid var(--mf-line);padding:clamp(1rem,4vw,1.6rem);background:var(--mf-panel);box-shadow:0 24px 80px #0000008c}.mf-match-setup-card{width:min(64rem,100%)}.mf-match-preset,.mf-ai-count{border-top:1px solid rgba(112,157,190,.18)}.mf-match-preset select,.mf-ai-count select{min-width:min(14rem,55%)}.mf-preset-copy,.mf-advanced-copy{margin:.45rem 0 .75rem;color:var(--mf-muted);font-size:.74rem;line-height:1.45}.mf-match-advanced{margin-top:.8rem;border-top:1px solid rgba(112,157,190,.22);border-bottom:1px solid rgba(112,157,190,.22)}.mf-match-advanced summary{min-height:48px;padding:.82rem 0;color:var(--mf-cyan);cursor:pointer;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.mf-match-advanced summary:focus-visible{outline:2px solid rgba(71,229,210,.42);outline-offset:2px}.mf-match-advanced .mf-tuning-grid{border-top:0}.mf-tuning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.25rem;border-top:1px solid rgba(112,157,190,.18)}.mf-tuning-control{display:grid;min-width:0;gap:.35rem;padding:.58rem 0;border-bottom:1px solid rgba(112,157,190,.14);color:var(--mf-text);font-size:.76rem}.mf-tuning-control>span{display:flex;justify-content:space-between;gap:.75rem}.mf-tuning-control output{color:var(--mf-cyan);font-variant-numeric:tabular-nums}.mf-tuning-control input[type=range]{width:100%;min-height:30px;margin:0;padding:0;accent-color:var(--mf-cyan)}.mf-tuning-control input:disabled{opacity:.55}.mf-settings-title{margin:0;font-family:Rajdhani,Segoe UI,system-ui,sans-serif;font-size:1.65rem;letter-spacing:.08em;text-transform:uppercase}.mf-settings-copy{margin:.4rem 0 1rem;color:var(--mf-muted);font-size:.78rem;line-height:1.5}.mf-setting-row,.mf-setting-slider{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid rgba(112,157,190,.18);color:var(--mf-text);font-size:.82rem}.mf-setting-row input[type=checkbox]{width:24px;min-height:24px;accent-color:var(--mf-cyan)}.mf-setting-row select{min-height:36px;max-width:50%;border:1px solid rgba(71,229,210,.36);border-radius:5px;padding:.35rem .55rem;background:#04121deb;color:var(--mf-text);accent-color:var(--mf-cyan)}.mf-setting-row output{display:block;margin-top:.15rem;color:var(--mf-cyan);font-size:.68rem;letter-spacing:.08em}.mf-setting-slider{display:grid;padding-block:.65rem}.mf-setting-slider>span{display:flex;justify-content:space-between;color:var(--mf-text)}.mf-setting-slider output{color:var(--mf-cyan);font-variant-numeric:tabular-nums}.mf-setting-slider input[type=range]{min-height:36px;padding:0;accent-color:var(--mf-cyan)}.mf-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap}@keyframes mf-ambient-shift{0%{background-position:58% 42%,42% 58%,center}to{background-position:64% 36%,36% 64%,center}}@keyframes mf-ambient-orbit{0%{transform:rotate(0) scale(1)}to{transform:rotate(9deg) scale(1.04)}}@keyframes mf-noise-drift{0%{background-position:0 0}to{background-position:39px 43px}}@keyframes mf-signal-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes mf-result-arrival{0%{opacity:0}to{opacity:1}}@keyframes mf-result-card-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mf-terminal-burst{0%{opacity:0;transform:scale(.72)}18%{opacity:.86}to{opacity:0;transform:scale(1.12)}}@keyframes mf-result-sheen{0%,34%{transform:translate(-18%);opacity:.42}56%,to{transform:translate(18%);opacity:.78}}@media(max-width:720px),(max-height:560px)and (pointer:coarse){.mf-tuning-grid{grid-template-columns:1fr}.mf-hud{display:block;padding:.42rem}.mf-brand{display:none}.mf-status-card{width:fit-content;min-width:0;margin-left:auto;padding:.34rem .48rem;border-radius:5px;display:block}.mf-status-item:nth-child(n+2),.mf-status-label{display:none}.mf-status-value{margin:0;font-size:.64rem;font-weight:700;letter-spacing:.08em}.mf-signal-card{position:absolute;top:.42rem;left:50%;width:max-content;max-width:calc(100vw - 7.5rem);min-width:0;padding:.36rem .5rem;border-radius:5px;transform:translate(-50%)}.mf-signal-kicker,.mf-signal-copy{display:none}.mf-signal-title{display:block;overflow:hidden;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.mf-bottom-bar{display:block;padding:.38rem}.mf-help-card{display:none}.mf-control-panel{width:fit-content;max-width:calc(100vw - .76rem);flex-wrap:nowrap;gap:.28rem;margin:0 auto;padding:.22rem .28rem;border-radius:8px}.mf-control-label,.mf-target-group,.mf-colony-status,.mf-mode-button kbd{display:none!important}.mf-mode-button{min-width:5.2rem;min-height:44px;padding:.48rem .65rem;font-size:.72rem;font-weight:700}.mf-control-menu{position:relative;display:block;margin-left:auto}.mf-control-menu-toggle{display:grid;width:44px;min-width:44px;min-height:44px;place-items:center;padding:0;font-size:1rem;letter-spacing:.08em}.mf-control-menu-items{position:absolute;right:0;bottom:calc(100% + .42rem);z-index:4;display:grid;width:min(16.5rem,calc(100vw - .76rem));grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.42rem;border:1px solid var(--mf-line);border-radius:8px;background:var(--mf-panel);box-shadow:0 18px 52px #0000007a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mf-control-menu-items[data-open=false]{display:none}.mf-control-menu-items .mf-compact-button{min-height:44px;padding:.44rem .5rem;font-size:.68rem}.mf-join-card{width:min(25rem,calc(100vw - 1rem));padding:1rem}.mf-join-copy,.mf-privacy-note{display:none}.mf-play-actions{gap:.42rem;margin-top:1rem}.mf-play-button{min-height:50px;font-size:.82rem}.mf-play-actions .mf-secondary{min-width:0;min-height:44px;padding:.48rem .64rem;font-size:.72rem}.mf-toast{bottom:calc(env(safe-area-inset-bottom) + 3.9rem);max-width:calc(100vw - 1rem);padding:.48rem .6rem;font-size:.68rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}