:root{font-family:Nunito,system-ui,sans-serif;color:#effaff;background:#071525;font-synthesis:none;--navy:#071c36;--cyan:#4bdbff;--gold:#e8c271;--panel:rgba(6,25,49,.93)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}.boot,.fatal{height:100%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 30%,#164c72,#061526 65%)}.spinner{margin:auto;width:40px;height:40px;border:3px solid #36708e;border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{color:#78dfff;letter-spacing:.18em;font-size:.72rem;font-weight:900;text-transform:uppercase}.primary{border:1px solid #71e5ff;background:linear-gradient(135deg,#0b82ba,#075183);box-shadow:inset 0 0 0 2px #0a3158,0 10px 30px #00182caa;border-radius:5px;padding:.85rem 1.5rem;font-family:Cinzel,serif;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.huge{font-size:1rem;min-width:270px;padding:1.1rem 2.2rem}.secondary{border:1px solid #4d99bc;background:#0a2845dd;border-radius:5px;padding:.65rem 1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.online-play{display:block;margin:0 auto .45rem}.online-status{min-height:1.1rem;margin:-.1rem 0 .8rem;color:#92dcf4}.huge span,.end-turn span{float:right;font-size:1.4em;line-height:.7}.menu-screen{position:relative;height:100%;display:grid;place-content:center;background:url(../assets/art/lunacia-lobby.png) center/cover no-repeat;isolation:isolate}.menu-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#031122cc,#0311222e 58%,#0311223d),linear-gradient(0deg,rgba(2,14,27,.8),transparent 40%)}.menu-card{text-align:center;width:min(520px,90vw);padding:2rem 3rem;filter:drop-shadow(0 10px 25px #001226)}.shard-mark{margin:auto;color:#b9f3ff;border:2px solid #61dcff;transform:rotate(45deg);width:42px;height:42px;line-height:36px;font-size:2rem;background:#0b4c7c}.shard-mark:first-letter{transform:rotate(-45deg)}h1{margin:.5rem 0;display:flex;flex-direction:column;font-family:Cinzel,serif;font-size:clamp(2.8rem,6vw,5.2rem);line-height:.78;letter-spacing:-.05em;color:#fff3cf;text-shadow:0 5px 0 #153c6a,0 8px 14px #031122}h1 small{font-size:.24em;line-height:1.7;color:#fff}.tagline{letter-spacing:.28em;font-weight:900;color:#bceeff;margin:1.8rem 0 2.4rem}.menu-links{display:flex;gap:.4rem;justify-content:center;margin-top:1.3rem}.menu-links button,.menu-links a,.back-link{border:0;background:#051a30c7;color:#dff7ff;text-decoration:none;padding:.65rem .9rem;border-radius:4px;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.menu-note{opacity:.72;font-size:.74rem}.menu-screen footer{position:absolute;bottom:1rem;left:1.5rem;font-size:.68rem;opacity:.68}.squad-screen{min-height:100%;overflow:auto;background:linear-gradient(#051627d1,#051627f0),url(../assets/art/lunacia-lobby.png) center/cover fixed;padding:1.5rem max(3vw,1rem) .5rem;text-align:center}#squad-preview-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.squad-screen>.back-link,.squad-screen>.squad-heading,.squad-screen>.mission-select,.squad-screen>.squad-launch{position:relative;z-index:3}.back-link{position:absolute;left:1.5rem;top:1.5rem}.squad-heading h2,.result-card h2,.modal h2{font-family:Cinzel,serif;font-size:clamp(1.8rem,4vw,3rem);margin:.4rem}.squad-heading>p:last-child{opacity:.76}.mission-select{display:grid;grid-template-columns:repeat(3,minmax(150px,240px));gap:.7rem;justify-content:center;margin:1rem auto}.mission-card{text-align:left;border:1px solid #3f789a;background:#071f39d9;color:#dff8ff;padding:.7rem .9rem;min-height:76px;display:flex;flex-direction:column;gap:.16rem}.mission-card span{color:#72ddfa;font-size:.61rem;font-weight:900;letter-spacing:.12em}.mission-card b{font:.82rem Cinzel}.mission-card small{font-size:.65rem;opacity:.72}.mission-card.selected{border-color:#72e4ff;box-shadow:inset 0 0 0 1px #49b4d0,0 0 18px #2bc3ec55}.squad-cards{display:grid;grid-template-columns:repeat(5,minmax(150px,210px));gap:.75rem;justify-content:center;margin:.65rem auto}.squad-card{position:relative;z-index:1;overflow:hidden;text-align:left;padding:1.3rem;border:1px solid #4a88a9;border-top:3px solid var(--cyan);background:linear-gradient(165deg,#113550f5,#041427f5);clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.accent-1{border-top-color:#f1a345}.accent-2{border-top-color:#81caf5}.portrait-orb{height:88px;margin:-1.3rem -1.3rem .7rem;overflow:hidden;mask-image:linear-gradient(#000 70%,transparent)}.portrait-orb img{width:100%;height:100%;object-fit:cover;object-position:center 45%;transform:scale(1.05)}.mixer-portrait{position:relative;z-index:3;background:radial-gradient(ellipse at 50% 90%,#0a3858b3,transparent 66%);border-bottom:1px solid #4284a3;mask-image:none}.squad-card>.role,.squad-card>h3,.squad-card>p,.squad-card>dl,.squad-card>.ability-chip{position:relative;z-index:3}.squad-token>img{width:38px;height:38px;object-fit:cover;border-radius:50%;border:1px solid #69d5e8}.unit-avatar img{width:70px;height:76px;object-fit:cover}.asset-disclosure{font-size:.7rem;color:#b6cad5;max-width:680px;margin:0 auto}.battle-loading{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse,#1d4c65,#081c31);font-family:Cinzel,serif;text-align:center;padding:3rem}.battle-loading .spinner{margin:0 0 2rem}.squad-card .role{text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;color:#6fe4ff;font-weight:900}.squad-card h3{font:800 1.18rem Cinzel;margin:.15rem 0}.squad-card p{font-size:.72rem;opacity:.76;height:1.9rem;margin:.3rem 0}.squad-card dl{display:flex;gap:.8rem}.squad-card dl div{display:flex;flex-direction:column}.squad-card dt{font-size:.6rem;opacity:.58}.squad-card dd{font-weight:900;margin:0}.ability-chip{display:flex;justify-content:space-between;background:#06182b;padding:.5rem;border-left:3px solid var(--gold);font-size:.68rem}.ability-chip span{color:var(--gold)}.squad-launch{position:sticky;bottom:0;z-index:2;margin:auto;padding:.25rem 1rem .5rem;background:linear-gradient(transparent,#071a30 32%);max-width:720px}.squad-launch p{margin:.1rem auto .3rem;font-size:.62rem;color:#b9d8e4}.launch{margin:0}.battle-screen{position:relative;width:100%;height:100%;background:#9bd9ff}#battle-canvas{position:absolute;width:100%;height:100%;display:block}.vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 100px #03142866}.camera-hint{pointer-events:none;position:absolute;left:50%;top:3.8rem;transform:translate(-50%);z-index:3;padding:.35rem .65rem;border:1px solid #74dff266;background:#071a30b8;color:#dffaff;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}@media(max-width:900px){.camera-hint{display:none}}.battle-top{pointer-events:none;position:absolute;left:0;right:0;top:0;display:flex;align-items:flex-start;justify-content:center;padding:.65rem}.phase-banner{min-width:300px;text-align:center;background:linear-gradient(90deg,transparent,#07254a 12%,#0d4b7d 50%,#07254a 88%,transparent);padding:.5rem 3rem;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);filter:drop-shadow(0 4px 3px #00152b88)}.phase-banner small{display:block;font-size:.58rem;letter-spacing:.16em;color:#80e4ff}.phase-banner b{font:700 1.05rem Cinzel;letter-spacing:.1em}.objective{position:absolute;right:1rem;display:flex;align-items:center;gap:.7rem;background:var(--panel);border:1px solid #4c83a9;border-radius:4px;padding:.6rem 1rem;box-shadow:0 5px 16px #00132588}.objective>span{color:#ff6272;font-size:1.5rem}.objective small,.objective b{display:block}.objective small{font-size:.52rem;color:#ff8994}.objective b{font:.72rem Cinzel;text-transform:uppercase;letter-spacing:.06em}.squad-rail{position:absolute;left:.7rem;top:5rem;display:flex;flex-direction:column;gap:.45rem}.squad-token{border:1px solid #3c718f;background:#051b33e0;display:flex;gap:.6rem;align-items:center;min-width:128px;padding:.38rem;border-radius:4px;text-align:left;transition:.15s}.squad-token>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1f779e;border:2px solid #62dfff;font-weight:900}.squad-token div{display:flex;flex-direction:column}.squad-token b{font-size:.73rem}.squad-token em{font-size:.61rem;color:#8ce6ff;font-style:normal}.squad-token.selected{transform:translate(6px);border-color:#b8f3ff;box-shadow:0 0 16px #42ccff99}.squad-token.defeated{filter:grayscale(1);opacity:.45}.mission-panel{position:absolute;right:1rem;top:5rem;text-align:right;text-shadow:0 2px 5px #001;font-size:.7rem}.mission-panel small{display:block;letter-spacing:.12em;color:#dff8ff}.mission-panel b{font-size:.8rem}.mission-panel span{color:#ff6a78}.tutorial-callout{position:absolute;left:50%;top:12%;transform:translate(-50%)}.tutorial-callout:empty{display:none}.tutorial-callout>div{display:flex;gap:1rem;align-items:center;background:#041c32f0;border:1px solid #59cce9;padding:.65rem 1rem;border-radius:4px;box-shadow:0 6px 22px #00152b99}.tutorial-callout small{color:#70e3ff;font-weight:900}.tutorial-callout b{font-size:.78rem}.tutorial-callout button{position:absolute;right:-3.3rem;top:0;border:0;background:#09233c;padding:.35rem;font-size:.6rem}.target-tip{position:absolute;left:50%;bottom:8.2rem;transform:translate(-50%);background:#031426d9;padding:.35rem .8rem;border-radius:20px;font-size:.7rem;white-space:nowrap;color:#c9f6ff}.bottom-hud{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(290px,1fr) auto minmax(210px,1fr);align-items:end;padding:.8rem;background:linear-gradient(transparent,#020f1df5);pointer-events:none}.unit-panel,.ability-bar,.end-turn{pointer-events:auto}.unit-panel{justify-self:start;display:flex;min-width:270px;background:var(--panel);border:1px solid #4e89ad;padding:.55rem;clip-path:polygon(0 10px,10px 0,100% 0,100% 100%,0 100%)}.unit-avatar{display:grid;place-items:center;width:62px;background:linear-gradient(145deg,#2faacb,#083455);font:800 2rem Cinzel;border:2px solid #70ddfb}.unit-info{min-width:180px;padding-left:.65rem}.unit-info>span{font-size:.58rem;color:#70defa;text-transform:uppercase;letter-spacing:.14em}.unit-info h3{font:700 1rem Cinzel;margin:0}.health{position:relative;height:15px;background:#122337;border:1px solid #44647c}.health i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#39b86c,#5eea8c)}.health b{position:absolute;inset:0;text-align:center;font-size:.6rem}.ap{display:flex;align-items:center;gap:.25rem;margin-top:.35rem}.ap span{font-size:.62rem;margin-right:.3rem}.ap i{width:15px;height:15px;border-radius:50%;border:2px solid #4990aa;background:#10283d}.ap i.full{background:#51ddff;box-shadow:0 0 8px #54e2ff}.ability-bar{display:flex;gap:.45rem}.ability{width:132px;height:82px;border:1px solid #416e8d;background:linear-gradient(#123b5e,#071c35);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;box-shadow:inset 0 0 0 2px #071a2b}.ability i{font-style:normal;font-size:1.3rem;color:#ffcf78}.ability b{font-size:.72rem}.ability span{font-size:.56rem;color:#83d7f0}.ability:hover:not(:disabled),.ability.active{border-color:#70e5ff;box-shadow:0 0 14px #4cf8}.ability:disabled{opacity:.43;cursor:not-allowed}.signature i{color:#eeb260}.end-turn{justify-self:end;align-self:center;min-width:190px;border:2px solid #5ddcff;background:linear-gradient(135deg,#0b6597,#07385e);font:700 .9rem Cinzel;text-transform:uppercase;letter-spacing:.08em;padding:1rem 1.3rem;clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%)}.minimap{position:absolute;right:1rem;bottom:6.5rem;width:210px;height:145px;background:#06172be8;border:2px solid #4484a9;border-radius:4px;box-shadow:0 5px 20px #00152b99;cursor:crosshair}.combat-log{position:absolute;right:1rem;bottom:16rem;width:210px;margin:0;padding:0;list-style:none;text-align:right;font-size:.62rem;text-shadow:0 2px 4px #000}.combat-log li{margin:.2rem}.battle-tools{position:absolute;left:.75rem;bottom:7rem;display:flex;gap:.35rem}.battle-tools button{width:34px;height:34px;border:1px solid #4c829e;background:#092743cc;border-radius:50%}.result-overlay{display:none;position:absolute;inset:0;background:#010a14b8;place-items:center;backdrop-filter:blur(8px);z-index:10}.result-overlay.show{display:grid}.result-card{text-align:center;width:min(520px,90vw);background:linear-gradient(155deg,#0a3152,#06172b);border:1px solid #64cde8;padding:2.5rem;box-shadow:0 20px 80px #000}.result-card dl{display:flex;justify-content:center;gap:2rem}.result-card dl div{display:flex;flex-direction:column}.result-card dt{font-size:.65rem;opacity:.6}.result-card dd{font:800 1.4rem Cinzel;margin:0}.result-card>button{margin:.5rem;border:1px solid #4c85a5;background:#092540;padding:.7rem 1rem}.result-card .primary{background:linear-gradient(135deg,#0b82ba,#075183)}.modal-layer{display:none}.modal-layer.show{display:grid;position:fixed;inset:0;z-index:50;place-items:center;background:#020c18c7;backdrop-filter:blur(8px)}.modal{position:relative;width:min(520px,90vw);max-height:85vh;overflow:auto;background:linear-gradient(155deg,#0c3557,#06192e);border:1px solid #5abddb;padding:2rem;box-shadow:0 30px 80px #000}.modal-close{position:absolute;right:.7rem;top:.5rem;border:0;background:transparent;font-size:1.6rem}.help-grid{display:grid;grid-template-columns:auto 1fr;gap:.7rem 1.4rem;margin:1.5rem 0}.help-grid b{color:#77ddf8}.modal label{display:flex;justify-content:space-between;gap:1rem;margin:1.2rem 0}.modal input[type=range]{width:60%}.modal .check{justify-content:flex-start}.modal-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.4rem}.modal-actions button{border:1px solid #4c85a5;background:#092540;padding:.7rem 1rem}.modal-actions .primary{background:linear-gradient(135deg,#0b82ba,#075183)}.fatal button{margin:auto}@media(max-width:900px){.squad-screen{height:100dvh;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2.8rem .75rem 1.5rem}.squad-heading h2{font-size:clamp(1.55rem,8vw,2.1rem)}.mission-select{grid-template-columns:repeat(3,1fr);gap:.35rem}.mission-card{min-height:67px;padding:.45rem}.mission-card b{font-size:.68rem}.mission-card small{display:none}.squad-cards{grid-template-columns:repeat(2,minmax(0,210px));gap:.5rem;margin:.7rem auto;padding-bottom:1rem}.squad-card{padding:.85rem}.portrait-orb{height:76px;margin:-.85rem -.85rem .55rem}.squad-card p{height:auto;min-height:2rem;margin:.35rem 0}.squad-card dl{gap:.65rem}.squad-launch{position:static;margin:1rem auto .25rem;padding:.35rem .5rem .6rem;background:linear-gradient(transparent,#071a30 22%)}.squad-launch p{font-size:.6rem}.huge{min-width:min(270px,82vw);padding:.85rem 1.3rem}.bottom-hud{grid-template-columns:1fr auto}.unit-panel{display:none}.ability{width:100px}.minimap,.combat-log{display:none}.objective{right:.5rem}.objective small{display:none}.phase-banner{min-width:230px;transform:translate(-60px)}.squad-rail{top:4rem}.target-tip{bottom:6.8rem}.menu-card{padding:1rem}}@media(max-width:520px){.mission-card span{font-size:.5rem}.mission-card b{font-size:.6rem}.squad-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.squad-card{padding:.7rem}.portrait-orb{height:74px;margin:-.7rem -.7rem .45rem}.squad-card h3{font-size:.92rem}.squad-card p{font-size:.64rem}.ability-chip{font-size:.6rem;padding:.45rem}.squad-card dl{font-size:.75rem}.battle-top{justify-content:flex-start}.phase-banner{min-width:180px;transform:none;padding:.4rem 1.5rem}.objective{max-width:125px;padding:.4rem}.objective b{font-size:.58rem}.squad-token{min-width:88px}.squad-token div{display:none}.bottom-hud{padding:.4rem;gap:.25rem}.ability-bar{gap:.2rem}.ability{width:78px;height:62px}.ability i{font-size:1rem}.ability b{font-size:.55rem}.ability span{font-size:.45rem}.end-turn{min-width:96px;padding:.65rem .7rem;font-size:.65rem}.target-tip{bottom:5.6rem;max-width:86vw;overflow:hidden;text-overflow:ellipsis}.battle-tools{bottom:5.8rem}}@media(max-height:720px){.ability{height:68px}.minimap{bottom:5.5rem;height:115px}.combat-log{display:none}.target-tip{bottom:6.2rem}.squad-token{min-width:110px}.tutorial-callout{top:9%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}