@import"https://fonts.googleapis.com/css2?family=Aldrich&family=Rajdhani:wght@400;500;600;700&display=swap";:root{color:#e8f1f7;background:radial-gradient(circle at top,rgba(78,170,199,.12),transparent 34%),radial-gradient(circle at bottom,rgba(255,143,88,.14),transparent 40%),linear-gradient(180deg,#041015,#07131b 45%,#09151d);font-family:Rajdhani,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel-bg: rgba(6, 17, 23, .82);--panel-border: rgba(143, 209, 229, .18);--text-dim: #8da9b5;--relay: #4fd8c9;--rupture: #ff8d57;--hp: #91ffb2;--shield: #90e5ff;--rig: #e4ca72;--overdrive: #ff9f6d}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100vh;min-height:100dvh;height:100%;margin:0}body{min-height:100vh;min-height:100dvh;overflow:hidden;overscroll-behavior:none}button{font:inherit}.app-shell{min-height:100vh;min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));display:grid;grid-template-rows:auto 1fr;gap:16px}.chrome-bar{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:12px 18px;border:1px solid rgba(143,209,229,.14);background:linear-gradient(135deg,#0e1f28eb,#0a141bc7);border-radius:24px;box-shadow:0 20px 50px #00000052}.chrome-bar__title h1{margin:2px 0 0;font-family:Aldrich,sans-serif;font-size:clamp(1.8rem,4vw,2.7rem);letter-spacing:.08em}.chrome-bar__eyebrow{color:var(--text-dim);text-transform:uppercase;letter-spacing:.24em;font-size:.85rem}.chrome-bar__subtitle{max-width:420px;color:var(--text-dim);text-align:right;font-size:1rem}.game-frame{position:relative;min-height:0;border-radius:28px;overflow:hidden;border:1px solid rgba(143,209,229,.14);background:linear-gradient(180deg,#081219eb,#070f15c7),linear-gradient(135deg,#4fd8c90d,#ff8d570d);box-shadow:0 28px 80px #00000061}.game-root{position:absolute;inset:0}.game-root canvas{width:100%;height:100%;touch-action:none}.ui-layer{position:absolute;inset:0;pointer-events:none}.screen,.hud{pointer-events:none}.screen{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;padding:20px}.screen.is-visible{opacity:1;visibility:visible}.screen__panel{width:min(440px,100%);max-height:calc(100% - 4px);padding:26px;border-radius:24px;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:0 18px 48px #0000005c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.screen__panel--wide{width:min(1080px,100%)}.panel-kicker{display:inline-block;margin-bottom:8px;color:var(--text-dim);letter-spacing:.22em;text-transform:uppercase;font-size:.8rem}.screen h2{margin:0 0 12px;font-family:Aldrich,sans-serif;font-size:clamp(1.7rem,3vw,2.4rem)}.panel-copy{margin:0 0 18px;color:#d8e6ed;line-height:1.5}.controls-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.mobile-note{margin:-4px 0 18px;padding:10px 14px;border-radius:14px;background:#4fd8c914;border:1px solid rgba(79,216,201,.16);color:#d8eef4}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.mode-grid--compact{margin-bottom:14px}.mode-card{text-align:left;padding:15px 16px;border-radius:18px;border:1px solid rgba(143,209,229,.14);background:linear-gradient(180deg,#0c1d25f5,#081319eb),linear-gradient(130deg,#4fd8c90f,#ff8d570a);color:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.mode-card:hover,.mode-card.is-selected{transform:translateY(-2px);border-color:#8fd1e585;box-shadow:0 12px 26px #00000042}.mode-card.is-selected{background:linear-gradient(180deg,#102934fa,#0a1920f0),linear-gradient(130deg,#4fd8c91c,#ff8d5712);box-shadow:0 12px 26px #00000047,inset 0 0 0 1px #6fdcf02e}.mode-card.is-selected .mode-card__name{color:#effbff}.mode-card--compact{padding:12px 14px}.mode-card__header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.mode-card__name{font-family:Aldrich,sans-serif;font-size:1rem}.mode-card__target{color:#ffd995;font-size:.95rem}.mode-card__copy{margin:0;color:#d7e4ea;line-height:1.35}.controls-grid div{padding:12px 14px;border-radius:16px;background:#11222be0;border:1px solid rgba(143,209,229,.12)}.controls-grid span{display:block;color:var(--text-dim);font-size:.88rem}.controls-grid strong{font-size:1.1rem;letter-spacing:.05em}.operator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.operator-card{text-align:left;padding:16px;border-radius:18px;border:1px solid rgba(143,209,229,.14);background:linear-gradient(180deg,#0f2029f5,#081318eb),linear-gradient(140deg,#4fd8c90d,#ff8d5708);color:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.operator-card:hover,.operator-card.is-selected{transform:translateY(-2px);border-color:#8fd1e57a;box-shadow:0 12px 28px #00000047}.operator-card__header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.operator-card__name{font-family:Aldrich,sans-serif;font-size:1.18rem}.operator-card__role{color:#ffd995}.operator-card__flavor{margin:0 0 10px;color:var(--text-dim)}.operator-card__skills{margin:0;padding-left:18px;color:#e4edf2;line-height:1.4}.button-row,.button-stack{display:flex;gap:12px}.button-stack{flex-direction:column}.action-btn,.ghost-btn{pointer-events:auto;border-radius:999px;padding:12px 18px;cursor:pointer;border:1px solid transparent;transition:transform .16s ease,border-color .16s ease,background .16s ease}.action-btn{background:linear-gradient(135deg,#4fd8c9e6,#6bffd4e6);color:#061117;font-weight:700}.ghost-btn{background:#0c1c24e6;color:#dbe8ed;border-color:#8fd1e52e}.action-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.hud{position:absolute;inset:0;display:grid;grid-template-rows:auto auto 1fr;opacity:0;visibility:hidden;transition:opacity .18s ease}.hud.is-visible{opacity:1;visibility:visible}.touch-controls{position:absolute;inset:0;display:none;justify-content:space-between;align-items:end;padding:20px calc(18px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));pointer-events:none;z-index:20}.touch-controls.is-visible{display:flex}.touch-controls__left,.touch-controls__right{display:flex;align-items:end;gap:14px;pointer-events:none}.touch-controls__right{flex-direction:column;align-items:end}.touch-pad{position:relative;width:152px;height:152px;border-radius:999px;pointer-events:auto;touch-action:none}.touch-pad__ring{position:absolute;inset:0;border-radius:999px;background:radial-gradient(circle at center,#4fd8c91f,#0812198c);border:1px solid rgba(143,209,229,.22);box-shadow:inset 0 0 0 1px #4fd8c90f}.touch-pad__thumb{position:absolute;left:calc(50% - 24px);top:calc(50% - 24px);width:48px;height:48px;border-radius:999px;background:#ebf7fb33;border:1px solid rgba(235,247,251,.3);box-shadow:0 8px 20px #00000047}.touch-pad--aim .touch-pad__ring{background:radial-gradient(circle at center,#ff8d571f,#0812198c)}.touch-pad__label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#dce8ee;font-family:Aldrich,sans-serif;letter-spacing:.14em;font-size:.9rem;pointer-events:none}.touch-buttons{display:flex;gap:10px;pointer-events:auto}.touch-btn{min-width:68px;padding:12px 14px;border-radius:999px;border:1px solid rgba(143,209,229,.22);background:#040c11d6;color:#eff7fb;box-shadow:0 12px 28px #00000038;touch-action:manipulation}.touch-btn--rig{border-color:#e4ca7252}.touch-btn--od{border-color:#ff9f6d52}.install-banner{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(680px,calc(100vw - 28px));z-index:40;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease}.install-banner.is-visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.install-banner__body{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border-radius:20px;background:#050e13f0;border:1px solid rgba(143,209,229,.18);box-shadow:0 22px 40px #00000052;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.install-banner__copy{display:flex;flex-direction:column;gap:4px}.install-banner__copy strong{font-family:Aldrich,sans-serif;font-size:1rem}.install-banner__copy span{color:var(--text-dim)}.install-banner__actions{display:flex;gap:10px}.install-banner__action,.install-banner__dismiss{pointer-events:auto}.hud__top{display:flex;justify-content:center;align-items:center;gap:14px;padding-top:18px}.hud__modebar{display:flex;justify-content:center;padding-top:10px}.mode-pill{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:min(680px,calc(100% - 36px));padding:9px 18px 10px;border-radius:18px;background:#040c11e6;border:1px solid rgba(143,209,229,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 26px #00000038;text-align:center}.mode-pill span{color:#e8f7fb;font-family:Aldrich,sans-serif;font-size:.95rem;letter-spacing:.08em}.mode-pill strong{color:var(--text-dim);font-size:.88rem;font-weight:600}.score-pill,.time-pill{pointer-events:none;padding:10px 18px;border-radius:999px;background:#040c11eb;border:1px solid rgba(143,209,229,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 32px #0000003d}.score-pill{display:flex;align-items:center;gap:12px}.score-pill strong,.time-pill{font-family:Aldrich,sans-serif;font-size:1.2rem}.score-pill--relay strong{color:var(--relay)}.score-pill--rupture strong{color:var(--rupture)}.hud__bottom{display:flex;justify-content:space-between;align-items:end;gap:14px;padding:0 18px 14px}.hud-card{pointer-events:none;width:min(300px,30%);padding:12px 14px;border-radius:20px;background:linear-gradient(180deg,#040d12ed,#061117db);border:1px solid rgba(143,209,229,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 34px #0000003d}.hud-card--abilities{width:min(320px,31%)}.hud-card--events{width:min(310px,31%)}.hud-card__title{margin-bottom:4px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.hud-card__headerline{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:10px}.operator-readout{font-family:Aldrich,sans-serif;font-size:1.05rem;letter-spacing:.06em}.status-chip{padding:5px 10px;border-radius:999px;background:#4fd8c924;border:1px solid rgba(79,216,201,.24);color:#c4fff7;font-size:.76rem;font-weight:700;letter-spacing:.12em}.status-chip--offline{background:#ff8d5729;border-color:#ff8d574d;color:#ffd7c4}.meter-label,.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:6px}.stats-row{margin-top:10px}.stats-row--compact div{min-width:0}.stats-row div span,.meter-label span{color:var(--text-dim)}.stats-row strong,.meter-label strong{font-size:1.1rem}.stats-row strong{display:block}.meter{height:10px;border-radius:999px;overflow:hidden;background:#ffffff0d;margin-bottom:10px}.meter__fill{height:100%;width:0;border-radius:999px;transition:width .12s linear}.meter__fill--hp{background:linear-gradient(90deg,#6be08d,var(--hp))}.meter__fill--shield{background:linear-gradient(90deg,#50bdf2,var(--shield))}.meter__fill--rig{background:linear-gradient(90deg,#c6ab4d,var(--rig))}.meter__fill--overdrive{background:linear-gradient(90deg,#ff8d57,var(--overdrive))}.event-log{display:flex;flex-direction:column;gap:6px;min-height:112px}.event-log__line{line-height:1.2;padding:6px 8px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05)}.event-log__line--score{background:#ffc97014}.event-log__line--ability{background:#4fd8c914}.event-log__line--elimination{background:#ff8d5714}.respawn-banner{position:absolute;left:50%;bottom:210px;transform:translate(-50%);padding:10px 16px;border-radius:999px;background:#0a161ee6;border:1px solid rgba(255,159,109,.22);color:#ffd5bf;opacity:0;transition:opacity .16s ease}.respawn-banner.is-visible{opacity:1}.result-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.result-chip{padding:8px 12px;border-radius:999px;background:#102027eb;border:1px solid rgba(143,209,229,.14)}@media(max-width:1040px){.app-shell{padding:12px}.chrome-bar{flex-direction:column;align-items:start}.chrome-bar__subtitle{text-align:left}.operator-grid,.controls-grid,.mode-grid{grid-template-columns:1fr}.hud__bottom{flex-direction:column;align-items:stretch;padding-bottom:calc(110px + env(safe-area-inset-bottom))}.hud-card{width:100%}.install-banner__body{flex-direction:column;align-items:stretch}.install-banner__actions{width:100%}.install-banner__actions .action-btn,.install-banner__actions .ghost-btn{flex:1}}@media(max-width:860px),(pointer:coarse){.app-shell{gap:10px;padding:calc(10px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left))}.chrome-bar{padding:10px 14px;border-radius:18px}.chrome-bar__title h1{font-size:clamp(1.45rem,8vw,2.2rem)}.chrome-bar__subtitle{display:none}.screen{padding:12px}.screen__panel,.screen__panel--wide{width:100%;max-height:calc(100% - 8px);padding:18px;border-radius:18px}.game-frame{border-radius:22px}.hud__top{padding-top:10px;gap:8px}.score-pill,.time-pill{padding:8px 12px}.mode-pill{max-width:calc(100% - 20px);padding:8px 12px}.mode-pill strong{font-size:.78rem}.hud__bottom{padding:0 10px calc(128px + env(safe-area-inset-bottom));gap:8px}.hud-card{padding:10px 12px;border-radius:16px}.event-log{min-height:88px}.controls-grid,.operator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-card{padding:13px}.operator-card__skills{display:none}.operator-card__flavor{margin-bottom:0;font-size:.92rem;line-height:1.35}.touch-pad{width:128px;height:128px}.touch-btn{min-width:60px;padding:10px 12px}}@media(orientation:portrait)and (max-width:960px),(orientation:portrait)and (pointer:coarse){.chrome-bar{display:none}.app-shell{grid-template-rows:1fr;padding:calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left))}.game-frame{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)}.screen{padding:8px}.screen__panel,.screen__panel--wide{padding:14px;border-radius:16px}.controls-grid{display:none}.mobile-note{margin:0 0 14px;padding:8px 10px;font-size:.92rem}.mode-grid,.mode-grid--compact{gap:10px;margin-bottom:14px}.mode-card{padding:12px;border-radius:16px}.mode-card__copy{font-size:.88rem;line-height:1.3}.operator-grid{gap:10px}.operator-card{min-height:126px;padding:12px;border-radius:16px}.operator-card__header{flex-direction:column;gap:4px}.operator-card__name{font-size:1rem}.operator-card__role{font-size:.86rem}.operator-card__flavor{font-size:.88rem}.button-row,.button-stack{gap:10px}.button-row{flex-direction:column}.action-btn,.ghost-btn{width:100%}.hud__top{padding-top:8px;gap:6px}.score-pill,.time-pill{padding:6px 10px}.score-pill strong,.time-pill{font-size:1rem}.hud__modebar{padding-top:6px}.mode-pill{max-width:calc(100% - 16px);padding:6px 10px 7px;border-radius:14px}.mode-pill span{font-size:.82rem}.mode-pill strong{font-size:.72rem;line-height:1.25}.hud__bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:end;gap:6px;padding:0 8px calc(84px + env(safe-area-inset-bottom))}.hud-card{width:auto;min-width:0;padding:8px 10px;border-radius:14px}.hud-card--events{grid-column:1 / -1}.hud-card__title{font-size:.7rem;letter-spacing:.14em}.hud-card__headerline{margin-bottom:8px}.operator-readout{font-size:.92rem}.status-chip{padding:4px 8px;font-size:.68rem}.meter-label,.stats-row{gap:8px;margin-bottom:4px}.meter-label strong,.stats-row strong{font-size:.95rem}.meter{height:8px;margin-bottom:8px}.event-log{min-height:0;max-height:66px;overflow:hidden}.event-log__line{padding:5px 7px;font-size:.82rem}.event-log__line:nth-child(n+3){display:none}.respawn-banner{bottom:172px}.touch-controls{padding:12px calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.touch-pad{width:108px;height:108px}.touch-pad__thumb{left:calc(50% - 20px);top:calc(50% - 20px);width:40px;height:40px}.touch-pad__label{font-size:.78rem}.touch-buttons{gap:8px}.touch-btn{min-width:54px;padding:8px 10px;font-size:.92rem}}@media(max-height:520px)and (max-width:960px),(max-height:520px)and (pointer:coarse){.chrome-bar{display:none}.app-shell{grid-template-rows:1fr;gap:8px;padding:calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left))}.game-frame{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)}.screen{padding:8px}.screen__panel,.screen__panel--wide{padding:14px}.hud__top{padding-top:8px}.hud__modebar{padding-top:5px}.mode-pill strong{font-size:.72rem}.hud__bottom{padding:0 8px calc(74px + env(safe-area-inset-bottom))}.event-log{min-height:0;max-height:54px;overflow:hidden}.event-log__line:nth-child(n+3){display:none}.touch-controls{padding:10px calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left))}.touch-pad{width:96px;height:96px}.touch-pad__thumb{left:calc(50% - 18px);top:calc(50% - 18px);width:36px;height:36px}.touch-btn{min-width:52px;padding:7px 9px;font-size:.86rem}}