:root{color:#fff;font-synthesis:none;--navy:#11193e;--navy-2:#20285d;--cyan:#13d9ff;--blue:#1478ff;--yellow:#ffd32a;--orange:#ff8a16;--purple:#8737e8;--lime:#83e90f;--outline:3px solid #060f35f2;--ui-paper:#f8f3e8;--ui-paper-2:#efe5d1;--ui-ink:#263048;--ui-muted:#6b7285;--ui-line:#4f677747;--ui-jade:#4fb7b0;--ui-gold:#c99b38;--ui-danger:#c64d54;--ui-shadow:0 18px 40px #2a34482e;background:#080c28;font-family:Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overscroll-behavior:none;-webkit-user-select:none;-webkit-touch-callout:none;background:radial-gradient(circle at 18% 22%,#1f50ff59,#0000 28%),radial-gradient(circle at 78% 70%,#9122da52,#0000 34%),#070b25;min-height:100dvh;overflow:hidden}button{font:inherit}.app-shell{place-items:center;width:100vw;height:100dvh;display:grid;position:relative}.game-frame{aspect-ratio:941/1672;isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:none;background:#2ea49c;max-width:100vw;height:100dvh;position:relative;overflow:hidden;box-shadow:0 0 0 1px #5ab4ff2e,0 30px 100px #000000a6}.game-canvas{width:100%;height:100%;display:block}.hud{pointer-events:none;z-index:5;position:absolute;inset:0}.hud button{pointer-events:auto}.hud__topline{top:max(2.1%, env(safe-area-inset-top));filter:drop-shadow(0 4px #050a23b8);grid-template-columns:12% 22% 1fr 25% 20%;align-items:center;gap:1.5%;height:5.2%;display:grid;position:absolute;left:3%;right:3%}.hud__pause{aspect-ratio:1;border:var(--outline);color:#fff;background:linear-gradient(#1d9eff,#1260d9);border-radius:24%;width:100%;font-size:clamp(20px,5vmin,36px);font-weight:900;box-shadow:inset 0 3px #fff6,0 0 0 2px #4db9ff}.hud__pill,.hud__timer{border:var(--outline);white-space:nowrap;text-shadow:0 2px #080d2a;background:linear-gradient(#27366f,#111a43);border-radius:16px;justify-content:center;align-items:center;min-height:62%;font-size:clamp(12px,3vmin,24px);font-weight:1000;display:flex;box-shadow:inset 0 2px #ffffff29,0 0 0 2px #3e86d4}.hud__timer{grid-column:4}.hud__scraps{grid-column:5;gap:.3em}.hud__scraps span{color:#45ffd0;text-shadow:0 0 10px #21ffd0}.hud__level{z-index:2;letter-spacing:.04em;text-shadow:0 3px #1a1955,0 0 8px #1d7aff;background:#171c58;border-radius:999px;padding:0 3%;font-size:clamp(14px,3.4vmin,27px);font-weight:1000;position:absolute;top:6.55%;left:50%;transform:translate(-50%)}.hud__xp{border:var(--outline);background:#0b1335;border-radius:999px;height:2.4%;position:absolute;top:8.75%;left:16%;right:16%;overflow:hidden;box-shadow:0 0 0 3px #2f87e9,inset 0 3px 6px #000000a6}.hud__xp span{border-radius:inherit;background:linear-gradient(#54efff 0 45%,#10c8f4 46% 100%);height:100%;transition:width .22s;display:block;box-shadow:inset 0 2px #ffffff94,0 0 18px #1bdfff}.hud__shield{z-index:2;color:#bdf3ff;text-shadow:0 0 8px #35c8ff;background:#143c6ed1;border:1px solid #4fd7ff;border-radius:999px;align-items:center;gap:.3em;padding:0 3%;font-size:clamp(11px,2.6vmin,18px);font-weight:900;display:flex;position:absolute;top:11.3%;left:50%;transform:translate(-50%)}.hud__arts{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35em;max-width:80%;display:flex;position:absolute;top:14.4%;left:50%;transform:translate(-50%)}.hud__art-badge{text-shadow:0 1px 2px #0009;background:#0a102ac7;border:1px solid #fff6;border-radius:8px;align-items:center;gap:.2em;min-width:1.8em;padding:.1em .45em;font-size:clamp(10px,2.2vmin,15px);font-weight:900;display:inline-flex}.hud__art-badge--shu{color:#ffce7a;border-color:#f2a93c}.hud__art-badge--jue{color:#b6c8ff;border-color:#6a86e6}.hud__art-badge b{font-weight:1000}.hud__ultimate{right:4%;bottom:max(20%, calc(env(safe-area-inset-bottom) + 16%));aspect-ratio:1;border:var(--outline);color:#9a8fd4;opacity:.72;background:linear-gradient(#3a2a6a,#1a1240);border-radius:22%;flex-direction:column;justify-content:center;align-items:center;gap:0;width:clamp(44px,11vmin,62px);font-weight:1000;transition:opacity .15s,transform .12s,box-shadow .15s;display:flex;position:absolute;box-shadow:inset 0 2px #ffffff1f,0 0 0 2px #6a4fd4}.hud__ultimate--ready{opacity:1;color:#ffe8a8;background:linear-gradient(#ff9a3c,#c44a12);box-shadow:inset 0 3px #ffffff59,0 0 0 2px #ffb84d,0 0 18px #ff8c288c}.hud__ultimate--ready:active:not(:disabled){transform:scale(.94)}.hud__ultimate:disabled{cursor:default}.hud__ultimate-label{font-size:clamp(12px,2.8vmin,18px);line-height:1}.hud__ultimate-count{font-size:clamp(13px,3.2vmin,20px);line-height:1}.hud__skill-bar{scrollbar-width:none;flex-direction:column;align-items:center;gap:clamp(4px,1vmin,8px);max-height:42%;display:flex;position:absolute;top:38%;right:3%;overflow-y:auto}.hud__skill-bar::-webkit-scrollbar{display:none}.skill-slot{aspect-ratio:1;color:#d8f4ff;background:linear-gradient(#20285deb,#11193ef2);border:2px solid #13d9ff73;border-radius:18%;place-items:center;width:clamp(36px,9vmin,48px);display:grid;position:relative;box-shadow:inset 0 1px #ffffff1f,0 2px 8px #00000059}.skill-slot__icon{place-items:center;width:100%;height:100%;font-size:clamp(13px,3.2vmin,17px);font-weight:1000;line-height:1;display:grid;position:relative}.skill-slot__cd{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.skill-slot__cd-track{fill:none;stroke:#080c288c;stroke-width:3px}.skill-slot__cd-progress{fill:none;stroke:#13d9ffe6;stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset 80ms linear}.skill-slot__cd-text{color:#fff;text-shadow:0 1px 3px #000000d9;pointer-events:none;place-items:center;font-size:clamp(10px,2.4vmin,13px);font-weight:1000;display:grid;position:absolute;inset:0;transform:rotate(90deg)}.skill-slot__level{text-align:center;color:#45ffd0;background:#0b1526;border:1.5px solid #13d9ff8c;border-radius:7px;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:1000;line-height:11px;position:absolute;bottom:-3px;right:-3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.touch-layer{z-index:3;touch-action:none;position:absolute;inset:0}.touch-indicator__base,.touch-indicator__knob{pointer-events:none;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.touch-indicator__base{background:#89daeb14;border:2px solid #ffffff59;width:120px;height:120px}.touch-indicator__knob{background:linear-gradient(160deg,#45e7ff80,#1386ed80);border:3px solid #ffffff8c;width:44px;height:44px}.screen-overlay{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.command-panel{border:1px solid var(--ui-line);box-shadow:var(--ui-shadow);color:var(--ui-ink);background:linear-gradient(#f8f3e8f5,#efe5d1e6)}.file-tab{border:1px solid var(--ui-line);color:var(--ui-ink);background:#f8f3e8e0}.home-page{--home-safe-top:max(calc(env(safe-area-inset-top) + 20px), 26px);--home-safe-bottom:max(calc(env(safe-area-inset-bottom) + 22px), 22px);--home-poster-ratio:.589431;padding:var(--home-safe-top) max(3.2%, 16px) var(--home-safe-bottom);pointer-events:auto;background:radial-gradient(circle at 20% 12%,#224cb333,#0000 26%),radial-gradient(circle at 78% 88%,#47147e2e,#0000 30%),#08111a;justify-content:flex-start;align-items:center;overflow:hidden}.home-page__scene{width:min(100%, calc((100dvh - var(--home-safe-top) - var(--home-safe-bottom)) * var(--home-poster-ratio)));max-height:calc(100dvh - var(--home-safe-top) - var(--home-safe-bottom));aspect-ratio:870/1476;pointer-events:auto;background:linear-gradient(#d0e3ee14,#111c2e2e 18%,#060e1a61 72%,#060a1694 100%),#09141f;border-radius:clamp(28px,4.6vmin,38px);margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #4974d68c,0 0 0 14px #11225842,0 24px 64px #03081480}.home-page__scene:before{content:"";border-radius:inherit;pointer-events:none;z-index:5;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #b7e2ee14,inset 0 -42px 80px #050a1238}.home-page__scene.is-loading:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(#08121e4d,#08121e14 34%,#08121e33 100%) 0 0/100% 100%,linear-gradient(112deg,#0000 0%,#ffffff0f 38%,#0000 62%) 0 0/240% 100%;animation:1.6s ease-in-out infinite homeLoadingSweep;position:absolute;inset:0}.home-page__art-picture,.home-page__art{position:absolute;inset:0}.home-page__art-picture{display:block}.home-page__art{object-fit:cover;object-position:center;width:100%;height:100%;transform:translateZ(0)}.home-page__poster-fx{pointer-events:none;mix-blend-mode:screen;opacity:0;width:100%;height:100%;transition:opacity .22s;position:absolute;inset:0;overflow:visible}.home-page__scene.is-ready .home-page__poster-fx,.home-page__scene.is-ready .home-page__mist-layer,.home-page__scene.is-ready .home-page__leaf-drift,.home-page__scene.is-ready .home-page__poster-cta{opacity:1}.home-page__chain-aura,.home-page__chain-tracer,.home-page__canal-aura,.home-page__canal-tracer{fill:none;stroke-linecap:round;stroke-linejoin:round}.home-page__chain-aura,.home-page__canal-aura{filter:drop-shadow(0 0 9px #8cfff53d);opacity:.22}.home-page__chain-aura{stroke:#86f0ea85;stroke-width:5px}.home-page__chain-tracer{stroke:url(#homeChainGlow);stroke-width:4.5px;stroke-dasharray:18 60;filter:drop-shadow(0 0 8px #a3fff46b);opacity:.76;animation:4.8s linear infinite homeChainFlow}.home-page__canal-aura{stroke:#aeefef75;stroke-width:6px}.home-page__canal-tracer{stroke:url(#homeCanalGlow);stroke-width:4px;stroke-dasharray:16 78;filter:drop-shadow(0 0 5px #aefdff52);opacity:.36;animation:7.2s linear infinite homeCanalFlow}.home-page__glint{fill:#e2fff4f0;filter:drop-shadow(0 0 10px #84fcf385);transform-origin:50%;animation:3.4s ease-in-out infinite homeGlintPulse}.home-page__glint--b{animation-delay:-.8s}.home-page__glint--c{animation-delay:-1.4s}.home-page__glint--d{animation-delay:-2.1s}.home-page__mist-layer,.home-page__leaf-drift{pointer-events:none;opacity:0;transition:opacity .22s;position:absolute;inset:0}.home-page__mist{filter:blur(14px);background:linear-gradient(90deg,#0000,#d2eef51f,#0000);border-radius:999px;position:absolute;left:-12%;right:-12%}.home-page__mist--top{height:12%;animation:13s ease-in-out infinite homeMistDrift;top:17%;transform:rotate(-7deg)}.home-page__mist--mid{opacity:.55;height:18%;animation:16s ease-in-out infinite reverse homeMistDrift;top:49%;transform:rotate(4deg)}.home-page__mist--bottom{opacity:.42;height:16%;animation:18s ease-in-out infinite homeMistDrift;bottom:10%;transform:rotate(-2deg)}.home-page__leaf{left:var(--leaf-x);top:var(--leaf-y);opacity:.48;width:14px;height:7px;transform:translate3d(0, 0, 0) scale(var(--leaf-scale)) rotate(-12deg);animation:homeLeafFloat var(--leaf-duration) ease-in-out infinite;animation-delay:var(--leaf-delay);background:radial-gradient(circle at 28%,#d1fff6eb,#0000 34%),linear-gradient(90deg,#4cb184cc,#9be8c3e6);border-radius:14px 10px;position:absolute;box-shadow:0 0 8px #5db69d24}.home-page__backdrop{pointer-events:none;background:linear-gradient(#040a121f 0%,#040a1208 28%,#03080e17 54%,#02050a70 100%),radial-gradient(circle at 50% 14%,#81cec414,#0000 26%),radial-gradient(circle at 50% 92%,#02070e42,#0000 30%);position:absolute;inset:0}.home-page__brand{z-index:1;justify-items:center;gap:.4rem;width:100%;padding:0 3%;display:grid;position:relative}.home-page__brand:before{content:"";z-index:-1;filter:blur(10px);opacity:.94;background:linear-gradient(#040a12ad,#040a120f),radial-gradient(circle at 50% 8%,#7ee8de2e,#0000 48%);border-radius:32px;position:absolute;inset:-.8rem 8% -.45rem}.home-page__eyebrow{color:#dcefee;letter-spacing:.08em;text-shadow:0 2px 10px #000a14e6;margin:0;font-family:Songti SC,Noto Serif TC,STSong,serif;font-size:clamp(12px,2.5vmin,15px);font-weight:800}.home-page__title{filter:drop-shadow(0 10px #08162cd1)drop-shadow(0 0 24px #67e0d633);justify-items:center;gap:.1rem;margin:0;font-family:STKaiti,BiauKai,DFKai-SB,Noto Serif TC,serif;display:grid}.home-page__title-main{color:#f8f1de;-webkit-text-stroke:2px #173457;text-shadow:0 4px #2d5871,0 8px #0c1f35,0 0 20px #70e3dd2e;font-size:clamp(62px,16vw,104px);line-height:.88}.home-page__title-sub{letter-spacing:.14em;color:#fff3c4;text-shadow:0 2px #231c0cb3;background:linear-gradient(#22575afa,#11393dfa);border:1px solid #cfac5eb8;border-radius:999px;margin-top:-.12rem;padding:.16rem 1.1rem .28rem;font-size:clamp(28px,7vw,48px);line-height:1;box-shadow:inset 0 1px #ffffff24,0 6px 18px #040a1447}.home-page__brand-line{color:#e0eeebf5;letter-spacing:.24em;text-shadow:0 2px 10px #000a14e6;margin:0;font-family:Songti SC,Noto Serif TC,serif;font-size:clamp(12px,2.7vmin,16px)}.home-page__dispatch{z-index:1;color:#e6efe9;letter-spacing:.14em;background:linear-gradient(#08121fcc,#08121f66);border:1px solid #d5b66861;border-radius:999px;margin:auto 0 0;padding:.34rem 1rem .46rem;font-family:Songti SC,Noto Serif TC,serif;font-size:clamp(12px,2.6vmin,15px);position:relative;box-shadow:0 10px 24px #0208103d}.home-page__footer{z-index:1;justify-items:center;gap:.8rem;width:100%;margin-top:1rem;padding:0;display:grid;position:relative}.home-page .home-page__enter.primary-button{color:#f3d98f;letter-spacing:.08em;text-transform:none;background:linear-gradient(#3f564afa,#18231cfa),linear-gradient(90deg,#5db2ac29,#c9a85b24);border:1.5px solid #d6b364c2;border-radius:22px;width:min(100%,360px);min-width:0;padding:1.15rem 1.8rem 1.2rem;font-size:clamp(24px,6vmin,36px);font-weight:1000;animation:3.2s ease-in-out infinite homeEnterGlow;box-shadow:inset 0 1px #ffffff1f,0 0 0 2px #32210b85,0 12px 28px #0208106b}.home-page .home-page__enter.primary-button .primary-button__label{z-index:1;position:relative}.home-page .home-page__enter.primary-button:before{content:"";pointer-events:none;border:1px solid #70e4dc38;border-radius:16px;position:absolute;inset:7px}.home-page .home-page__enter.primary-button:after{content:"";pointer-events:none;background:linear-gradient(#ffffff2e,#fff0);border-radius:16px 16px 40px 40px;height:34%;position:absolute;top:7px;left:18px;right:18px}.home-page .home-page__enter.primary-button .home-page__enter-spark{background:radial-gradient(circle,#fff7d6 0%,#e9cb79 58%,#7be4d7 100%);border-radius:50%;width:.62rem;height:.62rem;box-shadow:0 0 12px #7be4d761}.home-page__hint{color:#dbe8e3e6;letter-spacing:.12em;text-shadow:0 1px 8px #000812d1;margin:0;font-family:Songti SC,Noto Serif TC,serif;font-size:clamp(11px,2.3vmin,14px)}@keyframes homeLoadingSweep{0%,to{opacity:1;background-position:0 0,140% 0}50%{opacity:.88;background-position:0 0,-20% 0}}@keyframes homeChainFlow{0%{stroke-dashoffset:0;opacity:.62}50%{opacity:.84}to{stroke-dashoffset:-104px;opacity:.66}}@keyframes homeCanalFlow{0%{stroke-dashoffset:0;opacity:.28}50%{opacity:.52}to{stroke-dashoffset:-120px;opacity:.34}}@keyframes homeGlintPulse{0%,to{opacity:.14;transform:scale(.82)}45%{opacity:.88;transform:scale(1.16)}70%{opacity:.4;transform:scale(.96)}}@keyframes homeMistDrift{0%,to{opacity:.24;transform:translate(-1.2%)rotate(-4deg)}50%{opacity:.48;transform:translate(1.4%,-1%)rotate(4deg)}}@keyframes homeLeafFloat{0%,to{transform:translate3d(0, 0, 0) scale(var(--leaf-scale)) rotate(-12deg);opacity:.12}15%{opacity:.36}50%{transform:translate3d(9px, -12px, 0) scale(calc(var(--leaf-scale) * 1.04)) rotate(8deg);opacity:.52}85%{opacity:.28}}@keyframes homeFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes homeEnterGlow{0%,to{transform:translateY(0);box-shadow:inset 0 1px #ffffff1f,0 0 0 2px #32210b85,0 12px 28px #0208106b}50%{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff24,0 0 0 2px #32210b85,0 16px 34px #0208107a,0 0 24px #68e0d91f}}@keyframes homeCtaGloss{0%,12%{opacity:0;transform:translate(-120%)}24%{opacity:.84}50%{opacity:.9;transform:translate(36%)}72%{opacity:.14}to{opacity:0;transform:translate(132%)}}.start-overlay{padding:max(env(safe-area-inset-top), 12px) 7% max(6%, calc(env(safe-area-inset-bottom) + 12px));background:linear-gradient(#040a1c26 0%,#040a1c6b 42%,#070c26eb 100%);justify-content:space-between;overflow:hidden}.start-overlay__atmosphere{pointer-events:none;position:absolute;inset:0}.start-overlay__mist{filter:blur(18px);opacity:.7;background:linear-gradient(90deg,#0000,#c4ecff24,#0000);height:34%;position:absolute;left:-10%;right:-10%}.start-overlay__mist--top{top:8%;transform:rotate(-4deg)}.start-overlay__mist--bottom{opacity:.45;bottom:18%;transform:rotate(3deg)}.start-overlay__glow{aspect-ratio:1;background:radial-gradient(circle,#30c4ff38,#0000 68%);width:72%;position:absolute;top:18%;left:50%;transform:translate(-50%)}.start-overlay__hero,.start-overlay__panel,.start-overlay__footer{z-index:1;width:100%;position:relative}.start-overlay__hero{justify-items:center;gap:.55rem;margin-top:4%;display:grid}.start-overlay__hero--compact{gap:.35rem;margin-top:2%}.start-overlay__prep-title{letter-spacing:.06em;text-shadow:0 3px #15245d,0 0 16px #30a6ff59;margin:0;font-size:clamp(22px,5vmin,34px);line-height:1.12}.start-seal{aspect-ratio:1;place-items:center;width:clamp(84px,22vw,128px);display:grid;position:relative}.start-seal__ring{background:radial-gradient(circle at 35% 25%,#ffffff38,#0000 42%),linear-gradient(145deg,#18bcdceb,#4834a8eb);border:3px solid #ffdc82d9;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 6px #122258bf,0 0 28px #24bcff59,inset 0 0 18px #ffffff1f}.start-seal__core{z-index:1;color:#fff8e8;text-shadow:0 3px #12285ccc;font-size:clamp(34px,9vw,52px);font-weight:1000;position:relative}.start-overlay .eyebrow{color:#7fe8ff;letter-spacing:.22em;margin:0;font-size:clamp(10px,2.2vmin,15px);font-weight:800}.start-overlay h1{letter-spacing:.04em;text-shadow:0 4px #15245d,0 0 20px #30a6ff73;max-width:92%;margin:0;font-size:clamp(28px,6.8vmin,48px);line-height:1.08}.start-overlay__copy{color:#d2e4ff;max-width:88%;margin:0;font-family:system-ui,sans-serif;font-size:clamp(12px,2.8vmin,18px);font-weight:600;line-height:1.55}.start-overlay__panel{gap:.9rem;display:grid}.sect-picker{grid-template-columns:repeat(3,1fr);gap:2.5%;width:100%;display:grid}.sect-option{border:2px solid color-mix(in srgb, var(--sect) 55%, #fff3);color:#dce9ff;background:linear-gradient(#121c44eb,#0a102af5);border-radius:16px;min-width:0;padding:4.5% 3%;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:inset 0 1px #ffffff1a,0 5px #03081ea6}.sect-option strong,.sect-option span{white-space:nowrap;display:block}.sect-option strong{color:#fff;font-size:clamp(10px,2.4vmin,16px)}.sect-option span{color:var(--sect);margin-top:.25rem;font-size:clamp(8px,1.8vmin,12px)}.sect-option.is-selected{border-color:var(--sect);background:color-mix(in srgb, var(--sect) 18%, #0c1436f5);box-shadow:0 0 0 1px color-mix(in srgb, var(--sect) 65%, white), inset 0 1px 0 #ffffff2e, 0 6px 0 #03081eb8;transform:translateY(-2px)}.sect-option--fire{--sect:#ff8a3d}.sect-option--water{--sect:#40ddff}.sect-option--wind{--sect:#b7f06c}.mission-card{background:linear-gradient(135deg,#101e48f0,#18143af0);border:2px solid #7ec6ff73;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:4%;width:100%;padding:4.5% 5%;display:grid;box-shadow:inset 0 1px #ffffff1f,0 6px #050a269e,0 0 24px #2484ff1f}.mission-card__badge{color:#1a1738;letter-spacing:.08em;background:linear-gradient(#ffd660f2,#ff9a24f2);border-radius:12px;min-width:clamp(52px,14vw,72px);padding:.45rem .35rem;font-size:clamp(10px,2.2vmin,14px);font-weight:900;box-shadow:inset 0 1px #ffffff73}.mission-card__body{text-align:left;gap:.2rem;display:grid}.mission-card strong{white-space:nowrap;font-size:clamp(17px,3.8vmin,26px)}.mission-card small{color:#ffafc8;font-size:clamp(10px,2.2vmin,14px)}.start-overlay__footer{justify-items:center;gap:.75rem;display:grid}.primary-button{color:#111735;text-transform:uppercase;background:linear-gradient(#fff055 0 30%,#ffc928 31% 75%,#ff9d0a 76%);border:3px solid #fff0a8;border-radius:18px;justify-content:center;align-items:center;gap:.45em;min-width:62%;padding:3.8% 8%;font-size:clamp(18px,4.6vmin,30px);font-weight:1000;display:inline-flex;box-shadow:0 0 0 3px #5d3600,inset 0 2px #ffffffb8,0 8px #ad5700,0 14px 26px #00000061}.primary-button__label{line-height:1}.primary-button__spark{font-size:.95em}.primary-button:active{transform:translateY(5px);box-shadow:0 0 0 3px #5d3600,inset 0 2px #fff9,0 3px #ad5700}.control-hint{color:#8ba1d9;letter-spacing:.08em;margin:0;font-size:clamp(9px,2vmin,13px)}.title-card-overlay{z-index:22;padding:max(env(safe-area-inset-top), 44px) 6% 0;pointer-events:auto;background:radial-gradient(circle at 50% 18%,#78ced624,#0000 24%),linear-gradient(#04091857,#04091814 54%,#0409186b);align-items:flex-start}.title-card-overlay__panel{background:linear-gradient(#121b3df0,#090e22f5),#090e22f0;border:1px solid #dac17e80;border-radius:24px;justify-items:start;gap:.55rem;width:min(92%,460px);padding:1.05rem 1.1rem 1rem;display:grid;box-shadow:inset 0 1px #fff7e024,0 18px 42px #00000057}.title-card-overlay__crest{aspect-ratio:1;color:#213454;background:radial-gradient(circle at 50% 34%,#fff1c4e6,#a07836eb 66%,#2f220efa);border:1px solid #e5c9858a;border-radius:50%;place-items:center;width:52px;font-size:24px;font-weight:900;display:grid;box-shadow:0 10px 24px #00000042}.title-card-overlay__chapter{color:#9db8df;letter-spacing:.22em;margin:0;font-size:clamp(10px,2.2vmin,13px);font-weight:800}.title-card-overlay__locale{color:#d7c48a;letter-spacing:.16em;margin:-.1rem 0 0;font-size:clamp(10px,2.1vmin,12px)}.title-card-overlay h2{letter-spacing:.04em;color:#f6f0df;text-shadow:0 4px #122354d9;margin:0;font-size:clamp(28px,6.6vmin,42px)}.title-card-overlay__seals{flex-wrap:wrap;gap:.35rem;display:flex}.title-card-overlay__seals span{color:#d9f7f5;background:#08122894;border:1px solid #70cad442;border-radius:999px;padding:.22rem .55rem;font-size:clamp(9px,1.9vmin,11px);font-weight:700}.title-card-overlay__body{color:#d7e8ff;margin:.2rem 0 0;font-size:clamp(12px,2.7vmin,17px);line-height:1.58}.title-card-overlay__actions{gap:.55rem;width:100%;display:grid}.title-card-overlay__skip{color:#ffe7a8;background:linear-gradient(#3c3113fa,#20180bf5),#20180bf5;border:1px solid #ffd56a8f;border-radius:14px;min-width:132px;padding:.52rem 1.1rem;font-weight:800;box-shadow:inset 0 1px #fff3ce2e}.title-card-overlay__hint{color:#d6e4ffb8;margin:0;font-size:clamp(10px,2.2vmin,12px);line-height:1.5}.perk-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e249e;justify-content:center;padding:8% 5%}.perk-heading{color:#fffef9;text-shadow:0 3px #203258d1;background:linear-gradient(135deg,#2b6ecdf2,#4b64d7f0 55%,#664fd4eb);border:1px solid #65ccc66b;border-radius:24px;width:min(78%,480px);padding:.9rem 1rem;font-size:clamp(25px,7vmin,50px);font-weight:1000;box-shadow:0 18px 36px #111b3752,inset 0 1px #ffffff3d}.perk-overlay h2{color:#eef7fb;text-shadow:0 3px #14203a7a;margin:5% 0 6%;font-size:clamp(16px,3.8vmin,28px)}.perk-list{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:2%;width:100%;display:grid}.perk-card{border:1px solid color-mix(in srgb, var(--perk) 55%, #ffffff2e);color:#fff;text-align:left;background:linear-gradient(#121c38f2,#0b1128f5);border-radius:22px;grid-template-columns:auto 1fr;align-items:start;gap:.7rem;min-width:0;padding:.75rem .72rem .82rem;display:grid;overflow:hidden;box-shadow:0 16px 32px #0a102447,inset 0 1px #ffffff1f}.perk-card__icon{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--perk) 58%, #fff3);background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--perk) 36%, white 8%), #121c3847 68%);border-radius:18px;place-items:center;width:clamp(48px,11vmin,64px);display:grid;box-shadow:inset 0 1px #ffffff38,0 8px 18px #0000002e}.perk-card__icon-glyph{color:#fff9eb;text-shadow:0 2px #111a3dcc;font-size:clamp(18px,4.2vmin,28px);font-weight:1000}.perk-card__body{gap:.35rem;display:grid}.perk-card__meta{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.perk-card__level,.perk-card__rarity,.perk-card__tag{border-radius:999px;place-items:center;padding:.16rem .5rem;font-size:clamp(8px,1.9vmin,11px);font-weight:800;display:inline-grid}.perk-card__level{border:1px solid color-mix(in srgb, var(--perk) 55%, #ffffff24);color:#f3f8ff;background:#ffffff24}.perk-card__rarity{background:color-mix(in srgb, var(--perk) 30%, #ffffff0f);border:1px solid color-mix(in srgb, var(--perk) 58%, #ffffff1f);color:#fff6dc}.perk-card__title{color:#fffef9;font-size:clamp(12px,2.8vmin,18px);line-height:1.15}.perk-card__desc{color:#d5e1fb;font-size:clamp(10px,2.4vmin,14px);line-height:1.35}.perk-card__tags{flex-wrap:wrap;gap:.3rem;display:flex}.perk-card__tag{color:#bfeee6;background:#ffffff14;border:1px solid #ffffff14}.perk-card:active{transform:translateY(3px);box-shadow:0 10px 20px #0a102438,inset 0 1px #ffffff1f}.perk-card--orange{--perk:#ff8518}.perk-card--cyan{--perk:#12cbea}.perk-card--lime{--perk:#78d912}.perk-card--violet{--perk:#9a6bff}.perk-card--rose{--perk:#ff5c8a}.perk-overlay>p{color:#edf6fb;text-shadow:0 2px #14203a7a;margin-top:7%;font-size:clamp(12px,3vmin,22px)}.pause-label{z-index:9;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#060a228f;place-content:center;gap:.4rem;display:grid;position:absolute;inset:0}.pause-label b{text-shadow:0 5px #182660;font-size:clamp(32px,9vmin,70px)}.pause-label span{color:#bcecff}.pause-overlay{z-index:9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#060a22b8;align-content:start;gap:3%;padding:4% 5% 5%;overflow-y:auto}.pause-overlay__header{text-align:center;color:#eaf6ff}.pause-overlay__header strong{letter-spacing:.28em;text-indent:.28em;text-shadow:0 4px #182660;font-size:clamp(28px,7vmin,52px);display:block}.pause-overlay__header span{color:#9fdcff;margin-top:.35rem;font-size:clamp(11px,2.6vmin,16px);display:block}.pause-overlay__panel{background:linear-gradient(#121c44eb,#0a102af5);border:2px solid #78b4ff47;border-radius:18px;width:min(100%,420px);margin:0 auto;padding:3.5% 4%;box-shadow:inset 0 1px #ffffff14}.pause-overlay__section+.pause-overlay__section{margin-top:4%}.pause-overlay__section h3{color:#8ecfff;letter-spacing:.18em;text-transform:uppercase;margin:0 0 2.5%;font-size:clamp(11px,2.5vmin,15px)}.pause-overlay__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5%;display:grid}.pause-overlay__empty{color:#9eb6d8;text-align:center;margin:0;padding:2% 0 4%;font-size:clamp(11px,2.6vmin,15px)}.pause-chip{color:#eaf6ff;background:#ffffff0a;border:2px solid #ffffff1f;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;min-height:44px;padding:2.5% 3%;display:grid}.pause-chip--orange{border-color:#ff85188c}.pause-chip--cyan{border-color:#12cbea8c}.pause-chip--lime{border-color:#78d9128c}.pause-chip--violet{border-color:#9a6bff8c}.pause-chip--rose{border-color:#ff5c8a8c}.pause-chip__glyph{background:#00000047;border-radius:8px;place-items:center;width:clamp(24px,6vmin,32px);height:clamp(24px,6vmin,32px);font-size:clamp(11px,2.8vmin,14px);font-weight:700;display:grid}.pause-chip__name{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(10px,2.4vmin,14px);line-height:1.15;overflow:hidden}.pause-chip__level{color:#b8d8ff;white-space:nowrap;font-size:clamp(9px,2.1vmin,12px)}.pause-overlay__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:2% 4%;margin:0;display:grid}.pause-overlay__stat{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:.5rem;padding:1.5% 0;font-size:clamp(10px,2.4vmin,14px);display:flex}.pause-overlay__stat dt{color:#8eb0d4;margin:0}.pause-overlay__stat dd{color:#f2fbff;margin:0;font-weight:700}.result-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05091fb8;padding:8% 6%;overflow:hidden}.result-overlay__backdrop{pointer-events:none;position:absolute;inset:0}.result-overlay__rays{opacity:.9;background:conic-gradient(from 210deg at 50% 35%,#0000 0deg,#ffdc7814 24deg,#0000 48deg,#48c4ff14 80deg,#0000 120deg);position:absolute;inset:-20%}.is-defeat .result-overlay__rays{background:conic-gradient(from 200deg at 50% 40%,#0000 0deg,#ff60841a 30deg,#0000 70deg,#8448c414 110deg,#0000 150deg)}.result-overlay__fog{background:radial-gradient(circle at 50% 30%,#ffffff14,#0000 55%);position:absolute;inset:0}.result-card{z-index:1;background:linear-gradient(#101a3ef5,#0a0e26fa);border:2px solid #7ec6ff59;border-radius:24px;width:min(88%,420px);padding:8% 6% 7%;position:relative;box-shadow:0 0 0 1px #ffffff0f,inset 0 1px #ffffff1f,0 18px 40px #00000073}.is-defeat .result-card{background:linear-gradient(#2a1030f5,#120a22fa);border-color:#ff78a059}.result-emblem{aspect-ratio:1;place-items:center;width:clamp(92px,24vw,132px);margin:0 auto 6%;display:grid;position:relative}.result-emblem__halo{background:radial-gradient(circle,#48dcff47,#0000 68%);border-radius:50%;position:absolute;inset:-12%}.is-defeat .result-emblem__halo{background:radial-gradient(circle,#ff608c47,#0000 68%)}.result-emblem__icon{z-index:1;color:#ffdc37;text-shadow:0 3px #9e5900;background:linear-gradient(145deg,#4beaff,#176fec);border:4px solid #ffffffd9;border-radius:50%;place-items:center;width:100%;height:100%;font-size:clamp(38px,11vw,64px);font-weight:1000;display:grid;position:relative;box-shadow:0 0 0 5px #14245f,0 0 28px #21cfff73}.result-emblem.is-defeat .result-emblem__icon{color:#fff;text-shadow:0 3px #4a124f;background:linear-gradient(145deg,#ff5c82,#8c2bc9)}.result-card__eyebrow{color:#67e7ff;letter-spacing:.16em;margin:0 0 .35rem;font-size:clamp(10px,2.3vmin,14px);font-weight:700}.is-defeat .result-card__eyebrow{color:#ff9fbe}.result-overlay h2{text-shadow:0 4px #19275f;margin:0;font-size:clamp(28px,7.2vmin,48px)}.result-card__subtitle{color:#b8c9ea;margin:.65rem 0 0;font-family:system-ui,sans-serif;font-size:clamp(11px,2.5vmin,15px);line-height:1.5}.result-stats{grid-template-columns:1fr 1fr;gap:3%;width:100%;margin:8% 0 7%;display:grid}.result-stat{background:#080e24b8;border:1px solid #7ec6ff38;border-radius:16px;padding:7% 5%}.result-stat__label{color:#9eb4df;letter-spacing:.06em;margin-bottom:.35rem;font-size:clamp(10px,2.2vmin,13px);display:block}.result-stat b{color:#fff;font-size:clamp(24px,6.2vmin,40px);line-height:1;display:block}.result-card__cta{width:100%;min-width:0}.result-card__cta--stage{flex-direction:column;gap:.2em}.result-card__cta-stagename{letter-spacing:.03em;white-space:nowrap;opacity:.86;font-size:.44em;font-weight:700;line-height:1;display:block}.result-cultivation-hint{flex-direction:column;align-items:center;gap:.55rem;width:100%;margin:0 0 5%;display:flex}.result-cultivation-hint__chip{color:#ffb8c6;background:#ff4d6a24;border:1px solid #ff4d6a66;border-radius:999px;align-items:center;gap:.4rem;margin:0;padding:.4rem .9rem;font-family:system-ui,sans-serif;font-size:clamp(11px,2.4vmin,14px);font-weight:700;display:inline-flex}.result-cultivation-hint__chip.is-empty{color:#b8c9ea;background:#7ec6ff1f;border-color:#7ec6ff52;font-weight:500}.result-cultivation-hint__dot{background:#ff4d6a;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 6px #ff4d6aa6}.secondary-button,.result-card__secondary-cta{color:#b8c9ea;background:#080e248c;border:2px solid #b8c9ea66;border-radius:18px;justify-content:center;align-items:center;min-width:62%;padding:3.8% 8%;font-family:system-ui,sans-serif;font-size:clamp(14px,3.4vmin,20px);font-weight:700;display:inline-flex}.secondary-button:hover,.result-card__secondary-cta:hover{background:#080e24b3;border-color:#b8c9eaa6}.secondary-button:focus-visible,.result-card__secondary-cta:focus-visible{outline-offset:3px;outline:2px solid #b8c9eab8}.secondary-button:active,.result-card__secondary-cta:active{transform:translateY(2px)}.desktop-note{display:none}@media (width>=900px){.app-shell{grid-template-columns:auto 320px;gap:56px;padding:28px}.game-frame{border:8px solid #151b4d;border-radius:28px;height:min(94dvh,900px)}.start-overlay h1{font-size:46px}.start-overlay__copy{font-size:16px}.desktop-note{width:280px;display:block}.desktop-note span{color:#58eaff;letter-spacing:.17em;font-size:12px}.desktop-note strong{margin:.5rem 0;font-size:36px;line-height:1;display:block}.desktop-note p{color:#9baed6;font-family:system-ui,sans-serif;line-height:1.55}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.stage-host{position:absolute;inset:0}.stage-host .game-canvas{width:100%;height:100%;display:block}.stage-error{color:#fff;text-align:center;z-index:20;background:#10203d;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.stage-error button{color:#06231f;cursor:pointer;background:#39a9a0;border:0;border-radius:999px;padding:10px 28px;font-weight:700}.stage-loading-overlay{z-index:8;pointer-events:auto;background:linear-gradient(#040a1c59 0%,#040a1c8c 42%,#070c26e0 100%);flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,4vmin,28px);display:flex;position:absolute;inset:0;overflow:hidden}.stage-loading-overlay__atmosphere{pointer-events:none;position:absolute;inset:0}.stage-loading-overlay__mist{filter:blur(18px);opacity:.7;background:linear-gradient(90deg,#0000,#c4ecff24,#0000);height:34%;position:absolute;left:-10%;right:-10%}.stage-loading-overlay__mist--top{top:8%;transform:rotate(-4deg)}.stage-loading-overlay__mist--bottom{opacity:.45;bottom:18%;transform:rotate(3deg)}.stage-loading-overlay__glow{aspect-ratio:1;background:radial-gradient(circle,#30c4ff38,#0000 68%);width:72%;position:absolute;top:22%;left:50%;transform:translate(-50%)}.stage-loading-overlay__scene{aspect-ratio:941/1200;width:78%;max-height:58%;position:relative}.stage-loading-overlay__arena{border-radius:clamp(18px,4vw,28px);position:absolute;inset:0 4% 18%}.stage-loading-overlay__hero-zone{aspect-ratio:1;border-radius:50%;width:22%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.stage-loading-overlay__skeleton{background:linear-gradient(110deg,#1222588c 8%,#30a6ff38 18%,#1222588c 33%) 0 0/200% 100%;animation:1.6s ease-in-out infinite stageSkeletonShimmer;box-shadow:inset 0 0 0 2px #7fe8ff1f,0 8px 32px #00000047}.stage-loading-overlay__label{z-index:1;color:#7fe8ff;letter-spacing:.18em;text-shadow:0 2px #15245d,0 0 16px #30a6ff59;margin:0;font-size:clamp(13px,3vmin,18px);font-weight:800;animation:1.8s ease-in-out infinite stageLoadingPulse;position:relative}@keyframes stageSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes stageLoadingPulse{0%,to{opacity:.72}50%{opacity:1}}.lobby-overlay{padding:max(env(safe-area-inset-top), 10px) 6% 0;background:linear-gradient(#f6f1e424,#121830b8 44%,#080c1eeb 100%);justify-content:flex-start;overflow:hidden}.lobby-overlay__header{z-index:1;justify-content:space-between;align-items:flex-start;gap:4%;width:100%;margin-bottom:2%;display:flex;position:relative}.lobby-overlay__header--compact{margin-bottom:2%}.lobby-overlay__brand{gap:.22rem;display:grid}.lobby-overlay__eyebrow,.lobby-overlay__subtitle{margin:0}.lobby-overlay__eyebrow{color:#ebe8d8d1;letter-spacing:.16em;font-size:clamp(10px,2.2vmin,13px);font-weight:800}.lobby-overlay__title{color:#f4ecd6;text-shadow:0 3px #121828a3,0 10px 18px #0000003d;align-items:baseline;gap:.45rem;margin:0;font-size:clamp(26px,6vmin,38px);line-height:.96;display:flex}.lobby-overlay__title small{color:#cda864;font-size:.52em;font-weight:900}.lobby-overlay__subtitle{color:#c2ced5d6;letter-spacing:.12em;font-size:clamp(10px,2.1vmin,12px);font-weight:700}.lobby-overlay__prep-title{letter-spacing:.05em;text-shadow:0 3px #1e3052d6,0 0 14px #fff4c738;margin:0;font-size:clamp(18px,4.2vmin,26px);line-height:1.12}.lobby-overlay__body{z-index:1;flex:1;align-content:start;gap:.55rem;width:100%;padding-bottom:.5rem;display:grid;position:relative;overflow-y:auto}.lobby-tabs{z-index:1;grid-template-columns:repeat(4,1fr);gap:2%;width:100%;margin-bottom:2%;display:grid;position:relative}.lobby-tab{color:#b8c9ea;background:#0c1436e0;border:2px solid #7ec6ff40;border-radius:12px;padding:3% 2%;font-size:clamp(10px,2.3vmin,14px);font-weight:800}.lobby-tab.is-active{color:#fff;background:#182c60f2;border-color:#67e7ff;box-shadow:0 0 16px #2484ff2e}.currency-bar{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.currency-chip{background:#080e24d1;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.25rem;padding:.35rem .55rem;font-size:clamp(10px,2.2vmin,13px);font-weight:900;display:inline-flex}.currency-chip__icon{opacity:.95;flex-shrink:0}.currency-chip--ember{color:#7ef0b8;border-color:#7ef0b847}.currency-chip--core{color:#ffd56a;border-color:#ffd56a47}.lobby-status{color:#9eb4df;margin:0;font-size:clamp(12px,2.8vmin,16px)}.lobby-status--error{color:#ff9fbe}.lobby-boot-fallback{justify-content:center;gap:1rem}.lobby-status--boot{font-size:clamp(14px,3.4vmin,18px);font-weight:800}.meta-page{gap:.8rem;display:grid}.deploy-panel{background:linear-gradient(#0e181ad6,#0a1218f0),#070c18eb;border:1px solid #d6c59a47;border-radius:28px;flex-direction:column;gap:.72rem;min-width:0;min-height:100%;padding:clamp(12px,2.7vmin,18px);display:flex;box-shadow:inset 0 1px #fff9ea0f,0 26px 48px #00000047}.deploy-panel__header{text-align:center;justify-items:center;gap:.3rem;width:100%;min-width:0;display:grid}.deploy-panel__eyebrow,.deploy-panel__status{margin:0}.deploy-panel__eyebrow{color:#ebd8a4;letter-spacing:.14em;background:linear-gradient(#49583dcc,#1c2822eb);border:1px solid #c6a6675c;border-radius:999px;padding:.22rem 1rem;font-size:clamp(10px,2.2vmin,13px);font-weight:900}.deploy-panel__title{color:#f2e6c0;text-wrap:balance;text-shadow:0 3px #121828b3;margin:0;font-size:clamp(22px,4.8vmin,32px);line-height:1.08}.deploy-panel__status{color:#bcc8d3d1;letter-spacing:.12em;font-size:clamp(10px,2.1vmin,12px);font-weight:700}.deploy-panel__featured{background:linear-gradient(#0a1116c2,#070c12e6),#060a10d1;border:1px solid #b9a77e42;border-radius:24px;grid-template-columns:minmax(0,1fr);gap:clamp(10px,2.2vmin,16px);width:100%;min-width:0;padding:clamp(10px,2.4vmin,14px);display:grid}.deploy-panel__focus{align-content:start;gap:0;display:grid}.deploy-panel__copy{align-content:start;gap:.45rem;min-width:0;display:grid}.deploy-panel__featured>*{min-width:0}.deploy-panel__chapter,.deploy-panel__stage-hook,.deploy-panel__stage-brief{margin:0}.deploy-panel__chapter{color:#80d6d1;letter-spacing:.18em;font-size:clamp(11px,2.2vmin,13px);font-weight:900}.deploy-panel__stage-name{color:#f5e5b6;text-wrap:balance;margin:0;font-size:clamp(22px,4.4vmin,30px);line-height:1.02}.deploy-panel__stage-hook{color:#d8ddd4;font-size:clamp(13px,2.6vmin,16px);font-weight:700}.deploy-panel__stage-brief{color:#bcc7c9db;font-size:clamp(10px,2.15vmin,13px);line-height:1.55}.deploy-panel__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0;display:grid}.deploy-panel__fact{background:#f6e8c60f;border:1px solid #b9a77e33;border-radius:16px;padding:.55rem .7rem}.deploy-panel__fact dt,.deploy-panel__fact dd{margin:0}.deploy-panel__fact dt{color:#b7bfbdc7;letter-spacing:.12em;font-size:clamp(10px,2vmin,11px)}.deploy-panel__fact dd{color:#f5df99;margin-top:.18rem;font-size:clamp(13px,2.7vmin,16px);font-weight:800}.deploy-panel__scene{background-color:#13212a;border-radius:22px;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff4da14,inset 0 -100px 120px #04080e3d}.deploy-panel__scene-image{object-fit:cover;object-position:center;width:100%;min-width:0;height:100%;display:block}.deploy-panel__scene:after{content:"";background:linear-gradient(#f5ecd305,#050a1224 42%,#0408108a 100%);position:absolute;inset:0}.deploy-panel__scene--focus{aspect-ratio:1.58;border-radius:30px}.deploy-panel__focus .deploy-panel__featured{z-index:1;margin:clamp(-72px,-10vmin,-52px) clamp(10px,2.2vmin,14px) 0;position:relative;box-shadow:inset 0 1px #fff9e80f,0 20px 34px #00000042}.deploy-panel__scene-badge{z-index:1;color:#efe0b0;background:#131c26cc;border:1px solid #f1daa23d;border-radius:999px;padding:.3rem .7rem;font-size:clamp(11px,2.2vmin,13px);font-weight:800;position:absolute;top:12px;right:12px}.deploy-panel__route{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.deploy-panel__route-node{height:14px;display:block;position:relative}.deploy-panel__route-node:before{content:"";background:#99a8a447;height:2px;position:absolute;inset:6px 0 auto}.deploy-panel__route-node:after{content:"";background:#1a2129;border:2px solid #b2b1a0ad;border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%)}.deploy-panel__route-node.is-cleared:after,.deploy-panel__route-node.is-current:after{background:#f4e0a1;border-color:#ffe8a7e0;box-shadow:0 0 14px #ffdc8457}.loadout-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;width:100%;min-width:0;display:grid}.loadout-summary__card{background:linear-gradient(#162322d1,#0c1418e6),#080c12d1;border:1px solid #b9a77e38;border-radius:18px;gap:.25rem;min-width:0;padding:.68rem .8rem;display:grid;box-shadow:inset 0 1px #fffbf00a}.loadout-summary__label{color:#aebcb6d1;letter-spacing:.14em;margin:0;font-size:clamp(10px,2.1vmin,12px)}.loadout-summary__card strong,.loadout-summary__card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.loadout-summary__card strong{color:#f3e1ad;font-size:clamp(16px,3.3vmin,20px)}.loadout-summary__card span{color:#bac6c2d1;font-size:clamp(10px,2.1vmin,12px)}.stage-card-strip{scrollbar-width:none;gap:.52rem;width:100%;min-width:0;padding:.08rem 0 .2rem;display:flex;overflow-x:auto}.stage-card-strip::-webkit-scrollbar{display:none}.stage-card{aspect-ratio:.55;background:linear-gradient(#594f39d6,#3b2e1ff0),#4b3d2c;border:1px solid #a8987433;border-radius:18px;min-width:0;padding:.74rem .52rem .52rem;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff8e214,0 14px 24px #00000038}.stage-card:active{transform:scale(.98)}.stage-card--compact{aspect-ratio:.62;border-radius:16px;flex:0 0 104px;padding:.56rem .46rem .46rem}.stage-card__hanger{background:linear-gradient(#272e30f2,#11161af2);border:2px solid #cfb87ea6;border-radius:999px;width:26px;height:18px;position:absolute;top:0;left:50%;transform:translate(-50%,-30%)}.stage-card__plate{border-radius:inherit;pointer-events:none;background:linear-gradient(#f0dba70f,#0000 24%),linear-gradient(#0f13180d,#080a0c47);position:absolute;inset:0}.stage-card__body{text-align:left;z-index:1;gap:.15rem;padding:0 0 .5rem;display:grid;position:relative}.stage-card--compact .stage-card__body{padding-bottom:.35rem}.stage-card__name{color:#f2e0b0;text-shadow:0 1px #120e0acc;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(12px,2.65vmin,16px);line-height:1.2;overflow:hidden}.stage-card__hook{color:#e2dac4d6;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(8px,1.8vmin,10.5px);display:block;overflow:hidden}.stage-card__preview{background-color:#1b232d;background-position:50%;background-size:cover;border-radius:12px;position:absolute;inset:4rem .48rem .48rem;box-shadow:inset 0 0 0 1px #fff8e20f,inset 0 -60px 60px #04081047}.stage-card--compact .stage-card__preview{border-radius:10px;inset:3.45rem .42rem .42rem}.stage-card__preview:after{content:"";background:linear-gradient(#fffaee05,#070a122e 42%,#04060c94 100%);position:absolute;inset:0}.stage-card.is-selected{border-color:#e9ca7ba6;box-shadow:0 0 0 2px #e9ca7b2e,0 0 22px #d9b4592e,inset 0 1px #fff8e21f,0 18px 28px #00000047}.stage-card.is-locked{filter:grayscale(.72)brightness(.6);border-color:#8080801f}.stage-card.is-locked:active{transform:none}.stage-card__lock{color:#e7deca;z-index:1;background:#181b1fe0;border:1px solid #d2cbb838;border-radius:50%;place-items:center;width:clamp(22px,6vmin,30px);height:clamp(22px,6vmin,30px);font-size:clamp(10px,2.4vmin,13px);font-weight:900;display:grid;position:absolute;top:.62rem;right:.62rem}.stage-card__cleared{color:#062820;z-index:1;background:linear-gradient(#82e5cbf2,#318c7ef2);border-radius:50%;place-items:center;width:clamp(20px,5.6vmin,27px);height:clamp(20px,5.6vmin,27px);font-size:clamp(11px,2.6vmin,14px);font-weight:900;display:grid;position:absolute;top:.62rem;right:.62rem;box-shadow:0 0 10px #7ef0b859}.sect-chip-row{scrollbar-width:none;gap:.45rem;width:100%;min-width:0;padding-bottom:.15rem;display:flex;overflow-x:auto}.sect-chip-row::-webkit-scrollbar{display:none}.sect-chip{border:1px solid color-mix(in srgb, var(--sect) 45%, #fff8e22e);min-width:96px;color:var(--sect);background:#10181ebd;border-radius:14px;flex:0 0 96px;justify-items:center;gap:.15rem;padding:.45rem .2rem;transition:transform .15s,box-shadow .15s,background .15s;display:grid}.sect-chip strong,.sect-chip span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.sect-chip strong{color:#f2e8c8;font-size:clamp(9px,2.1vmin,12px)}.sect-chip span{color:var(--sect);font-size:clamp(7px,1.6vmin,9.5px)}.sect-chip.is-selected{color:#06131f;background:color-mix(in srgb, var(--sect) 42%, #10181e94);border-color:color-mix(in srgb, var(--sect) 72%, #fff4de99);box-shadow:0 0 14px color-mix(in srgb, var(--sect) 25%, transparent);transform:translateY(-1px)}.sect-chip.is-selected strong{color:#f8f2df}.sect-chip.is-selected span{color:#e5f7ff}.deploy-panel__cta{flex-shrink:0;width:100%;margin-top:auto}.deploy-panel__cta.primary-button{background:linear-gradient(#4d5c4cf5,#2b3931fa),linear-gradient(#1b221cf5,#101411fa);border:1px solid #c4aa726b;border-radius:24px;min-height:64px;box-shadow:inset 0 1px #fff4d629,0 18px 28px #00000042}.deploy-panel__cta.primary-button:before{background:linear-gradient(90deg,#0000,#91f2e229,#0000)}.deploy-panel__cta.primary-button:after{background:radial-gradient(circle at 50% 28%,#76ebdf4d,#0000 22%),linear-gradient(#ffffff14,#0000 34%)}.deploy-panel__cta.primary-button .primary-button__label{color:#f3df97;letter-spacing:.12em;text-shadow:0 2px #0f1412d6;font-size:clamp(22px,4.8vmin,32px)}@media (width<=480px){.deploy-panel__title{font-size:clamp(20px,5vw,28px)}.deploy-panel__focus{gap:.62rem}.deploy-panel__scene{min-height:0}.deploy-panel__scene--focus{aspect-ratio:1.46}.deploy-panel__copy{text-align:left;gap:.38rem}.deploy-panel__stage-name{font-size:clamp(20px,4.8vw,28px)}.deploy-panel__stage-brief{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.deploy-panel__focus .deploy-panel__featured{margin:-54px 8px 0}.deploy-panel__facts{gap:.35rem}.stage-card--compact{aspect-ratio:.6;flex-basis:96px}.loadout-summary{gap:.45rem}.loadout-summary__card{padding:.6rem .7rem}}.hero-page{background:linear-gradient(#f8f3e8e6,#efe5d1cc);border:1px solid #f8f3e829;border-radius:24px;gap:.9rem;padding:1rem;box-shadow:0 18px 40px #0f182d33}.hero-page__portrait{aspect-ratio:.72;background:radial-gradient(circle at 50% 18%,#fff6d4a6,#0000 36%),linear-gradient(#7ed0cc59,#253b62e6);border:2px solid #4f677738;border-radius:22px;place-items:center;width:clamp(112px,28vw,160px);margin:0 auto;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff47,0 14px 28px #1f2d462e}.hero-page__portrait img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 12px #02071480);width:100%;height:100%}.hero-page__seal{color:#ffdc37;text-shadow:0 3px #4a2a00;font-size:clamp(42px,10vw,64px);font-weight:1000}.hero-page__identity{text-align:center;justify-items:center;gap:.45rem;display:grid}.hero-page__identity h2{color:var(--ui-ink);margin:0;font-size:clamp(24px,5.4vmin,34px);line-height:1.05}.hero-page__eyebrow{color:var(--ui-jade);letter-spacing:.12em;margin:0;font-size:clamp(10px,2.2vmin,13px);font-weight:900}.hero-page__brief,.hero-page__role{color:var(--ui-muted);margin:0;font-size:clamp(11px,2.4vmin,14px);line-height:1.5}.hero-page__brief{color:#3e526e;max-width:28ch}.hero-page__chips{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.hero-page__chip{color:#314662;background:#fffbf3e0;border:1px solid #4f67772e;border-radius:999px;padding:.28rem .6rem;font-size:clamp(10px,2.1vmin,12px);font-weight:800}.stat-grid,.career-grid,.skill-tree-columns{gap:.55rem;display:grid}.skill-tree-columns{grid-template-columns:repeat(3,1fr)}.stat-card,.career-card{background:#fffbf3d1;border:1px solid #4f677729;border-radius:14px;padding:4% 5%;box-shadow:inset 0 1px #ffffff47}.stat-card span,.career-card span{color:var(--ui-muted);font-size:clamp(10px,2.1vmin,12px);display:block}.stat-card b,.career-card b{color:var(--ui-ink);margin-top:.2rem;font-size:clamp(18px,4.5vmin,28px);display:block}.skill-tree-column h3{text-align:center;color:#67e7ff;margin:0 0 .4rem;font-size:clamp(12px,2.8vmin,16px)}.skill-tree-nodes{gap:.45rem;display:grid}.skill-node{text-align:left;color:#dce9ff;background:#080e24d1;border:2px solid #7ec6ff38;border-radius:14px;padding:3.5% 4%}.skill-node strong,.skill-node span,.skill-node em{display:block}.skill-node span{color:#9eb4df;margin-top:.15rem;font-size:clamp(9px,2vmin,11px)}.skill-node em{color:#7ef0b8;margin-top:.25rem;font-size:clamp(9px,2vmin,11px);font-style:normal}.skill-node--lit{background:#2a220c8c;border-color:#ffd56a}.skill-node--available{border-color:#67e7ff}.skill-node--locked{opacity:.45}.skill-node.is-major{min-height:84px}.skill-node:disabled{cursor:not-allowed}.lobby-bottom-nav__item{color:#9eb4df;background:0 0;border:1px solid #0000;border-radius:12px;justify-items:center;gap:.15rem;padding:2.5% 1%;font-size:clamp(9px,2vmin,11px);font-weight:800;display:grid}.lobby-bottom-nav__item.is-active{color:#fff;background:#122258bf;border-color:#67e7ff59}.lobby-bottom-nav__item--center{background:#2a220cd9;border-color:#ffd56a;border-radius:999px;transform:translateY(-8%)}.lobby-bottom-nav__icon{font-size:clamp(14px,3.5vmin,20px)}.lobby-deploy-btn{margin-top:.5rem}.cultivation-page__summary{color:#d2e4ff;background:#0c1436d1;border:1px solid #7ec6ff38;border-radius:14px;justify-content:space-between;align-items:center;padding:3% 4%;display:flex}.cultivation-card{text-align:center;background:#080e24d1;border:1px solid #7ec6ff33;border-radius:14px;padding:4% 4% 3%;position:relative}.cultivation-card__icon{background:radial-gradient(circle,#67e7ff80,#12225833);border-radius:50%;width:42px;height:42px;margin:0 auto .35rem}.cultivation-card h3{margin:0;font-size:clamp(12px,2.8vmin,16px)}.cultivation-card__effect{color:#9eb4df;margin:.2rem 0 .5rem;font-size:clamp(9px,2vmin,11px)}.cultivation-card__badge{color:#3a2800;background:#ffd56a;border-radius:6px;padding:.1rem .35rem;font-size:9px;font-weight:900;position:absolute;top:6px;right:6px}.cultivation-card__btn{color:#fff;background:#122258eb;border:1px solid #7ec6ff59;border-radius:10px;width:100%;padding:.35rem;font-weight:800}.sect-arts-tabs{grid-template-columns:repeat(3,1fr);gap:2%;display:grid}.sect-arts-tab{color:#b8c9ea;background:#0c1436e0;border:2px solid #7ec6ff33;border-radius:12px;justify-content:center;align-items:center;gap:.3rem;padding:2.5% 2%;font-weight:800;display:inline-flex}.sect-arts-tab.is-active{color:#fff;border-color:#67e7ff}.sect-arts-tab--fire.is-active{border-color:#ff8a4a}.sect-arts-tab--water.is-active{border-color:#4beaff}.sect-arts-tab--wind.is-active{border-color:#7ef0b8}.sect-arts-shelf{gap:.55rem;margin-top:.5rem;display:grid}.sect-art-card{background:#0c1436e6;border:2px solid #7ec6ff38;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:3%;padding:3.5% 4%;display:grid}.sect-art-card--jue{border-color:#9a6bff59}.sect-art-card.is-locked{opacity:.7}.sect-art-card__icon{background:linear-gradient(145deg,#ff8a4a80,#122258cc);border-radius:10px;width:48px;height:48px}.sect-art-card--jue .sect-art-card__icon{background:linear-gradient(145deg,#2a1848,#12082a);border-radius:4px}.sect-art-card__body h3{margin:0;font-size:clamp(12px,2.8vmin,16px)}.sect-art-card__body p{color:#9eb4df;margin:.15rem 0 0;font-size:clamp(9px,2vmin,11px)}.sect-art-card__level{color:#ffd56a;font-size:clamp(10px,2.1vmin,12px);font-weight:800}.sect-art-card__lock{color:#67e7ff;font-size:clamp(10px,2.1vmin,12px)}.sect-art-card__btn{color:#fff;background:#122258eb;border:1px solid #7ec6ff59;border-radius:10px;padding:.35rem .55rem;font-weight:800}.lobby-overlay{padding-bottom:max(4%, calc(env(safe-area-inset-bottom) + 8px));flex-direction:column}.lobby-bottom-nav{z-index:2;border-top:1px solid #7ec6ff26;grid-template-columns:repeat(7,1fr);gap:1%;width:100%;margin-top:auto;padding-top:2%;display:grid;position:relative}.lobby-nav-btn{color:#7a94c2;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:.2rem;padding:2.5% 1%;font-size:clamp(9px,2vmin,11px);font-weight:800;transition:color .15s,background .15s,border-color .15s;display:flex}.lobby-nav-btn.is-active{color:#fff;background:#122258bf;border-color:#67e7ff59}.lobby-nav-btn--deploy{color:#ffd56a;background:linear-gradient(#2a220ce6,#1c1606f2);border-color:#ffd56a8c;border-radius:999px;padding:3.5% 2%;transform:translateY(-18%)}.lobby-nav-btn--deploy.is-active{background:linear-gradient(#ffd56a38,#2a220cf2);border-color:#ffd56a}.lobby-nav-btn__icon{font-size:clamp(14px,3.8vmin,22px);line-height:1}.lobby-nav-btn__label{line-height:1}.cultivation-page{gap:.6rem}.cultivation-power-bar{background:#0c1436d1;border:1px solid #7ec6ff38;border-radius:12px;justify-content:space-between;align-items:center;padding:2.5% 4%;display:flex}.cultivation-power-bar__swords{color:#ffd56a;opacity:.55;letter-spacing:.15em;font-size:clamp(10px,2.2vmin,13px)}.cultivation-power-bar__label{color:#9eb4df;text-align:center;flex:1;font-size:clamp(10px,2.2vmin,13px)}.cultivation-power-bar__value{color:#ffd56a;font-size:clamp(16px,3.8vmin,22px);font-weight:900}.cultivation-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.cultivation-card{text-align:center;background:#080e24d1;border:2px solid #7ec6ff2e;border-radius:14px;gap:.25rem;padding:4% 4% 3%;transition:border-color .15s;display:grid;position:relative}.cultivation-card.is-breakthrough{border-color:#ffd56a8c}.cultivation-card.is-maxed{opacity:.72}.cultivation-card__icon{width:44px;height:44px;color:var(--cult-color,#67e7ff);background:radial-gradient(circle, color-mix(in srgb, var(--cult-color,#67e7ff) 35%, transparent), transparent 72%);border:2px solid color-mix(in srgb, var(--cult-color,#67e7ff) 45%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--cult-color,#67e7ff) 35%, transparent);border-radius:50%;place-items:center;margin:0 auto .25rem;display:grid}.cultivation-card.has-upgrade{border-color:#7ef0b859}.cultivation-card__body{gap:.15rem;display:grid}.cultivation-card__body strong{font-size:clamp(11px,2.6vmin,14px)}.cultivation-card__effect{color:#9eb4df;font-size:clamp(9px,2vmin,11px)}.cultivation-card__level-bar{background:#7ec6ff26;border-radius:999px;height:4px;margin:.2rem 0;overflow:hidden}.cultivation-card__level-fill{border-radius:inherit;background:linear-gradient(90deg, var(--cult-color,#67e7ff), color-mix(in srgb, var(--cult-color,#67e7ff) 70%, white));height:100%;transition:width .3s}.cultivation-card__level-label{color:#9eb4df;font-size:clamp(8px,1.8vmin,10px)}.cultivation-card__milestone{color:#2a1400;white-space:nowrap;background:linear-gradient(90deg,#ffdc37,orange);border-radius:6px;padding:.1rem .5rem;font-size:clamp(8px,1.8vmin,10px);font-weight:900;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.cultivation-card__breakthroughs{color:#ffd56a;letter-spacing:-.1em;font-size:clamp(8px,1.6vmin,10px);position:absolute;top:5px;right:6px}.cultivation-card__btn{color:#7ef0b8;background:#0c2a24e0;border:1px solid #7ef0b859;border-radius:10px;justify-content:center;align-items:center;gap:.2rem;width:100%;margin-top:.25rem;padding:.35rem;font-size:clamp(9px,2vmin,12px);font-weight:800;display:inline-flex}.cultivation-card__btn svg{color:#7ef0b8}.cultivation-card__btn:disabled{opacity:.4;color:#9eb4df;border-color:#7ec6ff33}.sect-arts-page{gap:.6rem}.arts-shelf{background:linear-gradient(#1c120a8c,#0c143659),repeating-linear-gradient(90deg,#50341c40 0 3px,#0000 3px 28px);border:1px solid #b4824647;border-radius:18px;flex-direction:column;gap:.55rem;padding:.65rem .5rem .75rem;display:flex;box-shadow:inset 0 2px 8px #00000059}.art-card{cursor:pointer;background:linear-gradient(#f5e6c81f,#0c1436e0);border:2px solid #d4af5f59;border-radius:14px;gap:.25rem;padding:3.5% 4% 3%;transition:border-color .15s,transform .15s;display:grid;position:relative}.art-card:active{transform:scale(.99)}.art-card--shu{border-radius:12px 12px 8px 8px}.art-card--jue{background:linear-gradient(135deg,#2a1844f2,#0c081cf2);border-color:#9a6bff73;border-radius:6px;box-shadow:inset 4px 0 #d4af5f59,inset -4px 0 #d4af5f33}.art-card.is-locked{opacity:.72}.art-card.is-maxed{opacity:.82}.art-card.has-upgrade{border-color:#7ef0b866}.art-card__scroll-face{grid-template-columns:auto 1fr auto;align-items:center;gap:3%;display:grid}.art-card__sigil{color:#ffd56a;background:linear-gradient(145deg,#ff8a4a8c,#122258d9);border:2px solid #ff8a4a73;border-radius:10px;place-items:center;width:44px;height:44px;font-size:1.15em;font-weight:900;display:grid;box-shadow:0 0 12px #ff8a4a40}.art-card--jue .art-card__sigil{color:#e8d0ff;background:linear-gradient(145deg,#9a6bff73,#120a22e6);border-color:#d4af5f66;border-radius:4px;width:40px;height:52px;box-shadow:0 0 10px #9a6bff38}.art-card__quick-upgrade{color:#7ef0b8;background:#0c2a24d9;border:1px solid #7ef0b866;border-radius:8px;justify-self:end;align-items:center;gap:.15rem;padding:.25rem .5rem;font-size:clamp(8px,1.8vmin,10px);font-weight:800;display:inline-flex}.art-card__quick-upgrade--unlock{color:#ffd56a;background:#2a220cd9;border-color:#ffd56a73}.art-card__quick-upgrade:disabled{opacity:.4}.art-card__info{min-width:0}.art-card__info strong{font-size:clamp(12px,2.8vmin,15px);display:block}.art-card__kind{color:#9eb4df;margin-top:.1rem;font-size:clamp(8px,1.8vmin,10px);display:block}.art-card__badge{color:#ffd56a;white-space:nowrap;background:#ffd56a2e;border-radius:8px;padding:.2rem .45rem;font-size:clamp(9px,2vmin,11px);font-weight:900}.art-card__lock-badge{color:#9eb4df;white-space:nowrap;border-radius:8px;padding:.2rem .45rem;font-size:clamp(9px,2vmin,11px)}.art-card__desc{color:#b8c9ea;margin:0;font-size:clamp(9px,2vmin,11px);line-height:1.4}.art-card__mutation{color:#7ef0b8;margin:0;font-size:clamp(8px,1.8vmin,10px);font-style:italic}.art-card__actions{gap:.4rem;margin-top:.15rem;display:flex}.art-card__btn{color:#fff;background:#122258eb;border:1px solid #7ec6ff59;border-radius:10px;flex:1;padding:.4rem;font-size:clamp(9px,2vmin,12px);font-weight:800}.art-card__btn--unlock{color:#ffd56a;border-color:#ffd56a73}.art-card__btn:disabled{opacity:.4}.weapon-page{gap:.6rem}.weapon-wall{background:linear-gradient(#1218368c,#0c143659),repeating-linear-gradient(90deg,#506ea024 0 3px,#0000 3px 28px);border:1px solid #7ec6ff38;border-radius:18px;grid-template-columns:repeat(2,1fr);gap:.6rem;padding:.65rem .5rem;display:grid;box-shadow:inset 0 2px 8px #00000059}.weapon-slot{cursor:pointer;text-align:center;border:2px solid color-mix(in srgb, var(--tier-color,#9db0d6) 45%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--tier-color,#9db0d6) 18%, transparent);background:linear-gradient(#f5e6c814,#0c1436e6);border-radius:14px;justify-items:center;gap:.3rem;padding:6% 4% 5%;transition:border-color .15s,transform .15s;display:grid;position:relative}.weapon-slot:active{transform:scale(.98)}.weapon-slot.is-locked{opacity:.68}.weapon-slot.is-equipped{border-color:#ffd56a;box-shadow:0 0 16px #ffd56a59}.weapon-slot--common{--tier-color:#9db0d6}.weapon-slot--rare{--tier-color:#5ec8ff}.weapon-slot--epic{--tier-color:#c58bff}.weapon-slot--legendary{--tier-color:#f2b544}.weapon-slot__equipped{color:#3a2800;background:#ffd56a;border-radius:6px;padding:.1rem .4rem;font-size:8px;font-weight:900;position:absolute;top:6px;left:6px}.weapon-slot__icon{width:52px;height:52px;color:var(--tier-color,#9db0d6);background:radial-gradient(circle, color-mix(in srgb, var(--tier-color,#9db0d6) 35%, transparent), transparent 72%);border:2px solid color-mix(in srgb, var(--tier-color,#9db0d6) 50%, transparent);border-radius:14px;place-items:center;font-size:1.3em;font-weight:1000;display:grid}.weapon-slot__name{font-size:clamp(11px,2.6vmin,14px)}.weapon-slot__badge{color:#ffd56a;background:#ffd56a2e;border-radius:8px;padding:.15rem .5rem;font-size:clamp(9px,2vmin,11px);font-weight:900}.weapon-slot__lock-badge{color:#9eb4df;font-size:clamp(9px,2vmin,11px)}.weapon-detail-backdrop{z-index:40;padding:max(4%, env(safe-area-inset-top)) 4% max(6%, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040816b8;place-items:center;display:grid;position:fixed;inset:0}.weapon-detail-modal{border:2px solid color-mix(in srgb, var(--tier-color,#9db0d6) 55%, transparent);background:linear-gradient(#141c3af2,#0c1436fa);border-radius:18px;grid-template-rows:auto 1fr auto;width:min(100%,380px);max-height:88vh;display:grid;overflow:hidden;box-shadow:0 12px 40px #00000073}.weapon-detail-modal--common{--tier-color:#9db0d6}.weapon-detail-modal--rare{--tier-color:#5ec8ff}.weapon-detail-modal--epic{--tier-color:#c58bff}.weapon-detail-modal--legendary{--tier-color:#f2b544}.weapon-detail-modal__banner{background:linear-gradient(90deg, color-mix(in srgb, var(--tier-color,#9db0d6) 35%, transparent), #ffffff14);border-bottom:1px solid color-mix(in srgb, var(--tier-color,#9db0d6) 45%, transparent);padding:.75rem 2.5rem .65rem 1rem;position:relative}.weapon-detail-modal__tag{color:var(--tier-color,#9db0d6);background:#080e248c;border-radius:6px;margin-bottom:.2rem;padding:.1rem .4rem;font-size:clamp(8px,1.8vmin,10px);font-weight:800;display:inline-block}.weapon-detail-modal__banner h2{color:#fff8e8;margin:0;font-size:clamp(16px,4vmin,22px)}.weapon-detail-modal__close{color:#fff;background:#080e24a6;border:1px solid #ffffff40;border-radius:50%;width:28px;height:28px;font-size:18px;line-height:1;position:absolute;top:.5rem;right:.5rem}.weapon-detail-modal__body{padding:.75rem 1rem;overflow-y:auto}.weapon-detail-modal__hero{grid-template-columns:auto 1fr;align-items:start;gap:.65rem;margin-bottom:.75rem;display:grid}.weapon-detail-modal__sigil{width:56px;height:56px;color:var(--tier-color,#9db0d6);background:radial-gradient(circle, color-mix(in srgb, var(--tier-color,#9db0d6) 35%, transparent), transparent 72%);border:2px solid color-mix(in srgb, var(--tier-color,#9db0d6) 50%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--tier-color,#9db0d6) 30%, transparent);border-radius:12px;place-items:center;font-size:1.4em;font-weight:900;display:grid}.weapon-detail-modal__mechanism{color:#d2e4ff;margin:0;font-size:clamp(10px,2.3vmin,13px);line-height:1.45}.weapon-detail-modal__level{color:#ffd56a;margin:.35rem 0 0;font-size:clamp(10px,2.2vmin,12px);font-weight:800}.weapon-detail-modal__equipped-badge{color:#3a2800;background:#ffd56a;border-radius:6px;margin-left:.5rem;padding:.1rem .4rem;font-size:9px;font-weight:900}.weapon-detail-modal__rewards h3{color:#9eb4df;margin:0 0 .4rem;font-size:clamp(11px,2.5vmin,14px)}.weapon-detail-modal__rewards ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.weapon-detail-modal__rewards li{color:#b8c9ea;background:#080e248c;border-radius:10px;justify-content:space-between;align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:clamp(9px,2vmin,11px);display:flex}.weapon-detail-modal__rewards li b{color:#dce9ff}.weapon-detail-modal__footer{background:#080e24b8;border-top:1px solid #7ec6ff2e;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem 1rem;display:flex}.weapon-detail-modal__wallet{color:#9eb4df;align-items:center;gap:.45rem;font-size:clamp(9px,2vmin,11px);font-weight:800;display:inline-flex}.weapon-detail-modal__cta-group{gap:.4rem;display:flex}.weapon-detail-modal__cta{border:1px solid color-mix(in srgb, var(--tier-color,#9db0d6) 55%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--tier-color,#9db0d6) 28%, transparent), #141c3ae6);color:#fff8e8;border-radius:12px;align-items:center;gap:.25rem;padding:.45rem .75rem;font-size:clamp(10px,2.2vmin,12px);font-weight:900;display:inline-flex}.weapon-detail-modal__cta--secondary{background:#122258eb;border-color:#7ec6ff59}.weapon-detail-modal__cta:disabled{opacity:.45}.weapon-detail-modal__cta svg{color:#7ef0b8}.hero-page__sect-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.meta-red-dot{pointer-events:none;z-index:2;background:#ff4d6a;border:1.5px solid #ffffffd9;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px;box-shadow:0 0 6px #ff4d6aa6}.meta-red-dot--nav{top:4px;right:calc(50% - 14px)}.lobby-nav-btn{position:relative}.lobby-nav-btn.has-hint .lobby-nav-btn__icon{filter:drop-shadow(0 0 4px #ff4d6a59)}.lobby-nav-btn__icon svg{display:block}.codex-page{background:linear-gradient(#f8f3e8e6,#efe5d1cc);border:1px solid #f8f3e829;border-radius:24px;gap:.7rem;padding:1rem;box-shadow:0 18px 40px #0f182d33}.codex-page__header{background:#fffbf3d1;border:1px solid #4f677729;border-radius:16px;justify-content:space-between;align-items:baseline;padding:.7rem .85rem;display:flex;box-shadow:inset 0 1px #ffffff4d}.codex-page__header h2{color:var(--ui-ink);margin:0;font-size:clamp(16px,3.8vmin,22px)}.codex-page__header small{color:var(--ui-muted);font-size:clamp(9px,2vmin,11px)}.codex-tabs{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.codex-tab{color:var(--ui-muted);background:#fffbf3b8;border:1px solid #4f677729;border-radius:10px;padding:.4rem .2rem;font-weight:800}.codex-tab.is-active{color:var(--ui-ink);background:#e6f5f3f0;border-color:#4fb7b073;box-shadow:0 10px 18px #3a5f6914}.codex-list{gap:.55rem;max-height:36vh;padding-right:.1rem;display:grid;overflow:auto}.codex-card{background:#fffbf3d6;border:1px solid #4f677729;border-radius:16px;gap:.15rem;padding:.75rem .85rem;display:grid;box-shadow:inset 0 1px #ffffff47}.codex-card strong{color:var(--ui-ink);font-size:clamp(11px,2.4vmin,14px)}.codex-card span{color:var(--ui-muted);font-size:clamp(9px,2vmin,11px);line-height:1.35}.codex-card.is-locked{opacity:.65}.enemy-dossier-card{gap:.28rem;position:relative;overflow:hidden}.enemy-dossier-card:before{content:"";background:linear-gradient(#4fb7b0bf,#c99b38bf);width:4px;position:absolute;inset:0 auto 0 0}.enemy-dossier-card p{color:var(--ui-jade);letter-spacing:.08em;margin:0;padding-left:.55rem;font-size:clamp(9px,2vmin,11px);font-weight:900}.art-detail-backdrop{z-index:40;padding:max(4%, env(safe-area-inset-top)) 4% max(6%, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040816b8;place-items:center;display:grid;position:fixed;inset:0}.art-detail-modal{background:linear-gradient(#20180ef2,#0c1436fa);border:2px solid #d4af5f73;border-radius:18px;grid-template-rows:auto 1fr auto;width:min(100%,380px);max-height:88vh;display:grid;overflow:hidden;box-shadow:0 12px 40px #00000073}.art-detail-modal__banner{background:linear-gradient(90deg,#d4af5f59,#ffd56a1f);border-bottom:1px solid #d4af5f59;padding:.75rem 2.5rem .65rem 1rem;position:relative}.art-detail-modal__tag{color:#ffd56a;background:#080e248c;border-radius:6px;margin-bottom:.2rem;padding:.1rem .4rem;font-size:clamp(8px,1.8vmin,10px);font-weight:800;display:inline-block}.art-detail-modal__banner h2{color:#fff8e8;margin:0;font-size:clamp(16px,4vmin,22px)}.art-detail-modal__close{color:#fff;background:#080e24a6;border:1px solid #ffffff40;border-radius:50%;width:28px;height:28px;font-size:18px;line-height:1;position:absolute;top:.5rem;right:.5rem}.art-detail-modal__body{padding:.75rem 1rem;overflow-y:auto}.art-detail-modal__hero{grid-template-columns:auto 1fr;align-items:start;gap:.65rem;margin-bottom:.75rem;display:grid}.art-detail-modal__sigil{color:#ffd56a;background:linear-gradient(145deg,#ff8a4a8c,#122258d9);border:2px solid #d4af5f73;border-radius:12px;place-items:center;width:56px;height:56px;font-size:1.4em;font-weight:900;display:grid;box-shadow:0 0 16px #ff8a4a4d}.art-detail-modal__sigil--jue{color:#e8d0ff;background:linear-gradient(145deg,#9a6bff80,#120a22e6);border-radius:5px;width:48px;height:64px}.art-detail-modal__mechanism{color:#d2e4ff;margin:0;font-size:clamp(10px,2.3vmin,13px);line-height:1.45}.art-detail-modal__level{color:#ffd56a;margin:.35rem 0 0;font-size:clamp(10px,2.2vmin,12px);font-weight:800}.art-detail-modal__rewards h3{color:#9eb4df;margin:0 0 .4rem;font-size:clamp(11px,2.5vmin,14px)}.art-detail-modal__rewards ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.art-detail-modal__rewards li{color:#b8c9ea;background:#080e248c;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem;padding:.35rem .45rem;font-size:clamp(9px,2vmin,11px);display:grid}.art-detail-modal__rewards li.is-unlocked{color:#dce9ff;background:#122a2473}.art-detail-modal__rewards li.is-locked{opacity:.65}.art-detail-modal__reward-state{font-size:.95em}.art-detail-modal__footer{background:#080e24b8;border-top:1px solid #7ec6ff2e;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem 1rem;display:flex}.art-detail-modal__wallet{color:#9eb4df;align-items:center;gap:.45rem;font-size:clamp(9px,2vmin,11px);font-weight:800;display:inline-flex}.art-detail-modal__cta{color:#fff8e8;background:linear-gradient(#ffd56a47,#2a220ce6);border:1px solid #d4af5f8c;border-radius:12px;align-items:center;gap:.25rem;padding:.45rem .75rem;font-size:clamp(10px,2.2vmin,12px);font-weight:900;display:inline-flex}.art-detail-modal__cta:disabled{opacity:.45}.art-detail-modal__cta svg{color:#7ef0b8}.settings-page{text-align:left;gap:.65rem}.settings-page h3{color:#8ecfff;letter-spacing:.14em;margin:0;font-size:clamp(12px,2.6vmin,16px)}.settings-row{background:#080e24b8;border:1px solid #7ec6ff33;border-radius:12px;grid-template-columns:80px 1fr auto;align-items:center;gap:.5rem;padding:.5rem .65rem;display:grid}.settings-row span{color:#b8c9ea;font-size:clamp(10px,2.2vmin,13px)}.settings-row input[type=range]{width:100%}.settings-row b{color:#dce9ff;font-size:clamp(10px,2.2vmin,12px)}.settings-toggle{color:#dce9ff;background:#080e24b8;border:1px solid #7ec6ff33;border-radius:12px;align-items:center;gap:.5rem;padding:.55rem .65rem;font-size:clamp(10px,2.3vmin,13px);display:flex}.settings-radio-group{background:#080e24b8;border:1px solid #7ec6ff33;border-radius:12px;flex-direction:column;gap:.4rem;margin:0;padding:.55rem .65rem;display:flex}.settings-radio-group legend{color:#b8c9ea;padding:0 .15rem .2rem;font-size:clamp(10px,2.2vmin,13px)}.settings-radio{color:#dce9ff;align-items:center;gap:.5rem;font-size:clamp(10px,2.3vmin,13px);display:flex}.settings-build-footer{text-align:center;color:#b8c9ea73;letter-spacing:.05em;-webkit-user-select:text;user-select:text;margin:.4rem 0 0;font-size:clamp(8px,1.8vmin,10px)}.tutorial-overlay{z-index:12;padding:max(env(safe-area-inset-top), 14px) 5% 0;pointer-events:none;background:linear-gradient(#040a1c2e,#040a1c0a 48%,#0000);justify-content:flex-start}.tutorial-card{text-align:left;pointer-events:auto;background:linear-gradient(#0c1634f0,#080d21f2),#080d21f2;border:1px solid #7cd1d657;border-radius:20px;gap:.4rem;width:min(100%,400px);padding:.85rem .95rem .9rem;display:grid;box-shadow:inset 0 1px #fffbeb1f,0 14px 30px #00000042}.tutorial-card__header{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.tutorial-card__step{color:#7fe8ff;letter-spacing:.14em;margin:0;font-size:clamp(9px,2vmin,12px);font-weight:800}.tutorial-card__seal{color:#f3ddb0;background:#ffde9924;border-radius:999px;margin:0;padding:.16rem .45rem;font-size:clamp(8px,1.8vmin,10px);font-weight:800}.tutorial-card h3{color:#f3f7ff;margin:0;font-size:clamp(18px,4.2vmin,24px)}.tutorial-card p{color:#d2e4ff;margin:0;font-size:clamp(11px,2.4vmin,14px);line-height:1.4}.tutorial-card__cues{flex-wrap:wrap;gap:.38rem;display:flex}.tutorial-card__cue{color:#dffafb;background:#07122894;border:1px solid #76ccd73d;border-radius:999px;padding:.22rem .5rem;font-size:clamp(9px,1.95vmin,11px);font-weight:800}.tutorial-card__skip{justify-self:start;width:auto;min-width:0;margin-top:.05rem}.hero-page,.sect-arts-page,.codex-page{background:linear-gradient(#0d151bdb,#091017f0),#060a12f0;border:1px solid #d6c59a3d;border-radius:28px;padding:clamp(12px,2.8vmin,18px);position:relative;overflow:hidden;box-shadow:inset 0 1px #fff8e20f,0 26px 48px #00000047}.hero-page:before,.sect-arts-page:before,.codex-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0,#75d5da1f,#0000 28%),linear-gradient(140deg,#ffdf9514,#0000 34%);position:absolute;inset:0}.hero-page__banner,.sect-arts-page__hero{z-index:1;gap:.8rem;display:grid;position:relative}.hero-page__banner{grid-template-columns:1fr;align-items:stretch}.hero-page__identity,.sect-arts-page__hero-copy{text-align:left;justify-items:start;gap:.42rem;display:grid}.hero-page__kicker,.sect-arts-page__eyebrow,.codex-inspector__eyebrow{color:#7fdad2;letter-spacing:.18em;margin:0;font-size:clamp(10px,2.1vmin,13px);font-weight:900}.hero-page__eyebrow{color:#d7c48f}.hero-page__identity h2,.sect-arts-page__hero h2,.codex-inspector h3{color:#f5e7ba;text-shadow:0 3px #0b121ec7;margin:0;font-size:clamp(25px,5.2vmin,34px);line-height:1.04}.hero-page__brief,.hero-page__role,.hero-note-card p,.hero-note-card li,.sect-arts-page__desc,.sect-arts-page__featured-copy span,.codex-inspector__summary,.codex-inspector__facts dd,.enemy-dossier-card__summary,.enemy-dossier-card__title,.perk-card__desc{color:#dce3dee0;font-size:clamp(10px,2.2vmin,13px);line-height:1.55}.hero-page__role{color:#f1e4b4;font-weight:800}.hero-page__chips{justify-content:flex-start}.hero-page__chip{color:#ebe1bf;background:#f4e7c014;border:1px solid #d6c59a33}.hero-page__docket,.sect-arts-page__featured{background:linear-gradient(#1a2526c7,#0c1216e0);border:1px solid #d6c59a3d;border-radius:18px;align-content:start;gap:.28rem;padding:.8rem .9rem;display:grid;box-shadow:inset 0 1px #fff8e20d}.hero-page__docket-label,.sect-arts-page__featured-label{color:#d6c59ad6;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(9px,1.9vmin,11px);font-weight:800}.hero-page__docket strong,.sect-arts-page__featured strong{color:#f5e7ba;font-size:clamp(16px,3.5vmin,21px)}.hero-page__docket span,.sect-arts-page__featured span{color:#ccd6d6d1;font-size:clamp(10px,2.1vmin,12px);line-height:1.45}.hero-page__command,.hero-page__hero-plate{z-index:1;grid-template-columns:minmax(118px,156px) minmax(0,1fr);align-items:stretch;gap:.75rem;display:grid;position:relative}.hero-page__dossier-stack,.hero-page__briefing{gap:.6rem;display:grid}.hero-page__portrait-stack{gap:.45rem;display:grid}.hero-page__portrait{aspect-ratio:.76;background:radial-gradient(circle at 50% 16%,#7bdddc42,#0000 32%),linear-gradient(#122330c7,#0b121bf5);border:1px solid #d6c59a3d;border-radius:22px;width:100%;margin:0;box-shadow:inset 0 1px #fff8e214,0 18px 28px #00000038}.hero-page__portrait img{object-fit:cover;object-position:center top}.hero-page__portrait-caption{color:#afbfc4d1;margin:0;font-size:clamp(9px,1.9vmin,11px);line-height:1.45}.hero-page__rating-card{background:radial-gradient(circle at 84% 18%,#78e0d824,#0000 26%),linear-gradient(#0e2124d1,#090f16eb);border:1px solid #7bdddc38;border-radius:18px;align-content:start;gap:.22rem;padding:.82rem .9rem;display:grid;box-shadow:inset 0 1px #fff8e20d}.hero-page__rating-label{color:#7fdad2;letter-spacing:.16em;font-size:clamp(10px,2vmin,12px);font-weight:900}.hero-page__rating-card strong{color:#f5e7ba;font-size:clamp(22px,4.6vmin,30px);line-height:1}.hero-page__rating-note{color:#dce3ded1;margin:0;font-size:clamp(10px,2.1vmin,12px);line-height:1.45}.hero-note-card{background:#080e16ad;border:1px solid #d6c59a33;border-radius:18px;padding:.8rem .9rem}.hero-note-card--compact{background:linear-gradient(#171e29c7,#080e16d1)}.hero-note-card__facts{gap:.5rem;margin:0;display:grid}.hero-note-card__facts div{background:#fff8e20a;border:1px solid #d6c59a1a;border-radius:14px;gap:.14rem;padding:.45rem .5rem;display:grid}.hero-note-card__facts dt{color:#d7c48f;letter-spacing:.08em;font-size:clamp(9px,1.9vmin,11px);font-weight:800}.hero-note-card__facts dd{color:#dce3dedb;margin:0;font-size:clamp(10px,2.1vmin,12px);line-height:1.45}.hero-note-card--accent{background:linear-gradient(#0d1e24c2,#080e16cc)}.hero-note-card h3,.hero-page__section-head h3{color:#f3e0a5;margin:0 0 .3rem;font-size:clamp(13px,2.8vmin,16px)}.hero-note-card ul{gap:.25rem;margin:0;padding-left:1rem;display:grid}.hero-page__sect-picker{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));position:relative}.hero-page__section--sects{gap:.6rem}.hero-page .sect-option{color:#c4d3d7cc;background:#0a111ab8;border:1px solid #d6c59a29;border-radius:16px;padding:.65rem .45rem}.hero-page .sect-option strong{color:#edf0e4;font-size:clamp(12px,2.7vmin,14px);display:block}.hero-page .sect-option span{margin-top:.18rem;font-size:clamp(9px,1.9vmin,11px);display:block}.hero-page .sect-option.is-selected{background:linear-gradient(#112b30e0,#0b131ceb);border-color:#7bdddc7a;box-shadow:inset 0 0 0 1px #7bdddc2e,0 12px 22px #00000029}.hero-page__section{z-index:1;gap:.45rem;display:grid;position:relative}.hero-page__section-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.hero-page__section-head p{color:#afbfc4b8;margin:0;font-size:clamp(9px,1.9vmin,11px)}.stat-grid,.career-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.career-card{background:#080e16b8;border:1px solid #d6c59a2e;border-radius:18px}.stat-card span,.career-card span{color:#afbfc4c7}.stat-card b,.career-card b{color:#f5e7ba}.sect-arts-page__hero{grid-template-columns:minmax(0,1fr) minmax(130px,164px);align-items:stretch}.sect-arts-tabs{z-index:1;position:relative}.sect-arts-tab{background:#0a111ab8;border:1px solid #d6c59a29;border-radius:16px}.sect-arts-tab.is-active{box-shadow:inset 0 0 0 1px #7bdddc2e}.arts-shelf{z-index:1;background:linear-gradient(#22180d80,#0b1219a8),repeating-linear-gradient(90deg,#7a5e3a24 0 2px,#0000 2px 28px);border:1px solid #aa854c3d;border-radius:22px;gap:.65rem;padding:.7rem;position:relative}.art-card{background:linear-gradient(#162024e0,#0b121af0);border:1px solid #d6c59a2e;border-radius:18px;box-shadow:0 14px 24px #00000029}.art-card--jue{background:linear-gradient(#241838eb,#0e0a18f5);border-color:#b18fe047}.art-card__scroll-face{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.6rem}.art-card__crest{color:#ecdfb0;background:radial-gradient(circle at 50% 35%,#79dedc29,#0e141ce0);border:1px solid #d6c59a3d;border-radius:16px;place-items:center;width:52px;height:52px;display:grid;position:relative}.art-card__type-seal,.art-detail-modal__type-seal{color:#7fdad2;background:#080e16eb;border:1px solid #d6c59a3d;border-radius:999px;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-5px;right:-5px}.art-card__family{color:#7fdad2;letter-spacing:.12em;margin-bottom:.12rem;font-size:clamp(9px,1.9vmin,10px);font-weight:900;display:block}.art-card__info strong{color:#f5e7ba;font-size:clamp(13px,2.9vmin,16px)}.art-card__kind{color:#c6d4d9b8}.art-card__desc{margin:.3rem 0 0}.art-card__rail{justify-items:end;gap:.4rem;display:grid}.art-card__badge,.art-card__lock-badge{border-radius:999px;padding:.24rem .5rem;font-weight:900}.art-card__lock-badge{color:#c6d4d9d6;background:#ffffff0f}.art-card__quick-upgrade{justify-content:center;min-width:38px;min-height:34px}.art-card__quick-upgrade--unlock{padding-inline:.7rem}.art-card__mutation{color:#89dfbf;margin:.45rem 0 0;font-size:clamp(9px,1.9vmin,11px);line-height:1.45}.art-detail-modal__banner h2{margin-bottom:.14rem}.art-detail-modal__sect{color:#c6d4d9c2;margin:0;font-size:clamp(10px,2.1vmin,12px)}.art-detail-modal__sigil{color:#ecdfb0;position:relative}.codex-page__enemy-layout{z-index:1;gap:.7rem;display:grid;position:relative}.codex-inspector{background:linear-gradient(#141f23d1,#090f16eb);border:1px solid #d6c59a33;border-radius:22px;grid-template-columns:minmax(116px,138px) minmax(0,1fr);gap:.7rem;padding:.8rem;display:grid}.codex-inspector.is-locked .codex-inspector__media img{filter:grayscale()brightness(.4)}.codex-inspector__media{background:radial-gradient(circle at 50% 20%,#7bdddc24,#0a111aeb);border:1px solid #d6c59a29;border-radius:18px;min-height:132px;overflow:hidden}.codex-inspector__media img{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block}.codex-inspector__title{color:#c6d4d9b8;margin:.12rem 0 0;font-size:clamp(10px,2vmin,12px)}.codex-inspector__chips{flex-wrap:wrap;gap:.35rem;margin-top:.45rem;display:flex}.codex-inspector__chip{color:#f3e0a5;background:#ffffff0f;border:1px solid #d6c59a29;border-radius:999px;padding:.22rem .55rem;font-size:clamp(9px,1.9vmin,11px);font-weight:800}.codex-inspector__summary{margin:.5rem 0 0}.codex-inspector__facts{gap:.45rem;margin:.55rem 0 0;display:grid}.codex-inspector__facts dt{color:#7fdad2;letter-spacing:.12em;font-size:clamp(9px,1.9vmin,10px);font-weight:900}.codex-inspector__facts dd{margin:.12rem 0 0}.codex-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.enemy-dossier-card{text-align:left;background:#080e16b8;border-radius:18px;grid-template-columns:1fr;align-items:start;gap:.45rem;width:100%;min-height:152px;padding:.62rem;display:grid}.enemy-dossier-card.is-selected{border-color:#7bdddc70;box-shadow:inset 0 0 0 1px #7bdddc29}.enemy-dossier-card__preview{background:radial-gradient(circle at 50% 20%,#7bdddc24,#0a111aeb);border:1px solid #d6c59a24;border-radius:16px;height:64px;overflow:hidden}.enemy-dossier-card.is-locked .enemy-dossier-card__preview img{filter:grayscale()brightness(.38)}.enemy-dossier-card__preview img{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block}.enemy-dossier-card__body{gap:.18rem;min-width:0;display:grid}.enemy-dossier-card p{padding-left:0}.enemy-dossier-card strong{color:#f5e7ba}.enemy-dossier-card__title{color:#c6d4d9b8}.enemy-dossier-card__summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.enemy-dossier-card__threats{flex-wrap:wrap;gap:.28rem;margin-top:.14rem;display:flex}.enemy-dossier-card__threat-chip{color:#e8a3a7;background:#c64d5424;border:1px solid #c64d5452;border-radius:999px;padding:.14rem .4rem;font-size:clamp(8px,1.7vmin,10px);font-weight:800}.enemy-dossier-card__weakness{color:var(--ui-danger,#c64d54);margin-top:.14rem;font-size:clamp(8px,1.8vmin,10px);display:block}.enemy-dossier-card__status-line{flex-wrap:wrap;gap:.35rem;margin-top:.18rem;display:flex}.enemy-dossier-card__status,.enemy-dossier-card__count{color:#e8debc;background:#ffffff0f;border-radius:999px;padding:.18rem .45rem;font-size:clamp(8px,1.8vmin,10px);font-weight:800}.codex-list--records{z-index:1;position:relative}.codex-card{background:#080e16b8;border:1px solid #d6c59a29}.codex-card strong{color:#f5e7ba}.codex-card span{color:#c6d4d9d1}.perk-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040a14ad;padding:5%}.perk-overlay__panel{justify-items:center;width:min(100%,920px);display:grid}.perk-heading{align-items:center;gap:.7rem;display:inline-flex}.perk-heading__label{justify-content:center;align-items:center;display:inline-flex}.perk-heading__crest{aspect-ratio:1;color:#23324f;background:radial-gradient(circle at 50% 34%,#fff5d3eb,#c3984cf0 66%,#3b2812f5);border:1px solid #e5ca8c85;border-radius:50%;place-items:center;width:clamp(38px,8vmin,48px);font-size:clamp(16px,3.5vmin,22px);font-weight:900;display:grid;box-shadow:0 10px 24px #0000003d}.perk-overlay__subtitle{color:#7fdad2;letter-spacing:.14em;margin:.8rem 0 0;font-size:clamp(12px,2.6vmin,18px);font-weight:900}.perk-overlay__ritual{color:#f0deb2;letter-spacing:.18em;text-transform:uppercase;margin:.3rem 0 0;font-size:clamp(10px,2.2vmin,13px)}.perk-overlay h2{margin:.6rem 0 1.1rem}.perk-list{gap:.65rem}.perk-card{isolation:isolate;border:1px solid color-mix(in srgb, var(--perk) 48%, #fff0cf2e);background:linear-gradient(180deg, color-mix(in srgb, var(--perk) 16%, #0d1421eb), #0a0f19f5), #0a0f19f0;text-align:left;border-radius:24px;grid-template-columns:1fr;align-content:start;gap:.68rem;padding:.92rem .84rem .96rem;transition:transform .14s,box-shadow .14s,border-color .14s;position:relative;overflow:hidden}.perk-card:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #fff8e214;position:absolute;inset:0}.perk-card__veil{border-radius:inherit;background:radial-gradient(circle at 18% 16%, color-mix(in srgb, var(--perk) 30%, #fff8e224), transparent 38%), linear-gradient(150deg, transparent 0%, #fff8e208 42%, transparent 75%);opacity:.9;pointer-events:none;position:absolute;inset:0}.perk-card__family,.perk-card__hero,.perk-card__desc,.perk-card__tags,.perk-card__callout{z-index:1;position:relative}.perk-card__family{border:1px solid color-mix(in srgb, var(--perk) 46%, #fff8e233);background:color-mix(in srgb, var(--perk) 14%, #080d16b8);color:#f9efcb;letter-spacing:.08em;border-radius:999px;justify-self:start;align-items:center;padding:.24rem .62rem;font-size:clamp(8px,1.8vmin,11px);font-weight:800;display:inline-flex}.perk-card__hero{grid-template-columns:auto 1fr;align-items:center;gap:.7rem;display:grid}.perk-card__glyph-shell{place-items:center;display:grid;position:relative}.perk-card__glyph{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--perk) 54%, #fff8e23d);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--perk) 30%, #fff8e21f), #0a0f192e 72%);color:#fff1c2;border-radius:20px;place-items:center;width:clamp(58px,13vmin,74px);display:grid;box-shadow:inset 0 1px #fff8e229}.perk-card__spark{background:radial-gradient(circle, #fff8e2eb, color-mix(in srgb, var(--perk) 76%, #fff8e21f) 58%, transparent 72%);width:.68rem;height:.68rem;box-shadow:0 0 12px color-mix(in srgb, var(--perk) 54%, #fff8e224);border-radius:50%;position:absolute;bottom:.12rem;right:.22rem}.perk-card__headline{gap:.36rem;display:grid}.perk-card__meta{justify-content:flex-start}.perk-card__title{color:#fff4d0;line-height:1.14}.perk-card__focus{color:#d6eae8cc;font-size:clamp(10px,2.2vmin,13px);font-weight:700;line-height:1.3}.perk-card__tag{color:#d1f2e7}.perk-card__callout{border:1px solid color-mix(in srgb, var(--perk) 52%, #fff8e22e);background:color-mix(in srgb, var(--perk) 18%, #090e18a3);color:#fff1bf;letter-spacing:.08em;border-radius:999px;justify-content:center;justify-self:start;align-items:center;padding:.38rem .78rem;font-size:clamp(9px,2vmin,12px);font-weight:800;display:inline-flex}.perk-card:hover{border-color:color-mix(in srgb, var(--perk) 62%, #fff0cf38);transform:translateY(-2px);box-shadow:0 14px 30px #03081252,inset 0 1px #fff8e21f}.perk-overlay__panel>p:last-child{margin-top:1rem}.perk-overlay__footer{color:#d8e7ffb8;letter-spacing:.12em;margin:.95rem 0 0;font-size:clamp(10px,2.1vmin,12px)}@media (width<=640px){.hero-page__banner,.hero-page__command,.hero-page__hero-plate,.sect-arts-page__hero,.codex-inspector{grid-template-columns:1fr}.hero-page__docket,.sect-arts-page__featured{order:2}.hero-page__portrait{max-width:168px}.hero-page__portrait-stack{justify-items:center}.perk-list{grid-template-columns:repeat(3,minmax(0,1fr))}.perk-card{padding-inline:.65rem}.perk-card__hero{grid-template-columns:1fr;align-items:start;gap:.5rem}.perk-card__glyph-shell{justify-self:start}.perk-card__glyph{width:clamp(46px,11vmin,56px)}.perk-card__family,.perk-card__callout{padding-inline:.56rem}.codex-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}.hud__topline{filter:drop-shadow(0 10px 20px #060d1759);grid-template-columns:12% 21% 1fr 24% 18%;gap:1.8%;height:8%;left:3.1%;right:3.1%}.hud__pause{color:#f5e9c7;background:linear-gradient(#2d3d47f0,#121821f5),linear-gradient(145deg,#af945d33,#0000 55%);border:1px solid #d8c184b3;border-radius:26%;position:relative;box-shadow:inset 0 1px #fff1cb38,0 0 0 1px #39586180,0 10px 20px #04080c42}.hud__pause-glyph{position:absolute;inset:0}.hud__pause-glyph:before,.hud__pause-glyph:after{content:"";background:linear-gradient(#f6ebcbfa,#b09967f0);border-radius:999px;width:13%;position:absolute;top:26%;bottom:26%;box-shadow:0 0 10px #fde5b140}.hud__pause-glyph:before{left:36%}.hud__pause-glyph:after{right:36%}.hud__pause-glyph--play:before{width:0;box-shadow:none;background:0 0;border-top:13px solid #0000;border-bottom:13px solid #0000;border-left:18px solid #f5e9c7;border-radius:0;top:23%;bottom:23%;left:41%}.hud__pause-glyph--play:after{display:none}.hud__status-card,.hud__level-wrap{color:#f6f0df;white-space:nowrap;background:linear-gradient(#101a26d1,#080f1aeb),radial-gradient(circle at 50% 0,#71aea72e,#0000 62%);border:1px solid #a6c2ba4d;border-radius:18px;justify-content:center;align-items:center;gap:.34em;min-height:70%;display:flex;box-shadow:inset 0 1px #f2f7eb1a,0 8px 18px #04080e2e}.hud__status-card{flex-direction:column;padding:.42em .7em .46em}.hud__status-kicker,.hud__level-kicker{letter-spacing:.12em;text-transform:uppercase;color:#b1d3cad1;font-size:clamp(8px,1.8vmin,11px);font-weight:700}.hud__status-card strong,.hud__level{color:#f7f2e4;text-shadow:0 2px 8px #060c1259;font-size:clamp(14px,3.3vmin,23px);font-weight:900;line-height:1}.hud__level-wrap{background:linear-gradient(#201c14e0,#0d0c09f0),radial-gradient(circle at 50% 0,#bfa86e38,#0000 62%);border-color:#af9a6761;flex-direction:column;padding:.36em .8em .42em}.hud__level{letter-spacing:.03em;background:0 0;padding:0;position:static;transform:none}.hud__status-card--scraps{flex-direction:row;gap:.42em}.hud__status-icon{color:#86e8cb;place-items:center;width:1.2em;height:1.2em;display:inline-grid}.hud__xp-shell{filter:drop-shadow(0 10px 16px #060c1238);gap:6px;display:grid;position:absolute;top:8.25%;left:13%;right:13%}.hud__xp-copy{color:#e6ecde;letter-spacing:.08em;justify-content:space-between;align-items:baseline;padding:0 6px;font-size:clamp(9px,2vmin,12px);display:flex}.hud__xp-copy b{color:#f3ebd4;letter-spacing:.02em;font-size:clamp(11px,2.35vmin,14px)}.hud__xp{background:linear-gradient(#141e22f5,#0a1014fa),linear-gradient(90deg,#5c8c8429,#0000);border:1px solid #bca8778c;height:clamp(10px,1.7vmin,14px);position:relative;top:auto;left:auto;right:auto;box-shadow:inset 0 1px #f4ecd61a,0 0 0 1px #344f4c8c}.hud__xp span{background:linear-gradient(90deg,#59d7d4,#7cd1a4 50%,#c9b76d 100%);box-shadow:inset 0 1px #f8f7ec73,0 0 16px #59d7d43d}.hud__shield{color:#c8f4f1;text-shadow:none;background:#0d2028c7;border:1px solid #64ced875;gap:.32em;padding:.28em .72em;font-size:clamp(10px,2.25vmin,14px);font-weight:800;display:inline-flex;top:11.8%}.hud__shield-icon{color:#76d7de;place-items:center;width:1.05em;height:1.05em;display:inline-grid}.hud__arts{gap:.4em;max-width:84%;top:14.6%}.hud__art-badge{color:#ecf0e4;background:#09121bc2;border:1px solid #eeddb333;border-radius:999px;gap:.32em;min-height:26px;padding:.2em .58em;font-size:clamp(9px,2vmin,12px);font-weight:800;box-shadow:inset 0 1px #f6f1df0f}.hud__art-badge--shu{border-color:#c0a55c59}.hud__art-badge--jue{border-color:#6c9dd066}.hud__art-badge--resonance{color:#f1ddb0;background:#261f0dc7;border-color:#bfa96873}.hud__art-emblem,.hud__art-seal,.hud__art-resonance-star{place-items:center;display:inline-grid}.hud__art-emblem{color:#7ed7d4}.hud__art-seal{color:#f4e5bfc7}.hud__art-name{text-overflow:ellipsis;max-width:10em;overflow:hidden}.hud__art-badge b{color:#f5d68c}.hud__ultimate{right:3.8%;bottom:max(18.6%, calc(env(safe-area-inset-bottom) + 15.5%));aspect-ratio:.86;color:#97bcc9ad;opacity:.9;background:linear-gradient(#111a24f0,#090e16fa),radial-gradient(circle at 50% 12%,#6fbed629,#0000 58%);border:1px solid #78acc652;border-radius:24px;gap:.16em;width:clamp(60px,13.2vmin,78px);font-weight:900;box-shadow:inset 0 1px #f5f5e214,0 16px 30px #05090e42}.hud__ultimate--ready{color:#f6ecd0;background:linear-gradient(#3a2f18f5,#141008fa),radial-gradient(circle at 50% 8%,#c9a04747,#0000 54%);border-color:#cdab689e;box-shadow:inset 0 1px #fff6d52e,0 18px 30px #0c0a0552,0 0 18px #c49e583d}.hud__ultimate-icon{place-items:center;width:1.5em;height:1.5em;display:inline-grid}.hud__ultimate-label{letter-spacing:.08em;font-size:clamp(9px,1.9vmin,12px)}.hud__ultimate-count{font-size:clamp(15px,3.3vmin,21px)}.hud__skill-bar{gap:clamp(7px,1.35vmin,10px);max-height:44%;top:35.4%;right:2.8%}.skill-slot{background:linear-gradient(#101821eb,#080e16f5),radial-gradient(circle at 50% 18%,#63989e2e,#0000 58%);border:1px solid #8db4b557;border-radius:18px;width:clamp(42px,9.6vmin,56px);box-shadow:inset 0 1px #f5f3e414,0 10px 18px #05090e33}.skill-slot--orange{color:#f4d7a4;border-color:#cb985485}.skill-slot--cyan{color:#b8f4ff;border-color:#60c4ca8a}.skill-slot--lime{color:#d8ffb0;border-color:#78b96c85}.skill-slot--violet{color:#dcc8ff;border-color:#9183cb80}.skill-slot--rose{color:#ffc8d8;border-color:#cb7b9e8a}.skill-slot__icon{padding:8px}.skill-slot__glyph{place-items:center;width:100%;height:100%;display:inline-grid}.skill-slot__seal{color:#f1e4c2d1;background:#070e15b8;border-radius:999px;place-items:center;width:15px;height:15px;display:inline-grid;position:absolute;top:5px;left:5px}.skill-slot__cd-track{stroke:#070e15b8;stroke-width:2.4px}.skill-slot__cd-progress{stroke:#5dd2c9eb;stroke-width:2.4px}.skill-slot--orange .skill-slot__cd-progress{stroke:#e8b86ff2}.skill-slot--cyan .skill-slot__cd-progress{stroke:#68d7e0f2}.skill-slot--lime .skill-slot__cd-progress{stroke:#aae18af2}.skill-slot__cd-text{color:#f7f3e8;font-size:clamp(10px,2.3vmin,12px);font-weight:800}.skill-slot__level{color:#f1ddab;background:#060e14e6;border:1px solid #c4aa6c8c;border-radius:999px;min-width:17px;height:17px;padding:0 4px;line-height:15px;bottom:-2px;right:-2px}@media (width<=640px){.hud__topline{top:max(1.8%, env(safe-area-inset-top));grid-template-columns:12% 21% 1fr 22% 17%;gap:1.4%;height:7.4%}.hud__status-card,.hud__level-wrap{border-radius:15px;min-height:66%}.hud__status-card{padding-inline:.5em}.hud__xp-shell{top:7.95%;left:11.5%;right:11.5%}.hud__shield{top:11.4%}.hud__arts{max-width:88%;top:14.1%}.hud__art-name{max-width:7em}.hud__skill-bar{top:33.8%}}.home-page__art{object-position:center top;transform:scale(1.01)}.home-page__backdrop{background:linear-gradient(#050a1014 0%,#040a1208 22%,#03080e14 52%,#02050a70 100%),radial-gradient(circle at 50% 16%,#81cec412,#0000 28%),radial-gradient(circle at 50% 88%,#02070e42,#0000 32%)}.home-page__brand:before{filter:blur(12px);background:linear-gradient(#040a125c,#040a1205),radial-gradient(circle at 50% 8%,#7ee8de1a,#0000 48%);inset:-.6rem 10% -.35rem}.home-page__dispatch{background:linear-gradient(#08121f94,#08121f3d);box-shadow:0 8px 20px #0208102e}.home-page__poster-cta{left:16%;right:16%;bottom:max(calc(env(safe-area-inset-bottom) + 7.8%), 9.4%);height:12%;box-shadow:none;pointer-events:auto;opacity:0;background:0 0;border:none;border-radius:24px;transition:opacity .22s;position:absolute;overflow:hidden}.home-page__poster-cta:focus-visible{outline-offset:6px;outline:2px solid #89e1d8b8}.home-page__poster-cta:disabled{cursor:wait}.home-page__cta-gloss{border-radius:inherit;opacity:.9;mix-blend-mode:screen;background:radial-gradient(circle,#ffecaf33,#0000 32%),linear-gradient(112deg,#0000 18%,#ffffff29 32%,#fff8e070 50%,#ffffff24 64%,#0000 76%);animation:4.6s ease-in-out infinite homeCtaGloss;position:absolute;inset:0;transform:translate(-120%)}.lobby-overlay{background:linear-gradient(#f6f1e414,#1218302e 18%,#080c1e70 72%,#080c1e9e 100%)}.lobby-overlay__header{margin-bottom:1.2%}.lobby-overlay__body{gap:.65rem;padding-bottom:.2rem}.deploy-panel{box-shadow:none;background:0 0;border:none;border-radius:0;gap:.85rem;padding:clamp(8px,1.8vmin,12px) 0 0}.deploy-panel__header{gap:.24rem}.deploy-panel__eyebrow{background:linear-gradient(#49583d8f,#1c2822ad)}.deploy-panel__featured{background:0 0;border:none;border-radius:0;padding:clamp(8px,1.9vmin,12px) 0}.deploy-panel__focus{gap:0}.deploy-panel__copy{padding:.5rem 0 .1rem}.deploy-panel__facts{gap:.55rem}.deploy-panel__fact{background:0 0;border:none;border-top:1px solid #b9a77e3d;border-radius:0;padding:.48rem 0 .15rem}.deploy-panel__scene{border-radius:28px;box-shadow:inset 0 0 0 1px #fff4da14,0 16px 28px #04080e33}.deploy-panel__scene--focus{aspect-ratio:1.58}.deploy-panel__route{gap:.8rem;padding:0 .1rem}.stage-card{background:linear-gradient(#665c45c2,#3a2d1fe0),#4b3d2c;box-shadow:inset 0 1px #fff8e20f,0 10px 18px #0000002e}.stage-card--compact{flex-basis:108px}.loadout-summary__card{background:linear-gradient(#12212094,#0a1216ad),#080c126b;border-radius:22px;padding:.58rem .75rem}.sect-chip{background:#10181e6b}.lobby-bottom-nav{border-top:1px solid #94abba14;margin-top:auto;padding-top:1.2%}.lobby-nav-btn{background:0 0;border:none}.lobby-nav-btn.is-active{color:#f7edd1;text-shadow:0 0 16px #7cddd624;background:0 0;border-color:#0000}.lobby-nav-btn--deploy{background:linear-gradient(#2a220cc2,#1c1606e0);box-shadow:0 10px 20px #0a0a082e}.lobby-nav-btn--deploy.is-active{background:linear-gradient(#5a4a1cc7,#221c0beb)}.lobby-overlay--deploy{padding:max(calc(env(safe-area-inset-top) + 10px), 10px) max(3.6%, 16px) max(calc(env(safe-area-inset-bottom) + 8px), 8px);background:radial-gradient(circle at 50% 0,#70aadc24,#0000 34%),linear-gradient(#f6f1e40d,#10162833 16%,#070b1999 72%,#060912d6 100%);justify-content:flex-start}.lobby-overlay--deploy .lobby-overlay__header,.lobby-overlay--deploy .lobby-overlay__header--compact{margin-bottom:clamp(6px,1.2vh,12px)}.lobby-overlay--deploy .lobby-overlay__brand{gap:.14rem}.lobby-overlay--deploy .lobby-overlay__eyebrow{font-size:clamp(10px,1.9vmin,12px)}.lobby-overlay--deploy .lobby-overlay__prep-title{font-size:clamp(18px,4.4vmin,24px)}.lobby-overlay--deploy .lobby-overlay__subtitle{font-size:clamp(10px,1.95vmin,12px)}.lobby-overlay__body--deploy{gap:0;min-height:0;padding-bottom:0;overflow:hidden}.lobby-overlay--deploy .deploy-panel{grid-template-rows:auto auto auto minmax(0,auto);gap:clamp(8px,1.25vh,12px);height:100%;min-height:0;padding:clamp(6px,1.5vmin,10px) 0 0;display:grid}.lobby-overlay--deploy .deploy-panel__header{gap:.18rem}.lobby-overlay--deploy .deploy-panel__eyebrow{padding:.18rem .86rem;font-size:clamp(10px,2vmin,12px)}.lobby-overlay--deploy .deploy-panel__title{font-size:clamp(20px,5.1vmin,30px)}.lobby-overlay--deploy .deploy-panel__status{font-size:clamp(10px,1.95vmin,12px)}.lobby-overlay--deploy .deploy-panel__focus{min-height:0;position:relative}.lobby-overlay--deploy .deploy-panel__scene--focus{aspect-ratio:1.42;border-radius:30px;box-shadow:inset 0 0 0 1px #fff4da1a,0 16px 28px #04080e38}.lobby-overlay--deploy .deploy-panel__featured{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#09101670,#070c12d1),#070c12ad;border:1px solid #c4b07e38;border-radius:22px;min-width:0;padding:clamp(10px,2.1vmin,14px);position:absolute;bottom:clamp(10px,2.2vmin,14px);left:clamp(10px,2.2vmin,14px);right:clamp(10px,2.2vmin,14px);box-shadow:inset 0 1px #fff9e80d,0 14px 24px #0003}.lobby-overlay--deploy .deploy-panel__copy{gap:.34rem;padding:0}.lobby-overlay--deploy .deploy-panel__chapter{font-size:clamp(10px,2.1vmin,12px)}.lobby-overlay--deploy .deploy-panel__stage-name{font-size:clamp(18px,4.6vmin,28px)}.lobby-overlay--deploy .deploy-panel__stage-hook{font-size:clamp(12px,2.55vmin,15px)}.lobby-overlay--deploy .deploy-panel__stage-brief{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(10px,2.05vmin,12px);line-height:1.42;display:-webkit-box;overflow:hidden}.lobby-overlay--deploy .deploy-panel__facts{gap:.42rem}.lobby-overlay--deploy .deploy-panel__fact{background:#f4e7c30d;border-radius:14px;padding:.46rem .58rem .42rem}.lobby-overlay--deploy .deploy-panel__fact dd{font-size:clamp(12px,2.4vmin,15px)}.lobby-overlay--deploy .deploy-panel__route{gap:.6rem;padding:0 .12rem}.lobby-overlay--deploy .deploy-panel__route-node{height:12px}.lobby-overlay--deploy .deploy-panel__route-node:before{inset:5px 0 auto}.lobby-overlay--deploy .deploy-panel__route-node:after{width:12px;height:12px}.lobby-overlay--deploy .deploy-panel__stack{align-content:end;gap:clamp(8px,1.1vh,11px);min-height:0;display:grid}.lobby-overlay--deploy .stage-card-strip{gap:.42rem;padding:.04rem 0 .08rem}.lobby-overlay--deploy .stage-card--compact{aspect-ratio:.68;border-radius:15px;flex:1 1 0;min-width:0;padding:.42rem .36rem .36rem}.lobby-overlay--deploy .stage-card__hanger{width:22px;height:15px}.lobby-overlay--deploy .stage-card__body{gap:.12rem;padding-bottom:.24rem}.lobby-overlay--deploy .stage-card__name{font-size:clamp(11px,2.15vmin,13px)}.lobby-overlay--deploy .stage-card__hook{font-size:clamp(7px,1.55vmin,9px)}.lobby-overlay--deploy .stage-card--compact .stage-card__preview{inset:2.92rem .34rem .34rem}.lobby-overlay--deploy .loadout-summary{gap:.45rem}.lobby-overlay--deploy .loadout-summary__card{background:linear-gradient(#111d1fb8,#0a1116d1),#080c1294;border-color:#b9a77e2e;border-radius:18px;padding:.54rem .68rem}.lobby-overlay--deploy .loadout-summary__label{font-size:clamp(10px,1.9vmin,11px)}.lobby-overlay--deploy .loadout-summary__card strong{font-size:clamp(14px,3vmin,18px)}.lobby-overlay--deploy .loadout-summary__card span{font-size:clamp(9px,1.8vmin,11px)}.lobby-overlay--deploy .sect-chip-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem;padding-bottom:0;display:grid;overflow:hidden}.lobby-overlay--deploy .sect-chip{flex:initial;border-radius:13px;min-width:0;padding:.44rem .16rem}.lobby-overlay--deploy .sect-chip strong{font-size:clamp(9px,1.95vmin,11px)}.lobby-overlay--deploy .sect-chip span{font-size:clamp(7px,1.45vmin,8.5px)}.lobby-overlay--deploy .deploy-panel__cta{margin-top:0}.lobby-overlay--deploy .deploy-panel__cta.primary-button{border-radius:22px;min-height:58px}.lobby-overlay--deploy .lobby-bottom-nav{margin-top:clamp(4px,.8vh,8px);padding-top:clamp(6px,1.1vh,10px)}.lobby-overlay--deploy .lobby-nav-btn{padding:.34rem 0 .12rem}.lobby-overlay--deploy .lobby-nav-btn__label{font-size:clamp(9px,1.75vmin,10.5px)}.codex-page{gap:.7rem}.codex-page__vault{z-index:1;background:radial-gradient(circle at 18% 0,#7cdfd829,#0000 28%),linear-gradient(#121f24d1,#080e16eb);border:1px solid #d6c59a38;border-radius:24px;gap:.8rem;padding:.95rem 1rem;display:grid;position:relative;box-shadow:inset 0 1px #fff8e20d}.codex-page__vault-copy{text-align:left;gap:.28rem;display:grid}.codex-page__vault-kicker{color:#7fdad2;letter-spacing:.18em;margin:0;font-size:clamp(10px,2.1vmin,12px);font-weight:900}.codex-page__vault h2{color:#f5e7ba;text-align:left;text-shadow:0 3px #0b121ec7;margin:0;font-size:clamp(24px,5vmin,32px);line-height:1.04}.codex-page__vault-desc{color:#d8e3e1d6;margin:0;font-size:clamp(10px,2.15vmin,12px);line-height:1.5}.codex-page__vault-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.codex-page__vault-pill{text-align:left;background:#060c1470;border:1px solid #d6c59a29;border-radius:16px;gap:.16rem;padding:.62rem .72rem;display:grid}.codex-page__vault-pill span{color:#c6d4d9b8;letter-spacing:.08em;font-size:clamp(9px,1.85vmin,10px)}.codex-page__vault-pill strong{color:#f5e7ba;font-size:clamp(16px,3.4vmin,20px)}.codex-tabs--vault{z-index:1;gap:.48rem;position:relative}.codex-tabs--vault .codex-tab{color:#c6d4d9b8;box-shadow:none;background:#0a111ab8;border:1px solid #d6c59a26;border-radius:14px;padding:.58rem .22rem}.codex-tabs--vault .codex-tab.is-active{color:#f5e7ba;background:linear-gradient(#112b30e0,#0a121cf0);border-color:#7bdddc6b;box-shadow:inset 0 0 0 1px #7bdddc24,0 10px 18px #00000024}.codex-roster-shell,.codex-record-grid{z-index:1;background:linear-gradient(#10181fd1,#080e16e6);border:1px solid #d6c59a2e;border-radius:22px;gap:.58rem;padding:.8rem;display:grid;position:relative}.codex-roster__head,.codex-record-grid__head{text-align:left;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.codex-roster__head p,.codex-record-grid__head p{color:#f5e7ba;margin:0;font-size:clamp(13px,2.8vmin,16px);font-weight:900}.codex-roster__head span,.codex-record-grid__head span{color:#c6d4d9b8;font-size:clamp(9px,1.85vmin,11px)}.codex-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.codex-record-grid__head{grid-column:1/-1}.codex-card--record{text-align:left;background:#080e16bd;border-radius:18px;gap:.3rem;padding:.8rem .85rem;box-shadow:inset 0 1px #fff8e20a}.codex-card__head{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.codex-card__kicker{color:#7fdad2;letter-spacing:.12em;margin:0;font-size:clamp(8px,1.8vmin,10px);font-weight:900}.codex-card__stamp{color:#c6d4d9c2;background:#ffffff0d;border:1px solid #d6c59a2e;border-radius:999px;padding:.18rem .46rem;font-size:clamp(8px,1.7vmin,10px);font-weight:800}.codex-card__stamp.is-cleared{color:#f5e7ba;background:#7bdddc1a;border-color:#7bdddc3d}.codex-card--achievement{background:radial-gradient(circle at 86% 14%,#f4dc9c1f,#0000 24%),linear-gradient(#12181fd6,#080e16e6)}.codex-page .codex-inspector{background:radial-gradient(circle at 82% 10%,#7bdddc1f,#0000 26%),linear-gradient(#141f23d1,#090f16eb);border-color:#d6c59a33}.codex-page .codex-inspector__media{min-height:148px}.codex-page .codex-roster{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=640px){.codex-page__vault-stats,.codex-record-grid{grid-template-columns:1fr}}@keyframes overlayPopIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.perk-overlay,.result-overlay{animation:.32s cubic-bezier(.22,1,.36,1) both overlayPopIn}@keyframes perkCardEnter{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}.perk-list .perk-card{will-change:transform, opacity;animation:.3s cubic-bezier(.22,1,.36,1) both perkCardEnter}.perk-list .perk-card:first-child{animation-delay:0s}.perk-list .perk-card:nth-child(2){animation-delay:80ms}.perk-list .perk-card:nth-child(3){animation-delay:.16s}.perk-list .perk-card:nth-child(4){animation-delay:.24s}.perk-list .perk-card:nth-child(5){animation-delay:.32s}@keyframes resultChipFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.result-cultivation-hint__chip{animation:.28s cubic-bezier(.22,1,.36,1) .52s both resultChipFadeIn}@keyframes resultStampDrop{0%{opacity:0;transform:scale(1.6)rotate(-8deg)}60%{opacity:1;transform:scale(.94)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.result-emblem.is-victory{will-change:transform, opacity;animation:.4s cubic-bezier(.22,1,.36,1) both resultStampDrop}