:root{--bg: #05080b;--panel: rgba(10, 18, 24, .86);--panel-solid: #0b141b;--line: rgba(120, 190, 210, .16);--line-strong: rgba(120, 190, 210, .32);--text: #dfe6ea;--muted: #8a9aa4;--cyan: #5ff3ff;--green: #2fd17a;--green-dim: #1b7a49;--yellow: #f2b632;--red: #ef3b3b;--red-dim: #7d1e1e;--blue: #3b8cef;--porcelain: #d9d6ce;--radius: 10px;--font: "Montserrat", system-ui, sans-serif;--display: "Rajdhani", "Montserrat", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit}#app{position:fixed;inset:0}.screen{position:absolute;inset:0;display:flex}.hidden{display:none!important}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(8px)}.eyebrow{font-family:var(--display);letter-spacing:.22em;font-size:12px;color:var(--muted);text-transform:uppercase}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:.06em;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:8px;border:1px solid var(--line-strong);background:#ffffff0a;font-family:var(--display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:14px;transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:#ffffff17}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--green-dim);border-color:var(--green)}.btn.primary:hover{background:#22935a}.btn.danger{background:var(--red-dim);border-color:var(--red)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.small{padding:7px 12px;font-size:12px}.boot{align-items:center;justify-content:center;flex-direction:column;gap:28px;background:radial-gradient(ellipse at center,#0d1d26 0%,var(--bg) 70%);padding:16px;text-align:center}.wordmark{font-family:var(--font);font-weight:300;letter-spacing:.5em;font-size:clamp(28px,7vw,64px);color:#eef2f4;display:flex;align-items:center;gap:.35em;padding-left:.5em}.wordmark .mark{width:1.1em;height:1.3em}.tagline{color:var(--muted);max-width:520px;line-height:1.6}.boot form{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.boot input{background:#ffffff0d;border:1px solid var(--line-strong);border-radius:8px;padding:11px 14px;color:var(--text);min-width:240px}.map-screen{background:var(--bg)}.side-nav{width:220px;flex:none;border-right:1px solid var(--line);padding:20px 0;display:flex;flex-direction:column;gap:4px;background:#05080be6;z-index:2}.side-nav .logo{padding:0 20px 24px}.side-nav .logo .wordmark{font-size:18px;letter-spacing:.32em;padding:0}.side-nav .logo .eyebrow{font-size:9px;margin-top:4px;letter-spacing:.5em}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border:0;background:none;text-align:left;font-family:var(--display);letter-spacing:.14em;font-weight:600;color:var(--muted);border-left:3px solid transparent}.nav-item.active,.nav-item:hover{color:var(--text);background:#5ff3ff0f;border-left-color:var(--cyan)}.overview{margin:auto 14px 0;padding:14px;font-size:13px}.overview .row{display:flex;justify-content:space-between;padding:5px 0;color:var(--muted)}.overview .row b{color:var(--text);font-weight:500}.map-stage{position:relative;flex:1;overflow:hidden}.map-stage svg{position:absolute;inset:0;width:100%;height:100%}.district-shape{cursor:pointer;transition:opacity .2s,filter .2s}.district-shape:hover{filter:brightness(1.3)}.district-label{pointer-events:none;font-family:var(--display);font-weight:700;letter-spacing:.1em}.pulse{animation:pulse 1.4s ease-in-out infinite}.ring-pulse{fill:none;stroke-width:2.5;transform-box:fill-box;transform-origin:center;animation:ring 1.8s ease-out infinite}@keyframes ring{0%{transform:scale(.6);opacity:.9}to{transform:scale(3.2);opacity:0}}.attack-vector{fill:none;stroke:#ef3b3b;stroke-width:2.5;stroke-dasharray:8 7;filter:url(#glow);animation:march 1s linear infinite}@keyframes march{to{stroke-dashoffset:-15}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.right-col{width:340px;flex:none;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;border-left:1px solid var(--line);background:#05080b99;z-index:2}.profile-card{display:flex;align-items:center;gap:12px;padding:12px 14px}.avatar{width:44px;height:44px;border-radius:50%;background:#1d2a33;display:grid;place-items:center;font-family:var(--display);font-weight:700;border:2px solid var(--green)}.card{padding:14px}.card h3{font-size:13px;letter-spacing:.2em;color:var(--muted);margin-bottom:10px}.activity{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px}.activity li{display:flex;gap:10px;align-items:flex-start}.activity .dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex:none}.activity .when{color:var(--muted);font-size:11px;margin-left:auto;white-space:nowrap}.meter{height:7px;background:#ffffff12;border-radius:4px;overflow:hidden}.meter>i{display:block;height:100%;border-radius:4px}.kv{display:grid;grid-template-columns:1fr auto;gap:6px 10px;font-size:13px;color:var(--muted)}.kv b{color:var(--text);font-weight:500;text-align:right}.status-chip{display:inline-block;font-family:var(--display);font-weight:700;letter-spacing:.14em;font-size:11px;padding:3px 8px;border-radius:4px}.op-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.alert-banner{padding:12px 14px;border:1px solid var(--red);background:#ef3b3b1f;color:#ffb3b3;font-family:var(--display);font-weight:700;letter-spacing:.12em;border-radius:var(--radius);display:flex;gap:10px;align-items:center}.invite{display:flex;gap:8px}.invite input{flex:1;min-width:0;background:#ffffff0d;border:1px solid var(--line);border-radius:6px;padding:8px;color:var(--text);font-size:12px}.creator{background:radial-gradient(ellipse at 35% 50%,#142631 0%,var(--bg) 65%)}.creator .preview{flex:1;position:relative}.creator .preview canvas{width:100%;height:100%;display:block}.creator .controls{width:420px;flex:none;padding:20px;overflow-y:auto;border-left:1px solid var(--line);background:#05080bbf}.slot{margin-bottom:18px}.slot .eyebrow{margin-bottom:8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:7px 11px;border-radius:6px;border:1px solid var(--line);background:#ffffff08;font-size:12px}.chip.on{border-color:var(--cyan);background:#5ff3ff1a}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent}.swatch.original{background:conic-gradient(#c9a36a 0 25%,#2b4a8a 0 50%,#a8322d 0 75%,#2e3b2c 0);position:relative}.swatch.original:after{content:"↺";position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:#fff;text-shadow:0 1px 2px #000}.swatch.on{border-color:#fff;box-shadow:0 0 0 2px var(--cyan)}.topbar{position:absolute;top:16px;left:16px;display:flex;gap:10px;z-index:3}.skills{flex-direction:column;padding:20px;overflow-y:auto;background:radial-gradient(ellipse at top,#0f1f28,var(--bg) 70%)}.skills-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.trees{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.tree{padding:14px}.tree h2{font-size:20px}.tree p{color:var(--muted);font-size:12px;margin:4px 0 12px}.skill{padding:10px;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center}.skill .name{font-weight:700;font-size:13px}.skill .desc{grid-column:1 / -1;color:var(--muted);font-size:12px}.skill .pips{display:flex;gap:3px}.skill .pips i{width:10px;height:4px;border-radius:2px;background:#ffffff26}.skill .pips i.on{background:var(--green)}.skill.locked{opacity:.45}.skill.tier2{margin-left:10px}.skill.tier4{margin-left:20px}.op-screen canvas.game{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;inset:0;pointer-events:none;font-family:var(--display)}.hud .pe{pointer-events:auto}.objective{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:10px 18px;text-align:center;min-width:280px}.objective .title{font-weight:700;letter-spacing:.12em}.objective .sub{font-size:13px;color:var(--muted);margin-top:2px;font-family:var(--font)}.vitals{position:absolute;left:16px;bottom:16px;width:280px;padding:12px}.bar{height:10px;background:#ffffff14;border-radius:3px;overflow:hidden;margin:4px 0 8px}.bar i{display:block;height:100%;transition:width .12s}.vis{font-weight:700;letter-spacing:.1em}.vis-hidden{color:var(--green)}.vis-concealed{color:#7fd6a8}.vis-shadow{color:#9fb3bd}.vis-normal{color:var(--muted)}.vis-lit{color:var(--yellow)}.weapon-line{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-size:13px;letter-spacing:.06em}.cell-badge{position:absolute;left:16px;bottom:190px;padding:8px 14px;border-radius:6px;font-weight:700;letter-spacing:.16em;font-size:14px;border:1px solid}.cell-badge.grouped{color:var(--green);border-color:var(--green);background:#2fd17a1a}.cell-badge.alone{color:var(--red);border-color:var(--red);background:#ef3b3b1f;animation:pulse 1s infinite}.squad{position:absolute;left:16px;top:16px;display:flex;flex-direction:column;gap:6px;width:220px}.squad .m{padding:6px 10px;display:grid;grid-template-columns:1fr auto;gap:2px 6px;font-size:13px}.squad .m .bar{grid-column:1 / -1;height:4px;margin:0}.radar{position:absolute;right:16px;top:16px;width:180px;height:180px;border-radius:50%;border:1px solid var(--line-strong);background:#050a0ebf}.feed{position:absolute;right:16px;top:210px;width:320px;display:flex;flex-direction:column;gap:4px;align-items:flex-end;font-family:var(--font);font-size:13px}.feed div{padding:6px 10px;border-radius:6px;background:#050a0ebf;border-left:3px solid var(--cyan);animation:fadeout 7s forwards}.feed div.warn{border-color:var(--yellow)}.feed div.good{border-color:var(--green)}.feed div.mother{border-color:var(--red);color:#ffc9c9;font-style:italic}@keyframes fadeout{0%,80%{opacity:1}to{opacity:0}}.prompt{position:absolute;left:50%;top:62%;transform:translate(-50%);padding:8px 16px;font-weight:600;letter-spacing:.1em;text-align:center}.prompt .bar{width:200px;margin:6px auto 0}.crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#ffffffb3}.detect{position:absolute;left:50%;top:50%;width:0;height:0}.detect i{position:absolute;width:46px;height:10px;margin:-5px -23px;border-radius:5px;transform-origin:50% 50%}.warning{position:absolute;top:28%;left:50%;transform:translate(-50%);font-size:clamp(26px,5vw,46px);font-weight:700;letter-spacing:.2em;color:var(--red);text-shadow:0 0 22px rgba(239,59,59,.7);text-align:center}.warning small{display:block;font-size:15px;letter-spacing:.14em;color:#ffd0d0}.vignette{position:absolute;inset:0;box-shadow:inset 0 0 160px #ef3b3b00;transition:box-shadow .3s}.dmg{position:absolute;transform:translate(-50%,-50%);font-family:var(--display);font-weight:700;font-size:30px;line-height:1;color:#fff;-webkit-text-stroke:1px rgba(0,0,0,.6);text-shadow:0 3px 8px #000,0 0 14px rgba(95,243,255,.35);animation:dmgPop .95s cubic-bezier(.2,.9,.3,1) forwards;pointer-events:none}.dmg.mine{font-size:40px}.dmg.heavy{color:var(--yellow);font-size:48px;text-shadow:0 3px 10px #000,0 0 18px rgba(242,182,50,.6)}.dmg.blocked{color:#b6c6cf;font-size:20px;letter-spacing:.08em}.dmg.blocked small{font-size:.75em;opacity:.8}@keyframes dmgPop{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}14%{transform:translate(-50%,-60%) scale(1.35);opacity:1}30%{transform:translate(-50%,-70%) scale(1)}to{transform:translate(calc(-50% + var(--dx, 0px)),-260%) scale(.9);opacity:0}}@keyframes rise{to{transform:translateY(-40px);opacity:0}}.voice-ind{position:absolute;right:16px;bottom:16px;padding:8px 12px;font-size:13px;display:flex;gap:8px;align-items:center}.voice-ind .mic{width:10px;height:10px;border-radius:50%;background:#555}.voice-ind .mic.live{background:var(--green);box-shadow:0 0 10px var(--green)}.keys{position:absolute;right:16px;bottom:60px;font-family:var(--font);font-size:11px;color:var(--muted);text-align:right;line-height:1.7}.keys b{color:var(--text);font-family:var(--display);border:1px solid var(--line-strong);padding:0 5px;border-radius:3px}.click-to-play{position:absolute;inset:0;display:grid;place-items:center;background:#0000008c;pointer-events:auto;cursor:pointer}.click-to-play .panel{padding:24px 32px;text-align:center;max-width:520px}.result{position:absolute;inset:0;display:grid;place-items:center;background:#000000b3;pointer-events:auto}.result .panel{padding:28px;min-width:min(460px,calc(100vw - 32px));text-align:center}.result h1{font-size:42px}.nameplate{position:absolute;transform:translate(-50%,-100%);transform-origin:50% 100%;display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none}.nameplate .np-name{font-size:13px;font-weight:700;letter-spacing:.06em;color:#fff;background:#050a0e9e;border:1px solid rgba(47,209,122,.55);border-radius:999px;padding:2px 10px;white-space:nowrap;text-shadow:0 1px 2px #000}.nameplate .np-hp{display:block;width:56px;height:4px;border-radius:2px;background:#0009;overflow:hidden}.nameplate .np-hp b{display:block;height:100%;background:var(--green)}.nameplate.speaking .np-name{border-color:var(--cyan);box-shadow:0 0 10px #5ff3ff80}.nameplate.speaking .np-name:before{content:"🔊 "}.nameplate.downed .np-name{color:var(--red);border-color:var(--red)}.nameplate.downed .np-hp b{background:var(--red)}@media(max-width:900px){.map-screen{flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.side-nav{width:100%;flex:none;flex-direction:row;padding:6px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3;background:var(--bg)}.side-nav .logo,.overview{display:none}.nav-item{padding:8px 12px;border-left:0;border-bottom:2px solid transparent}.map-stage{flex:none;height:46vh;min-height:260px}.right-col{width:100%;flex:none;overflow:visible;border-left:0;padding-bottom:max(24px,env(safe-area-inset-bottom))}.skills,.creator .controls{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.creator{flex-direction:column}.creator .controls{width:100%;height:50%}.radar{width:120px;height:120px}.feed{top:150px;width:240px}.squad{display:none}}.op-screen{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch{position:absolute;inset:0;z-index:2;pointer-events:none;font-family:var(--display)}.touch .t-look{position:absolute;inset:0;pointer-events:auto}.touch .t-stick-zone{position:absolute;left:0;bottom:0;width:42%;height:62%;pointer-events:auto}.touch .t-stick{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#0a121859;pointer-events:none}.touch .t-stick.sprint{border-color:var(--yellow);box-shadow:0 0 18px #f2b63259}.touch .t-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:#dfe6ea8c;transform:translate(-50%,-50%)}.touch .t-buttons{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:250px;height:250px;pointer-events:none}.touch .t-btn{position:absolute;pointer-events:auto;border-radius:50%;border:2px solid rgba(255,255,255,.28);background:#0a12188c;color:#e8eef1;font-weight:700;font-size:11px;letter-spacing:.08em;display:grid;place-items:center;touch-action:none;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(4px)}.touch .t-btn.down{transform:scale(.92);background:#5ff3ff40;border-color:var(--cyan)}.touch .b-attack{width:96px;height:96px;right:0;bottom:0;font-size:13px;border-color:#ef3b3b99}.touch .b-heavy{width:62px;height:62px;right:104px;bottom:6px}.touch .b-dodge{width:62px;height:62px;right:6px;bottom:104px}.touch .b-block{width:62px;height:62px;right:86px;bottom:80px}.touch .b-interact{width:70px;height:70px;right:170px;bottom:74px;opacity:.55}.touch .b-interact.ready{opacity:1;border-color:var(--green);background:#2fd17a40;animation:pulse 1.2s infinite}.touch .b-crouch{width:54px;height:54px;right:176px;bottom:6px}.touch .b-crouch.on,.touch .b-talk.on{border-color:var(--green);background:#2fd17a40}.touch .b-heal{width:48px;height:48px;right:22px;bottom:182px}.touch .b-talk{width:56px;height:56px;right:90px;bottom:168px}.touch .b-decoy{width:52px;height:52px;right:158px;bottom:160px;font-size:9px;border-color:#5ff3ff8c}.is-touch .keys,.is-touch .squad,.is-touch .crosshair{display:none}.is-touch .voice-ind{inset:136px 10px auto auto;transform:none;padding:3px 8px;font-size:9px;gap:5px;letter-spacing:.08em;font-weight:700}.is-touch .voice-ind .mic{width:7px;height:7px}@media(max-height:520px){.is-touch .voice-ind{top:110px}}.is-touch .prompt{top:auto;bottom:120px}.is-touch .hud{z-index:3}.is-touch .hud>.click-to-play,.is-touch .hud>.result{z-index:5}@media(max-height:520px){.objective{top:8px;padding:6px 12px;min-width:220px}.objective .title{font-size:13px}.objective .sub{font-size:11px}.vitals{left:10px;bottom:auto;top:8px;width:210px;padding:8px;font-size:12px}.vitals .bar{height:7px;margin:2px 0 5px}.weapon-line{font-size:11px;margin-top:4px;padding-top:4px}.cell-badge{left:10px;bottom:auto;top:158px;font-size:11px;padding:4px 9px}.radar{width:96px;height:96px;top:8px;right:10px}.feed{top:104px;right:auto;left:50%;transform:translate(-50%);width:min(320px,46vw);font-size:11px;align-items:center}.warning{top:20%}.result .panel{padding:16px;max-height:92vh;overflow-y:auto}.result h1{font-size:30px}.click-to-play .panel{padding:16px 20px}}.rotate-hint{display:none}@media(orientation:portrait)and (pointer:coarse){.op-screen .rotate-hint{display:grid;position:absolute;inset:0;z-index:20;place-items:center;background:#030608f0;text-align:center;padding:24px;font-family:var(--display);letter-spacing:.12em}.op-screen .rotate-hint .phone{width:46px;height:78px;border:3px solid var(--text);border-radius:9px;margin:0 auto 18px;animation:rot 1.8s ease-in-out infinite}}@keyframes rot{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.hud>*{transition:opacity .6s ease}.hud.intro>:not(.intro-card):not(.click-to-play):not(.rotate-hint){opacity:0}.is-touch:has(.hud.intro) .touch{opacity:0;pointer-events:none}.touch{transition:opacity .6s ease}.intro-card{position:absolute;left:0;right:0;top:30%;text-align:center;pointer-events:none;animation:introCard 4.2s ease forwards;text-shadow:0 2px 18px rgba(0,0,0,.7)}.intro-card h1{font-size:clamp(34px,7vw,72px);letter-spacing:.35em;padding-left:.35em;margin:8px 0}.intro-card .sub{font-family:var(--font);color:#d6e2e6;letter-spacing:.12em;font-size:clamp(12px,1.6vw,16px)}@keyframes introCard{0%{opacity:0;transform:translateY(10px)}15%,65%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.hud.intro .cell-badge{animation:none}.tracker{list-style:none;margin:8px 0 0;padding:8px 0 0;border-top:1px solid var(--line);text-align:left;font-family:var(--font);font-size:12px;display:flex;flex-direction:column;gap:3px}.tracker li{color:var(--muted);padding-left:20px;position:relative}.tracker li:before{content:"";position:absolute;left:2px;top:3px;width:9px;height:9px;border:1.5px solid currentColor;border-radius:2px}.tracker li.active{color:var(--text);font-weight:600}.tracker li.active:before{border-color:var(--yellow);background:#f2b63240;animation:pulse 1.4s infinite}.tracker li.done{color:var(--green);text-decoration:line-through;text-decoration-color:#2fd17a80}.tracker li.done:before{content:"✓";border:0;top:-1px;font-size:12px}.waypoint{--wp: #2fd17a;position:absolute;transform:translate(-50%,-50%);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8))}.waypoint .wp-icon{width:14px;height:14px;border:2px solid var(--wp);transform:rotate(45deg);background:color-mix(in srgb,var(--wp) 25%,transparent)}.waypoint .wp-label{font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--wp);white-space:nowrap}.waypoint .wp-arrow{display:none;position:absolute;left:50%;top:7px;width:0;height:0;margin-left:-7px;margin-top:-7px;border:7px solid transparent;border-left:12px solid var(--wp);transform-origin:7px 7px}.waypoint.off .wp-arrow{display:block}.step-toast{position:absolute;left:50%;top:24%;transform:translate(-50%);text-align:center;font-weight:700;letter-spacing:.1em;font-size:clamp(16px,2.2vw,22px);text-shadow:0 2px 12px rgba(0,0,0,.8);pointer-events:none;animation:introCard 4.2s ease forwards}.step-toast small{display:block;font-size:11px;letter-spacing:.3em;color:var(--yellow);margin-bottom:4px}.step-toast.hidden,.waypoint.hidden{display:none}.brief-obj{font-family:var(--font);color:var(--text);line-height:1.5;margin-bottom:10px}.brief-steps{text-align:left;font-family:var(--font);font-size:14px;line-height:1.55;color:#d6e2e6;margin:0 auto 10px;padding-left:22px;max-width:440px}.brief-steps li{margin-bottom:4px}.brief-tip{color:var(--muted);font-family:var(--font);font-size:12px;line-height:1.5;margin:0 0 6px}@media(max-height:520px){.tracker{font-size:10px;gap:1px;margin-top:4px;padding-top:4px}.brief-steps{font-size:12px;line-height:1.4}.brief-obj{font-size:13px;margin-bottom:6px}.click-to-play .panel{max-height:94vh;overflow-y:auto}}.live-box{margin-top:14px;padding:10px 12px;border-radius:8px;background:#5ff3ff0d;border:1px solid var(--line)}.live-now{font-size:14px;display:flex;align-items:center;gap:8px}.live-now.quiet{color:var(--muted);font-size:13px}.live-op{font-size:12px;color:var(--muted)}.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.4s infinite}.deploy-btn{width:100%;margin-top:12px;padding:12px;font-size:15px}.auth{width:min(380px,100%);padding:18px;display:flex;flex-direction:column;gap:12px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.auth-tabs button{background:transparent;border:1px solid var(--line);color:var(--muted);padding:9px;border-radius:8px;font:inherit;font-size:13px;letter-spacing:.06em;cursor:pointer}.auth-tabs button.on{color:var(--text);border-color:var(--cyan);background:#5ff3ff14}.auth form{flex-direction:column;gap:10px}.auth form[hidden]{display:none}.auth input{min-width:0;width:100%;box-sizing:border-box;font-size:16px}.auth .btn{width:100%}.auth .err{color:var(--red);font-size:13px;min-height:1em}.boot{overflow-y:auto}.lb-body{max-width:760px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:12px}.lb-me{padding:12px 16px;font-size:14px}.lb-table{padding:6px 0}.lb-row{display:grid;grid-template-columns:44px 1fr 90px 70px 70px 60px;gap:8px;align-items:center;padding:9px 16px;border-bottom:1px solid var(--line);font-size:14px}.lb-row:last-child{border-bottom:0}.lb-headrow{font-size:11px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.lb-place{font-weight:700;text-align:center}.lb-name{display:flex;flex-direction:column;font-weight:600}.lb-name small{font-size:11px;color:var(--muted);font-weight:400}.lb-xp{font-weight:700;color:var(--cyan)}.lb-you{background:#2fd17a14}@media(max-width:600px){.lb-row{grid-template-columns:36px 1fr 80px}.lb-x{display:none}}.map-host,.map-host.maplibregl-map{position:absolute;inset:0;background:#0a1014}.map-host svg{position:absolute;inset:0;width:100%;height:100%}.live-strip{position:absolute;top:10px;left:10px;right:10px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}.ls-item{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#050a0ec7;border:1px solid var(--line);font-size:12px;letter-spacing:.04em;backdrop-filter:blur(4px)}.ls-item b{color:var(--text)}.ls-hot{border-color:#2fd17a80}.map-legend{position:absolute;left:10px;bottom:10px;z-index:2;display:flex;flex-direction:column;gap:3px;padding:7px 9px;border-radius:8px;background:#050a0eb8;font-size:10px;letter-spacing:.1em;color:#dce6ebcc;pointer-events:none}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{width:9px;height:9px;border-radius:2px;display:inline-block}.ml-label{--st: #fff;transform:translateY(-4px);padding:5px 9px 6px;border-radius:8px;background:#050a0ed1;border:1px solid var(--st);text-align:center;cursor:pointer;box-shadow:0 2px 12px #00000080;min-width:86px}.ml-label.sel{box-shadow:0 0 0 2px var(--st),0 2px 16px #0009}.ml-name{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.1em;color:#fff}.ml-status{font-size:8.5px;letter-spacing:.16em;color:var(--st);margin-top:1px}.ml-bar{height:3px;border-radius:2px;background:#ffffff24;margin-top:4px;overflow:hidden}.ml-bar i{display:block;height:100%;background:var(--green)}.ml-live{margin-top:4px;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--green);display:flex;align-items:center;justify-content:center;gap:5px}.ml-live .pulse-dot{width:7px;height:7px}.maplibregl-ctrl-attrib{font-size:10px}@media(max-width:900px){.map-legend{display:none}.ml-label{min-width:0;padding:3px 6px 4px}.ml-name{font-size:10.5px}.ml-status{display:none}}.boot{justify-content:flex-start}.boot>:first-child{margin-top:auto}.boot>:last-child{margin-bottom:auto}.creator .preview{min-height:0;min-width:0}.creator .controls{min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}@media(max-height:520px)and (orientation:landscape){.creator{flex-direction:row}.creator .preview{flex:1 1 40%}.creator .controls{width:58%;max-width:460px;height:auto;padding:12px 14px calc(16px + env(safe-area-inset-bottom))}}.brand-lockup{display:flex;flex-direction:column;align-items:center;gap:6px}.brand-lockup img{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 18px rgba(0,0,0,.6))}.brand-sub{font-family:var(--display);font-weight:600;letter-spacing:.62em;padding-left:.62em;color:var(--cyan);font-size:12px;text-shadow:0 0 12px rgba(95,243,255,.35)}.brand-lockup.big{width:min(620px,92vw)}.brand-lockup.big .brand-sub{font-size:clamp(11px,2.2vw,16px)}.side-nav .logo.brand-lockup{padding:4px 16px 22px;align-items:flex-start}.side-nav .logo.brand-lockup img{width:190px}.side-nav .logo .brand-sub{font-size:8.5px;letter-spacing:.5em;padding-left:0;margin-left:2px}.radar{cursor:help}.radar-hint{position:absolute;right:18px;top:18px;width:16px;height:16px;border-radius:50%;background:#050a0ed9;border:1px solid var(--line-strong);font-size:10px;line-height:15px;text-align:center;color:var(--muted);pointer-events:none}.radar-legend{position:absolute;right:16px;top:204px;width:180px;padding:8px 10px;font-family:var(--font);font-size:10.5px;line-height:1.25;display:flex;flex-direction:column;gap:4px;color:#d6e2e6}.radar-legend div{display:flex;align-items:center;gap:7px}.radar-legend i{flex:none;display:inline-block}.radar-legend .lg-dot{width:8px;height:8px;border-radius:50%}.radar-legend .lg-dot.sm{width:5px;height:5px;margin:0 1.5px}.radar-legend .lg-sq{width:8px;height:8px;border-radius:1px}.radar-legend .lg-you{width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-bottom:9px solid #fff}.hud .feed{top:372px}@media(max-width:900px),(max-height:600px){.radar-legend{display:none;top:8px;right:140px}.hud.show-legend .radar-legend{display:flex}.hud .feed{top:150px}}@media(max-height:520px){.radar-legend{right:112px}.radar-hint{right:12px;top:10px}.hud .feed{top:104px}}@media(min-width:901px)and (min-height:601px){.radar-hint{display:none}}.ki-body{max-width:1080px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding-bottom:32px}.ki-h{font-size:13px;letter-spacing:.3em;color:var(--muted);margin:10px 0 0}.ki-mother{display:flex;gap:18px;align-items:center;padding:16px 18px;border-color:#5ff3ff59}.ki-mother img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(95,243,255,.55)) sepia(.4) hue-rotate(150deg) saturate(1.4);flex:none}.ki-mother h2{font-size:22px;letter-spacing:.2em;color:var(--cyan);margin:0 0 6px}.ki-mother p,.ki-card p,.ki-obj p{font-family:var(--font);font-size:13px;line-height:1.55;color:#d6e2e6;margin:0 0 6px}.ki-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.ki-card{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.ki-top{display:flex;gap:14px;align-items:center}.ki-top img{width:110px;height:110px;object-fit:contain;flex:none;background:radial-gradient(circle at 50% 60%,rgba(95,243,255,.12),transparent 70%);border-radius:10px}.ki-top>div{flex:1;min-width:0}.ki-card h2{font-size:20px;letter-spacing:.16em;margin:0}.ki-role{font-size:11px;color:var(--yellow);letter-spacing:.06em;margin-bottom:6px;font-family:var(--font)}.ki-stat{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:6px;font-size:10px;letter-spacing:.1em;color:var(--muted);margin-top:3px}.ki-stat i{height:5px;border-radius:3px;background:#ffffff14;overflow:hidden;display:block}.ki-stat b{display:block;height:100%;border-radius:3px}.ki-card ul,.ki-tips ul{margin:0;padding-left:18px;font-family:var(--font);font-size:13px;line-height:1.5;color:#d6e2e6;display:flex;flex-direction:column;gap:4px}.ki-objectives{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.ki-obj{display:flex;gap:12px;align-items:flex-start}.ki-obj>i{margin-top:4px}.ki-obj b{font-size:14px;letter-spacing:.06em}.ki-sq{width:12px;height:12px;border-radius:2px;flex:none;display:inline-block}.ki-dot{width:12px;height:12px;border-radius:50%;flex:none;display:inline-block}.ki-dot.sm{width:7px;height:7px;margin:0 2.5px}.ki-ops{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:6px;border-top:1px solid var(--line);padding-top:10px}.ki-ops div{display:flex;flex-direction:column;gap:2px}.ki-ops span{font-family:var(--font);font-size:12px;color:var(--muted);line-height:1.45}.ki-tips{padding:14px 16px}@media(max-width:600px){.ki-mother{flex-direction:column;text-align:left;align-items:flex-start}.ki-top img{width:84px;height:84px}}.warning{top:auto;left:16px;bottom:244px;transform:none;text-align:left;font-size:clamp(20px,2.6vw,28px);letter-spacing:.14em;padding:8px 14px 9px;border-left:3px solid var(--red);background:linear-gradient(90deg,#280606c7,#28060600);max-width:min(460px,70vw)}.warning small{font-size:12px;letter-spacing:.08em;margin-top:2px}.step-toast{top:auto;left:16px;bottom:244px;transform:none;text-align:left;font-size:18px;padding:8px 14px;border-left:3px solid var(--yellow);background:linear-gradient(90deg,#1e1806bf,#1e180600)}.hud:has(.warning:not(.hidden)) .step-toast{bottom:320px}.leave-btn{position:absolute;left:16px;top:16px;padding:7px 12px;border-radius:8px;border:1px solid var(--line-strong);background:#050a0ebf;color:var(--text);font:inherit;font-size:12px;font-weight:700;letter-spacing:.14em;cursor:pointer}.leave-btn:hover{border-color:var(--cyan)}.squad{top:58px}.leave-link{display:block;margin:10px auto 0;background:transparent}@media(max-width:900px){.leave-btn{left:10px;top:10px;padding:6px 10px;font-size:11px}}@media(max-height:520px){.warning,.step-toast{left:10px;bottom:12px;font-size:16px;max-width:46vw}.hud:has(.warning:not(.hidden)) .step-toast{bottom:64px}.leave-btn{left:228px;top:8px}}.objective.panel{left:auto;right:212px;transform:none;text-align:left;background:#050a0e52;border-color:#ffffff12;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;min-width:0;width:min(300px,34vw)}.objective .title,.objective .sub,.tracker li{text-shadow:0 1px 3px rgba(0,0,0,.85)}.objective .sub{color:#c4d0d5}@media(max-width:900px){.objective.panel{right:146px}}@media(max-height:520px){.objective.panel{right:116px;top:8px;width:min(260px,32vw)}}@media(max-height:520px){.hud .feed{top:136px}}.alert-stack{position:absolute;left:16px;bottom:244px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(460px,70vw);pointer-events:none}.alert-stack .warning,.alert-stack .step-toast{position:static;transform:none;left:auto;bottom:auto;top:auto;max-width:none}.alert-stack .step-toast.hidden,.alert-stack .warning.hidden{display:none}.feed-log{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-family:var(--font);font-size:13px}.feed-log div{padding:6px 10px;border-radius:6px;background:#050a0ec7;border-left:3px solid var(--cyan);animation:fadeout 7s forwards;max-width:100%}.feed-log div.warn{border-color:var(--yellow)}.feed-log div.good{border-color:var(--green)}.feed-log div.mother{border-color:var(--red);color:#ffc9c9}@media(max-height:520px){.alert-stack{left:10px;bottom:12px;max-width:46vw}.alert-stack .warning,.alert-stack .step-toast{font-size:16px}.feed-log{font-size:11px}.feed-log div{padding:4px 8px}}.deploy-btn.flash{animation:deployFlash 1.2s ease 1}@keyframes deployFlash{0%,to{box-shadow:none}30%{box-shadow:0 0 0 3px var(--green),0 0 24px #2fd17a99}}.toast{position:fixed;left:50%;top:18px;transform:translate(-50%);z-index:50;padding:12px 18px;border-radius:10px;font-family:var(--font);font-size:14px;background:#050a0eeb;border:1px solid var(--line-strong);box-shadow:0 6px 24px #00000080}.toast.good{border-color:var(--green);color:#c9f5dc}.toast.bad{border-color:var(--yellow);color:#f7e3b0}