@import"https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Noto Sans KR,system-ui,sans-serif;color:#e9fffb;background:#07131a;font-synthesis:none;--mint: #53f6d6;--blue: #5fb8ff;--pink: #ff4f86;--gold: #ffd166;--ink: #07131a;--panel: rgba(12, 31, 39, .93);--line: rgba(146, 255, 235, .14);--muted: #8eaaa8;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden}body{min-width:320px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 70% -10%,#143d45 0,#07131a 42%)}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.app-shell{width:100%;height:100%;height:100dvh;min-height:420px;display:grid;grid-template-rows:64px minmax(0,1fr) 62px;background:linear-gradient(135deg,rgba(83,246,214,.035),transparent 28%),#07131a}.topbar{z-index:20;display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0) max(22px,env(safe-area-inset-right,0)) 0 max(22px,env(safe-area-inset-left,0));border-bottom:1px solid var(--line);background:#061117e0;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;cursor:pointer;text-align:left}.brand-mark{display:grid;place-items:center;width:37px;aspect-ratio:1;color:var(--ink);background:var(--mint);clip-path:polygon(15% 0,100% 0,100% 72%,74% 100%,0 100%,0 16%);font:22px/1 Black Han Sans}.brand b{display:block;letter-spacing:.12em;font-size:15px;line-height:1}.brand b span{color:var(--mint)}.brand small{display:block;margin-top:4px;color:#698581;font-size:7px;letter-spacing:.2em}.resources{display:flex;gap:10px}.resources>span{min-width:84px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:7px 11px;border:1px solid var(--line);background:#ffffff06;clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px)}.resources i{width:11px;aspect-ratio:1;display:inline-block;transform:rotate(45deg);border:2px solid var(--gold)}.resources .resource-part{border-radius:50%;border-color:var(--blue)}.resources b{font-size:12px;font-variant-numeric:tabular-nums}.screen{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(83,246,214,.28) transparent}.bottom-nav{z-index:20;display:grid;grid-template-columns:repeat(6,minmax(56px,100px));justify-content:center;gap:7px;padding:5px max(16px,env(safe-area-inset-right,0)) max(5px,env(safe-area-inset-bottom,0)) max(16px,env(safe-area-inset-left,0));border-top:1px solid var(--line);background:#061117f0;backdrop-filter:blur(16px)}.bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;color:#708c89;background:transparent;font-size:9px;cursor:pointer}.bottom-nav button span{font-size:20px;line-height:1}.bottom-nav button.active{color:var(--mint)}.bottom-nav button.active:before{content:"";position:absolute;top:-6px;width:36px;height:2px;background:var(--mint);box-shadow:0 0 14px var(--mint)}.in-combat .topbar,.in-combat .bottom-nav{display:none}.app-shell.in-combat{display:block;min-height:0}.in-combat .screen{width:100%;height:100%;overflow:hidden}.eyebrow{margin:0 0 8px;color:var(--mint)!important;font-size:9px!important;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.home-grid{width:min(1180px,calc(100% - 36px));min-height:100%;margin:0 auto;padding:22px 0;display:grid;grid-template-columns:1.55fr 1fr 1fr;grid-template-rows:minmax(230px,1fr) minmax(125px,.45fr);gap:14px}.home-grid article{border:1px solid var(--line);background:var(--panel);overflow:hidden}.hero-panel{position:relative;grid-column:span 2;padding:34px 40px;display:flex;align-items:center;background:radial-gradient(circle at 75% 40%,color-mix(in srgb,var(--hero) 18%,transparent),transparent 37%),linear-gradient(110deg,#0d2b33,#09181f 60%)!important;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}.hero-panel:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 51px,rgba(255,255,255,.025) 52px),repeating-linear-gradient(0deg,transparent 0 51px,rgba(255,255,255,.02) 52px);pointer-events:none}.hero-copy{position:relative;z-index:2;width:58%}.hero-copy h1,.page-heading h1{margin:0;font:400 clamp(28px,4.5vw,58px)/1 "Black Han Sans",sans-serif;letter-spacing:-.02em}.hero-copy>p:not(.eyebrow){color:#a8bfbc;font-size:13px;line-height:1.7}.mechanic-tags{display:flex;flex-wrap:wrap;gap:6px}.mechanic-tags span{padding:4px 8px;border:1px solid color-mix(in srgb,var(--stage, var(--mint)) 36%,transparent);color:color-mix(in srgb,var(--stage, var(--mint)) 78%,white);background:color-mix(in srgb,var(--stage, var(--mint)) 8%,transparent);font:700 8px/1.4 ui-monospace,monospace;letter-spacing:.04em}.primary-action{min-width:188px;margin-top:23px;padding:11px 17px;display:flex;justify-content:space-between;align-items:center;gap:22px;border:0;color:#051714;background:var(--mint);font-weight:800;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.primary-action span{font-size:15px}.primary-action small{opacity:.65;font-size:9px}.hero-orbit{position:absolute;right:6%;width:clamp(150px,23vw,260px);aspect-ratio:1;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--hero) 55%,transparent);border-radius:50%;box-shadow:inset 0 0 50px color-mix(in srgb,var(--hero) 8%,transparent),0 0 60px color-mix(in srgb,var(--hero) 7%,transparent)}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px dashed color-mix(in srgb,var(--hero) 35%,transparent);border-radius:inherit;animation:orbit 18s linear infinite}.hero-orbit:before{inset:16%}.hero-orbit:after{inset:34%;animation-direction:reverse;animation-duration:10s}.hero-orbit b{font:34px Black Han Sans;color:var(--hero);text-shadow:0 0 25px var(--hero)}.hero-orbit i{position:absolute;width:7px;aspect-ratio:1;background:var(--hero);box-shadow:0 0 12px var(--hero)}.hero-orbit i:nth-child(1){top:8%;left:30%}.hero-orbit i:nth-child(2){right:5%;top:52%}.hero-orbit i:nth-child(3){bottom:9%;left:29%}@keyframes orbit{to{transform:rotate(1turn)}}.status-card{grid-row:span 2;padding:25px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.section-heading span,.card-label{display:block;margin-bottom:4px;color:#5e7e7a;font-size:8px;font-weight:800;letter-spacing:.16em}.section-heading h2{margin:0;font-size:17px}.status-card .section-heading>b{color:var(--mint);font:32px/1 Black Han Sans}.status-card .section-heading>b small{color:#5e7774;font:11px Noto Sans KR}.progress-track{height:3px;margin:21px 0 17px;background:#183239}.progress-track i{display:block;height:100%;background:var(--mint);box-shadow:0 0 12px var(--mint)}.chapter-pips{display:flex;justify-content:space-between;margin-bottom:26px}.chapter-pips span{width:29px;aspect-ratio:1;display:grid;place-items:center;border:1px solid #25434a;border-radius:50%;color:#55716e;font-size:10px}.chapter-pips span.current{color:var(--pip);border-color:var(--pip);box-shadow:0 0 14px color-mix(in srgb,var(--pip) 25%,transparent)}.chapter-pips span.complete{color:#051714;border-color:var(--pip);background:var(--pip)}.status-card>p{color:#809a97;font-size:11px;line-height:1.75}.ghost-action{margin-top:12px;padding:8px 0;border:0;color:var(--mint);background:none;font-size:10px;font-weight:700;cursor:pointer}.character-card{padding:18px;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:13px}.character-card .card-label{grid-column:1 / -1;margin:-2px 0}.character-sigil,.tile-sigil{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--mint);color:var(--mint);background:#53f6d614;font:22px Black Han Sans;clip-path:polygon(14% 0,100% 0,100% 75%,75% 100%,0 100%,0 14%)}.character-card h2{margin:0 0 3px;font-size:15px}.character-card p{margin:0;color:#72918e;font-size:9px}.character-card small{display:block;margin-top:7px;color:#adc0bd;font-size:9px}.loadout-affinity{display:block;margin-top:5px;color:var(--mint);font-size:7px;font-style:normal}.loadout-affinity.has-conflict{color:#ff8dae}.character-card button{padding:7px 10px;border:1px solid var(--line);color:var(--mint);background:transparent;font-size:9px;cursor:pointer}.orthogonality-card{padding:18px 21px;display:grid;grid-template-columns:1fr 108px;align-items:center}.orthogonality-card .card-label{grid-column:1 / -1}.orthogonality-card strong{font-size:15px}.orthogonality-card p{margin:5px 0 0;color:#708c89;font-size:9px}.audit-ok{color:var(--mint)}.audit-fail{color:var(--pink)}.axis-bars{height:55px;display:flex;align-items:flex-end;gap:4px}.axis-bars span{flex:1;height:100%;display:flex;align-items:flex-end;background:#ffffff06}.axis-bars i{width:100%;background:linear-gradient(var(--mint),rgba(83,246,214,.15))}.content-page{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:24px 0 48px}.page-heading{min-height:108px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:20px}.page-heading h1{font-size:clamp(28px,4vw,46px)}.page-heading>div>p:last-child{margin:8px 0 0;color:#789491;font-size:11px}.campaign-count{display:flex;align-items:baseline;gap:9px;padding-bottom:7px}.campaign-count b{color:var(--mint);font:34px Black Han Sans}.campaign-count span{color:#708c89;font-size:10px}.chapter-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}.chapter-tabs button{min-height:48px;padding:7px 12px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);color:#698481;background:#ffffff05;cursor:pointer}.chapter-tabs b{font:19px Black Han Sans}.chapter-tabs span{font-size:9px}.chapter-tabs button.active{color:var(--chapter);border-color:color-mix(in srgb,var(--chapter) 50%,transparent);background:color-mix(in srgb,var(--chapter) 7%,transparent);box-shadow:inset 0 -2px var(--chapter)}.stage-list{display:grid;gap:7px}.stage-card{min-height:92px;display:grid;grid-template-columns:68px minmax(300px,1fr) 120px 58px 65px;align-items:center;gap:13px;padding:9px 12px;border:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--stage) 4%,transparent),#0b1c24e0)}.stage-card.cleared{border-left:2px solid var(--stage)}.stage-card.locked{opacity:.43;filter:saturate(.3)}.stage-number{align-self:stretch;display:grid;place-items:center;position:relative;color:var(--stage);border-right:1px solid var(--line);font:21px Black Han Sans}.stage-number i{position:absolute;right:-2px;top:50%;width:3px;height:18px;transform:translateY(-50%);background:var(--stage);box-shadow:0 0 10px var(--stage)}.stage-main>div{display:flex;align-items:baseline;gap:9px}.stage-main span{color:var(--stage);font-size:7px;font-weight:800;letter-spacing:.14em}.stage-main h2{margin:0;font-size:15px}.stage-main p{margin:5px 0 7px;color:#829b98;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommended small{color:#587370;font-size:7px}.recommended div{display:flex;gap:4px;margin:5px 0}.recommended div span{width:23px;aspect-ratio:1;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--stage) 40%,transparent);color:var(--stage);font:10px Black Han Sans}.recommended em{color:#6c8582;font-size:7px;font-style:normal}.stage-result{text-align:center}.stage-result b{display:block;color:#617b78;font:24px Black Han Sans}.stage-result small{color:#66807d;font-size:7px}.stage-result .rank-gold{color:var(--gold)}.stage-result .rank-silver{color:var(--blue)}.stage-result .rank-bronze{color:#e98b60}.stage-launch{height:35px;border:1px solid color-mix(in srgb,var(--stage) 45%,transparent);color:var(--stage);background:color-mix(in srgb,var(--stage) 7%,transparent);font-size:9px;font-weight:800;cursor:pointer}.stage-launch:disabled{border-color:#344746;color:#60716f}.roster-layout{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(330px,.85fr);gap:14px}.roster-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;align-content:start}.operator-tile{min-height:72px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);text-align:left;background:#0c1f27cc;cursor:pointer}.operator-tile.selected{border-color:var(--mint);background:#53f6d60f}.operator-tile.locked{opacity:.4;filter:grayscale(1)}.operator-tile .tile-sigil{width:45px;font-size:17px}.operator-tile small{display:block;color:#63817e;font-size:7px;text-transform:uppercase}.operator-tile b{display:block;margin:2px 0;font-size:12px}.operator-tile em{display:block;color:#8da4a1;font-size:8px;font-style:normal}.operator-tile>i{color:var(--mint);font-size:7px;font-style:normal;letter-spacing:.1em}.operator-detail{min-height:470px;padding:25px;border:1px solid var(--line);background:radial-gradient(circle at 80% 0,rgba(83,246,214,.1),transparent 35%),var(--panel)}.detail-sigil{float:right;width:86px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(83,246,214,.35);border-radius:50%;color:var(--mint);font:40px Black Han Sans;box-shadow:inset 0 0 35px #53f6d614}.operator-detail h2{margin:0;font:34px Black Han Sans}.operator-detail>p:not(.eyebrow){max-width:68%;color:#8ca6a2;font-size:10px;line-height:1.65}.strengths{display:grid;grid-template-columns:42px 1fr 1fr;gap:5px;margin:22px 0;font-size:8px}.strengths span{color:#607b78}.strengths b{padding:3px 5px;color:var(--mint);border:1px solid rgba(83,246,214,.18)}.strengths em{grid-column:span 2;color:#ff96b5;font-style:normal}.skill-callout{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:12px;border-left:2px solid var(--mint);background:#53f6d60e}.skill-callout i{color:var(--mint);font-size:7px;font-style:normal}.skill-callout b{font-size:11px}.skill-callout p{margin:3px 0 0;color:#829c99;font-size:8px}.skill-callout>span{color:var(--mint);font:13px Black Han Sans}.loadout-affinity-summary{margin:10px 0;padding:8px 10px;border-left:2px solid var(--mint);background:#53f6d60a}.loadout-affinity-summary b,.loadout-affinity-summary span,.loadout-affinity-summary em{display:block}.loadout-affinity-summary b{color:var(--mint);font-size:7px}.loadout-affinity-summary span{margin-top:3px;font-size:8px}.loadout-affinity-summary em{margin-top:3px;color:#8ca3a0;font-size:7px;font-style:normal}.loadout-affinity-summary.has-conflict{border-color:var(--pink);background:#ff4f860d}.loadout-affinity-summary.has-conflict b,.loadout-affinity-summary.has-conflict em{color:#ff8dae}.axis-detail{display:grid;gap:5px;margin-top:20px}.axis-detail div{display:grid;grid-template-columns:58px 1fr 12px;align-items:center;gap:8px}.axis-detail span{color:#708986;font:7px ui-monospace;text-transform:uppercase}.axis-detail i{height:3px;background:#193239}.axis-detail i b{display:block;height:100%;background:var(--mint)}.axis-detail em{color:var(--mint);font-size:7px;font-style:normal}.loadout-mini{display:flex;gap:6px}.loadout-mini span{min-width:100px;padding:7px 10px;border:1px solid var(--line)}.loadout-mini span.fit-strong{border-color:#53f6d685;background:#53f6d60f}.loadout-mini span.fit-weak{border-color:#ff4f8680;background:#ff4f860f}.loadout-mini small{display:block;color:#5d7774;font-size:7px}.loadout-mini .fit-strong small{color:var(--mint)}.loadout-mini .fit-weak small{color:#ff8dae}.loadout-mini b{display:block;margin-top:3px;font-size:8px}.inventory-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid var(--line);background:#0c1f27b8}.inventory-tools>div{display:flex;gap:5px}.inventory-tools button,.inventory-tools select{min-height:27px;padding:5px 10px;border:1px solid var(--line);color:#7f9b97;background:#09191f;font-size:8px}.inventory-tools button.active{color:var(--mint);border-color:#53f6d673}.inventory-tools label{display:flex;align-items:center;gap:7px;color:#708986;font-size:8px}.empty-equipment{grid-column:1 / -1;padding:20px;color:#708986;text-align:center;font-size:9px}.equipment-section{margin-top:23px}.equipment-section .section-heading{margin-bottom:9px}.equipment-section .section-heading>small{color:#607b78;font-size:8px}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.equipment-card{min-height:286px;padding:14px;display:grid;grid-template-columns:42px 1fr;align-content:start;gap:9px 10px;border:1px solid var(--line);background:#0c1f27d1}.equipment-card.fit-strong{border-color:#53f6d661;background:linear-gradient(145deg,rgba(83,246,214,.07),transparent 48%),#0c1f27e0}.equipment-card.fit-weak{border-color:#ff4f864d;background:linear-gradient(145deg,rgba(255,79,134,.07),transparent 48%),#0c1f27e0}.equipment-card.equipped{border-color:#53f6d6b8;box-shadow:inset 0 2px var(--mint)}.equipment-icon{width:42px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(83,246,214,.23);color:var(--mint);font-size:22px}.equipment-card small{color:var(--mint);font-size:7px;letter-spacing:.11em}.equipment-card h3{margin:3px 0;font-size:12px}.equipment-card p{margin:0;color:#839c99;font-size:8px;line-height:1.55}.equipment-card dl{grid-column:1 / -1;display:grid;grid-template-columns:34px 1fr;gap:4px 8px;margin:3px 0;font-size:7px}.equipment-card dt{color:#5f7c78}.equipment-card dd{margin:0;color:#a5b9b6}.equipment-card dd:last-child{color:#ff8dae}.fit-callout{grid-column:1 / -1;padding:7px 8px;border-left:2px solid #607b78;background:#ffffff06}.fit-callout strong,.fit-callout span{display:block}.fit-callout strong{color:#99afac;font-size:7px;letter-spacing:.04em}.fit-callout span{margin-top:3px;color:#708986;font-size:7px;line-height:1.45}.fit-strong .fit-callout{border-color:var(--mint)}.fit-strong .fit-callout strong{color:var(--mint)}.fit-weak .fit-callout{border-color:var(--pink)}.fit-weak .fit-callout strong{color:#ff8dae}.affinity-map{grid-column:1 / -1;display:grid;gap:3px;font-size:6px;line-height:1.35}.affinity-map b{color:#78cbbd}.affinity-map em{color:#c16d87;font-style:normal}.equipment-actions{grid-column:1 / -1;display:flex;gap:5px}.equipment-actions button{flex:1;min-height:28px;border:1px solid rgba(83,246,214,.2);color:var(--mint);background:#53f6d60a;font-size:8px;cursor:pointer}.equipment-actions button:disabled{color:#5b706e;border-color:var(--line)}.settings-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}.settings-grid article{padding:21px;border:1px solid var(--line);background:var(--panel)}.settings-grid article:last-child{grid-column:1 / -1}.settings-grid h2{margin:0 0 16px;font-size:15px}.settings-grid p,.settings-grid li{color:#819a97;font-size:9px;line-height:1.6}.settings-grid label{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:9px}.settings-grid label span b{color:var(--mint)}.settings-grid select,.settings-grid textarea{border:1px solid var(--line);color:#cbe1de;background:#09191f}.settings-grid input[type=range]{width:45%;accent-color:var(--mint)}.settings-grid textarea{width:100%;min-height:82px;padding:9px;resize:vertical;font:8px ui-monospace}.settings-actions{display:flex;gap:6px;margin-top:8px}.settings-actions button{padding:8px 11px;border:1px solid var(--line);color:var(--mint);background:transparent;font-size:8px;cursor:pointer}.settings-actions .danger{margin-left:auto;color:var(--pink);border-color:#ff4f8640}.recruit-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:12px}.recruit-grid>article,.recruit-history{padding:22px;border:1px solid var(--line);background:var(--panel)}.draw-heading>span{color:var(--mint);font-size:7px;font-weight:800;letter-spacing:.17em}.draw-heading h2{margin:5px 0 4px;font-size:18px}.draw-heading p{margin:0;color:#829b98;font-size:8px;line-height:1.55}.draw-pool{display:flex;align-items:baseline;gap:7px;margin:18px 0 10px}.draw-pool b{color:var(--gold);font:42px/1 Black Han Sans}.draw-pool span{color:#78908e;font-size:8px}.pool-tags{min-height:56px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px}.pool-tags span{padding:4px 6px;border:1px solid var(--line);color:#75918d;font-size:6px;letter-spacing:.05em}.operator-draw .primary-action{width:100%;margin-top:15px}.primary-action:disabled{filter:grayscale(1);opacity:.45;cursor:default}.slot-draws{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.slot-draws button{min-height:73px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:11px 13px;border:1px solid rgba(83,246,214,.22);color:#b8cfcb;background:#53f6d609;text-align:left;cursor:pointer}.slot-draws button:disabled{opacity:.4;cursor:default}.slot-draws span{font-size:10px;font-weight:700}.slot-draws b{color:var(--gold);font-size:9px}.slot-draws small{grid-column:1 / -1;color:#607b78;font-size:7px}.recruit-reveal{margin-bottom:12px;padding:12px 18px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 14px;border:1px solid rgba(255,209,102,.4);background:linear-gradient(90deg,rgba(255,209,102,.09),transparent)}.recruit-reveal small{grid-row:span 2;color:var(--gold);font-size:7px;letter-spacing:.15em}.recruit-reveal strong{font:19px Black Han Sans}.recruit-reveal span{color:#91a9a6;font-size:8px}.recruit-history{margin-top:12px}.recruit-history>span{display:grid;grid-template-columns:72px 1fr auto;gap:8px;padding:7px 0;border-top:1px solid var(--line);font-size:8px}.recruit-history>span b{color:var(--mint);font-size:6px}.recruit-history>span em{color:var(--gold);font-style:normal}.recruit-history>p{color:#6e8986;font-size:8px}.combat-root{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;background:#07131a}.combat-canvas{position:absolute;inset:0;width:100%;height:100%}.combat-hud{position:absolute;z-index:5;top:max(11px,env(safe-area-inset-top,0));left:max(14px,env(safe-area-inset-left,0));right:max(14px,env(safe-area-inset-right,0));display:grid;grid-template-columns:1fr auto 1fr;align-items:start;pointer-events:none}.hud-left{display:flex;align-items:center;gap:6px}.hud-left button{width:34px;flex:0 0 auto;aspect-ratio:1;border:1px solid rgba(255,255,255,.16);background:#051116bf;pointer-events:auto}.hud-left .fullscreen-button{color:var(--mint);border-color:#53f6d647;font-size:16px}.hud-left div{margin-left:2px;padding:7px 10px;border-left:2px solid var(--mint);background:linear-gradient(90deg,rgba(5,17,22,.83),transparent)}.hud-left span{display:block;color:var(--mint);font-size:8px}.hud-left b{display:block;max-width:320px;margin-top:2px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-center{min-width:145px;padding:4px 16px 8px;text-align:center;background:linear-gradient(135deg,transparent 10px,rgba(5,17,22,.85) 0) top left,linear-gradient(225deg,transparent 10px,rgba(5,17,22,.85) 0) top right;background-size:51% 100%;background-repeat:no-repeat}.hud-center span{display:block;color:#72918d;font-size:7px;letter-spacing:.2em}.hud-center b{display:block;font:25px/1.1 Black Han Sans;font-variant-numeric:tabular-nums}.hud-center em{position:absolute;margin-left:-30px;color:var(--gold);font-size:8px;font-style:normal}.hud-right{justify-self:end;display:flex;align-items:center;gap:8px}.hud-right>span,.hud-right>b{min-width:57px;padding:8px 10px;text-align:center;background:#051116c7;font:13px Black Han Sans}.hud-right>span{display:flex;align-items:center;gap:7px}.hud-right .wave-readout{min-width:48px;color:#688481;font:7px Noto Sans KR}.hud-right .wave-readout b{color:var(--mint);font:11px Black Han Sans}.enemy-dot{width:8px;aspect-ratio:1;display:inline-block;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink)}.hp-cluster{position:absolute;z-index:5;top:70px;left:max(16px,env(safe-area-inset-left,0));width:min(260px,27vw);padding:8px 10px;background:#051116bf}.hp-cluster>span{color:#a8c0bd;font-size:8px}.hp-cluster>div{height:6px;margin:5px 0 3px;transform:skew(-20deg);background:#243a3e;overflow:hidden}.hp-cluster i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#31cdb2,var(--mint));box-shadow:0 0 10px var(--mint)}.hp-cluster>b{color:#87a29f;font-size:7px}.boss-status{position:absolute;z-index:5;top:70px;right:max(16px,env(safe-area-inset-right,0));width:min(260px,27vw);padding:8px 10px;border-right:2px solid var(--boss-color, var(--pink));text-align:right;background:#051116c7;pointer-events:none}.boss-status[hidden]{display:none}.boss-status>span{color:var(--boss-color, var(--pink));font-size:8px;font-weight:800;letter-spacing:.08em}.boss-status>div{height:6px;margin:5px 0 3px;transform:skew(20deg);background:#3c2832;overflow:hidden}.boss-status i{display:block;width:100%;height:100%;margin-left:auto;background:linear-gradient(90deg,#ff416f,var(--boss-color, var(--pink)));box-shadow:0 0 10px var(--boss-color, var(--pink))}.boss-status>b{display:block;color:#a88d99;font-size:7px;font-weight:600}.mission-callout{position:absolute;z-index:5;left:50%;top:76px;max-width:350px;transform:translate(-50%);padding:7px 14px;text-align:center;background:#0511169e;pointer-events:none}.mission-callout small{display:block;color:var(--gold);font-size:6px;letter-spacing:.16em}.mission-callout span{font-size:8px}.mission-callout>b{display:flex;justify-content:center;gap:6px;margin-top:4px;font-size:7px;font-weight:600}.mission-callout>b i{color:#75918d;font-style:normal}.mission-callout>b em{color:var(--mint);font-style:normal}.touch-pad{position:absolute;z-index:6;bottom:max(20px,env(safe-area-inset-bottom,0));width:122px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(151,255,237,.19);border-radius:50%;background:#05111638;touch-action:none}.touch-pad:before,.touch-pad:after{content:"";position:absolute;background:#97ffed1c}.touch-pad:before{width:1px;height:82%}.touch-pad:after{width:82%;height:1px}.touch-pad>i{position:absolute;inset:24px;border:1px dashed rgba(151,255,237,.18);border-radius:inherit}.touch-pad>b{z-index:2;width:42px;aspect-ratio:1;border:1px solid rgba(83,246,214,.56);border-radius:inherit;background:#53f6d629;box-shadow:0 0 18px #53f6d626;pointer-events:none}.touch-pad>span{position:absolute;bottom:-14px;color:#bffff56b;font-size:6px;letter-spacing:.16em}.move-pad{left:max(28px,env(safe-area-inset-left,0))}.aim-pad{right:max(28px,env(safe-area-inset-right,0));border-color:#ff4f863d}.aim-pad>b{border-color:#ff4f86a6;background:#ff4f862b}.combat-actions{position:absolute;z-index:7;right:max(135px,calc(env(safe-area-inset-right,0) + 135px));bottom:max(28px,calc(env(safe-area-inset-bottom,0) + 8px));display:flex;gap:8px}.combat-actions button{width:70px;aspect-ratio:1;border:1px solid rgba(83,246,214,.38);border-radius:50%;color:var(--mint);background:radial-gradient(circle,#53f6d624,#051116c7)}.combat-actions button:last-child{width:57px;align-self:end}.combat-actions span{display:block;font-size:6px;letter-spacing:.13em}.combat-actions b{display:block;max-width:55px;margin:3px auto 0;font-size:8px;line-height:1.2}.desktop-hint{position:absolute;z-index:5;left:50%;bottom:8px;transform:translate(-50%);color:#d3fff859;font-size:7px}.combat-root.player-hit:after,.combat-root.break-hit:after,.combat-root.boss-phase-shift:after{content:"";position:absolute;z-index:4;inset:0;pointer-events:none}.combat-root.player-hit:after{box-shadow:inset 0 0 70px #ff2c68a6}.combat-root.break-hit:after{background:#53f6d621}.combat-root.boss-phase-shift:after{box-shadow:inset 0 0 100px #c987ff61}.result-overlay{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#030b0fc2;backdrop-filter:blur(9px)}.result-card{width:min(460px,92vw);padding:26px 34px;text-align:center;border:1px solid rgba(83,246,214,.38);background:radial-gradient(circle at 50% 0,rgba(83,246,214,.1),transparent 38%),#0a1e26;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.result-card.failed{border-color:#ff4f8666}.result-rank{width:76px;aspect-ratio:1;display:grid;place-items:center;margin:0 auto 10px;border:1px solid currentColor;border-radius:50%;font:40px Black Han Sans}.rank-gold{color:var(--gold)}.rank-silver{color:var(--blue)}.rank-bronze{color:#e98b60}.rank-failed{color:var(--pink)}.result-card h2{margin:0;font-size:15px}.result-score{display:block;margin-top:7px;font:31px Black Han Sans}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-stats span{padding:10px 3px;font-size:11px}.result-stats small{display:block;color:#607b78;font-size:6px}.result-actions{display:flex;justify-content:center;gap:7px}.result-actions button{min-width:110px;padding:9px;border:1px solid var(--line);color:#a5bfbb;background:transparent;font-size:9px}.result-actions .primary-action{min-width:125px;margin:0;display:block;color:#061714;border:0;background:var(--mint)}.result-rewards{margin:-9px 0 14px;padding:8px 10px;border:1px solid rgba(255,209,102,.2);background:#ffd1660a}.result-rewards b,.result-rewards span{display:block}.result-rewards b{color:var(--gold);font-size:11px}.result-rewards span{margin-top:3px;color:#8ba19e;font-size:7px}.toast{position:fixed;z-index:50;left:50%;bottom:77px;transform:translate(-50%,15px);padding:9px 15px;border:1px solid rgba(83,246,214,.35);color:var(--mint);background:#051116f0;font-size:9px;opacity:0;pointer-events:none;transition:.2s ease}.toast.visible{opacity:1;transform:translate(-50%)}.portrait-guard{display:none}@media(max-width:820px){.home-grid{width:calc(100% - 22px);grid-template-columns:1.55fr .85fr;grid-template-rows:minmax(210px,1fr) 112px;padding:11px 0}.hero-panel{grid-column:1;padding:23px}.hero-copy{width:70%}.hero-orbit{right:3%;opacity:.72}.status-card{grid-column:2;grid-row:span 2;padding:16px}.character-card{grid-column:1}.orthogonality-card{display:none}.content-page{width:calc(100% - 22px);padding-top:13px}.page-heading{min-height:74px;margin-bottom:12px}.page-heading h1{font-size:30px}.page-heading>div>p:last-child{display:none}.stage-card{grid-template-columns:54px minmax(230px,1fr) 96px 48px 54px;min-height:80px}.recommended em{display:none}.roster-layout{grid-template-columns:1fr 1fr}.operator-detail{min-height:420px;padding:17px}.roster-list{gap:5px}.operator-tile{min-height:62px}.operator-tile .tile-sigil{width:38px}.operator-tile em{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equipment-grid{grid-template-columns:repeat(2,1fr)}.loadout-mini span{min-width:83px}.recruit-grid{grid-template-columns:.9fr 1.1fr}.recruit-grid>article,.recruit-history{padding:14px}.slot-draws button{min-height:60px}.draw-pool{margin:10px 0 7px}.draw-pool b{font-size:30px}.desktop-hint{display:none}.touch-pad{width:104px}.combat-actions{right:122px}.combat-actions button{width:62px}.hud-left b{max-width:200px}}@media(orientation:portrait)and (max-width:700px){.portrait-guard{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:30px;text-align:center;background:#07131a}.portrait-guard:before{content:"";position:absolute;inset:20%;border:1px solid rgba(83,246,214,.08);border-radius:50%;box-shadow:0 0 90px #53f6d614}.rotate-icon{position:relative;color:var(--mint);font-size:55px;animation:rotateHint 2s ease-in-out infinite}.portrait-guard strong{position:relative;font-size:18px}.portrait-guard span{position:relative;color:#728e8a;font-size:10px}@keyframes rotateHint{50%{transform:rotate(90deg)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}