@font-face{font-family:Blumson Bros Bevel;src:url(/fonts/BlumsonBros-BevelLight.ttf) format("truetype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Blumson Bros Bevel;src:url(/fonts/BlumsonBros-Bevel.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Blumson Bros Bevel;src:url(/fonts/BlumsonBros-BevelBold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Blumson Bros Wedge;src:url(/fonts/BlumsonBros-WedgeLight.ttf) format("truetype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Blumson Bros Wedge;src:url(/fonts/BlumsonBros-Wedge.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Blumson Bros Wedge;src:url(/fonts/BlumsonBros-WedgeBold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Blumson Bros Stencil;src:url(/fonts/BlumsonBros-StencilLight.ttf) format("truetype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Blumson Bros Stencil;src:url(/fonts/BlumsonBros-Stencil.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Blumson Bros Stencil;src:url(/fonts/BlumsonBros-StencilBold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{--color-pearl: #f5f3f7;--color-pearl-soft: rgba(245, 243, 247, .72);--color-orchid: #ff7138;--color-orchid-deep: #a93820;--color-amber: #f3b253;--color-current: #63f1e2;--color-violet: #17334b;--color-dark-violet: #030b12;--glass-deep: rgba(3, 11, 18, .48);--glass-light: rgba(17, 42, 59, .24);--font-display: "Blumson Bros Bevel", "Arial Narrow", sans-serif;--font-body: "Blumson Bros Wedge", "Avenir Next", system-ui, sans-serif;--font-ui: "Blumson Bros Wedge", "Avenir Next", system-ui, sans-serif;--font-tactical: "Blumson Bros Stencil", "Arial Narrow", sans-serif}.lumen-ui{position:absolute;inset:0;overflow:hidden;color:var(--color-pearl);font-family:var(--font-body);font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;user-select:none}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.screen-playing{display:block}.danger-overlay,.damage-overlay{position:absolute;inset:0;pointer-events:none}.danger-overlay{opacity:0;background:radial-gradient(ellipse at center,transparent 34%,rgba(226,159,51,.08) 68%,rgba(226,159,51,.78) 100%),linear-gradient(90deg,rgba(226,159,51,.3),transparent 8% 92%,rgba(226,159,51,.3));transform:translateZ(0);transition:opacity .1s linear;will-change:opacity}.damage-overlay{opacity:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(200,20,20,.15) 100%),repeating-linear-gradient(118deg,transparent 0 62px,rgba(255,95,95,.04) 63px 64px);transform:translateZ(0);transform-origin:center;will-change:opacity,transform}h1,h2,p{margin:0}.btn{position:relative;min-height:42px;padding:11px 30px;border:1px solid rgba(245,243,247,.23);border-radius:999px;outline:none;background:linear-gradient(110deg,#ff713814,#63f1e208),#030b122e;box-shadow:inset 0 0 0 1px #f5f3f706;color:var(--color-pearl);cursor:pointer;font:700 12px/1 var(--font-tactical);letter-spacing:.2em;text-transform:uppercase;transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;pointer-events:auto}.btn:before,.btn:after{position:absolute;top:50%;width:5px;height:5px;border:1px solid currentColor;opacity:.38;content:"";transform:translateY(-50%) rotate(45deg)}.btn:before{left:12px}.btn:after{right:12px}.btn:hover,.btn:focus-visible{border-color:#63f1e2c7;background:linear-gradient(110deg,#ff713826,#63f1e21a),#030b1252;box-shadow:0 0 26px #63f1e21f,inset 0 0 18px #ff71380d;color:#fff;transform:translateY(-1px)}.btn:focus-visible{outline:2px solid rgba(99,241,226,.92);outline-offset:4px}.btn:active{transform:translateY(1px)}.btn:disabled,.btn:disabled:hover,.btn:disabled:focus-visible{color:#f5f3f747;border-color:#f5f3f714;outline:none;background:#030b1233;box-shadow:none;cursor:not-allowed;transform:none}.screen-boot{z-index:70;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#02080ce0,#02080c75 34% 66%,#02080ce0),radial-gradient(ellipse at 50% 50%,rgba(99,241,226,.08),transparent 42%);backdrop-filter:blur(2px) saturate(.78)}.screen-boot:before,.screen-boot:after{position:absolute;inset:0;pointer-events:none;content:""}.screen-boot:before{z-index:-1;opacity:.32;background:repeating-linear-gradient(90deg,transparent 0 95px,rgba(99,241,226,.055) 96px 97px),repeating-linear-gradient(0deg,transparent 0 53px,rgba(255,113,56,.04) 54px 55px);mask-image:linear-gradient(90deg,transparent 2%,black 22% 78%,transparent 98%)}.screen-boot:after{z-index:4;height:1px;background:linear-gradient(90deg,transparent 8%,rgba(99,241,226,.78),transparent 92%);box-shadow:0 0 18px #63f1e257;animation:boot-scan 1.85s cubic-bezier(.42,0,.58,1) infinite}.boot-frame{position:relative;width:min(760px,76vw);padding:32px clamp(28px,5vw,72px) 28px;border-top:1px solid rgba(99,241,226,.36);border-right:1px solid rgba(255,113,56,.2);border-bottom:1px solid rgba(255,113,56,.42);border-left:1px solid rgba(99,241,226,.16);background:linear-gradient(115deg,rgba(99,241,226,.045),transparent 32%),linear-gradient(290deg,rgba(255,113,56,.07),transparent 36%),#020a0fbd;box-shadow:0 24px 90px #0000006b,inset 0 0 55px #63f1e206;clip-path:polygon(0 14px,14px 0,calc(100% - 36px) 0,100% 36px,100% calc(100% - 14px),calc(100% - 14px) 100%,36px 100%,0 calc(100% - 36px))}.boot-frame:before,.boot-frame:after{position:absolute;top:17px;width:74px;height:4px;background:repeating-linear-gradient(90deg,currentColor 0 12px,transparent 12px 17px);content:""}.boot-frame:before{left:18px;color:#63f1e29e}.boot-frame:after{right:18px;color:#ff7138a3;transform:scaleX(-1)}.boot-eyebrow{margin-bottom:13px;color:#63f1e2b8;font:500 8px/1 var(--font-tactical);letter-spacing:.34em;text-align:center}.boot-label{min-height:1em;color:var(--color-pearl);font:700 clamp(13px,1.25vw,18px)/1.35 var(--font-display);letter-spacing:.18em;text-align:center;text-transform:uppercase;text-shadow:0 0 18px rgba(99,241,226,.24),0 0 28px rgba(255,113,56,.18)}.boot-progress{display:grid;grid-template-columns:1.2fr .72fr 1.7fr .55fr 1fr;gap:5px;height:5px;margin:23px 0 17px}.boot-progress span{opacity:.16;background:linear-gradient(90deg,#63f1e2d1,#ff7138f0);box-shadow:0 0 12px #ff713847;animation:boot-link 1.18s ease-in-out infinite}.boot-progress span:nth-child(2){animation-delay:90ms}.boot-progress span:nth-child(3){animation-delay:.18s}.boot-progress span:nth-child(4){animation-delay:.27s}.boot-progress span:nth-child(5){animation-delay:.36s}.boot-meta{display:flex;justify-content:space-between;gap:18px;color:#f5f3f766;font:500 7px/1 var(--font-tactical);letter-spacing:.18em}.boot-transfer{position:absolute;inset:50% 0 auto;height:220px;pointer-events:none;transform:translateY(-50%)}.boot-vector{position:absolute;top:50%;width:24vw;height:2px;opacity:.52;background:linear-gradient(90deg,transparent,rgba(99,241,226,.72));transform-origin:right center}.boot-vector:after{position:absolute;right:0;bottom:0;width:34px;height:12px;border-right:2px solid rgba(255,113,56,.82);border-bottom:2px solid rgba(255,113,56,.58);content:"";transform:skew(-34deg)}.boot-vector-a{left:0;transform:translateY(-74px) rotate(8deg)}.boot-vector-b{left:2vw;transform:translateY(68px) rotate(-6deg)}.boot-vector-c{right:0;transform:translateY(-2px) rotate(180deg)}@keyframes boot-link{0%,to{opacity:.14;transform:scaleX(.82)}42%{opacity:.95;transform:scaleX(1)}}@keyframes boot-scan{0%{transform:translateY(10vh);opacity:0}18%{opacity:.75}82%{opacity:.34}to{transform:translateY(86vh);opacity:0}}.screen-gate{z-index:100;background:radial-gradient(circle at 50% 42%,rgba(20,64,86,.38),transparent 34%),#02080cf0}.gate-box{width:min(500px,calc(100vw - 48px));box-sizing:border-box;padding:38px 42px;border-top:1px solid rgba(243,178,83,.5);border-bottom:1px solid rgba(255,113,56,.28);background:linear-gradient(90deg,transparent,rgba(3,11,18,.62) 14% 86%,transparent);text-align:center}.gate-title{margin-bottom:20px;color:var(--color-amber);font:600 18px/1.2 var(--font-display);letter-spacing:.22em}.gate-detail{color:#f5f3f7d1;font-size:14px;line-height:1.65}@keyframes fadeInLayer{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sonarBreathe{0%,to{opacity:.24;transform:scale(.96)}50%{opacity:.62;transform:scale(1.02)}}@keyframes sonarTurn{to{transform:rotate(360deg)}}.screen-title{isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(18,49,69,.16),transparent 38%),linear-gradient(180deg,rgba(2,8,12,.14),transparent 26% 74%,rgba(2,8,12,.24))}.screen-title:before{position:absolute;inset:20px;z-index:0;border:1px solid rgba(245,243,247,.035);clip-path:polygon(0 0,7% 0,7% 1px,93% 1px,93% 0,100% 0,100% 100%,93% 100%,93% calc(100% - 1px),7% calc(100% - 1px),7% 100%,0 100%);content:"";pointer-events:none}.screen-title>:not(.title-sonar){position:relative;z-index:2}.title-sonar{position:absolute;top:45%;left:50%;z-index:1;width:min(55vw,590px);aspect-ratio:1;opacity:.72;transform:translate(-50%,-50%);pointer-events:none}.title-sonar-ring,.title-sonar-sweep,.title-sonar-core{position:absolute;border-radius:50%}.title-sonar-ring{border:1px solid rgba(255,113,56,.13);box-shadow:inset 0 0 28px #ff713806,0 0 30px #63f1e206;animation:sonarBreathe 6s ease-in-out infinite}.title-sonar-ring:before,.title-sonar-ring:after{position:absolute;background:#63f1e257;content:""}.title-sonar-ring:before{top:50%;left:-3px;width:6px;height:1px}.title-sonar-ring:after{top:-3px;left:50%;width:1px;height:6px}.ring-one{inset:7%}.ring-two{inset:23%;border-color:#63f1e21f;animation-delay:-2s}.ring-three{inset:39%;animation-delay:-4s}.title-sonar-sweep{inset:7%;background:conic-gradient(from 40deg,transparent 0deg 298deg,rgba(99,241,226,.02) 318deg,rgba(99,241,226,.16) 348deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 0 41%,#000 42% 42.5%,transparent 43% 100%);mask:radial-gradient(circle,transparent 0 41%,#000 42% 42.5%,transparent 43% 100%);animation:sonarTurn 15s linear infinite}.title-sonar-core{top:50%;left:50%;width:7px;height:7px;background:#fff;box-shadow:0 0 8px #fff,0 0 24px #63f1e2d9,0 0 52px #ff67306b;transform:translate(-50%,-50%)}.title-kicker,.title-logo,.title-subtitle,.btn-start,.title-controls,.screen-title>.audio-toggle-row{animation:fadeInLayer .9s cubic-bezier(.165,.84,.44,1) both}.title-kicker{margin-bottom:10px;color:var(--color-current);font:700 9px/1 var(--font-body);letter-spacing:.42em;text-shadow:0 0 14px rgba(99,241,226,.48)}.level-pyre .title-kicker{color:#ff9b45;text-shadow:0 0 14px rgba(255,87,28,.62)}.level-pyre .title-logo{background:linear-gradient(94deg,#fff3dd,#ffc17d 42%,#d8ecff 72%,#fff);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 22px rgba(255,77,18,.36))}.level-pyre .btn-start{border-color:#ff702bb8;background:radial-gradient(circle at 50% 110%,rgba(78,123,255,.14),transparent 55%),#14040261;box-shadow:0 0 38px #ff4b1226,inset 0 0 24px #ffab4c0f}.level-pyre .screen-boot{background:linear-gradient(90deg,#0f0302e8,#0f030280 34% 66%,#0f0302e8),radial-gradient(ellipse at 50% 50%,rgba(255,104,31,.12),transparent 44%)}.level-pyre .boot-eyebrow{color:#ffa64fd1}.level-pyre .boot-progress span{background:linear-gradient(90deg,#ffb245eb,#549effd1);box-shadow:0 0 14px #ff5d1c4d}.level-tempest .title-kicker{color:#74ffc0;text-shadow:0 0 14px rgba(58,255,172,.54)}.level-tempest .title-logo{background:linear-gradient(94deg,#f6fff9,#9dffd4 39%,#ffe7a2 72%,#fff);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 22px rgba(49,255,161,.3))}.level-tempest .btn-start{border-color:#5bffb5b3;background:radial-gradient(circle at 50% 110%,rgba(255,216,117,.12),transparent 55%),#010e0a70;box-shadow:0 0 38px #2dff9e24,inset 0 0 24px #ffe5a00e}.level-tempest .screen-boot{background:linear-gradient(90deg,#000a07eb,#000a077a 34% 66%,#000a07eb),radial-gradient(ellipse at 50% 50%,rgba(37,255,165,.1),transparent 44%)}.level-tempest .boot-eyebrow{color:#68ffc1cc}.level-tempest .boot-progress span{background:linear-gradient(90deg,#25ffa5e6,#ffb13be6);box-shadow:0 0 14px #25ffa542}.title-logo{margin:0 0 10px .18em;color:transparent;background:linear-gradient(94deg,#fff,#dce8ea 44%,#c8fff8,#fff);background-clip:text;-webkit-background-clip:text;font:700 clamp(46px,5vw,68px)/.9 var(--font-display);letter-spacing:.31em;filter:drop-shadow(0 0 18px rgba(255,113,56,.24))}.title-kicker,.hud-stage-caption,.tut-eyebrow,.junction-eyebrow,.junction-key,.hud-boss-phase,.ability kbd,.boot-label{font-family:var(--font-tactical)}.hud-score,.hud-multiplier,.summary-stats .val,.summary-rank{font-family:var(--font-ui);font-variant-numeric:tabular-nums}.hud-boss-name,.junction-label,.tut-prompt,.panel h2{font-family:var(--font-display)}.title-subtitle{margin-bottom:28px;color:#f5f3f7b0;font-size:9px;font-weight:650;letter-spacing:.23em;text-align:center;text-shadow:0 2px 9px rgba(0,0,0,.9);animation-delay:80ms}.btn-start{min-width:196px;min-height:48px;border-color:#ff71387a;background:radial-gradient(circle at 50% 110%,rgba(99,241,226,.12),transparent 55%),#030b1242;box-shadow:0 0 34px #ff713814,inset 0 0 24px #ff713809;font-size:13px;animation-delay:.15s}.title-controls{display:grid;grid-template-columns:repeat(3,max-content);margin-top:24px;padding:8px 0;border-top:1px solid rgba(245,243,247,.08);border-bottom:1px solid rgba(245,243,247,.045);background:linear-gradient(90deg,transparent,rgba(3,11,18,.22) 16% 84%,transparent);color:#f5f3f79e;font-size:9px;font-weight:650;letter-spacing:.12em;line-height:1;animation-delay:.23s}.title-controls p{padding:0 20px;border-right:1px solid rgba(245,243,247,.09)}.title-controls p:last-child{border-right:0}.screen-title>.title-badge{position:absolute;right:32px;bottom:26px;padding:7px 12px;border:1px solid rgba(255,113,56,.18);border-radius:999px;background:#030b1233;color:#ff7138c2;font-size:8px;font-weight:650;letter-spacing:.2em}.btn-mute-small{min-height:34px;margin-top:8px;padding:6px 22px;border-color:transparent;background:transparent;color:#f5f3f77a;font-size:9px;animation-delay:.31s}.audio-toggle-row{display:flex;align-items:center;justify-content:center;gap:6px}.audio-toggle-row .btn-mute-small{min-width:92px;margin-top:0;color:#f3b253b8}.audio-toggle-row .btn-mute-small.is-enabled{border-color:#63f1e229;color:#63f1e2db}.title-audio-controls{margin-top:8px;animation-delay:.31s}.btn-mute-small:before,.btn-mute-small:after{display:none}.btn-mute-small:hover,.btn-mute-small:focus-visible{border-color:#f5f3f729;background:#030b1229;box-shadow:none;color:var(--color-pearl)}.hud-top-left{position:absolute;top:28px;left:30px;min-width:190px;box-sizing:border-box;padding:10px 16px 13px;border-left:2px solid rgba(255,113,56,.76);background:linear-gradient(90deg,rgba(3,11,18,.56),rgba(3,11,18,.18) 78%,transparent),repeating-linear-gradient(90deg,rgba(245,243,247,.025) 0 1px,transparent 1px 17px);filter:drop-shadow(0 12px 24px rgba(0,0,0,.3))}.hud-top-left:after{position:absolute;top:8px;right:-15px;width:28px;height:28px;border-top:1px solid rgba(99,241,226,.3);border-right:1px solid transparent;content:"";transform:rotate(45deg)}.hud-score-label{margin-bottom:5px;color:#63f1e2ad;font-size:7px;font-weight:750;letter-spacing:.27em}.hud-score{color:#fff;font:560 27px/.96 var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:.12em;text-shadow:0 0 15px rgba(245,243,247,.3),0 2px 8px rgba(0,0,0,.86)}.hud-shields{margin-top:13px}.hud-shields-label{display:block;margin-bottom:8px;color:#f5f3f79c;font-size:8px;font-weight:700;letter-spacing:.19em}.hud-shield-petals{display:flex;gap:8px}.petal{width:12px;height:16px;clip-path:polygon(50% 0,94% 31%,76% 100%,24% 100%,6% 31%);background:#f5f3f71c;box-shadow:inset 0 0 0 1px #f5f3f73d;transform:rotate(90deg);transition:opacity .26s ease,background .26s ease,filter .26s ease}.petal.filled{background:linear-gradient(180deg,#fff,#d4fff9);filter:drop-shadow(0 0 5px rgba(99,241,226,.75))}.petal.invulnerable{animation:pulsePetal .42s infinite alternate ease-in-out}@keyframes pulsePetal{0%{opacity:.55;background:var(--color-orchid);filter:drop-shadow(0 0 3px rgba(255,113,56,.72))}to{opacity:1;background:#fff;filter:drop-shadow(0 0 10px rgba(255,113,56,.92))}}.hud-top-right{position:absolute;top:28px;right:30px;display:grid;justify-items:end;gap:7px}.hud-mute{padding:6px 11px;border:1px solid rgba(243,178,83,.28);border-radius:999px;background:#030b124d;color:var(--color-amber);font-size:8px;font-weight:750;letter-spacing:.22em;opacity:0;transition:opacity .3s ease}.hud-debug-shield{padding:7px 12px 6px;border:1px solid rgba(99,241,226,.42);background:linear-gradient(90deg,rgba(99,241,226,.13),transparent),#030b12a8;color:#bffff5;font:700 9px/1 var(--font-tactical);letter-spacing:.16em;opacity:0;pointer-events:none;transform:translate(8px);transition:opacity .16s ease,transform .16s ease}.hud-debug-shield.is-visible{opacity:1;transform:translate(0)}.hud-bottom-center{position:absolute;bottom:28px;left:50%;display:flex;width:min(390px,calc(100vw - 48px));flex-direction:column;align-items:center;gap:16px;transform:translate(-50%)}.hud-stage-caption{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;color:#d9eef0;font:700 10px/1 var(--font-body);letter-spacing:.28em;opacity:0;text-shadow:0 0 13px rgba(255,113,56,.66),0 2px 7px rgba(0,0,0,.88);text-transform:uppercase;transition:opacity .6s ease}.hud-stage-caption:before,.hud-stage-caption:after{width:50px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,113,56,.48));content:""}.hud-stage-caption:after{transform:rotate(180deg)}.hud-boss-wrap{display:none;width:100%;flex-direction:column;align-items:center;gap:8px}.hud-boss-name{color:var(--color-amber);font-size:9px;font-weight:750;letter-spacing:.23em;text-transform:uppercase;text-shadow:0 0 9px rgba(243,178,83,.38)}.hud-boss-bar-bg{width:100%;height:3px;overflow:hidden;border-radius:999px;background:#f3b25324;box-shadow:0 0 0 1px #f3b25314}.hud-boss-bar-fg{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#de744b,var(--color-amber),#fff1b2);box-shadow:0 0 12px #f3b25380;transform:scaleX(1);transform-origin:left center;transition:transform .1s linear;will-change:transform}.hud-tutorial{position:absolute;top:24px;left:50%;width:min(430px,calc(100vw - 340px));min-width:310px;box-sizing:border-box;padding:8px 22px 10px;border-top:1px solid rgba(245,243,247,.28);border-bottom:1px solid rgba(255,113,56,.16);background:linear-gradient(90deg,transparent,rgba(3,11,18,.56) 13% 87%,transparent),radial-gradient(ellipse at 50% 0%,rgba(255,113,56,.1),transparent 72%);filter:drop-shadow(0 8px 20px rgba(0,0,0,.34));text-align:center;transform:translate(-50%)}.hud-tutorial:before,.hud-tutorial:after{position:absolute;top:50%;width:5px;height:5px;border:1px solid rgba(99,241,226,.64);content:"";box-shadow:0 0 8px #63f1e25c;transform:translateY(-50%) rotate(45deg)}.hud-tutorial:before{left:5px}.hud-tutorial:after{right:5px}.tut-eyebrow{margin-bottom:3px;color:#63f1e2ad;font-size:7px;font-weight:750;letter-spacing:.32em}.tut-prompt{margin-bottom:3px;color:#fff;font:650 18px/1.08 var(--font-display);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 15px rgba(245,243,247,.35),0 2px 8px rgba(0,0,0,.9)}.tut-hint{color:#d5e8eb;font-size:10px;font-weight:650;line-height:1.35;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.95)}.hud-junction{position:absolute;top:50%;right:clamp(22px,3vw,46px);width:clamp(250px,21vw,292px);box-sizing:border-box;padding:13px 16px 12px;border-right:2px solid rgba(243,178,83,.82);border-left:1px solid rgba(255,113,56,.18);background:linear-gradient(270deg,rgba(3,11,18,.68),rgba(3,11,18,.3) 76%,transparent),repeating-linear-gradient(0deg,rgba(245,243,247,.018) 0 1px,transparent 1px 12px);color:var(--color-pearl);filter:drop-shadow(0 16px 28px rgba(0,0,0,.4));opacity:0;visibility:hidden;transform:translate3d(15px,-50%,0);transition:opacity .18s ease,transform .24s ease,visibility 0s linear .24s}.hud-junction:before,.hud-junction:after{position:absolute;right:-3px;width:24px;height:1px;background:var(--color-amber);content:"";opacity:.58}.hud-junction:before{top:0}.hud-junction:after{bottom:0}.hud-junction.is-visible{opacity:1;visibility:visible;transform:translate3d(0,-50%,0);transition-delay:0s}.junction-eyebrow{color:var(--color-amber);font-size:7px;font-weight:800;letter-spacing:.3em}.junction-prompt{margin-top:5px;color:#fff;font:650 15px/1 var(--font-display);letter-spacing:.12em}.junction-map{width:100%;height:48px;margin:5px 0 2px}.junction-map svg{display:block;width:100%;height:100%;overflow:visible}.junction-map-trunk,.junction-map-path{fill:none;vector-effect:non-scaling-stroke}.junction-map-trunk{stroke:#f5f3f780;stroke-width:1.3}.junction-map-path{stroke:#f5f3f733;stroke-width:1.2;transition:stroke .14s ease,stroke-width .14s ease,filter .14s ease,opacity .14s ease}.junction-map-node{fill:#f5f3f761;transition:fill .14s ease,filter .14s ease}.choice-upper .map-upper,.choice-lower .map-lower{stroke:var(--color-amber);stroke-width:2;filter:drop-shadow(0 0 4px rgba(243,178,83,.72))}.choice-upper .node-upper,.choice-lower .node-lower{fill:var(--color-amber);filter:drop-shadow(0 0 4px rgba(243,178,83,.82))}.has-commitment.choice-upper .map-upper,.has-commitment.choice-lower .map-lower{stroke:var(--color-current);filter:drop-shadow(0 0 5px rgba(99,241,226,.82))}.has-commitment.choice-upper .node-upper,.has-commitment.choice-lower .node-lower{fill:var(--color-current);filter:drop-shadow(0 0 5px rgba(99,241,226,.9))}.has-commitment.choice-upper .map-lower,.has-commitment.choice-lower .map-upper{opacity:.18}.junction-routes{display:grid;gap:3px}.junction-route{display:grid;grid-template-columns:54px 1fr;min-height:34px;align-items:center;border-bottom:1px solid rgba(245,243,247,.1);background:linear-gradient(90deg,rgba(245,243,247,.025),transparent);transition:border-color .12s ease,background .12s ease,opacity .12s ease,transform .12s ease}.junction-key{align-self:stretch;display:grid;place-items:center;border-right:1px solid rgba(245,243,247,.1);color:#f5f3f7a8;font-size:9px;font-weight:800;letter-spacing:.03em}.junction-label{padding:0 10px;color:#f5f3f7d1;font-size:10px;font-weight:720;letter-spacing:.1em;text-transform:uppercase}.junction-route.is-candidate{border-color:#f3b253b8;background:linear-gradient(90deg,rgba(243,178,83,.12),transparent);box-shadow:inset 2px 0 #f3b253c7;transform:translate(-3px)}.junction-route.is-candidate .junction-label{color:#fff1c9}.junction-route.is-committed{border-color:#63f1e2b8;background:linear-gradient(90deg,rgba(99,241,226,.13),transparent);box-shadow:inset 2px 0 #63f1e2e0}.junction-route.is-committed .junction-label{color:#d4fff9}.hud-junction.has-commitment .junction-route:not(.is-committed){opacity:.3}.screen-paused,.screen-continue,.screen-dead,.screen-victory{background:radial-gradient(circle at 50% 50%,#0c2231bd,#02080c6b 36%,#02080c38 68%),linear-gradient(90deg,rgba(2,8,12,.28),transparent 28% 72%,rgba(2,8,12,.28))}.screen-continue{z-index:42;background:linear-gradient(90deg,rgba(2,8,12,.64),transparent 24% 76%,rgba(2,8,12,.64)),radial-gradient(ellipse at center,#0c212d99,#02080c57 48%,#02080c9e)}.continue-frame{position:relative;display:grid;width:min(540px,calc(100vw - 48px));min-height:430px;box-sizing:border-box;place-items:center;align-content:center;gap:12px;padding:44px 52px;border-top:1px solid rgba(255,150,67,.62);border-bottom:1px solid rgba(99,241,226,.34);background:linear-gradient(90deg,transparent,rgba(3,11,18,.8) 11% 89%,transparent),repeating-linear-gradient(90deg,transparent 0 35px,rgba(99,241,226,.025) 36px 37px);box-shadow:0 30px 90px #0000008c;text-align:center}.continue-frame:before,.continue-frame:after{position:absolute;top:-4px;width:54px;height:7px;background:linear-gradient(90deg,#ff9145,#ff914500);content:""}.continue-frame:before{left:10%}.continue-frame:after{right:10%;transform:scaleX(-1)}.continue-eyebrow,.continue-route-note{color:#a1fff0c7;font:700 9px/1 var(--font-tactical);letter-spacing:.28em}.continue-frame h2{color:#fff0d2;font:500 clamp(30px,3.4vw,46px)/.95 var(--font-display);letter-spacing:.18em;text-shadow:0 0 24px rgba(255,145,69,.34)}.continue-countdown{min-width:1.2em;color:#fff;font:700 clamp(132px,17vw,218px)/.7 var(--font-display);font-variant-numeric:tabular-nums;text-shadow:0 0 16px rgba(255,181,100,.52),0 0 50px rgba(99,241,226,.18)}.continue-hint{color:#fff1cf;font:700 clamp(11px,1vw,14px)/1.15 var(--font-tactical);letter-spacing:.2em;animation:continue-key-pulse .62s ease-in-out infinite alternate}.continue-route-note{margin-top:6px;color:#cfeceb7a;letter-spacing:.2em}@keyframes continue-key-pulse{0%{opacity:.62}to{opacity:1;text-shadow:0 0 14px rgba(255,154,72,.45)}}.panel{position:relative;display:flex;width:min(440px,calc(100vw - 48px));box-sizing:border-box;flex-direction:column;align-items:center;padding:36px 48px 38px;border-top:1px solid rgba(255,113,56,.4);border-bottom:1px solid rgba(99,241,226,.2);background:linear-gradient(90deg,transparent,rgba(3,11,18,.53) 9% 91%,transparent),radial-gradient(circle at 50% 0%,rgba(255,113,56,.12),transparent 55%);filter:drop-shadow(0 24px 48px rgba(0,0,0,.55));opacity:0;animation:fadeInLayer .65s cubic-bezier(.165,.84,.44,1) forwards}.panel:before,.panel:after{position:absolute;top:-3px;width:5px;height:5px;border:1px solid rgba(99,241,226,.65);background:#030b12bf;box-shadow:0 0 9px #63f1e280;content:""}.panel:before{left:8%}.panel:after{right:8%}.panel-sigil{position:relative;width:46px;height:46px;margin-bottom:14px;border:1px solid rgba(255,113,56,.24);clip-path:polygon(50% 0,88% 22%,100% 62%,70% 100%,30% 100%,0 62%,12% 22%);box-shadow:inset 0 0 18px #ff713814,0 0 18px #ff71380f}.panel-sigil:before{position:absolute;inset:10px;border:1px solid currentColor;transform:rotate(45deg);color:var(--color-pearl);content:"";opacity:.58}.panel-sigil:after{position:absolute;top:50%;left:50%;width:5px;height:5px;background:currentColor;box-shadow:0 0 10px currentColor,0 0 22px currentColor;color:var(--color-pearl);content:"";transform:translate(-50%,-50%)}.panel.dead .panel-sigil{color:var(--color-amber);border-color:#f3b2534d;transform:rotate(22deg) scaleX(1.16)}.panel.dead .panel-sigil:before,.panel.dead .panel-sigil:after{color:var(--color-amber)}.panel.victory .panel-sigil{color:var(--color-current);border-color:#63f1e257;box-shadow:inset 0 0 18px #63f1e217,0 0 20px #63f1e214}.panel.victory .panel-sigil:before,.panel.victory .panel-sigil:after{color:var(--color-current)}.panel h2{margin:0 0 28px .28em;color:#fff;font:420 22px/1 var(--font-display);letter-spacing:.28em;text-align:center}.panel.pause h2{margin-bottom:30px}.panel.victory h2{color:#dcfff9;text-shadow:0 0 17px rgba(99,241,226,.32)}.victory-kicker{margin:0 0 12px .22em;color:#ffb768eb;font:700 9px/1 var(--font-tactical);letter-spacing:.22em;text-align:center;text-shadow:0 0 16px rgba(255,145,69,.34)}.panel.dead h2{color:#ffe1a9;text-shadow:0 0 17px rgba(243,178,83,.3)}.summary-stats{display:grid;width:100%;grid-template-columns:1fr auto;gap:0 36px;margin-bottom:28px;color:#f5f3f785;font-size:9px;font-weight:650;letter-spacing:.13em}.summary-stats>div{padding:7px 0;border-bottom:1px solid rgba(245,243,247,.07)}.summary-stats div:nth-child(odd){text-align:left}.summary-stats .val{color:var(--color-pearl);font:650 11px/1 var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-align:right;text-shadow:0 0 8px rgba(245,243,247,.16)}.panel-actions{display:flex;gap:14px}.retry-lock{display:none;margin:-10px 0 16px;color:var(--color-amber);font-size:9px;font-weight:720;letter-spacing:.15em;text-align:center}.panel>.audio-toggle-row{margin-top:9px;animation:none;opacity:1}.qa-panel{position:absolute;right:20px;bottom:18px;max-width:min(360px,36vw);padding:12px;border-left:1px solid rgba(99,241,226,.28);background:linear-gradient(90deg,#030b12d6,#030b129e);color:var(--color-pearl);font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;pointer-events:none;opacity:.78;white-space:pre-wrap}.qa-text{margin:0}@media(max-width:1360px),(max-height:760px){.screen-title:before{inset:14px}.title-sonar{top:44%;width:min(50vw,510px)}.title-logo{font-size:clamp(42px,4.5vw,56px)}.title-subtitle{margin-bottom:22px}.title-controls{margin-top:18px}.screen-title>.title-badge{right:24px;bottom:20px}.hud-top-left{top:22px;left:24px}.hud-top-right{top:22px;right:24px}.hud-tutorial{top:20px}.hud-junction{right:24px}.hud-bottom-center{bottom:22px}.panel{padding:28px 46px 30px}.panel-sigil{width:40px;height:40px;margin-bottom:12px}.panel h2,.summary-stats{margin-bottom:22px}}@media(max-width:900px){.title-logo{font-size:clamp(32px,7vw,48px);letter-spacing:.22em}.title-subtitle{max-width:calc(100vw - 70px);line-height:1.45}.title-controls{grid-template-columns:1fr;min-width:min(330px,calc(100vw - 60px));line-height:1.45}.title-controls p{padding:3px 12px;border-right:0}.screen-title>.title-badge{display:none}.hud-tutorial{top:18px;width:min(400px,calc(100vw - 48px));min-width:0}.hud-top-left{top:96px;left:18px;min-width:170px}.hud-top-right{top:96px;right:18px}.hud-junction{right:18px;width:min(270px,calc(100vw - 36px))}.hud-bottom-center{bottom:18px}}@media(max-height:600px){.title-kicker{margin-bottom:6px}.title-logo{font-size:40px;margin-bottom:7px}.title-subtitle{margin-bottom:14px}.btn-start{min-height:42px}.title-controls{margin-top:12px}.screen-title>.audio-toggle-row{min-height:28px;margin-top:2px}.panel{padding-top:20px;padding-bottom:22px}.panel-sigil{width:34px;height:34px;margin-bottom:9px}.panel h2,.summary-stats{margin-bottom:16px}.summary-stats>div{padding:5px 0}}@media(prefers-reduced-motion:reduce){.title-kicker,.title-logo,.title-subtitle,.btn-start,.title-controls,.screen-title>.audio-toggle-row,.panel,.title-sonar-ring,.title-sonar-sweep,.continue-hint,.petal.invulnerable{animation:none}.title-kicker,.title-logo,.title-subtitle,.btn-start,.title-controls,.screen-title>.audio-toggle-row,.panel{opacity:1;transform:none}.btn,.hud-junction,.junction-route,.junction-map-path,.junction-map-node{transition-duration:.01ms}}.hud-combo{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:4px 14px;width:min(248px,24vw);margin:8px 0 12px;color:#def0f1b8;font-size:clamp(9px,.72vw,12px);font-weight:750;letter-spacing:.18em}.hud-multiplier{justify-self:end;color:#88f5e5;font-family:var(--font-ui);font-size:clamp(18px,1.55vw,28px);line-height:.9;letter-spacing:.04em;text-shadow:0 0 18px rgba(80,239,212,.42);transition:color .15s ease,text-shadow .15s ease,transform .15s ease}.hud-multiplier.is-hot{color:#ffd27a;text-shadow:0 0 22px rgba(255,150,61,.62);transform:scale(1.08)}.hud-chain-track{grid-column:1 / -1;position:relative;height:3px;overflow:hidden;border-radius:99px;background:#b4dee01f;box-shadow:inset 0 0 0 1px #c2ebe917}.hud-chain-meter,.hud-resonance-meter,.hud-dash-meter,.hud-overdrive-meter{position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#277b91,#8af5df 72%,#f5fbef);box-shadow:0 0 14px #57e9d69e;transition:transform 70ms linear;will-change:transform}.hud-abilities{position:absolute;z-index:23;left:clamp(20px,2.2vw,46px);bottom:clamp(20px,3.4vh,42px);display:grid;width:min(310px,30vw);gap:7px;pointer-events:none;filter:none;contain:layout style}.ability{position:relative;display:grid;grid-template-columns:84px 1fr 22px;align-items:center;gap:8px;color:#daeceead;font-size:clamp(8px,.58vw,10px);font-weight:760;letter-spacing:.16em;text-shadow:0 3px 10px rgba(0,0,0,.72)}.ability-track{position:relative;height:4px;overflow:hidden;border:1px solid rgba(150,213,211,.18);border-radius:99px;background:#02080fa6}.ability kbd{display:grid;width:21px;height:21px;place-items:center;border:1px solid rgba(179,224,220,.3);border-radius:4px;background:#060e16c2;color:#d8eceb;font:700 9px/1 var(--font-ui)}.ability-dash kbd{width:36px;margin-left:-15px;letter-spacing:-.04em}.ability-coach{position:absolute;z-index:2;top:50%;left:calc(100% + 17px);display:none;width:max-content;max-width:min(290px,34vw);box-sizing:border-box;grid-template-columns:auto;gap:3px;padding:7px 18px 7px 13px;border-left:2px solid rgba(103,244,224,.92);background:linear-gradient(90deg,rgba(4,15,22,.92),rgba(4,15,22,.56) 76%,transparent),linear-gradient(90deg,rgba(64,226,208,.12),transparent 72%);box-shadow:-8px 0 28px #22dccd1a;pointer-events:none;transform:translateY(-50%)}.ability-coach:before{position:absolute;top:50%;left:-9px;width:7px;height:7px;border:1px solid rgba(128,255,238,.88);background:#06191ff0;box-shadow:0 0 12px #50efd4ad;content:"";transform:translateY(-50%) rotate(45deg)}.ability-coach b,.ability-coach em{white-space:nowrap}.ability-coach b{color:#aafff0;font:760 8px/1.05 var(--font-ui);letter-spacing:.22em}.ability-coach em{color:#edf9f8e6;font:normal 720 10px/1.15 var(--font-ui);letter-spacing:.1em}.ability.is-coached{color:#b8fff3;text-shadow:0 0 13px rgba(75,232,214,.58)}.ability.is-coached .ability-coach{display:grid;animation:ability-coach-arrive .18s cubic-bezier(.2,.8,.2,1) both}.ability.is-coached kbd{border-color:#80ffeed1;color:#fff;box-shadow:0 0 13px #4be8d65c;animation:ability-key-pulse .64s ease-in-out infinite alternate}.ability-overdrive.is-coached .ability-coach{border-left-color:#ffad4cf5;background:linear-gradient(90deg,rgba(24,13,8,.94),rgba(24,13,8,.54) 76%,transparent),linear-gradient(90deg,rgba(255,137,46,.15),transparent 72%);box-shadow:-8px 0 30px #ff7a2521}.ability-overdrive.is-coached .ability-coach:before{border-color:#ffcb74f2;background:#231108f5;box-shadow:0 0 13px #ff8b2fb8}.ability-overdrive.is-coached .ability-coach b{color:#ffd28c}@keyframes ability-coach-arrive{0%{opacity:0;transform:translate(-9px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes ability-key-pulse{0%{opacity:.78;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.ability-overdrive .hud-overdrive-meter{background:linear-gradient(90deg,#743828,#ff8f35 58%,#fff2b8);box-shadow:0 0 16px #ff812d9e}.ability-overdrive.is-ready,.ability-overdrive.is-active{color:#ffd897;text-shadow:0 0 12px rgba(255,128,44,.72)}.ability-overdrive.is-active{animation:overdrive-hud-pulse .42s ease-in-out infinite alternate;will-change:opacity}.ability-overdrive.is-active .ability-coach{display:grid;border-left-color:#ffad4cf5}@keyframes overdrive-hud-pulse{0%{opacity:.88}to{opacity:1}}.hud-boss-wrap{position:fixed;top:clamp(18px,2.4vh,30px);left:50%;width:min(680px,54vw);box-sizing:border-box;padding:9px 16px 12px;border:1px solid rgba(237,194,139,.2);background:linear-gradient(90deg,#05070d14,#08080fd1 18% 82%,#05070d14);box-shadow:0 14px 48px #00000057;transform:translate(-50%)}.hud-boss-heading{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:6px}.hud-boss-name{font-size:clamp(11px,.8vw,14px);letter-spacing:.28em}.hud-boss-phase{color:#f4d6a8b8;font-size:clamp(8px,.58vw,10px);font-weight:700;letter-spacing:.18em}.hud-boss-phase-notches{display:flex;flex:1;max-width:190px;gap:5px;margin:0 18px}.hud-boss-phase-notches i{height:3px;flex:1;background:#f4d6a838;box-shadow:inset 0 0 0 1px #ffe7be14;transform:skew(-22deg)}.hud-boss-phase-notches i.is-live{background:#ffd28b;box-shadow:0 0 13px #ffa443ad}.hud-boss-phase-notches i.is-broken{background:#cd533d85}.hud-boss-bar-bg{height:clamp(8px,.6vw,11px)}.hud-boss-director{position:relative;display:grid;width:100%;box-sizing:border-box;grid-template-columns:minmax(110px,.9fr) minmax(120px,auto) minmax(130px,1fr);align-items:center;gap:12px;padding-top:7px;overflow:hidden;color:#d3e7e694;font:700 clamp(7px,.5vw,9px)/1.1 var(--font-tactical);letter-spacing:.13em;text-transform:uppercase}.hud-boss-telegraph{position:absolute;top:2px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#f3aa55,#fff0a9 76%,#ff6e38);box-shadow:0 0 9px #ff983eb8;transform:scaleX(0);transform-origin:left center;will-change:transform}.hud-boss-phase-name{overflow:hidden;color:#c4e1e280;text-overflow:ellipsis;white-space:nowrap}.hud-boss-attack-name{color:#ffd697b8;font:inherit;letter-spacing:.16em;text-align:center;white-space:nowrap;transition:color 90ms linear,text-shadow 90ms linear}.hud-boss-attack-hint{overflow:hidden;color:#deefeea8;text-align:right;text-overflow:ellipsis;white-space:nowrap;transition:color 90ms linear,text-shadow 90ms linear}.hud-boss-director.is-telegraphing .hud-boss-attack-name,.hud-boss-director.is-telegraphing .hud-boss-attack-hint{color:#ffe4af;text-shadow:0 0 11px rgba(255,136,50,.52),0 2px 7px rgba(0,0,0,.85)}.hud-boss-director.is-imminent .hud-boss-attack-name,.hud-boss-director.is-imminent .hud-boss-attack-hint{color:#fff5d8;text-shadow:0 0 14px rgba(255,105,45,.76),0 2px 8px rgba(0,0,0,.9)}.hud-junction{top:clamp(78px,12vh,118px);right:clamp(18px,2.2vw,36px);width:min(300px,24vw);max-width:calc(100vw - 36px);padding:12px 14px 11px;background:linear-gradient(135deg,#030a11eb,#0a161cb8);transform:translate3d(14px,0,0)}.hud-junction.is-visible{transform:translateZ(0)}.hud-junction.is-confirmed{animation:junction-confirm-collapse .26s cubic-bezier(.2,.8,.2,1) .46s forwards}.hud-junction.is-confirmed .junction-map,.hud-junction.is-confirmed .junction-route:not(.is-committed),.hud-junction.is-confirmed .junction-eyebrow{animation:junction-detail-away .18s ease .26s forwards}@keyframes junction-detail-away{to{height:0;min-height:0;margin:0;overflow:hidden;opacity:0}}@keyframes junction-confirm-collapse{to{width:min(250px,22vw);padding:8px 12px;opacity:0;visibility:hidden;transform:translate3d(12px,-4px,0);pointer-events:none}}.junction-route{grid-template-columns:54px minmax(0,1fr);min-height:48px}.junction-copy{display:grid;grid-template-columns:1fr auto;gap:4px 8px;min-width:0;padding:6px 9px}.junction-copy .junction-label{padding:0;color:#f7fbf7f5;font-size:clamp(9px,.68vw,11px)}.junction-detail{grid-column:1 / -1;color:#cde5e594;font-size:clamp(7px,.5vw,8px);font-weight:620;line-height:1.22;letter-spacing:.055em;text-transform:uppercase}.junction-risk{align-self:center;color:#f3aa55;font-size:7px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.junction-route.is-candidate .junction-detail,.junction-route.is-committed .junction-detail{color:#eefcf7d1}.summary-rank{color:#ffd177;font-family:var(--font-ui);font-size:1.35em;text-shadow:0 0 18px rgba(255,140,52,.42)}.hud-award-feed{position:absolute;z-index:23;top:clamp(194px,22vh,226px);left:clamp(24px,2.2vw,36px);display:flex;width:min(245px,24vw);min-width:210px;flex-direction:column;gap:5px;pointer-events:none;contain:layout style}.hud-award[hidden]{display:none}.hud-award{display:grid;min-height:30px;box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px;padding:6px 10px 6px 11px;border-left:2px solid rgba(99,241,226,.72);background:linear-gradient(90deg,rgba(4,14,21,.78),rgba(4,14,21,.34) 74%,transparent),linear-gradient(90deg,rgba(99,241,226,.08),transparent 64%);box-shadow:0 8px 22px #0003;opacity:0;transform:translateZ(0);will-change:opacity,transform}.hud-award.is-minor{border-left-color:#63f1e27a;background:linear-gradient(90deg,rgba(4,14,21,.68),rgba(4,14,21,.16) 78%,transparent)}.hud-award.is-major{border-left-color:#f3b253;background:linear-gradient(90deg,rgba(22,15,9,.86),rgba(10,16,20,.42) 78%,transparent),linear-gradient(90deg,rgba(243,178,83,.11),transparent 68%);box-shadow:0 8px 24px #0000003d,0 0 18px #f3b25314}.hud-award-label{overflow:hidden;color:#d0eaeab8;font:700 clamp(7px,.52vw,9px)/1.1 var(--font-tactical);letter-spacing:.14em;text-overflow:ellipsis;text-shadow:0 2px 8px rgba(0,0,0,.84);white-space:nowrap}.hud-award-value{color:#9af7e9;font:650 clamp(11px,.82vw,14px)/1 var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:.05em;text-shadow:0 0 12px rgba(99,241,226,.38),0 2px 8px rgba(0,0,0,.82);white-space:nowrap}.hud-award.is-major .hud-award-label{color:#ffdca3d1}.hud-award.is-major .hud-award-value{color:#ffd28b;text-shadow:0 0 14px rgba(243,178,83,.48),0 2px 8px rgba(0,0,0,.84)}@media(max-width:850px){.hud-abilities{width:min(260px,45vw)}.ability{grid-template-columns:70px 1fr 20px}.ability-coach{top:auto;bottom:calc(100% + 7px);left:0;max-width:min(290px,70vw);transform:none}.ability.is-coached .ability-coach{animation-name:ability-coach-mobile-arrive}.hud-boss-wrap{width:min(600px,calc(100vw - 36px))}.hud-boss-director{grid-template-columns:minmax(100px,auto) 1fr}.hud-boss-phase-name{display:none}}@keyframes ability-coach-mobile-arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hud-award-feed{top:266px;left:18px;width:min(238px,calc(100vw - 36px));min-width:0}.hud-junction{top:clamp(72px,11vh,96px);right:18px;width:min(270px,calc(100vw - 36px));max-width:calc(100vw - 36px);padding:10px 12px 9px}.junction-map{height:42px}.junction-route{grid-template-columns:48px minmax(0,1fr);min-height:44px}}@media(prefers-reduced-motion:reduce){.ability.is-coached .ability-coach,.ability.is-coached kbd{animation:none}.hud-junction.is-confirmed{animation:none;opacity:0;visibility:hidden;transform:none;pointer-events:none}.hud-junction.is-confirmed .junction-map,.hud-junction.is-confirmed .junction-route:not(.is-committed),.hud-junction.is-confirmed .junction-eyebrow{animation:none}}html[data-mobile-game=true] .hud-top-left{top:calc(10px + env(safe-area-inset-top,0px));left:calc(14px + env(safe-area-inset-left,0px));min-width:0;width:150px;padding:4px 8px}html[data-mobile-game=true] .hud-score{font-size:24px}html[data-mobile-game=true] .hud-score-label,html[data-mobile-game=true] .hud-shields-label{font-size:8px}html[data-mobile-game=true] .hud-combo{width:135px;gap:2px 8px;margin:5px 0}html[data-mobile-game=true] .hud-multiplier{font-size:16px}html[data-mobile-game=true] .hud-abilities{left:auto;right:calc(14px + env(safe-area-inset-right,0px));top:calc(12px + env(safe-area-inset-top,0px));bottom:auto;width:155px;gap:5px}html[data-mobile-game=true] .ability{grid-template-columns:84px 1fr;gap:5px;font-size:8px}html[data-mobile-game=true] .ability kbd{display:none}html[data-mobile-game=true] .ability-coach{left:auto;right:0;top:calc(100% + 14px);max-width:240px;transform:none}html[data-mobile-game=true] .hud-tutorial{top:62px;width:min(320px,42vw);padding:7px 12px}html[data-mobile-game=true] .tut-eyebrow{font-size:7px}html[data-mobile-game=true] .tut-prompt{font-size:13px;margin:2px 0}html[data-mobile-game=true] .tut-hint{font-size:8px;line-height:1.4}html[data-mobile-game=true] .hud-boss-wrap{top:64px;width:min(420px,48vw);padding:5px 8px}html[data-mobile-game=true] .hud-boss-name{font-size:11px}html[data-mobile-game=true] .hud-boss-attack-name{font-size:12px}html[data-mobile-game=true] .hud-boss-attack-hint{font-size:8px}html[data-mobile-game=true] .hud-junction{top:106px;right:16px;width:220px}html[data-mobile-game=true] .hud-bottom-center{bottom:calc(80px + env(safe-area-inset-bottom,0px))}html[data-mobile-game=true] .panel{max-height:calc(100dvh - 24px);overflow:auto}
