:root{color:#f4f7f1;font-synthesis:none;text-rendering:geometricprecision;background:#061018;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#061018;min-width:320px}button{font:inherit}#app{isolation:isolate;background:radial-gradient(circle at 18% 15%,#ffbb6024,#0000 28rem),radial-gradient(circle at 78% 80%,#37e6d51f,#0000 28rem),#061018;position:relative}#app:before{z-index:2;pointer-events:none;content:"";mix-blend-mode:multiply;background:linear-gradient(90deg,#00000038,#0000 18% 82%,#0003),linear-gradient(#02091029,#0000 28% 74%,#02091038);position:absolute;inset:0}#game-canvas{z-index:1;touch-action:none;outline:none;width:100vw;height:100vh;display:block;position:absolute;inset:0}#hud{z-index:3;pointer-events:none;color:#f5f6ed;text-transform:uppercase;position:absolute;inset:0}.brand-mark{top:max(18px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));color:#f7e4b6;letter-spacing:.18em;text-shadow:0 2px 15px #0009;align-items:center;gap:8px;font-size:clamp(.72rem,1vw,.9rem);font-weight:850;display:flex;position:absolute}.brand-mark:before{content:"";background:url(/assets/generated/aureline-compass-crest-ai-v1.png) 50%/145% no-repeat,#07141d;border:1px solid #92f5e2c7;border-radius:50%;width:29px;height:29px;box-shadow:0 0 18px #4cebd852}.crest-orbit{border:1px solid #ffca724d;border-radius:50%;width:38px;height:38px;position:absolute;transform:translate(-5px)rotate(22deg)}.hud-column{top:max(68px, calc(env(safe-area-inset-top) + 52px));gap:8px;width:min(198px,23vw);display:grid;position:absolute}.hud-left{left:max(20px, env(safe-area-inset-left))}.hud-right{right:max(20px, env(safe-area-inset-right));justify-items:end}.hud-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(100deg,#12252fe0,#08121bb3),#050c13ad;border:1px solid #c7e5de40;border-radius:3px;width:100%;padding:9px 10px 8px;box-shadow:inset 3px 0 #69f2d19e,0 8px 24px #0000003d}.enemy-card{text-align:right;box-shadow:inset -3px 0 #ff7d6fb3,0 8px 24px #0000003d}.eyebrow{color:#e8f4eb9e;letter-spacing:.16em;font-size:.59rem;font-weight:760;line-height:1;display:block}.hud-card strong{color:#f8f1d8;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin:5px 0 7px;font-size:clamp(.76rem,1.1vw,.94rem);display:block}.reward-card{background:linear-gradient(100deg,#0e363adb,#08181fb8),#050c13ad;border-color:#92ffe157;box-shadow:inset 3px 0 #84ffddb8,0 8px 24px #0000003d}.reward-card strong{color:#a8ffdf}.reward-card small{color:#ffe09bcc;letter-spacing:.1em;margin-top:-3px;font-size:.51rem;font-weight:750;display:block}.meter{background:#caece329;border-radius:99px;height:4px;display:block;position:relative;overflow:hidden}.meter b{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg,#69eacb,#f4e39b);display:block;position:absolute;inset:0;box-shadow:0 0 12px #6ff4d7b8}.enemy-card .meter b{transform-origin:100%;background:linear-gradient(90deg,#ff7b69,#f5d19d);box-shadow:0 0 12px #ff7766a6}.objective-readout{top:max(20px, env(safe-area-inset-top));text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0b1a22e0,#0711199e);border:1px solid #ebd7a73d;border-radius:0 0 14px 14px;width:min(420px,42vw);padding:8px 18px 9px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 9px 28px #00000047}.objective-readout strong{color:#fff0be;letter-spacing:.05em;margin:5px 0 3px;font-size:clamp(.66rem,1.1vw,.88rem);display:block}.objective-readout small{color:#b9ebe0c7;font-variant-numeric:tabular-nums;letter-spacing:.12em;font-size:clamp(.53rem,.8vw,.66rem);display:block}.ability-bar{bottom:max(22px, env(safe-area-inset-bottom));gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.ability-card{-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#07131bd4;border:1px solid #c5e7de4d;border-radius:4px;grid-template-columns:auto 1fr;align-items:center;min-width:114px;min-height:49px;padding:7px 10px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000052}.ability-card:before{z-index:-1;transform:scaleX(var(--cooldown,0));transform-origin:100%;content:"";background:linear-gradient(90deg,#2cdfc72e,#eaa1514d);transition:transform .1s linear;position:absolute;inset:0}.ability-card kbd{color:#fff0bd;border:1px solid #ffe5aa8c;border-radius:2px;place-items:center;width:24px;height:24px;margin-right:8px;font-family:inherit;font-size:.69rem;font-weight:800;display:grid}.ability-card span{color:#f4f7ed;letter-spacing:.08em;font-size:.67rem;font-weight:800}.ability-card em{color:#7fe8cf;letter-spacing:.11em;grid-column:2;font-size:.54rem;font-style:normal}.ability-card.cooling em{color:#f0bd82}#touch-controls{z-index:4;pointer-events:none;display:none;position:absolute;inset:0}#touch-stick,.touch-action,#dash-button,#pause-button{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;position:absolute}#touch-stick{bottom:max(22px, env(safe-area-inset-bottom));left:max(22px, env(safe-area-inset-left));aspect-ratio:1;background:radial-gradient(circle,#163941b8,#040f1759);border:1px solid #c4eee36b;border-radius:50%;width:clamp(96px,25vw,136px);box-shadow:inset 0 0 22px #45e7cf1f,0 8px 25px #0000004d}#touch-stick:before,#touch-stick:after{content:"";background:#c5f2e23d;width:64%;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#touch-stick:after{transform:translate(-50%,-50%)rotate(90deg)}#touch-knob{aspect-ratio:1;background:radial-gradient(circle at 35% 28%,#fff0b1,#d89138 62%,#6b421d);border:1px solid #ffe9abb8;border-radius:50%;width:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px #fbbd5b8f}.touch-action,#dash-button{aspect-ratio:1;color:#f8f4db;letter-spacing:.08em;text-transform:uppercase;background:radial-gradient(circle at 35% 28%,#44d3c0eb,#145056f0 58%,#081a24fa);border:1px solid #c8efe47a;border-radius:50%;width:clamp(56px,15vw,76px);font-size:.75rem;font-weight:850;box-shadow:inset 0 0 15px #9bffe138,0 8px 24px #00000057}#pause-button{top:max(13px, env(safe-area-inset-top));right:max(13px, env(safe-area-inset-right));color:#eaf7ee;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(145deg,#194a52eb,#06161ff5);border:1px solid #c8efe47a;border-radius:6px;width:44px;height:44px;padding:0;font-size:.54rem;font-weight:850;box-shadow:inset 0 0 14px #78ffdd1a,0 6px 18px #00000047}#dash-button{right:max(22px, env(safe-area-inset-right));bottom:max(23px, env(safe-area-inset-bottom));background:radial-gradient(circle at 35% 28%,#ffe39a,#b36a29 58%,#3e291d 100%)}#primary-button{right:max(105px, calc(env(safe-area-inset-right) + 83px));bottom:max(27px, calc(env(safe-area-inset-bottom) + 4px))}#lance-button{right:max(47px, calc(env(safe-area-inset-right) + 25px));bottom:max(104px, calc(env(safe-area-inset-bottom) + 82px))}#ward-button{right:max(131px, calc(env(safe-area-inset-right) + 109px));bottom:max(113px, calc(env(safe-area-inset-bottom) + 91px));background:radial-gradient(circle at 35% 28%,#cafae6,#3f9d8c 58%,#183d42 100%)}#impact-flash{z-index:8;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 53%,#ffedbceb,#ff9c6429 42%,#0000 70%);position:absolute;inset:0}#match-overlay{z-index:6;pointer-events:none;opacity:0;background:#030a1157;place-items:center;padding:24px;transition:opacity .22s;display:grid;position:absolute;inset:0}#match-overlay.visible{pointer-events:auto;opacity:1}.end-panel{text-align:center;background:linear-gradient(145deg,#14343df5,#051019f5),#07131d;border:1px solid #e9e0bd6b;border-radius:8px;width:min(410px,94vw);padding:31px 29px 27px;box-shadow:0 22px 80px #0000009e,inset 0 0 0 1px #6bf0d21a}.lost .end-panel{background:linear-gradient(145deg,#481a33f5,#130813f7)}.end-panel h1{color:#fff0c0;letter-spacing:.03em;margin:10px 0 9px;font-size:clamp(1.45rem,4vw,2.1rem)}.end-panel p{color:#e8f6ebc7;text-transform:none;margin:0 auto 21px;font-size:.86rem;line-height:1.55}#restart-match{color:#162124;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;background:linear-gradient(100deg,#f5d993,#7ce9d0);border:1px solid #ffe099b8;border-radius:3px;min-width:186px;min-height:44px;font-size:.71rem;font-weight:860;box-shadow:0 6px 22px #5df1d438}#restart-match kbd{border:1px solid #00000040;border-radius:2px;margin-left:8px;padding:2px 4px;font-family:inherit}#restart-match:hover,#restart-match:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}@media (pointer:coarse),(width<=760px){.brand-mark{top:max(12px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));font-size:.62rem}.brand-mark>span:last-child{display:none}.brand-mark:before{width:24px;height:24px}.crest-orbit{width:31px;height:31px}.hud-column{top:max(51px, calc(env(safe-area-inset-top) + 39px));gap:5px;width:min(126px,35vw)}.hud-left{left:max(10px, env(safe-area-inset-left))}.hud-right{right:max(10px, env(safe-area-inset-right))}.hud-card{padding:6px 7px}.eyebrow{letter-spacing:.08em;font-size:.65rem}.hud-card strong{margin:3px 0 5px;font-size:.74rem}.reward-card small{letter-spacing:.055em;font-size:.65rem}.objective-readout{top:max(8px, env(safe-area-inset-top));border-radius:0 0 9px 9px;width:min(205px,55vw);padding:6px 8px}.objective-readout strong{letter-spacing:.035em;margin:4px 0 2px;font-size:.67rem}.objective-readout small{letter-spacing:.04em;white-space:nowrap;font-size:.65rem}.ability-bar{display:none}.ability-card{min-width:67px;min-height:37px;padding:5px}.ability-card kbd{width:18px;height:18px;margin-right:4px;font-size:.53rem}.ability-card span{font-size:.51rem}.ability-card em{font-size:.43rem}#touch-controls{display:block}}@media (width<=430px) and (orientation:portrait){.ability-bar{bottom:max(10px, env(safe-area-inset-bottom))}.ability-card{min-width:62px}#touch-stick{bottom:max(16px, env(safe-area-inset-bottom))}#dash-button{bottom:max(17px, env(safe-area-inset-bottom))}}@media (pointer:coarse) and (orientation:portrait),(width<=760px) and (orientation:portrait){.hud-column{top:max(118px, calc(env(safe-area-inset-top) + 104px))}.objective-readout{width:min(218px,56vw)}}@media (pointer:coarse) and (orientation:landscape) and (height<=520px),(width<=900px) and (orientation:landscape) and (height<=520px){.brand-mark{top:max(8px, env(safe-area-inset-top));left:max(11px, env(safe-area-inset-left))}.brand-mark>span:last-child,.crest-orbit{display:none}.brand-mark:before{width:23px;height:23px}.hud-column{top:max(42px, calc(env(safe-area-inset-top) + 34px));gap:4px;width:min(112px,14vw)}.hud-left{left:max(10px, env(safe-area-inset-left))}.hud-right{right:max(10px, env(safe-area-inset-right))}.hud-card{min-height:37px;padding:5px 6px}.hud-left .reward-card{display:none}.eyebrow{letter-spacing:.065em;font-size:.65rem}.hud-card strong{margin:2px 0 4px;font-size:.7rem}.objective-readout{top:max(6px, env(safe-area-inset-top));border-radius:0 0 8px 8px;width:min(300px,39vw);padding:5px 8px 6px}.objective-readout .eyebrow{font-size:.65rem}.objective-readout strong{letter-spacing:.025em;margin:3px 0 2px;font-size:.7rem}.objective-readout small{letter-spacing:.04em;white-space:nowrap;font-size:.65rem}.ability-bar{display:none!important}#touch-controls{display:block}#touch-stick{bottom:max(14px, env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));width:clamp(80px,23vh,102px)}.touch-action,#dash-button{width:clamp(54px,17vh,68px);font-size:.75rem}#dash-button{right:max(16px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom))}#pause-button{top:max(6px, env(safe-area-inset-top));right:max(calc(14vw + 18px), calc(env(safe-area-inset-right) + 10px));width:44px;height:44px;font-size:.5rem}#primary-button{right:max(94px, calc(env(safe-area-inset-right) + 78px));bottom:max(14px, env(safe-area-inset-bottom))}#lance-button{right:max(16px, env(safe-area-inset-right));bottom:max(86px, calc(env(safe-area-inset-bottom) + 72px))}#ward-button{right:max(94px, calc(env(safe-area-inset-right) + 78px));bottom:max(86px, calc(env(safe-area-inset-bottom) + 72px))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}