.chat-scope{color:#a7b9d0;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0;font-size:.75rem;display:flex}.chat-scope select{color:#e5efff;font:inherit;background:#121d32;border:1px solid #526989;border-radius:6px;padding:5px 7px}.chat-scope strong{color:#c9d9f5}.chat-line{overflow-wrap:anywhere;padding:7px 0;line-height:1.5}.chat-line-meta{color:#9babc3;align-items:center;gap:6px;font-size:.66rem;display:flex}.chat-line-meta:empty{display:none}.chat-line-meta time{margin-left:auto}.chat-history-tag,.chat-channel-tag{border:1px solid #52617a;border-radius:4px;padding:0 5px}.chat-history-tag{color:#c5d2e7}.chat-line .chat-author{color:#c1cee5;font-weight:600}.chat-text{white-space:pre-wrap;color:#dce5f4}.chat-line.historical{border-bottom:1px solid #45577144}.chat-history-controls{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px;font-size:.75rem;display:flex}.chat-history-controls button{color:#bbd7ff;cursor:pointer;background:0 0;border:1px solid #526989;border-radius:6px;padding:6px 10px}.chat-history-controls [role=alert]{color:#f5b9b9}.chat-send-error{color:#f5b9b9;margin:6px 0;font-size:.75rem}.chat-archives{background:#0f182bc9;border:1px solid #405775;border-radius:14px;margin-top:24px;padding:20px}.chat-archives-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.chat-archives-heading h3{align-items:center;gap:8px;margin:0;display:flex}.chat-archive-hint{color:#b6c4da;max-width:80ch;font-size:.84rem;line-height:1.6}.chat-archive-columns{grid-template-columns:minmax(180px,.8fr) minmax(0,2fr);gap:16px;display:grid}.chat-conversations{flex-direction:column;gap:8px;max-height:520px;display:flex;overflow:auto}.chat-conversation{text-align:left;color:#b9cce7;cursor:pointer;background:#1d2c4455;border:1px solid #405775;border-radius:8px;flex-direction:column;gap:5px;padding:12px;display:flex}.chat-conversation strong{color:#edf3ff}.chat-conversation.selected{background:#25467380;border-color:#8caef2}.chat-conversation time{font-size:.75rem}.chat-archive-reading{border:1px solid #405775;border-radius:8px;min-width:0;max-height:520px;padding:12px;overflow:auto}.chat-readonly{color:#b2c1db;margin-top:0;font-size:.8rem}.rs-conversation{max-width:720px;margin:24px auto 0}.rs-conversation .lobby-chat-log{max-height:210px}.muster-leave-hint{color:#b6c4da;font-size:.75rem}.chat-expand{color:#c7d6eb;cursor:pointer;background:#172439;border:1px solid #536989;border-radius:6px;min-width:30px;min-height:28px;margin-left:auto}.messages-panel .chat-expand+.panel-collapse{margin-left:6px}.right-column>.messages-panel.conversation-expanded,.messages-panel.conversation-expanded{z-index:35;width:min(560px,100vw - 24px);max-width:none;height:min(640px,75dvh);max-height:75dvh;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 16px 60px #000a}.messages-panel.conversation-expanded .msg-scroll{min-height:0}@media (width<=600px){.chat-archives{padding:14px}.chat-archives-heading{flex-wrap:wrap}.chat-archive-columns{grid-template-columns:minmax(0,1fr)}.chat-conversations{max-height:230px}.chat-archive-reading{max-height:420px}}.item-icon{width:var(--item-icon-size,24px);height:var(--item-icon-size,24px);flex:0 0 var(--item-icon-size,24px);vertical-align:middle;color:inherit;justify-content:center;align-items:center;display:inline-flex;position:relative}.item-icon>.chip-ico{flex:none;width:76%;height:76%;display:block}.item-icon>.chip-avatar{object-fit:cover;object-position:50% 12%;width:100%;height:100%;box-shadow:0 0 0 1px color-mix(in srgb, currentColor 36%, transparent);border-radius:18%}.item-icon-badge{background:var(--realm-surface-deep,#111827);min-width:max(14px,44%);height:max(12px,32%);font-family:Segoe UI,sans-serif;font-size:clamp(8px, calc(var(--item-icon-size,24px) * .24), 16px);border:1px solid;border-radius:4px;place-items:center;padding:0 3%;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-3%;right:-4%}.reward-splash .reward-splash-card{background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--realm-warm,#dfc89b) 14%, transparent), transparent 65%), var(--realm-surface-deep,#101824);border-color:var(--realm-line-strong,#c8ad7159);min-width:min(440px,92vw);max-width:min(620px,92vw);max-height:calc(100dvh - 40px);padding:32px;overflow-y:auto}.reward-splash .reward-splash-title{color:var(--realm-warm,#dfc89b)}.reward-splash .reward-splash-source,.reward-splash .reward-splash-hint{color:var(--realm-muted,#afbfcc)}.reward-splash .reward-splash-hint{cursor:pointer;font:inherit;background:0 0;border:0;padding:8px 12px;font-size:12px}.reward-splash .reward-splash-items{gap:10px}.reward-splash .reward-splash-item{border:1px solid var(--realm-line,#aec5d62e);background:var(--realm-panel-background,#192736);text-align:left;border-radius:12px;justify-content:flex-start;gap:18px;min-width:0;padding:12px 16px}.reward-splash .reward-splash-icon{width:64px;height:64px;color:var(--realm-accent,#bfdded);flex:0 0 64px}.reward-splash .reward-splash-icon.kind-shards{color:var(--reward-shards)}.reward-splash .reward-splash-icon.kind-xp{color:var(--reward-track)}.reward-splash .reward-splash-icon>.chip-ico{width:44px;height:44px}.reward-splash .reward-splash-label{overflow-wrap:anywhere;min-width:0;color:var(--realm-text,#e6e9ef);font-size:16px;line-height:1.7}.mail-reward.with-art,.track-reward.with-item-icon{align-items:center;gap:7px;display:inline-flex}.inv-card-art .item-icon{color:var(--realm-accent,#bdd7e6)}@media (width<=560px){.reward-splash .reward-splash-card{padding:24px 18px}.reward-splash .reward-splash-item{gap:13px;padding:11px 12px}.reward-splash .reward-splash-label{font-size:14px}}.cs-match-free-note{color:#c6e7e8;background:#173239;border:1px solid #96c9cc55;border-radius:10px;margin:0 0 20px;padding:12px 16px;font-size:13px;line-height:1.7}.cs-match-free-badge,.cs-taken-badge{z-index:2;color:#dcf6ed;text-align:left;background:#14383e;border:1px solid #a7dcdd66;border-radius:6px;width:fit-content;max-width:calc(100% - 16px);padding:4px 7px;font-size:11px;line-height:1.5;position:absolute;top:8px;left:8px;right:8px}.cs-match-free-note p{margin:0}.cs-match-free-note details{margin-top:6px}.cs-match-free-note summary{cursor:pointer;color:#dcf6ed}.cs-match-free-note details[open] p{margin-top:6px}.cs-taken-badge{color:#e7cfb1;background:#382d27;border-color:#d5b78a66}.cs-char-taken>.char-portrait{opacity:.55}@media (width<=760px){.character-select:not(.cs-compact){padding-top:64px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--reward-shards:#ffd66e;--reward-track:#9dc0ff;font-family:system-ui,Noto Sans TC,sans-serif}:root:lang(ja){font-family:system-ui,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic UI,Yu Gothic,Meiryo,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{color:#e6e9ef;background:#0b0d12;margin:0}.char-name{font-size:20px;font-weight:600}.char-role{color:#8b93a7;font-size:13px}.game-root{width:100vw;height:100vh;position:relative;overflow:hidden}.board{position:absolute;inset:0}.board canvas{filter:none;transition:filter 1.6s}.game-root.cine .board canvas{filter:blur(5px)brightness(.85)saturate(.85)}.game-root.cine .topbar,.game-root.cine .left-column,.game-root.cine .action-bar,.game-root.cine .toasts,.game-root.cine .panel{opacity:0;pointer-events:none;transition:opacity .9s}.battle-loading{z-index:50;background:radial-gradient(900px 600px at 50% 40%,#5b8cff1a,#0000 60%),linear-gradient(160deg,#0c0e15,#06070b 70%);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.battle-spinner{border:3px solid #8fa9ff2e;border-top-color:#8fa9ff;border-radius:50%;width:46px;height:46px;animation:.85s linear infinite battle-spin}.battle-loading-text{color:#aebbe0;letter-spacing:3px;font-size:14px;animation:1.6s ease-in-out infinite start-prompt-blink}@keyframes battle-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.battle-spinner{animation-duration:1.8s}.battle-loading-text{animation:none}}.panel{pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10131ae0;border:1px solid #232834;border-radius:10px;padding:10px 12px;position:absolute}.panel-title{color:#c3c9d6;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.panel-close{color:#c3c9d6;cursor:pointer;background:0 0;border:1px solid #3a4150;border-radius:6px;padding:2px 6px;line-height:1}.panel-collapse{color:#c3c9d6;cursor:pointer;background:0 0;border:1px solid #3a4150;border-radius:6px;flex:none;margin-left:auto;padding:1px 7px;font-size:12px;line-height:1}.panel-collapse:hover{color:#e6e9ef;border-color:#6ab0ff}.topbar-stack{pointer-events:none;flex-direction:column;align-items:center;gap:6px;max-width:min(92vw,900px);display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.topbar{color:#c3c9d6;pointer-events:none;background:#10131ad9;border-radius:20px;align-items:center;gap:16px;padding:6px 16px;font-size:14px;display:flex}.order-bar{color:#8b93a7;pointer-events:auto;background:#10131ac7;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;padding:4px 12px;font-size:11.5px;display:flex}.order-label{color:#6d7488;margin-right:2px}.order-chip{color:#aeb6c8;white-space:nowrap;cursor:help;background:#1e2434cc;border:1px solid #788cc840;border-radius:8px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:3px;font-size:13px;display:inline-flex}.order-chip .chip-ico{opacity:1;flex-shrink:0;width:18px;height:18px}.order-chip.mine{color:#9fe08d;border-color:#6ad08a8c}.order-chip.active{color:#ffd479;border-color:#ffd479;box-shadow:0 0 8px #ffd47959}.order-chip.acted{opacity:.42}.order-next{color:#6d7488;white-space:nowrap;cursor:help;margin-left:2px}.topbar-state.you{color:#6ad08a;font-weight:700}.topbar-state.waiting{color:#ffd479}.topbar-state.warn{color:#ff6a6a;font-weight:700}.ember-row{color:#ffd066;margin:2px 0;font-size:13px}.ember-glyph{color:#ff7a3d;vertical-align:-3px;display:inline-flex}.ember-glyph .chip-ico{opacity:1;width:15px;height:15px}.ember-val{font-weight:700}.equip-level{color:#ffd479;margin-left:4px;font-size:12px;font-weight:700}.topbar-capture{color:#ffd479;white-space:nowrap;font-weight:600}.out-of-range{color:#ff9a6a;margin:2px 0 6px;font-size:12px}.left-column{pointer-events:none;z-index:4;flex-direction:column;gap:12px;width:240px;display:flex;position:absolute;top:14px;bottom:14px;left:14px}.left-column>.panel{pointer-events:auto;width:100%;position:relative;inset:auto}.right-column{display:contents}.status-panel{flex-direction:column;flex:none;min-height:0;max-height:66.6667%;display:flex}.status-name{font-size:15px;font-weight:700}.status-lv{color:#8b93a7;font-size:12px}.bar{margin-bottom:7px}.bar-label{color:#aeb6c6;font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin-bottom:2px;font-size:12px;display:flex}.bar-ico{flex-shrink:0;display:inline-flex}.bar-ico .chip-ico{opacity:1;width:16px;height:16px}.bar-extra{color:#9ad0ff;vertical-align:-2px;align-items:center;gap:1px;display:inline-flex}.bar-extra .chip-ico{opacity:1;width:13px;height:13px}.shield-tag{color:#9ad0ff;align-items:center;gap:1px;display:inline-flex}.shield-tag.flame-shield{color:#ff5a3c;text-shadow:0 0 6px #ff5a3c8c}.shield-tag .chip-ico{opacity:1;width:13px;height:13px}.bar-track{background:#232834;border-radius:4px;height:9px;position:relative;overflow:hidden}.bar-fill{height:100%}.bar-ghost{background:repeating-linear-gradient(45deg,#ffffff8c,#ffffff8c 4px,#fff3 4px 8px);height:100%;animation:.9s ease-in-out infinite ghost-flicker;position:absolute;top:0}@keyframes ghost-flicker{0%,to{opacity:.85}50%{opacity:.3}}.ap-row{align-items:center;gap:8px;margin:8px 0 4px;display:flex}.ap-label{color:#ffd479;display:inline-flex}.ap-label .chip-ico{opacity:1;width:17px;height:17px}.ap-pips{gap:4px;display:flex}.ap-pip{border:1px solid #6b5d2a;border-radius:50%;width:12px;height:12px}.ap-pip.on{background:#ffd479}.ap-pip.off{background:0 0}.ap-pip.ghost{animation:.7s ease-in-out infinite ghost-flicker}.ap-cost{color:#ffae6a;font-size:12px}.erosion{color:#c08adf;margin-top:4px;font-size:12px}.neurotoxin{margin-top:4px;font-size:12px;font-weight:600}.neurotoxin.critical{animation:.9s ease-in-out infinite neurotoxin-pulse}@keyframes neurotoxin-pulse{0%,to{opacity:1}50%{opacity:.45}}.rapidFire{color:#6ad08a;margin-top:4px;font-size:12px;font-weight:600}.rapidFire .rapid-left{color:#cdd06a}.effects{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.effects.empty{color:#6b7280;font-size:12px}.effect{background:color-mix(in srgb, currentColor 16%, #0a0c1299);border:1px solid #3a4150;border-radius:7px;align-items:center;gap:4px;padding:3px 6px;font-size:12px;font-weight:700;display:inline-flex}.effect .chip-ico{stroke-width:1.1px;opacity:1;width:22px;height:22px}.effect-dur{color:#aeb6c6;font-variant-numeric:tabular-nums}.meter-badge{font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.meter-badge .chip-ico{opacity:1;flex-shrink:0;width:16px;height:16px}.meter-stage{opacity:.8;font-size:10.5px;font-weight:400}.meter-row{flex-wrap:wrap;align-items:center;gap:10px;margin:3px 0;font-size:12px;display:flex}.target-shield{color:#9ad0ff}.has-tip{cursor:help}.status-tip-card{z-index:60;color:#cdd3df;pointer-events:none;white-space:normal;text-align:left;background:#0a0e16f7;border:1px solid #2f3849;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;font-size:12px;line-height:1.5;display:flex;position:fixed;transform:translateY(calc(-100% - 8px));box-shadow:0 6px 18px #00000073}.status-tip-title{align-items:center;gap:6px;font-weight:700;display:flex}.status-tip-title .chip-ico{opacity:1;flex-shrink:0;width:16px;height:16px}.status-tip-title .status-tip-dur{margin-left:auto}.status-tip-dur{color:#8b93a7;font-size:11px;font-weight:400}.status-tip-body{color:#aeb6c6}.rest-overlay{z-index:55;pointer-events:none;background:#080a102e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rest-card{pointer-events:auto;text-align:center;background:linear-gradient(165deg,#1a1e2af7,#0f111af7);border:1px solid #3a4150;border-radius:16px;flex-direction:column;align-items:center;gap:8px;min-width:300px;padding:26px 34px;display:flex;box-shadow:0 24px 70px #0009}.rest-cup{font-size:56px;line-height:1;animation:2.6s ease-in-out infinite rest-cup-bob}@keyframes rest-cup-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.rest-cup{animation:none}}.rest-title{letter-spacing:2px;color:#ffd784;margin:0;font-size:22px}.rest-body{color:#aeb6c6;margin:0;font-size:13px}.rest-timer{color:#e7ebf3;font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:15px;font-weight:700}.rest-skip{color:#cfe4ff;cursor:pointer;background:#6ab0ff1f;border:1px solid #6ab0ff;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:8px 26px;font-size:14px;font-weight:600;display:inline-flex}.rest-skip:hover{background:#6ab0ff3d}.rest-skip.voted{color:#b9ecc8;background:#6ad08a29;border-color:#6ad08a}.rest-skip-box{font-size:16px;line-height:1}.rest-votes{color:#8b93a7;flex-direction:column;gap:2px;margin:6px 0 0;font-size:12px;display:flex}.rest-hint{color:#6b7280;font-size:11px}.tutorial-select-card{background:linear-gradient(165deg,#181c28f7,#0f111af7);border:1px solid #3a4150;border-radius:14px;flex-direction:column;gap:10px;width:min(94vw,1060px);max-height:88vh;padding:22px 24px;display:flex;box-shadow:0 24px 70px #0009}.tutorial-select-title{color:#eef1f8;margin:0;font-size:18px}.tutorial-select-sub{color:#8b93a7;margin:0;font-size:12.5px}.tutorial-select-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px;min-height:0;margin-top:4px;padding-right:2px;display:grid;overflow-y:auto}.tutorial-series{color:#cdd3df;text-align:left;cursor:pointer;background:#141824b3;border:1px solid #788cc838;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;transition:border-color .15s,transform .12s;display:flex}.tutorial-series:hover{border-color:#6ab0ff;transform:translateY(-2px)}.tutorial-series-head{flex-wrap:wrap;align-items:center;gap:4px 6px;width:100%;display:flex}.tutorial-series-icon{flex:none;font-size:22px}.tutorial-series-idx{color:#6d7488;flex:none;font-size:10.5px;font-weight:700}.tutorial-series-tag{letter-spacing:1px;color:#9fe08d;white-space:nowrap;background:#7fc97a1f;border:1px solid #7fc97a80;border-radius:999px;flex:none;padding:1px 8px;font-size:10.5px;font-weight:700}.tutorial-series-tag.tag-g-starter{color:#8ec4ff;background:#4ea1ff1f;border-color:#4ea1ff80}.tutorial-series-tag.tag-g-adv{color:#bda6ff;background:#9b7bff1f;border-color:#9b7bff80}.tutorial-series-reward{color:var(--reward-track);white-space:nowrap;flex:none;margin-left:auto;font-size:10.5px;font-weight:700}.tutorial-series-reward.claimed{color:#9fe08d}.tutorial-series-title{color:#eef1f8;font-size:15px;font-weight:700}.tutorial-series-desc{color:#8b93a7;font-size:12px;line-height:1.5}.tutorial-select-close{color:#8b93a7;cursor:pointer;background:0 0;border:1px solid #3a4150;border-radius:8px;align-self:flex-end;margin-top:2px;padding:6px 16px}.tutorial-select-close:hover{color:#cdd3df;border-color:#6ab0ff}.char-switch{color:#c3c9d6;cursor:pointer;background:#0000004d;border:1px solid #3a4150;border-radius:6px;padding:1px 7px;font-size:14px;line-height:1}.char-switch:hover{color:#fff;border-color:#6ab0ff}.char-switch-idx{color:#8b93a7;font-variant-numeric:tabular-nums;font-size:11px}.target-info{width:250px;top:14px;right:14px}.target-empty{color:#6b7280;padding:4px 0 8px;font-size:12px}.target-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.target-name{align-items:center;gap:6px;font-weight:700;display:inline-flex}.target-kind{color:#8b93a7;font-size:11px}.y-delta.y-above{color:#ff9a6e;font-weight:700}.y-delta.y-below{color:#6ec6ff;font-weight:700}.y-delta.y-level{color:#9aa3b8}.target-tier-badge{white-space:nowrap;letter-spacing:.5px;border:1px solid #0000;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}.target-tier-badge.tier-0{color:#9fe08d;background:#7fc97a24;border-color:#7fc97a8c}.target-tier-badge.tier-1{color:#ffca6e;text-shadow:0 0 6px #e0a13c66;background:#e0a13c29;border-color:#e0a13ca6}.target-tier-badge.tier-2{color:#ffd2cd;text-shadow:0 0 8px #ff5f52a6;background:#ff5f5238;border-color:#ff5f52d9;animation:1.6s ease-in-out infinite boss-badge-pulse}.target-tier-badge.tier-enemy{color:#ff9ecf;text-shadow:0 0 6px #e06ab066;background:#e06ab029;border-color:#e06ab0b3}.target-tier-badge.tier-summon{color:#aebfd4;background:#8fb0c91f;border-color:#8fb0c980}.target-tier-badge.tier-remnant{color:#d4d1cb;text-shadow:0 0 7px #d2d6dc47;background:linear-gradient(90deg,#383a4247,#b8bdc71f);border-color:#b8bdc794}.target-tier-badge.tier-ally{color:#8fe6a6;background:#6ad08a24;border-color:#6ad08a99}@keyframes boss-badge-pulse{0%,to{box-shadow:0 0 #ff5f5273}50%{box-shadow:0 0 10px 2px #ff5f528c}}@media (prefers-reduced-motion:reduce){.target-tier-badge.tier-2{animation:none}}.target-note{color:#8b93a7;margin-top:4px;font-size:11px}.terrain-block{color:#ff8f8f}.terrain-cover{color:#9fe08d}.swatch{border:1px solid #0005;border-radius:3px;width:12px;height:12px;display:inline-block}.dmg-preview{color:#ff9a9a;align-items:center;gap:4px;margin:6px 0;font-size:13px;display:flex}.dmg-preview .chip-ico{opacity:1;width:17px;height:17px}.dmg-preview strong{color:#ff6a6a;font-size:15px}.lethal{color:#ffd479;align-items:center;gap:3px;font-weight:700;display:inline-flex}.legend{border-top:1px solid #232834;margin-top:10px;padding-top:8px}.legend-toggle{color:#aeb6c6;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.legend-grid{grid-template-columns:1fr 1fr;gap:4px 8px;margin-top:6px;display:grid}.legend-item{color:#c3c9d6;align-items:center;gap:5px;font-size:11px;display:inline-flex}.inventory-panel{flex-direction:column;flex:0 auto;min-height:0;max-height:66.6667%;margin-top:auto;display:flex}.inv-scroll{flex:auto;min-height:0;padding-right:4px;overflow-y:auto}.inv-section-label{color:#8b93a7;margin:8px 0 4px;font-size:11px}.inv-empty{color:#6b7280;font-size:12px}.inv-equips,.inv-mats{flex-wrap:wrap;gap:6px;display:flex}.equip{color:#6ad08a;border:1px solid #2f6b3a;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;display:inline-flex}.equip:hover{border-color:#4a9c5c}.equip-dura{color:#8b93a7}.inv-bag{flex-direction:column;gap:4px;display:flex}.bag-item{color:#c3c9d6;border:1px solid #2a2f3a;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:3px 8px;font-size:12px;display:flex}.bag-item:hover{border-color:#3d465c}.bag-item .bag-name{color:#6ad08a}.bag-actions{gap:4px;margin-left:auto;display:inline-flex}.gear-btn{color:#c3c9d6;cursor:pointer;background:#1d2230;border:1px solid #333a4d;border-radius:5px;padding:1px 6px;font-size:11px}.gear-btn:hover:not(:disabled){color:#e6e9f2;border-color:#5661a0}.gear-btn:disabled{opacity:.45;cursor:default}.mat{color:#c3c9d6;border:1px solid #2a2f3a;border-radius:6px;gap:3px;padding:3px 8px;font-size:12px;display:inline-flex}.mat-qty{color:#ffd479}.merchant-panel{z-index:20;border-color:#8a6a1d;width:300px;top:14px;right:14px}.mp-section-label{color:#8b93a7;margin:10px 0 5px;font-size:11px}.mp-list{flex-direction:column;gap:6px;max-height:26vh;padding-right:2px;display:flex;overflow-y:auto}.mp-hint{margin-top:8px}.mp-status{flex-direction:column;gap:2px;margin:4px 0 2px;font-size:12px;display:flex}.mp-coins{color:#ffd479;font-weight:700}.mp-refresh{color:#8b93a7;font-size:11px}.mp-section{color:#8b93a7;justify-content:space-between;align-items:center;margin:10px 0 5px;font-size:11px;display:flex}.mp-left{color:#ffd479}.mp-scroll{max-height:52vh;padding-right:2px;overflow-y:auto}.mp-scroll .mp-list{max-height:none;overflow-y:visible}.offer{align-items:center;gap:6px;display:flex}.offer .offer-name{flex:1;min-width:0}.offer.tier-common{border-left:3px solid #aeb6c68c}.offer.tier-rare{border-left:3px solid #5b8cffcc}.offer.tier-rare .offer-name{color:#8fb6ff}.offer.tier-epic{border-left:3px solid #b06affd9}.offer.tier-epic .offer-name{color:#c79bff}.offer.tier-legendary{border-left:3px solid #ffc85ae6}.offer.tier-legendary .offer-name{color:#ffd479}.offer.sold{opacity:.35;text-decoration:line-through}.offer.unavailable{opacity:.4}.offer.cant-afford .offer-price{color:#ff7d7d}.mp-flash-head{color:#ffd479}.offer-orig{color:#6b7280;margin-right:5px;font-size:11px;text-decoration:line-through}.offer-kind{color:#8b93a7;white-space:nowrap;border:1px solid #8b93a759;border-radius:4px;padding:0 4px;font-size:10px}.offer-price{color:#ffd479;white-space:nowrap;margin-left:auto}.action-bar{pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.action-bar>*{pointer-events:auto}.targeting-hint{color:#ffd479;background:#ffd47926;border:1px solid #ffd479;border-radius:8px;padding:6px 14px;font-size:14px}.targeting-hint .cancel{color:#ffd479;cursor:pointer;background:0 0;border:1px solid #ffd479;border-radius:6px;margin-left:12px}.confirm-banner{color:#ffd479;background:#1c202afa;border:1px solid #ffd479;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;padding:6px 12px;font-size:13px;display:flex}.confirm-hint{color:#c3c9d6;font-size:11px}.confirm-banner button{color:#ffd479;cursor:pointer;background:0 0;border:1px solid #ffd479;border-radius:6px}.confirm-banner .confirm-action,.card-desc-banner .confirm-action{color:#101827;cursor:pointer;background:#6ab0ff;border:1px solid #6ab0ff;border-radius:6px;padding:5px 12px;font-weight:700}.confirm-action:disabled,.confirm-action[aria-disabled=true]{opacity:.45;cursor:default}.confirm-banner.attack-banner{grid-template-columns:minmax(0,1fr) auto auto;width:min(680px,100%);display:grid}.attack-banner>span:first-child{grid-area:1/1;align-items:center;min-height:2.8em;display:flex}.attack-banner .confirm-hint{grid-area:2/1/auto/-1}.attack-banner button{white-space:nowrap;grid-row:1}.attack-banner .confirm-action{grid-column:2}.attack-banner button:last-child{grid-column:3}.hand-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;width:max-content;max-width:100%;padding:7px 8px 5px;scroll-padding-inline:8px;overflow:auto hidden}.hand-scroll>.hand-row{justify-content:center;width:max-content;min-width:100%;max-width:none;overflow:visible}.skill-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.skill{color:#e6e9ef;cursor:pointer;background:#1b2030;border:1px solid #3a4150;border-radius:8px;flex-direction:column;gap:2px;min-width:84px;padding:8px 10px;display:flex;position:relative}.skill:disabled{opacity:.45;cursor:default}.hotkey{color:#0b0d12;text-align:center;background:#ffd479;border-radius:5px;min-width:16px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:-7px;left:-7px}.skill-name{align-items:center;gap:5px;font-size:14px;font-weight:600;display:flex}.skill-name .chip-ico{stroke-width:1.2px;opacity:1;flex-shrink:0;width:17px;height:17px}.skill-sub{color:#9aa3b5;align-items:center;gap:4px;font-size:11px;display:flex}.form-tag{margin:2px 0 4px}.hand-row{align-items:flex-end;gap:8px;min-height:96px;display:flex}.empty-hand{color:#6b7280;font-size:13px}.card{background:#161a22;border:1px solid #2a2f3a;border-top-width:3px;border-radius:8px;flex-direction:column;gap:4px;min-width:92px;max-width:168px;height:96px;padding:8px;display:flex;position:relative}.card-hotkey{color:#0b0d12;background:#6ab0ff;border-radius:5px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:-8px;left:-8px}.card.cat-0{border-top-color:#6ab0ff}.card.cat-1{border-top-color:#9aa3b5}.card.cat-2{border-top-color:#6ad08a}.card.cat-3{border-top-color:#ffd479}.card-qty{color:#ffd479;font-weight:700}.skill-pick-row{flex-wrap:wrap;justify-content:center;gap:6px;padding:4px 0;display:flex}.skill.skill-pick{border-color:#ffd479}.card.pending-card{background:#1b1430;border-color:#a060e0 #7a5ea8 #7a5ea8;box-shadow:0 0 10px #a060e059}.pending-turns{color:#c0a0f0;font-size:11px}.pending-gap{border-right:1px dashed #3a3350;align-self:stretch;width:16px;margin-right:4px}.card-cat{color:#8b93a7;font-size:11px}.card-name{white-space:nowrap;align-items:center;gap:5px;font-size:14px;font-weight:600;display:flex}.card-ico{color:#aeb7c8;flex-shrink:0;display:flex}.card-ico .chip-ico{stroke-width:1.15px;opacity:1;width:20px;height:20px}.card.cat-0 .card-ico{color:#6ab0ff}.card.cat-1 .card-ico{color:#9aa3b5}.card.cat-2 .card-ico{color:#6ad08a}.card.cat-3 .card-ico{color:#ffd479}.card.pending-card .card-ico{color:#c0a0f0}.card-meta{white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.cbadge{border-radius:999px;align-items:center;gap:2px;padding:1px 6px 1px 4px;font-size:11px;font-weight:700;line-height:1.3;display:inline-flex}.cbadge .chip-ico{stroke-width:1.6px;opacity:1;width:14px;height:14px}.cbadge.ap{color:#ffd479;background:#ffd47921}.cbadge.ep{color:#b06aff;background:#b06aff21}.cbadge.cd{color:#7fd6ff;background:#7fd6ff21}.card.rapid{background:#14241a;border-color:#6ad08a #4f9a5a #4f9a5a;box-shadow:0 0 10px #6ad08a4d}.card-rapid{color:#8fe0a0;font-weight:600}.card.rapid .card-actions button:not(.discard){background:#6ad08a}.rapid-banner{color:#8fe0a0;background:#14241ad9;border:1px solid #4f9a5a;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-bottom:6px;padding:4px 12px;font-size:13px;font-weight:600;display:flex;box-shadow:0 0 12px #6ad08a59}.rapid-banner .rapid-glyph{display:inline-flex}.rapid-banner .rapid-glyph .chip-ico{opacity:1;width:16px;height:16px}.rapid-banner .rapid-left{color:#cdd06a}.card-actions{gap:4px;margin-top:auto;display:flex}.card-actions button{cursor:pointer;color:#0b0d12;background:#6ab0ff;border:none;border-radius:6px;flex:1;padding:5px 0;font-size:12px}.card-actions .discard{color:#c3c9d6;background:#2a2f3a;flex:0 0 28px}.card-actions button:disabled{opacity:.4;cursor:default}.control-row{align-items:center;gap:8px;display:flex}.ctrl{color:#c3c9d6;cursor:pointer;background:#1b2030;border:1px solid #3a4150;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:inline-flex}.ctrl .chip-ico,.end-turn .chip-ico{opacity:1;flex-shrink:0;width:16px;height:16px}.ctrl.active{color:#ffd479;border-color:#ffd479}.hotkey-inline{color:#aeb6c6;background:#0b0d12;border:1px solid #3a4150;border-radius:4px;padding:0 5px;font-size:10px}.end-turn{color:#0b0d12;cursor:pointer;background:#6ab0ff;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}.end-turn:disabled{color:#6b7280;cursor:default;background:#2a2f3a}.offer{color:#ffe6a8;cursor:pointer;text-align:left;background:#221d10;border:1px solid #8a6a1d;border-radius:6px;padding:6px 10px;font-size:12px}.offer:disabled{opacity:.4;cursor:default}.craft{color:#c3c9d6;cursor:pointer;text-align:left;background:#1b2030;border:1px solid #3a4150;border-radius:6px;padding:6px 10px;font-size:12px}.craft:disabled{opacity:.4;cursor:default}.craft.armed{color:#ffd479;border-color:#ffd479}.keybindings-panel{z-index:30;outline:none;flex-direction:column;width:360px;max-height:80vh;display:flex;top:50%;left:50%;transform:translate(-50%,-50%)}.kb-hint{color:#8b93a7;margin-bottom:8px;font-size:11px}.kb-scroll{flex:1;overflow-y:auto}.kb-group-title{color:#6ab0ff;margin:10px 0 4px;font-size:11px}.kb-row{justify-content:space-between;align-items:center;padding:3px 0;display:flex}.kb-label{color:#c3c9d6;font-size:13px}.kb-key{color:#e6e9ef;cursor:pointer;background:#1b2030;border:1px solid #3a4150;border-radius:6px;min-width:70px;padding:4px 10px;font-size:12px}.kb-key.capturing{color:#ffd479;border-color:#ffd479}.kb-reset{color:#c3c9d6;cursor:pointer;background:#1b2030;border:1px solid #3a4150;border-radius:8px;margin-top:10px;padding:8px}.card{cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s;transform:translateY(0)}.card:hover,.card.selected{z-index:3;border-color:#ffd479;transform:translateY(-12px);box-shadow:0 0 0 2px #ffd47980}.card.disabled{cursor:default}.toasts{pointer-events:none;z-index:40;flex-direction:column;align-items:center;gap:6px;max-width:70vw;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.toast{white-space:nowrap;opacity:1;background:#0c0e14db;border:1px solid #2a2f3a;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:opacity .35s,transform .35s;animation:.25s toast-in;display:flex;transform:translateY(0);box-shadow:0 4px 14px #00000073}.toast.leaving{opacity:0;transform:translateY(-14px)}.toast-dot{border-radius:50%;flex:none;width:8px;height:8px}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.card-desc-banner{color:#c3c9d6;background:#10131ae6;border:1px solid #2a2f3a;border-radius:8px;max-width:60vw;padding:6px 12px;font-size:12px}.card-desc-banner strong{color:#e6e9ef}.skills-info,.details-info{border-top:1px solid #232834;margin-top:10px;padding-top:8px}.details-info{flex-direction:column;flex:auto;min-height:0;display:flex}.details-body{flex:auto;min-height:0;margin-top:6px;padding-right:4px;overflow-y:auto}.detail-section{letter-spacing:1px;color:#7f8799;text-transform:uppercase;margin:8px 0 4px;font-size:11px}.detail-section:first-child{margin-top:0}.detail-attrs{grid-template-columns:1fr 1fr;gap:2px 10px;display:grid}.detail-attr{justify-content:space-between;font-size:11px;display:flex}.detail-attr-name{color:#8b93a7}.detail-attr-val{color:#d3d9e6;font-variant-numeric:tabular-nums}.skills-list{flex-direction:column;gap:6px;margin-top:6px;display:flex}.skill-info-name{color:#c3c9d6;font-size:12px;font-weight:600}.skill-info-desc{color:#8b93a7;font-size:11px}.drops{color:#c3c9d6;margin:4px 0;font-size:12px}.recipe{border:1px solid #2a2f3a;border-radius:6px;flex-direction:column;gap:3px;padding:6px 8px;display:flex}.recipe .craft{text-align:left}.recipe-cost{color:#8b93a7;font-size:11px}.mat.clickable{cursor:pointer;margin-left:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.mat-info{color:#ffe6a8;background:#ffd47914;border:1px solid #8a6a1d;border-radius:6px;margin-top:6px;padding:5px 8px;font-size:11px}.cookie-pref{--cookie-inset:12px;right:var(--cookie-inset);bottom:var(--cookie-inset);z-index:5000;width:min(440px, calc(100% - 2 * var(--cookie-inset)));pointer-events:none;flex-direction:column-reverse;align-items:flex-end;gap:7px;display:flex;position:fixed}.cookie-pref-trigger,.cookie-pref-panel button{font:inherit;cursor:pointer}.cookie-pref-trigger{pointer-events:auto;color:#aeb6c6;background:#12151df5;border:1px solid #3a4150;border-radius:9px;min-height:36px;padding:5px 10px;line-height:20px;box-shadow:0 8px 24px #0006}.cookie-pref-trigger:hover,.cookie-pref-trigger:focus-visible,.cookie-pref-trigger[aria-expanded=true]{color:#dce7ff;border-color:#8fa9ff;outline:none}.cookie-pref-panel{width:100%;max-height:calc(100vh - 2 * var(--cookie-inset) - 43px);max-height:calc(100dvh - 2 * var(--cookie-inset) - 43px);overscroll-behavior:contain;pointer-events:auto;color:#e6e9ef;background:#12151dfa;border:1px solid #8fa9ffb8;border-radius:16px;padding:18px;overflow-y:auto;box-shadow:0 20px 60px #00000094}.cookie-pref-panel h2{color:#eef1f8;margin:0;font-size:18px}.cookie-pref-panel p{color:#aeb6c6;margin:8px 0 0;font-size:13px;line-height:1.65}.cookie-pref-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.cookie-pref-panel button{border-radius:9px;min-height:38px;padding:8px 13px}.cookie-pref-secondary{color:#d6dbe7;background:0 0;border:1px solid #3a4150}.cookie-pref-primary{color:#08101f;background:linear-gradient(135deg,#9cc4ff,#8fa9ff);border:1px solid #b9d6ff;font-weight:700}.cookie-pref-panel button:hover,.cookie-pref-panel button:focus-visible{filter:brightness(1.08);outline-offset:2px;outline:2px solid #dce7ff}@media (width<=520px){.cookie-pref{--cookie-inset:8px;width:calc(100% - 16px)}.cookie-pref-actions,.cookie-pref-panel button{width:100%}}.lang-select{align-items:center;display:inline-flex}.lang-trigger{font:inherit;color:#aeb6c6;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;line-height:1;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.lang-trigger:hover,.lang-trigger.open{color:#e6e9ef;background:#ffffff0d;border-color:#3a4150}.lang-trigger:focus-visible{color:#e6e9ef;border-color:#7fb0ff;outline:none}.lang-globe{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.lang-mark{letter-spacing:.02em;font-size:12px;font-weight:600}.lang-pop{z-index:4000;background:#141824f7;border:1px solid #3a4150;border-radius:10px;flex-direction:column;gap:2px;min-width:148px;padding:5px;animation:.12s ease-out lang-pop-in;display:flex;position:fixed;overflow-y:auto;box-shadow:0 12px 32px #00000073}@keyframes lang-pop-in{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.lang-pop{animation:none}}.lang-opt{width:100%;font:inherit;text-align:left;color:#aeb6c6;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:7px 9px;font-size:13px;display:flex;position:relative}.lang-opt:hover,.lang-opt:focus-visible{color:#e6e9ef;background:#ffffff12;outline:none}.lang-opt.active{color:#ffe6a8}.lang-opt-mark{text-align:center;opacity:.85;flex:none;width:22px;font-size:12px;font-weight:600}.lang-opt.active .lang-opt-mark:before{content:"";background:#ffd479;border-radius:2px;width:3px;height:14px;position:absolute;left:4px}.lang-opt-label{flex:1}.cs-lang{z-index:1;position:absolute;top:16px;right:16px}.kb-langrow{margin-bottom:8px}.messages-panel{flex-direction:column;width:280px;max-height:34vh;display:flex;bottom:14px;right:14px}.messages-panel .panel-title{align-items:center}.msg-title{white-space:nowrap;flex:none}.msg-tabs{flex-wrap:wrap;justify-content:flex-start;gap:4px;margin-bottom:8px;display:flex}.msg-tab{color:#9aa3b5;cursor:pointer;background:0 0;border:1px solid #2a2f3a;border-radius:999px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;display:inline-flex}.msg-tab .chip-ico{opacity:1;width:13px;height:13px}.msg-tab.active{color:#fff;background:#6ab0ff24;border-color:#6ab0ff}.msg-scroll{flex:1;margin-bottom:8px;font-size:12px;line-height:1.5;overflow-y:auto}.messages-detail{z-index:24;width:min(460px,100vw - 28px)}.msg-expand{font-size:10px;line-height:1.4}.log-empty{color:#6b7280}.log-line{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;display:flex;overflow:hidden}.log-ico{flex-shrink:0;display:inline-flex}.log-ico .chip-ico{opacity:1;width:15px;height:15px}.log-text{text-overflow:ellipsis;overflow:hidden}.log-num{font-variant-numeric:tabular-nums;font-weight:700}.chat-line{white-space:normal;word-break:break-word;color:#d7dce6;margin:1px 0}.chat-line.self .chat-author{color:#6ad08a}.chat-author{color:#6ab0ff;font-weight:600}.msg-input{gap:6px;display:flex}.msg-input input{color:#e6e9ef;background:#0e1118;border:1px solid #2a2f3a;border-radius:8px;flex:1;min-width:0;padding:6px 8px;font-size:12px}.msg-input input:focus{border-color:#6ab0ff;outline:none}.msg-input button{color:#0b0d12;cursor:pointer;background:#6ab0ff;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.msg-input button:disabled{color:#6b7280;cursor:default;background:#2a2f3a}.overlay{z-index:40;background:#0009;place-items:center;display:grid;position:absolute;inset:0}.overlay.over-fade{animation:.7s both overlay-fade-in}.overlay.over-fade .overlay-card{animation:.6s .15s both overlay-card-in}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-card-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.overlay-card{text-align:center;background:#161a22;border:1px solid #2a2f3a;border-radius:14px;padding:32px 48px}.overlay-card button{color:#0b0d12;cursor:pointer;background:#6ab0ff;border:none;border-radius:8px;margin-top:16px;padding:10px 20px;font-weight:600}.confirm-card{max-width:340px;padding:24px 28px}.confirm-msg{color:#d7dbe3;margin:0 0 4px;font-size:14px;line-height:1.5}.confirm-actions{justify-content:center;gap:10px;display:flex}.confirm-actions button{min-width:92px}.confirm-cancel{color:#c3c9d6;background:#2a2f3a}.confirm-ok.danger{color:#fff;background:#c2433f}.app-loading{color:#8b93a7;justify-content:center;align-items:center;height:100vh;display:flex}.verify-banner{text-align:center;color:#9ad0ff;z-index:10;background:#1d2740;border-bottom:1px solid #2a3a5a;padding:10px 16px;position:fixed;top:0;left:0;right:0}.start-screen{cursor:pointer;background:radial-gradient(1100px 760px at 50% 18%,#5b8cff29,#0000 60%),radial-gradient(900px 700px at 50% 120%,#7a5bff29,#0000 58%),linear-gradient(160deg,#0c0e15,#070810 65%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.start-topbar{z-index:2;cursor:default;position:absolute;top:16px;right:16px}.start-body{z-index:1;text-align:center;flex-direction:column;align-items:center;padding:24px;animation:1s ease-out both start-rise;display:flex;position:relative}.start-mark{object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 18px #7aa2ff80);width:96px;height:96px;animation:4s ease-in-out infinite start-mark-pulse;display:block}.start-title{letter-spacing:14px;margin:10px 0 0;font-size:64px;font-weight:800;position:relative}.start-wordmark{background:linear-gradient(120deg,#cdd7ff,#8fa9ff 45%,#b89bff);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.start-tagline{color:#8b93a7;letter-spacing:3px;margin:12px 0 0;font-size:15px}.brand-badge{vertical-align:middle;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;color:#ffd784;-webkit-text-fill-color:currentColor;background:#e8b34124;border:1px solid #e8b3418c;border-radius:999px;align-items:center;padding:2px 9px;font-weight:700;line-height:1.35;display:inline-flex;box-shadow:0 0 14px #e8b3412e}.brand-badge-title{letter-spacing:1px;margin-bottom:-.6em;margin-left:-1em;font-size:12px;position:absolute;bottom:100%;left:100%}.brand-badge-brand{letter-spacing:1px;align-self:center;margin-left:10px;font-size:11px}.start-prompt{color:#aebbe0;font:inherit;letter-spacing:6px;text-transform:uppercase;text-shadow:0 0 18px #7aa2ff80;cursor:pointer;background:0 0;border:0;margin:48px 0 0;padding:0;font-size:16px;font-weight:600;animation:2.2s ease-in-out infinite start-prompt-blink;display:block}.start-prompt:focus-visible{outline-offset:10px;outline:1px solid #aebbe0cc}@keyframes start-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes start-mark-pulse{0%,to{opacity:.85;filter:drop-shadow(0 0 12px #7aa2ff66)}50%{opacity:1;filter:drop-shadow(0 0 24px #7aa2ffbf)}}@keyframes start-prompt-blink{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.start-body,.start-mark,.start-prompt,.fade-curtain-mark{animation:none}}.auth-screen{background:radial-gradient(900px 600px at 18% -10%,#5b8cff2e,#0000 60%),radial-gradient(800px 600px at 90% 110%,#7a5bff29,#0000 60%),linear-gradient(160deg,#0c0e15,#090a10 60%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-screen:before{content:"";pointer-events:none;background-image:linear-gradient(115deg,#0000 49.5%,#ffffff08 50%,#0000 50.5%),linear-gradient(60deg,#0000 49.6%,#ffffff06 50%,#0000 50.4%);background-size:220px 220px,320px 320px;position:absolute;inset:0}.auth-card{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(165deg,#181c28eb,#0f111af0);border:1px solid #788cc82e;border-radius:18px;width:100%;max-width:430px;padding:38px 34px 32px;position:relative;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff0a}.auth-brand{justify-content:center;align-items:center;gap:12px;display:flex}.auth-mark{object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 14px #78a0ff8c);flex:none;width:56px;height:56px;animation:4s ease-in-out infinite auth-mark-breathe;display:block}@keyframes auth-mark-breathe{0%,to{opacity:.85;filter:drop-shadow(0 0 10px #78a0ff73)}50%{opacity:1;filter:drop-shadow(0 0 20px #8cb4ffcc)}}@media (prefers-reduced-motion:reduce){.auth-mark{animation:none}}.auth-brand-text{flex-direction:column;gap:1px;display:flex}.auth-brand-title{letter-spacing:.18em;text-indent:.18em;background:linear-gradient(120deg,#cdd7ff,#8fa9ff 45%,#b89bff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:27px;font-weight:800}.auth-brand-text small{letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:#6f7896;font-size:10.5px}.auth-tagline{text-align:center;color:#97a1bb;margin:14px 0 0;font-size:13px;line-height:1.6}.auth-divider{background:linear-gradient(90deg,#0000,#829bdc59,#0000);height:1px;margin:22px 0;position:relative}.auth-divider span{background:#8fa9ffb3;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 10px #8fa9ff99}.auth-passport{background:linear-gradient(120deg,#262e4899,#12162299);border:1px solid #829bdc3d;border-radius:14px;align-items:center;gap:12px;padding:13px 16px;display:flex}.auth-passport-mark{color:#cdd7ff;background:radial-gradient(circle at 50% 40%,#7a96e659,#0000 70%);border:1px solid #8caaff4d;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:17px;display:grid}.auth-passport-text{flex-direction:column;gap:2px;min-width:0;display:flex}.auth-passport-name{color:#e6e9ef;font-size:15px;font-weight:700}.auth-passport-text small{color:#7d879e;font-size:11px}.auth-login{justify-content:center;align-items:center;gap:10px;width:100%;margin-top:16px;display:flex}.auth-note{color:#6f7896;text-align:center;margin:14px 0 0;font-size:11.5px;line-height:1.6}.auth-submit{color:#fff;cursor:pointer;background:#2f6fd0;border:none;border-radius:10px;margin-top:4px;padding:12px;font-weight:600}.auth-submit:hover{background:#3a7fe0}.auth-submit:disabled{opacity:.6;cursor:default}.auth-error{color:#ff6a6a;margin:0;font-size:13px}.auth-info{color:#6ad08a;margin:0;font-size:13px}.entry-screen{background:radial-gradient(1000px 700px at 20% -10%,#5b8cff29,#0000 58%),radial-gradient(900px 700px at 90% 110%,#7a5bff29,#0000 58%),linear-gradient(160deg,#0c0e15,#090a10 60%);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.entry-header{z-index:1;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:relative}.entry-body{z-index:1;position:relative}.entry-brand{align-items:center;gap:12px;display:flex}.entry-account{color:#aeb6c6;align-items:center;gap:14px;font-size:13px;display:flex}.entry-welcome{color:#e6e9ef}.entry-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.entry-title{letter-spacing:4px;background:linear-gradient(120deg,#cdd7ff,#8fa9ff 45%,#b89bff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px}.entry-subtitle{color:#7f8aa3;margin:8px 0 32px;font-size:14px}.realm-grid{scrollbar-width:thin;flex-direction:row;align-items:stretch;gap:20px;max-width:100%;margin-bottom:36px;padding:6px 4px 16px;display:flex;overflow-x:auto}.realm-card{color:inherit;cursor:pointer;background:linear-gradient(165deg,#1a1f2ed9,#0f121ceb);border:1px solid #788cc82e;border-radius:18px;flex-direction:column;flex:0 0 264px;align-items:center;gap:8px;padding:30px 24px;transition:transform .14s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.realm-card:hover:not(.disabled){border-color:#5b8cff80;transform:translateY(-4px);box-shadow:0 20px 50px #00000080}.realm-card.selected{border-color:#6ab0ff;box-shadow:0 0 0 2px #6ab0ff66,0 20px 50px #00000080}.realm-card.disabled{opacity:.5;cursor:not-allowed}.realm-glyph{color:#7a9bff;text-shadow:0 0 24px #7a9bff8c;font-size:44px}.realm-name{letter-spacing:1px;color:#eef1f8;font-size:20px;font-weight:700}.realm-desc{color:#8b93a7;font-size:12.5px;line-height:1.5}.realm-status{color:#69728a;margin-top:6px;font-size:11px}.realm-status.online{color:#6ad08a}.entry-enter{color:#fff;letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#5b8cff,#7a5bff);border:none;border-radius:12px;padding:14px 56px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .15s;box-shadow:0 14px 36px #5b6eff59}.entry-enter:hover{transform:translateY(-2px);box-shadow:0 18px 44px #5b6eff73}.lobby{background:radial-gradient(1100px 700px at 100% -10%,#5b8cff1a,#0000 55%),radial-gradient(900px 700px at -10% 120%,#7a5bff1a,#0000 55%),#0a0c12;flex-direction:column;min-height:100vh;display:flex}.lobby-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#0d0f16b3;border-bottom:1px solid #788cc81f;justify-content:space-between;align-items:center;padding:14px 26px;display:flex;position:sticky;top:0}.lobby-brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#7a9bff;text-shadow:0 0 18px #7a9bff99;font-size:24px}img.brand-mark{object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 10px #7a9bff80);flex:none;width:40px;height:40px;display:block}.brand-text{letter-spacing:2px;color:#eef1f8;flex-direction:column;font-size:21px;font-weight:800;line-height:1.05;display:flex}.brand-text small{letter-spacing:3px;text-transform:uppercase;color:#69728a;font-size:10px;font-weight:600}.lobby-account{color:#aeb6c6;align-items:center;gap:10px;font-size:13px;display:flex}.lobby-user{color:#eef1f8;font-weight:700}.lobby-chip{color:#c3c9d6;font-variant-numeric:tabular-nums;background:#ffffff08;border:1px solid #788cc833;border-radius:999px;padding:4px 10px;font-size:12px}.lobby-chip.accent{color:#ffd479;border-color:#ffd47959}.lobby-logout{color:#c3c9d6;cursor:pointer;background:0 0;border:1px solid #788cc838;border-radius:9px;padding:7px 14px;transition:border-color .15s,color .15s}.lobby-logout:hover{color:#ff6a6a;border-color:#ff6a6a}.tier-badge{letter-spacing:.5px;border:1px solid #0000;border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.tier-novice{color:#9fd0a8;background:#50a06e24;border-color:#50a06e59}.tier-adept{color:#8fb6ff;background:#5b8cff24;border-color:#5b8cff61}.tier-master{color:#ffd479;background:#ffc85a24;border-color:#ffc85a6b}.lobby-body{flex:1;display:flex}.lobby-nav{border-right:1px solid #788cc81a;flex-direction:column;gap:6px;width:220px;padding:20px 14px;display:flex}.nav-hero{text-align:center;background:linear-gradient(165deg,#28304880,#14182480);border:1px solid #788cc82e;border-radius:14px;margin-bottom:14px;padding:18px 16px}.nav-hero-rating{font-variant-numeric:tabular-nums;background:linear-gradient(120deg,#cdd7ff,#8fa9ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:800}.nav-hero-label{letter-spacing:2px;text-transform:uppercase;color:#69728a;margin-top:2px;font-size:11px}.nav-hero-stats{font-variant-numeric:tabular-nums;justify-content:center;gap:10px;margin-top:10px;font-size:12px;display:flex}.nav-hero-stats .wins{color:#6ad08a}.nav-hero-stats .losses{color:#ff8a8a}.nav-hero-stats .rate{color:#9ad0ff}.lobby-nav button{text-align:left;color:#aab2c4;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;padding:12px 14px;font-size:15px;transition:background .15s,color .15s,border-color .15s;display:flex}.lobby-nav .nav-icon{text-align:center;opacity:.85;width:20px;font-size:15px}.lobby-nav button:hover{color:#e6e9ef;background:#ffffff0a}.lobby-nav button.active{color:#fff;background:linear-gradient(120deg,#2f6fd038,#7a5bff29);border-color:#5b8cff73}.lobby-content{flex:1;padding:30px 38px;overflow-y:auto}.page-head{margin-bottom:22px}.page-head h2{letter-spacing:.5px;margin:0;font-size:24px}.page-sub{color:#7f8aa3;margin:6px 0 0;font-size:13px}.page-empty{color:#7f8aa3;text-align:center;border:1px dashed #788cc833;border-radius:14px;padding:28px;font-size:14px}.placeholder-page{color:#8b93a7}.admin-panel section{margin-bottom:28px}.admin-metrics{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin-top:12px;display:grid}.admin-metric{background:#12151d;border:1px solid #232834;border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.admin-metric-value{color:#9ad0ff;font-size:28px;font-weight:700}.admin-metric-label{color:#8b93a7;font-size:12px}.admin-toggle{cursor:pointer;align-items:center;gap:10px;margin:8px 0;display:flex}.admin-hint{color:#8b93a7;font-size:13px}.game-shell{position:relative}.back-lobby{z-index:5;color:#c3c9d6;cursor:pointer;background:#12151de6;border:1px solid #3a4150;border-radius:8px;padding:8px 14px;position:absolute;top:16px;left:16px}.back-lobby:hover{color:#e6e9ef;border-color:#6ab0ff}.lb-table{background:#10131c99;border:1px solid #788cc824;border-radius:14px;overflow:hidden}.lb-row{border-bottom:1px solid #788cc814;grid-template-columns:64px 2fr 1.1fr .9fr .9fr .8fr;align-items:center;gap:12px;padding:12px 18px;font-size:14px;display:grid}.lb-row:last-child{border-bottom:none}.lb-header{letter-spacing:1px;text-transform:uppercase;color:#69728a;background:#ffffff05;font-size:11px}.lb-row.top .lb-rank{font-size:18px}.lb-rank{font-variant-numeric:tabular-nums;color:#aeb6c6;font-weight:700}.lb-player{color:#eef1f8;align-items:center;gap:8px;font-weight:600;display:inline-flex}.lb-you{color:#0b0d12;background:#5b8cff;border-radius:999px;padding:1px 7px;font-size:10px;font-style:normal;font-weight:700}.lb-rating{font-variant-numeric:tabular-nums;color:#9ad0ff;font-weight:700}.lb-record{font-variant-numeric:tabular-nums;color:#aeb6c6}.lb-record .wins{color:#6ad08a}.lb-record .losses{color:#ff8a8a}.lb-winrate{font-variant-numeric:tabular-nums;color:#c3c9d6}.inv-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.inv-filter{color:#aab2c4;cursor:pointer;background:0 0;border:1px solid #788cc833;border-radius:999px;padding:7px 16px;font-size:13px;transition:border-color .15s,color .15s,background .15s}.inv-filter:hover{color:#e6e9ef}.inv-filter.active{color:#fff;background:#5b8cff24;border-color:#5b8cff80}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px;display:grid}.inv-card{background:linear-gradient(165deg,#1a1f2ed9,#10131ce6);border:1px solid #788cc829;border-radius:14px;flex-direction:column;gap:10px;padding:18px;transition:transform .12s,border-color .15s;display:flex;position:relative;overflow:hidden}.inv-card:hover{transform:translateY(-3px)}.inv-card-art{background:#ffffff08;border:1px solid #788cc81a;border-radius:10px;place-items:center;height:84px;font-size:38px;display:grid}.inv-card-name{color:#eef1f8;font-size:15px;font-weight:700}.inv-card-qty{color:#9aa6c4;margin-left:6px;font-size:12px;font-weight:700}.inv-use{flex-direction:column;gap:6px;display:flex}.inv-use-input{box-sizing:border-box;color:#eef1f8;background:#0a0d1499;border:1px solid #788cc840;border-radius:8px;width:100%;padding:6px 8px;font-size:13px}.inv-use-btn{cursor:pointer;border-radius:8px;padding:6px 10px;font-weight:700}.inv-use-btn:disabled{opacity:.5;cursor:not-allowed}.inv-use-hint{color:#c7a86a;margin:0;font-size:12px}.inv-card-meta{color:#7f8aa3;justify-content:space-between;align-items:center;font-size:11px;display:flex}.rarity-tag{border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-weight:700;display:inline-flex}.inv-card.rarity-common{border-color:#788cc833}.inv-card.rarity-rare{border-color:#5b8cff66}.inv-card.rarity-epic{border-color:#b06aff6b}.inv-card.rarity-legendary{border-color:#ffc85a73}.rarity-tag.rarity-common{color:#aeb6c6;background:#aeb6c61f}.rarity-tag.rarity-rare{color:#8fb6ff;background:#5b8cff24}.rarity-tag.rarity-epic{color:#c79bff;background:#b06aff29}.rarity-tag.rarity-legendary{color:#ffd479;background:#ffc85a29}.cs-options{gap:6px;display:flex}.cs-option{color:#c3c9d6;cursor:pointer;background:#161a22;border:1px solid #2a2f3a;border-radius:999px;padding:6px 12px;font-size:12px;transition:border-color .15s,color .15s,background .15s}.cs-option:hover{color:#e6e9ef}.cs-option.active{color:#fff;background:#1a2230;border-color:#6ab0ff}.abp-panel{text-align:left;background:linear-gradient(168deg,#161b29cc,#0d101ae6);border:1px solid #8096d22e;border-radius:16px;transition:border-color .15s;overflow:hidden}.abp-panel.open{border-color:#7aa5ff59}.abp-head{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:14px 16px;display:flex}.abp-head:hover{background:#7896e60f}.abp-caret{color:#8b93a7;font-size:12px}.abp-title{font-size:14.5px;font-weight:700}.abp-budget{color:#9cc4ff;font-variant-numeric:tabular-nums;background:#5b8cff1a;border:1px solid #7aa5ff4d;border-radius:999px;margin-left:auto;padding:3px 12px;font-size:12.5px;font-weight:600}.abp-body{border-top:1px solid #8096d21f;padding:6px 16px 16px}.abp-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.abp-sort-label{color:#8b93a7;font-size:12px}.abp-toolbar .cs-option{padding:5px 12px}.abp-reset{color:#c3c9d6;cursor:pointer;background:0 0;border:1px solid #788cc84d;border-radius:999px;margin-left:auto;padding:5px 12px;font-size:12px}.abp-reset:hover:not(:disabled){color:#ff9aa2;border-color:#ff828c80}.abp-reset:disabled{opacity:.4;cursor:default}.abp-group{margin-bottom:10px}.abp-cat{letter-spacing:.12em;text-transform:uppercase;color:#8fa9ff;opacity:.85;margin:14px 0 8px;font-size:11px}.abp-row{border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:7px 10px;transition:background .15s;display:grid}.abp-row:hover{background:#7896e60f}.abp-name{color:#e6e9ef;font-size:13.5px}.abp-step{color:#7d879e;white-space:nowrap;font-size:11px}.abp-stepper{align-items:center;gap:6px;display:flex}.abp-stepper button{color:#c3c9d6;cursor:pointer;background:#0c101acc;border:1px solid #788cc84d;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:17px;line-height:1;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.abp-stepper button:hover:not(:disabled){color:#fff;background:#5b8cff29;border-color:#8cafff99}.abp-stepper button:disabled{opacity:.3;cursor:default}.abp-pts{text-align:center;font-variant-numeric:tabular-nums;min-width:26px;font-size:15px;font-weight:700}.abp-hint{color:#8b93a7;margin:8px 0;font-size:12px}.craft-panel{z-index:20;border-color:#5b8cff66;flex-direction:column;width:270px;height:min(600px,100vh - 28px);max-height:calc(100vh - 28px);display:flex;top:14px;right:14px;overflow:hidden}.craft-split{flex-direction:column;flex:auto;min-height:0;display:flex}.craft-pane{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.craft-pane .mp-list{flex:auto;min-height:40px;max-height:none}.craft-divider{cursor:ns-resize;touch-action:none;border-top:1px solid #232834;flex:none;justify-content:center;align-items:center;height:14px;margin:3px 0;display:flex}.craft-divider-grip{background:#3a4150;border-radius:2px;width:44px;height:4px;transition:background .12s,width .12s}.craft-divider:hover .craft-divider-grip,.craft-split.dragging .craft-divider-grip{background:#6ab0ff;width:60px}.craft-split.dragging{-webkit-user-select:none;user-select:none}.skill{transition:border-color .12s,transform .1s,box-shadow .12s}.skill:hover:not(:disabled){border-color:#6ab0ff;transform:translateY(-2px);box-shadow:0 6px 18px #0006}.mat{cursor:default;transition:border-color .12s,color .12s}.mat.hovered{color:#e6e9ef;border-color:#6ab0ff}.mat-card{pointer-events:none;z-index:25;background:linear-gradient(165deg,#181c28f7,#0f111afa);border:1px solid #788cc84d;border-radius:12px;width:232px;padding:12px 14px;position:absolute;bottom:0;left:calc(100% + 12px);box-shadow:0 18px 44px #00000080}.mat-card-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.mat-card-name{color:#eef1f8;font-size:14px;font-weight:700}.mat-card-qty{color:#ffd479;font-variant-numeric:tabular-nums;font-size:12px}.mat-card-desc{color:#c3c9d6;margin-bottom:8px;font-size:12px;line-height:1.5}.mat-card-line{color:#aeb6c6;margin-top:4px;font-size:12px;line-height:1.5}.mat-card-label{color:#8fb6ff}.filter-bar{flex-wrap:wrap;align-items:center;gap:5px;margin:4px 0 8px;display:flex}.filter-chip{color:#aab2c4;cursor:pointer;background:0 0;border:1px solid #2a2f3a;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.filter-chip:hover{color:#e6e9ef}.filter-chip.active{color:#fff;background:#6ab0ff24;border-color:#6ab0ff}.sort-select{color:#c3c9d6;cursor:pointer;background:#1b2030;border:1px solid #2a2f3a;border-radius:6px;margin-left:auto;padding:3px 6px;font-size:11px}.filter-bar.small .filter-chip{padding:2px 7px;font-size:10px}.view-ctrl{background:#1b2030;border:1px solid #3a4150;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.view-ctrl-label{color:#9aa3b5;margin-right:2px;font-size:11px}.view-opt{color:#c3c9d6;cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;border-radius:6px;min-width:24px;padding:3px 6px;font-size:11px}.view-opt:hover{color:#e6e9ef}.view-opt.active{color:#fff;background:#6ab0ff29;border-color:#6ab0ff}.settings-panel{z-index:30;width:380px;max-height:80vh;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.settings-section{border-bottom:1px solid #232834;margin:14px 0;padding-bottom:12px}.settings-section:last-child{border-bottom:none}.settings-label{color:#6ab0ff;margin-bottom:8px;font-size:12px}.settings-row{align-items:center;gap:12px;display:flex}.settings-hint{color:#8b93a7;font-size:11px}.settings-toggle{color:#c3c9d6;cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.settings-btn{color:#c3c9d6;cursor:pointer;background:#1b2030;border:1px solid #3a4150;border-radius:8px;padding:9px 16px;font-size:13px}.settings-btn:hover:not(:disabled){color:#e6e9ef;border-color:#6ab0ff}.settings-btn:disabled{opacity:.45;cursor:not-allowed}.settings-btn.settings-danger{color:#ff8a8a;border-color:#6a2530}.settings-btn.settings-danger:hover:not(:disabled){color:#ffd0d0;background:#2a1820;border-color:#ff6a6a}.mat.rarity-rare{border-color:#5b8cff73}.mat.rarity-epic{border-color:#b06aff80}.mat.rarity-legendary{border-color:#ffc85a8c}.chip-ico{vertical-align:-3.5px;opacity:.9;flex-shrink:0;align-self:center;width:16px;height:16px}.chip-ico.chip-avatar{object-fit:cover;object-position:50% 25%;opacity:1;border-radius:50%}.mat-card-name .chip-ico{width:18px;height:18px}.codex-glyph.ico{display:flex}.codex-glyph.ico .chip-ico{stroke-width:1px;opacity:1;width:44px;height:44px}.codex-glyph.big.ico .chip-ico{stroke-width:.85px;width:66px;height:66px}.codex-drop-chip{align-items:center;gap:5px;display:inline-flex}.mat.rarity-rare .chip-ico{color:#7ba4ff}.mat.rarity-epic .chip-ico{color:#c48aff}.mat.rarity-legendary .chip-ico{color:#ffc85a}.rarity-pips{flex-shrink:0;align-items:center;gap:1.5px;display:inline-flex}.rarity-pip{width:6px;height:6px;display:block}.rarity-pips.rarity-common{color:#9aa7c0}.rarity-pips.rarity-rare{color:#7ba4ff}.rarity-pips.rarity-epic{color:#c48aff}.rarity-pips.rarity-legendary{color:#ffc85a}.coin-glyph{color:#ffcf5a}.mat-card-name{align-items:center;gap:5px;display:inline-flex}.lobby-chip.track-chip,.lobby-chip.shards-chip{align-items:center;gap:7px;display:inline-flex}.shards-chip{color:#ffd66e;border-color:#ffc85a59}.track-chip-bar{background:#ffffff1a;border-radius:999px;width:42px;height:5px;overflow:hidden}.track-chip-fill{background:linear-gradient(90deg,#5b8cff,#7a5bff);border-radius:999px;height:100%;transition:width .3s;display:block}.track-chip.gained{animation:1.1s ease-out track-chip-glow}.track-chip.gained .track-chip-val{animation:.5s cubic-bezier(.2,1.4,.4,1) track-val-in;display:inline-block}@keyframes track-chip-glow{0%{border-color:#96beffd9;box-shadow:0 0 14px #78a0ff8c}to{box-shadow:0 0 #78a0ff00}}@keyframes track-val-in{0%{opacity:0;transform:translateY(-8px)scale(1.25)}to{opacity:1;transform:none}}.track-hints{z-index:60;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:76px;right:18px}.track-hint{background:#10141eeb;border:1px solid #8cafff66;border-left:3px solid #8ab4ff;border-radius:10px;align-items:baseline;gap:8px;padding:8px 14px;transition:opacity .42s,transform .42s;animation:.36s cubic-bezier(.2,1.2,.4,1) track-hint-in;display:flex;box-shadow:0 6px 20px #00000073}.track-hint.leaving{opacity:0;transform:translate(16px)}.track-hint-mark{color:#9dc0ff;font-size:15px}.track-hint-gain{color:#dce8ff;letter-spacing:.02em;font-size:14px;font-weight:700}.track-hint-node{color:#ffd66e;font-size:12px}@keyframes track-hint-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@media (width<=720px){.track-hints{inset:auto 12px 16px}}@media (prefers-reduced-motion:reduce){.track-hint,.track-chip.gained,.track-chip.gained .track-chip-val{animation:none}}.shop-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.shop-balance{font-variant-numeric:tabular-nums;background:linear-gradient(120deg,#5a421466,#1e180e80);border:1px solid #ffc86452;border-radius:999px;align-items:baseline;gap:9px;padding:8px 18px;display:inline-flex;box-shadow:inset 0 1px #ffdc9629}.shop-balance-val{color:#ffd66e;letter-spacing:.02em;font-size:22px;font-weight:800}.shop-balance-label{color:#b8a171;font-size:11.5px}.shard-glyph{color:var(--reward-shards)}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-top:14px;display:grid}.shop-card{background:linear-gradient(165deg,#1a1f2ed9,#10131ce6);border:1px solid #788cc829;border-radius:16px;flex-direction:column;gap:8px;padding:20px;display:flex;position:relative}.shop-card-art{background:radial-gradient(circle at 50% 40%,#7a96e633,#0000 68%);border:1px solid #788cc838;border-radius:50%;align-self:center;place-items:center;width:76px;height:76px;margin:6px 0 4px;font-size:34px;display:grid}.shop-card-name{text-align:center;font-size:16px;font-weight:700}.shop-card-desc{color:#8b93a7;text-align:center;min-height:34px;font-size:12.5px;line-height:1.5}.shop-card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.shop-price{color:#ffd66e;flex-wrap:wrap;align-items:baseline;gap:8px;font-weight:700;display:inline-flex}.shop-price-now{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:16px;display:inline-flex}.shop-buy{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#5b8cff,#7a5bff);border:none;border-radius:10px;padding:9px 18px;font-size:13.5px;font-weight:700;box-shadow:0 4px 14px #5b78ff47}.shop-buy:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.shop-section-head{margin:30px 0 0}.shop-section-title{letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;color:#9aa3b8;margin:0;font-size:12px}.shop-section-note{color:#8b93a7;margin:6px 0 0;font-size:12px}.shop-promo{color:#ffe1a6;background:linear-gradient(110deg,#ff783c3d,#ff3c7824 60%,#0000);border:1px solid #ff965a61;border-radius:14px;align-items:center;gap:12px;margin-top:16px;padding:12px 18px;font-weight:700;display:flex}.shop-promo-flame{font-size:20px}.shop-promo-text{flex:1;min-width:0;font-size:13.5px}.shop-promo-pct{color:#1a0e08;white-space:nowrap;background:linear-gradient(135deg,#ffb054,#ff6f61);border-radius:999px;padding:3px 12px;font-size:14px;font-weight:800}.shop-featured{background:radial-gradient(600px 200px at 12% 0,#ffbe5a29,#0000 70%),linear-gradient(165deg,#2e261ae6,#14110ceb);border:1px solid #ffc86e4d;border-radius:18px;margin-top:16px;padding:18px 20px}.shop-featured-body{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.shop-featured-art{background:radial-gradient(circle at 50% 40%,#ffc86e47,#0000 70%);border:1px solid #ffc86e59;border-radius:20px;flex-shrink:0;place-items:center;width:78px;height:78px;font-size:38px;display:grid}.shop-featured-text{flex:1;min-width:180px}.shop-featured-name{color:#ffe6ad;font-size:18px;font-weight:800}.shop-featured-desc{color:#bfae8c;margin-top:4px;font-size:12.5px;line-height:1.55}.shop-featured-action{flex-shrink:0;align-items:center;gap:14px;display:flex}.shop-featured .shop-guide-tip{margin:0 0 12px}.shop-char-card{text-align:center;align-items:center}.shop-char-pedestal{border-radius:50%;align-self:center;place-items:center;width:118px;height:118px;margin:4px 0 6px;display:grid}.shop-char-pedestal .char-portrait{width:88px;height:88px}.shop-char-pedestal .char-glyph{font-size:46px}.shop-char-card.owned{border-color:#50c88247}.shop-char-card.owned .shop-card-foot{justify-content:center}.shop-discount-tag{color:#1a0e08;z-index:1;background:linear-gradient(135deg,#ffb054,#ff6f61);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:800;position:absolute;top:12px;right:12px;box-shadow:0 3px 12px #ff785066}.shop-owned-badge{color:#9fe6b0;background:#50c88224;border:1px solid #50c8824d;border-radius:999px;padding:7px 18px;font-size:13px;font-weight:700}.shop-price-was{color:#6b7186;align-items:center;gap:3px;font-size:12.5px;font-weight:600;text-decoration:line-through;display:inline-flex}.shop-price-was .shard-glyph{color:#6b7186}.shop-price-free{color:#9fe6b0;letter-spacing:.05em;font-size:16px}.shop-buy-free{background:linear-gradient(135deg,#3fb96f,#2f9d8c);box-shadow:0 4px 14px #3fb96f47}.shop-featured.shop-guided{border-color:#ffcd64cc;animation:1.8s ease-in-out infinite shop-guide-pulse}@keyframes shop-guide-pulse{0%,to{box-shadow:0 0 0 2px #ffcd6466,0 0 20px #ffbe5a38}50%{box-shadow:0 0 0 3px #ffd778bf,0 0 32px #ffc8646b}}.shop-guide-tip{color:#ffe6ad;background:#ffbe5a29;border:1px solid #ffc86e66;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:600}@media (width<=720px){.shop-featured-action{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.shop-featured.shop-guided{animation:none;box-shadow:0 0 0 2px #ffcd6480}}.account-identity{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:24px;display:grid}.account-field{background:#12151d;border:1px solid #232834;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.account-field-label{color:#8b93a7;font-size:11px}.account-field-value{color:#e6e9ef;word-break:break-all;font-size:14px}.account-field-value.linked{align-items:center;gap:6px;display:inline-flex}.account-link-dot{color:#9fe9c3;background:#6edca029;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;line-height:1;display:inline-flex}.account-card{background:#12151d;border:1px solid #232834;border-radius:12px;max-width:460px;margin-bottom:16px;padding:18px 20px}.account-card-title{color:#dfe4ee;margin:0 0 14px;font-size:15px;font-weight:600}.account-card .settings-row{margin:0}.account-link-btn{color:#a8c8f5;background:#2f6fd024;border:1px solid #33507e;border-radius:9px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.account-link-btn:hover{color:#d6e6ff;background:#2f6fd03d;border-color:#4a7ac4}.account-link-btn[aria-disabled=true]{opacity:.5;pointer-events:none}.account-link-ext{opacity:.75;font-size:12px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060ab8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:linear-gradient(165deg,#161a26,#11131b);border:1px solid #2a2f3a;border-radius:16px;width:min(460px,92vw);max-height:88vh;padding:26px;overflow-y:auto;box-shadow:0 24px 70px #0009}.modal-card label{color:#aeb6c6;flex-direction:column;gap:6px;margin:10px 0;font-size:13px;display:flex}.modal-card input,.modal-card select{color:#e6e9ef;background:#0e1118;border:1px solid #2a2f3a;border-radius:8px;padding:9px 11px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.modal-cancel{color:#c3c9d6;cursor:pointer;background:0 0;border:1px solid #3a4150;border-radius:8px;padding:9px 18px}.delete-modal{border-color:#ff5b5b66}.delete-title{color:#ff7a7a}.delete-warning{color:#ffb0b0;margin:8px 0;font-weight:600}.delete-list{color:#c79aa0;margin:12px 0;padding-left:20px;font-size:13px;line-height:1.7}.delete-sent{color:#9ad0ff;line-height:1.6}.admin-edit-row{flex-wrap:wrap;gap:18px;display:flex}.admin-console{background:radial-gradient(1200px 600px at 80% -10%,#5b8cff14,#0000),#0b0d12;flex-direction:column;min-height:100vh;display:flex}.admin-console-bar{z-index:10;background:linear-gradient(#141822f2,#0d1017f2);border-bottom:1px solid #1c2230;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0}.admin-console-brand{align-items:center;gap:12px;display:flex}.admin-console-brand .brand-mark{color:#9ad0ff;font-size:24px}.admin-console-brand .brand-text{flex-direction:column;font-size:18px;font-weight:700;line-height:1.1;display:flex}.admin-console-brand small{letter-spacing:1px;color:#6f7a91;font-size:11px;font-weight:500}.admin-console-account{align-items:center;gap:14px;display:flex}.admin-console-user{color:#e6e9ef;align-items:center;gap:8px;font-weight:600;display:inline-flex}.admin-console-badge{letter-spacing:1px;color:#c2b3ff;background:#7a5bff2e;border:1px solid #7a5bff80;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.admin-console-back{color:#c3c9d6;cursor:pointer;background:0 0;border:1px solid #3a4150;border-radius:8px;padding:8px 14px}.admin-console-body{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:28px}.nav-admin{border-top:1px solid #1c2230;margin-top:10px;color:#c2b3ff!important;padding-top:16px!important}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-tabs{gap:8px;display:flex}.admin-tabs button{color:#aeb6c6;cursor:pointer;background:0 0;border:1px solid #2a2f3a;border-radius:999px;padding:8px 16px}.admin-tabs button.active{color:#cfe0ff;background:#5b8cff1f;border-color:#5b8cff80}.admin-gauges{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:12px;display:grid}.gauge{background:#12151d;border:1px solid #232834;border-radius:12px;padding:14px 16px}.gauge-head{color:#aeb6c6;justify-content:space-between;font-size:13px;display:flex}.gauge-pct{color:#e6e9ef;font-weight:700}.gauge-bar{background:#ffffff14;border-radius:999px;height:8px;margin:8px 0 6px;overflow:hidden}.gauge-fill{background:linear-gradient(90deg,#4fd1a1,#5b8cff);border-radius:999px;height:100%;transition:width .4s}.gauge-fill.warm{background:linear-gradient(90deg,#ffc857,#ff9f43)}.gauge-fill.hot{background:linear-gradient(90deg,#ff7a7a,#ff5b5b)}.gauge-caption{color:#8b93a7;font-variant-numeric:tabular-nums;font-size:11px}.admin-sysmeta{color:#8b93a7;gap:20px;margin-top:12px;font-size:12px;display:flex}.sys-dot{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin:0 7px 0 10px;display:inline-block}.sys-dot.ok{background:#4fd1a1;box-shadow:0 0 8px #4fd1a1b3}.sys-dot.warn{background:#ffc857}.sys-dot.bad{background:#ff5b5b}.sys-state{color:#8b93a7;font-size:12px}.server-board{flex-direction:column;gap:8px;margin-top:12px;display:flex}.server-row{background:#12151d;border:1px solid #232834;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.server-name{font-weight:600}.server-region{color:#8b93a7;font-size:13px}.server-status{color:#aeb6c6;margin-left:auto;font-size:12px}.admin-user-search{box-sizing:border-box;width:100%;max-width:320px;margin-top:12px;padding:6px 10px}.admin-table-wrap{margin-top:12px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #1f242f;padding:9px 12px}.admin-table th{color:#8b93a7;font-weight:600}.admin-table .cell-email{color:#aeb6c6}.admin-table .cell-actions{gap:10px;display:flex}.admin-table .cell-actions button{color:#cfe0ff;cursor:pointer;background:0 0;border:1px solid #2a2f3a;border-radius:6px;padding:4px 10px}.admin-table .cell-actions .danger-link{color:#ff7a7a;border-color:#ff5b5b66}.admin-subhead{justify-content:space-between;align-items:center;margin:18px 0 6px;display:flex}.add-row{color:#cfe0ff;cursor:pointer;background:0 0;border:1px solid #2a2f3a;border-radius:999px;padding:5px 12px;font-size:12px}.server-edit-row{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.server-edit-row input,.server-edit-row select{color:#e6e9ef;background:#0e1118;border:1px solid #2a2f3a;border-radius:8px;padding:7px 10px}.starfield{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.scene-transition{z-index:60;pointer-events:all;background:#06070b;position:fixed;inset:0;overflow:hidden}.scene-tunnel{width:100%;height:100%;display:block;position:absolute;inset:0}.scene-transition.reveal{opacity:0;pointer-events:none;transition:opacity .62s ease-out}.fade-curtain{z-index:60;background:#06070b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fade-curtain.hold{opacity:1}.fade-curtain.cover{opacity:1;animation:.34s ease-in both curtain-in}.fade-curtain.reveal{opacity:0;pointer-events:none;animation:.44s ease-out both curtain-out}.fade-curtain-mark{object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 16px #7aa2ff8c);width:76px;height:76px;animation:1.6s ease-in-out infinite start-mark-pulse;display:block}@keyframes curtain-in{0%{opacity:0}to{opacity:1}}@keyframes curtain-out{0%{opacity:1}to{opacity:0}}.app-view{transform-origin:50%}.app-arrive-fade{animation:.44s ease-out both app-arrive-fade}.app-arrive-tunnel{animation:.62s cubic-bezier(.2,.7,.2,1) backwards app-arrive-tunnel}@keyframes app-arrive-fade{0%{opacity:0}to{opacity:1}}@keyframes app-arrive-tunnel{0%{opacity:0;filter:blur(16px);transform:scale(.62)}55%{opacity:1}to{opacity:1;filter:blur();transform:scale(1)}}@media (prefers-reduced-motion:reduce){.fade-curtain.cover,.fade-curtain.reveal{animation-duration:.15s}.scene-transition.reveal{transition-duration:.2s}.app-arrive-fade,.app-arrive-tunnel{animation:.18s ease-out both app-arrive-fade}}.entry-enter:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.song-carousel{touch-action:pan-y;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;width:100%;max-width:900px;margin:8px auto 18px;display:flex}.song-viewport{flex:auto;height:320px;position:relative;overflow:hidden}.song-track{will-change:transform;align-items:center;gap:28px;height:100%;display:flex;position:absolute;top:0;left:0}.songcard{height:280px;color:inherit;cursor:pointer;opacity:.4;filter:saturate(.7);background:linear-gradient(165deg,#1a1f2ed9,#0f121ceb);border:1px solid #788cc82e;border-radius:20px;flex-direction:column;flex:0 0 280px;align-items:center;gap:8px;padding:26px 22px;transition:transform .35s,opacity .35s,border-color .2s,box-shadow .25s,filter .35s;display:flex;position:relative;transform:scale(.84)}.songcard.active{opacity:1;filter:none;border-color:#6ab0ff;transform:scale(1);box-shadow:0 0 0 2px #6ab0ff66,0 24px 60px #0000008c}.songcard.locked{filter:grayscale(.6)saturate(.5)}.songcard-chapter{letter-spacing:3px;color:#69728a;text-transform:uppercase;font-size:11px}.songcard-glyph{color:#7a9bff;text-shadow:0 0 28px #7a9bff8c;font-size:52px}.songcard-name{letter-spacing:1px;color:#eef1f8;font-size:22px;font-weight:700}.songcard-desc{color:#8b93a7;text-align:center;flex:auto;font-size:12.5px;line-height:1.5}.songcard-foot{align-items:center;gap:10px;min-height:24px;display:flex}.songcard-rating{font-variant-numeric:tabular-nums;color:#d7def0;font-weight:700}.songcard-lock{color:#c2a35b;font-size:12px}.songcard-hint{color:#69728a;text-align:center;padding:0 14px;font-size:10.5px;position:absolute;bottom:10px}.song-nav{color:#cdd5e6;cursor:pointer;background:#141824cc;border:1px solid #788cc840;border-radius:50%;flex:none;width:44px;height:44px;font-size:24px;line-height:1;transition:background .15s,border-color .15s,opacity .15s}.song-nav:hover:not(:disabled){background:#5b8cff40;border-color:#5b8cff80}.song-nav:disabled{opacity:.3;cursor:not-allowed}.song-dots{justify-content:center;gap:8px;margin-bottom:22px;display:flex}.song-dot{cursor:pointer;background:#788cc84d;border:none;border-radius:50%;width:9px;height:9px;transition:background .2s,transform .2s}.song-dot.active{background:#6ab0ff;transform:scale(1.25)}.lb-theme-tag{color:#7a9bff;vertical-align:middle;margin-left:10px;font-size:13px;font-weight:600}.track-line-head{flex-wrap:wrap;align-items:baseline;gap:12px;padding:4px 2px 16px;display:flex}.track-line-head .track-name{letter-spacing:3px;color:#aeb6c8;font-size:15px}.track-line-head .track-level{font-variant-numeric:tabular-nums;color:#eef1f8;text-shadow:0 0 18px #7a91ff73;font-size:34px;font-weight:800;line-height:1}.track-count{font-variant-numeric:tabular-nums;color:#cdd5e6;font-size:14px}.track-count.muted{color:#8b93a7}.track-rate{color:#cdd5e6;background:#788cc829;border-radius:999px;padding:2px 10px;font-size:12.5px}.track-rate.up{color:#ffd66e;background:#ffd66e2e}.track-boost{color:#cdb8ff;background:#7a5bff38;border-radius:999px;padding:2px 10px;font-size:12.5px}.track-strip{cursor:grab;touch-action:pan-y;scrollbar-width:thin;overscroll-behavior-x:contain;padding-bottom:6px;overflow:auto hidden}.track-strip:active{cursor:grabbing}.track-strip.replaying{cursor:default}.track-stop.arriving .stop-mark{animation:.5s ease-out track-arrive}@keyframes track-arrive{0%{transform:scale(1);box-shadow:0 0 #a0c8ff00}45%{transform:scale(1.35);box-shadow:0 0 18px #a0c8ffe6}to{transform:scale(1);box-shadow:0 0 #a0c8ff00}}.track-replay-bar{background:#121620bf;border:1px solid #8cafff47;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:12px 16px;display:flex}.track-replay-note{color:#9dc0ff;letter-spacing:.04em;font-size:13px}.track-skip{color:#cfe0ff;cursor:pointer;background:0 0;border:1px solid #a0beff66;border-radius:999px;padding:6px 18px;font-size:13px}.track-skip:hover{background:#78a0ff24;border-color:#b4d2ffb3}.track-line-head.replaying .track-level{color:#cfe0ff;text-shadow:0 0 12px #8cb4ff99}@media (prefers-reduced-motion:reduce){.track-stop.arriving .stop-mark{animation:none}}.track-line{-webkit-user-select:none;user-select:none;align-items:stretch;min-height:190px;display:flex;position:relative}.track-band{flex-direction:column;flex:none;padding-top:28px;display:flex;position:relative}.track-stops{flex:1;display:flex}.track-band.event{background:linear-gradient(#7a5bff24,#7a5bff08 60%,#0000),radial-gradient(80% 60% at 50% 0,#b48cff1f,#0000 70%);border-left:1px solid #b48cff59;border-right:1px solid #b48cff59;border-radius:14px}.track-band-ghost{letter-spacing:8px;white-space:nowrap;color:#cdb8ff17;pointer-events:none;font-size:40px;font-weight:800;position:absolute;top:6px;left:50%;transform:translate(-50%)}.track-band-tag{z-index:1;letter-spacing:1px;color:#e2d7ff;white-space:nowrap;background:#7a5bff4d;border-radius:999px;align-self:flex-start;margin:-24px 0 0 12px;padding:2px 10px;font-size:11.5px;position:sticky;left:12px}.track-stop{color:inherit;font:inherit;cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:3px;padding:76px 4px 12px;display:flex;position:relative}.stop-rail{background:#788cc833;border-radius:2px;width:100%;height:3px;position:absolute;top:44px;left:-50%;overflow:hidden}.stop-rail-fill{background:linear-gradient(90deg,#5b8cff,#7a5bff);border-radius:2px;height:100%;transition:width .4s;display:block}.stop-node{justify-content:center;align-items:center;display:flex;position:absolute;top:44px;left:50%;transform:translate(-50%,-50%)}.stop-ring{background:conic-gradient(#7a91ff var(--ring,0%), #788cc838 0);border-radius:50%;width:44px;height:44px;position:absolute;-webkit-mask:radial-gradient(circle,#0000 0 62%,#000 63%);mask:radial-gradient(circle,#0000 0 62%,#000 63%)}.stop-mark{background:#12151f;border:2px solid #788cc866;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,box-shadow .2s;display:flex;position:relative}.stop-glyph{color:#0d1018;font-size:11px;line-height:1}.size-sm .stop-mark{width:13px;height:13px}.size-md .stop-mark{width:19px;height:19px}.size-lg .stop-mark{border-width:3px;width:26px;height:26px}.size-xl .stop-mark{border-width:3px;width:34px;height:34px;box-shadow:0 0 0 4px #788cc81a}.kind-event .stop-mark{border-color:#cdb8ffb3;border-radius:5px;transform:rotate(45deg)}.kind-event .stop-glyph{transform:rotate(-45deg)}.track-stop.claimed .stop-mark{background:#4e9c68;border-color:#6ad08abf}.track-stop.claimed .stop-glyph{color:#08130c}.track-stop.ready .stop-mark{background:#ffd66e;border-color:#ffd66e;animation:1.8s ease-in-out infinite claimPulse;box-shadow:0 0 0 6px #ffd66e29}.track-stop.locked .stop-mark{background:#0e111a;border-color:#788cc847}.track-stop.claimed .stop-level,.track-stop.claimed .stop-reward{opacity:.5}.track-stop.locked .stop-level,.track-stop.locked .stop-reward{color:#69728a}.track-stop.here .stop-mark{background:#7a91ff;border-color:#9fb6ff;box-shadow:0 0 18px #7a91ffbf}.track-stop.here .stop-glyph{color:#0d1018}.track-stop.here .stop-level{color:#eef1f8;font-weight:800}.track-stop.picked .stop-mark{outline-offset:3px;outline:2px solid #eef1f8bf}.track-stop:hover .stop-mark{transform:scale(1.12)}.kind-event.track-stop:hover .stop-mark{transform:rotate(45deg)scale(1.12)}.stop-level{font-variant-numeric:tabular-nums;color:#cdd5e6;font-size:13px;font-weight:700}.stop-reward{color:#9fb6ff;white-space:nowrap;font-size:11.5px}.stop-state{color:#69728a;min-height:14px;font-size:11px}.track-stop.ready .stop-state{color:#ffd66e}.track-stop.claimed .stop-state{color:#6ad08a}.stop-here{font-variant-numeric:tabular-nums;color:#9fb6ff;white-space:nowrap;font-size:11.5px;position:absolute;top:0}.track-onwards{flex:none;align-items:center;width:220px;padding-left:8px;display:flex;position:relative}.track-onwards-line{background:linear-gradient(90deg,#788cc833,#0000);width:150px;height:3px;position:absolute;top:76px;left:0}.track-onwards-text{color:#69728a;max-width:200px;margin-top:76px;font-size:11.5px}.track-detail{background:linear-gradient(165deg,#181c2ab8,#0f121ce0);border:1px solid #788cc82e;border-radius:14px;margin-top:14px;padding:14px 18px}.track-detail.empty{color:#69728a;text-align:center;font-size:13px}.track-detail.ready{border-color:#ffd66e66}.track-detail-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.track-detail-level{color:#eef1f8;font-size:16px;font-weight:700}.track-detail-source{color:#8b93a7;font-size:12px}.track-detail-note{color:#cdb8ff;background:#7a5bff33;border-radius:8px;padding:1px 8px;font-size:11.5px}.track-detail-cost,.track-detail-rate{color:#69728a;font-variant-numeric:tabular-nums;font-size:11.5px}.track-detail-rate{color:#ffd66e}.track-detail-rewards{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.track-detail-state{color:#8b93a7;margin-top:10px;font-size:12px}.track-reward{color:#cdd5e6;background:#5b8cff24;border-radius:8px;padding:2px 8px;font-size:12px}.track-reward.none{color:#69728a;background:0 0;padding:2px 0}@keyframes claimPulse{0%,to{box-shadow:0 0 0 4px #ffd66e1a}50%{box-shadow:0 0 0 9px #ffd66e38}}@media (prefers-reduced-motion:reduce){.track-stop.ready .stop-mark,.stop-rail-fill,.stop-mark{transition:none;animation:none}}.record-list{flex-direction:column;gap:8px;display:flex}.record-card{cursor:pointer;background:#14182499;border:1px solid #788cc829;border-left-width:3px;border-radius:12px;overflow:hidden}.record-card.win{border-left-color:#6ad08a}.record-card.lose{border-left-color:#e06a6a}.record-row{grid-template-columns:56px 1fr 1.2fr .8fr .8fr .9fr;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:grid}.record-result{font-weight:700}.record-result.win{color:#6ad08a}.record-result.lose{color:#e06a6a}.record-char{color:#eef1f8;font-weight:600}.record-theme,.record-turns,.record-time{color:#8b93a7}.record-delta.up{color:#6ad08a}.record-delta.down{color:#e06a6a}.record-stats{border-top:1px solid #788cc81f;flex-wrap:wrap;gap:18px;padding:10px 16px 14px;display:flex}.record-stat{flex-direction:column;align-items:center;display:flex}.record-stat-v{color:#d7def0;font-size:16px;font-weight:700}.record-stat-l{color:#69728a;font-size:11px}.char-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.char-tile{color:inherit;cursor:pointer;background:linear-gradient(165deg,#181c2abf,#0f121ce6);border:1px solid #788cc829;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;transition:transform .14s,border-color .15s,box-shadow .15s;display:flex}.char-tile:hover{border-color:#5b8cff73;transform:translateY(-3px);box-shadow:0 16px 40px #00000073}.char-portrait{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.char-portrait.big{width:150px;height:150px}.char-glyph{font-size:46px}.char-glyph.big{font-size:72px}.char-portrait .portrait-art{object-fit:cover;object-position:50% 22%;border-radius:50%;width:100%;height:100%}.char-tile-name{color:#eef1f8;font-size:16px;font-weight:700}.char-tile-role{color:#8b93a7;text-align:center;font-size:11.5px}.char-back{color:#cdd5e6;cursor:pointer;background:#141824cc;border:1px solid #788cc840;border-radius:10px;padding:6px 14px}.char-detail-layout{display:block}.char-tachie-col{float:right;width:240px;margin:0 0 18px 22px}.char-tachie{background:radial-gradient(circle at 50% 30%,#788cc81f,#0000 72%);border:1px solid #788cc84d;border-radius:20px;justify-content:center;align-items:center;width:100%;height:340px;display:flex;overflow:hidden}.char-detail-layout:after{content:"";clear:both;display:block}.char-tachie-art{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 10px 28px #00000073);width:100%;height:100%}.char-tachie-glyph{opacity:.9;text-shadow:0 0 44px;font-size:120px}@media (width<=980px){.char-tachie-col{float:none;justify-content:center;width:auto;margin:0 auto 18px;display:flex}.char-tachie{aspect-ratio:260/380;width:min(260px,80vw);height:auto}}.char-detail-top{align-items:center;gap:22px;margin-bottom:22px;display:flex}.char-ident{min-width:0}.char-name{margin:0;font-size:26px}.char-epithet{color:#7a9bff;margin:4px 0;font-style:italic}.char-role,.char-title{color:#aeb6c8;margin:4px 0;font-size:13px}.char-attrs{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.char-attr-tag{color:#cdd5e6;background:#5b8cff29;border-radius:8px;padding:3px 10px;font-size:12px}.char-section{margin-bottom:22px}.char-section h3{color:#aeb6c8;letter-spacing:1px;margin:0 0 10px;font-size:14px}.char-lore{color:#b6bdcd;font-size:13px;line-height:1.7}.char-stats{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.char-stat{background:#788cc81a;border-radius:10px;justify-content:space-between;padding:8px 12px;display:flex}.char-stat-l{color:#8b93a7;font-size:12.5px}.char-stat-v{color:#d7def0;font-variant-numeric:tabular-nums;font-weight:700}.char-basic{color:#b6bdcd;margin-top:12px;font-size:13px;line-height:1.6}.char-skills{flex-direction:column;gap:10px;display:flex}.char-skill{background:#1418248c;border:1px solid #788cc824;border-radius:12px;padding:12px 14px}.char-skill-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.char-skill-kind{color:#cdd5e6;background:#788cc82e;border-radius:6px;padding:2px 8px;font-size:11px}.char-skill-kind.kind-core{background:#7a5bff40}.char-skill-kind.kind-passive{background:#6ad08a33}.char-skill-name{color:#eef1f8;font-weight:700}.char-skill-cost{color:#8b93a7;font-size:11.5px}.char-skill-desc{color:#aeb6c8;margin:6px 0 0;font-size:12.5px;line-height:1.6}.muted{color:#69728a}.codex-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.codex-tabs button{color:#aeb6c8;cursor:pointer;background:#141824b3;border:1px solid #788cc833;border-radius:10px;padding:7px 16px;font-size:13.5px;transition:border-color .15s,color .15s,background .15s}.codex-tabs button:hover{color:#dce2f0;border-color:#5b8cff66}.codex-tabs button.active{color:#eef1f8;background:#5b8cff29;border-color:#5b8cff99}.codex-body .characters-page,.codex-body.characters-page{padding:0}.codex-page .characters-page .page-head{display:none}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.codex-tile{color:inherit;cursor:pointer;background:linear-gradient(165deg,#181c2abf,#0f121ce6);border:1px solid #788cc829;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;transition:transform .14s,border-color .15s,box-shadow .15s;display:flex}.codex-tile:hover{border-color:#5b8cff73;transform:translateY(-3px);box-shadow:0 16px 40px #00000073}.codex-portrait{border:2px solid;border-radius:20px;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.codex-portrait.big{border-radius:26px;width:132px;height:132px}.codex-glyph{font-size:40px}.codex-glyph.big{font-size:62px}.codex-badge{color:#cdd5e6;background:#0f121cf2;border:1px solid #788cc84d;border-radius:8px;padding:2px 7px;font-size:10.5px;font-weight:700;position:absolute;bottom:-8px;right:-6px}.codex-badge.tier-elite{color:#e6c977;border-color:#c9a24bb3}.codex-badge.tier-boss{color:#ff9c7c;border-color:#e0603cbf}.codex-tile-name{color:#eef1f8;text-align:center;font-size:15px;font-weight:700}.codex-tile-role{color:#8b93a7;font-size:11.5px}.codex-tier-chip,.codex-lv-chip,.codex-attr-chip{color:#cdd5e6;background:#788cc829;border-radius:8px;margin-right:6px;padding:2px 9px;font-size:11.5px}.codex-tier-chip.tier-elite{color:#e6c977;background:#c9a24b38}.codex-tier-chip.tier-boss{color:#ff9c7c;background:#e0603c3d}.codex-attr-chip{background:#7a5bff33}.codex-reward{color:#b6bdcd;margin:8px 0 0;font-size:12.5px}.codex-chips{flex-wrap:wrap;gap:8px;display:flex}.codex-skill-chip,.codex-drop-chip{color:#cdd5e6;background:#788cc81f;border:1px solid #788cc824;border-radius:9px;padding:4px 11px;font-size:12px}.codex-drop-chip{background:#6ad08a1f;border-color:#6ad08a33}.codex-link-chip{cursor:pointer;color:#dbe4ff;background:#5b8cff1f;border:1px solid #5b8cff47;border-radius:9px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.codex-link-chip:hover{background:#5b8cff38;border-color:#5b8cff8c}.codex-link-chip:active{transform:translateY(1px)}.codex-chip-caret{color:#7f9bd8;font-weight:700}.codex-coin-chip{color:#f0d69a;background:#e8b3411f;border:1px solid #e8b34147;border-radius:9px;padding:5px 11px;font-size:12px}.codex-hint{color:#8b93a7;margin:0 0 10px;font-size:12px}.codex-filter{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.codex-filter button{color:#8b93a7;cursor:pointer;background:#14182499;border:1px solid #788cc82e;border-radius:999px;padding:5px 13px;font-size:12.5px}.codex-filter button.active{color:#eef1f8;background:#5b8cff29;border-color:#5b8cff99}.codex-card-section,.codex-group{margin-bottom:22px}.codex-cat-head{letter-spacing:1px;color:#aeb6c8;margin:0 0 10px;font-size:14px}.codex-card-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.codex-card{background:#1418248c;border:1px solid #788cc824;border-left:3px solid #788cc866;border-radius:12px;padding:11px 13px}.codex-card.cat-skill{border-left-color:#7a5bff}.codex-card.cat-material{border-left-color:#6ad08a}.codex-card.cat-effect{border-left-color:#5b8cff}.codex-card.cat-special{border-left-color:#e0a03c}.codex-ability{border-left-color:#e0603c}.codex-ability.passive{border-left-color:#6ad08a}.codex-skill-tag{color:#f0b49a;font-variant-numeric:tabular-nums;white-space:nowrap;background:#e0603c29;border-radius:6px;padding:1px 7px;font-size:10.5px}.codex-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.codex-card-name{color:#eef1f8;font-size:14px;font-weight:700}.codex-card-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.codex-card-ap{color:#8b93a7;font-variant-numeric:tabular-nums;font-size:11px}.codex-card-owner{color:#c3b6ff;background:#7a5bff33;border-radius:6px;padding:1px 7px;font-size:10.5px}.codex-card-premium{color:#f0c37a;background:#e0a03c33;border-radius:6px;padding:1px 7px;font-size:10.5px}.codex-quality{color:#cdd5e6;background:#788cc82e;border-radius:6px;padding:1px 7px;font-size:10.5px}.codex-quality.q-rare{color:#9db8ff;background:#5b8cff38}.codex-quality.q-epic{color:#cd9dff;background:#b45bff38}.codex-quality.q-legendary{color:#f0c37a;background:#e0a03c3d}.codex-card-desc{color:#aeb6c8;margin:7px 0 0;font-size:12px;line-height:1.55}.codex-rules{flex-direction:column;gap:8px;max-width:760px;display:flex}.rules-item{background:#14182480;border:1px solid #788cc824;border-radius:12px;overflow:hidden}.rules-item.open{border-color:#5b8cff66}.rules-head{color:#eef1f8;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:15px;display:flex}.rules-icon{font-size:18px}.rules-title{flex:1;font-weight:700}.rules-caret{color:#8b93a7}.rules-body{padding:2px 18px 16px 46px}.rules-body p{color:#b6bdcd;margin:6px 0;font-size:13px;line-height:1.7}.tutorial-prompt .pve-resume-text strong{font-size:16px}.tutorial-coach{pointer-events:none;z-index:55;position:fixed;inset:0}.tutorial-spotlight{pointer-events:none;z-index:56;border:2px solid #8caafff2;border-radius:12px;transition:top .22s,left .22s,width .22s,height .22s;position:fixed;box-shadow:0 0 0 9999px #06080e9e,0 0 22px 4px #7a9bffbf}.tutorial-spotlight.light{box-shadow:0 0 22px 4px #7a9bffbf}body.tut-board-dim .left-column,body.tut-board-dim .messages-panel,body.tut-board-dim .target-info,body.tut-board-dim .topbar-stack,body.tut-board-dim .action-bar{opacity:.35;filter:saturate(.75);transition:opacity .25s}body.tut-board-dim .left-column:hover,body.tut-board-dim .messages-panel:hover,body.tut-board-dim .target-info:hover,body.tut-board-dim .topbar-stack:hover{opacity:1}body.tut-board-dim .action-bar:has(:hover){opacity:1}.tutorial-body .tut-em,.tutorial-explanation .tut-em,.tutorial-more .tut-em,.tutorial-aim .tut-em,.tutorial-miscast .tut-em,.tutorial-objective .tut-em{color:#ffca6e;font-weight:700}.tutorial-body .tut-key,.tutorial-explanation .tut-key,.tutorial-more .tut-key,.tutorial-aim .tut-key,.tutorial-miscast .tut-key,.tutorial-objective .tut-key{color:#8fd0ff;background:#7a9bff24;border-radius:4px;padding:0 4px;font-family:inherit;font-size:.95em;font-weight:600}.tutorial-card{pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:61;overscroll-behavior:contain;scrollbar-width:thin;background:linear-gradient(165deg,#181c2cfa,#0e111bfc);border:1px solid #7a9bff80;border-radius:16px;width:min(400px,100vw - 24px);padding:16px 18px 14px;transition:top .22s,left .22s;position:fixed;overflow-y:auto;box-shadow:0 18px 48px #0000008c}.tutorial-card.compact{padding:9px 12px}.tutorial-card.compact .tutorial-title,.tutorial-card.compact .tutorial-dots{display:none}.tutorial-card.compact .tutorial-body{margin:5px 0 0;font-size:13px;line-height:1.4}.tutorial-card.compact .tutorial-actions{margin-top:7px}.tutorial-card.compact .tutorial-skip{padding:3px 7px;font-size:11px}.tutorial-fold{color:#d3e0ff;cursor:pointer;background:0 0;border:1px solid #637399;border-radius:6px;flex:none;padding:3px 7px;font-size:11px}.tutorial-explanation{color:#bdc8e1;border-top:1px solid #39415b;margin:10px 0 0;padding-top:10px;font-size:13px;line-height:1.6}.tutorial-waiting{color:#a9bde7;align-self:center;font-size:11px}.tutorial-card.anchored:after{content:"";background:#141826fc;border:1px solid #7a9bff80;width:12px;height:12px;position:absolute;transform:rotate(45deg)}.tutorial-card.anchored[data-placement=top]:after{border-top:none;border-left:none;margin-left:-6px;bottom:-7px;left:50%}.tutorial-card.anchored[data-placement=bottom]:after{border-bottom:none;border-right:none;margin-left:-6px;top:-7px;left:50%}.tutorial-card.anchored[data-placement=right]:after{border-top:none;border-right:none;margin-top:-6px;top:50%;left:-7px}.tutorial-card.anchored[data-placement=left]:after{border-bottom:none;border-left:none;margin-top:-6px;top:50%;right:-7px}.tutorial-objective{pointer-events:auto;z-index:57;background:linear-gradient(120deg,#281e12f0,#1e160ef5);border:1px solid #ffb45a8c;border-radius:999px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);padding:8px 16px;animation:.35s tutObjIn;display:flex;position:fixed;top:54px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000073}@keyframes tutObjIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tutorial-objective.below-order{top:108px}.tutorial-objective.with-checks{border-radius:16px;flex-direction:column;align-items:stretch;gap:7px;max-width:min(92vw,640px);padding:9px 16px 10px}.tutorial-objective.done{background:linear-gradient(120deg,#142618f0,#0e1c12f5);border-color:#7ed994a6}.tutorial-objective-row{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;max-width:100%;display:flex}.tutorial-objective-icon,.tutorial-objective-label,.tutorial-objective-reward,.tutorial-objective-character-reward,.tutorial-objective-leave{white-space:nowrap;flex-shrink:0}.tutorial-objective-checks{flex-wrap:wrap;gap:6px;display:flex}.tut-chk{color:#d8c6ab;white-space:nowrap;border:1px solid #ffc88259;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.tut-chk.done{color:#8fe6a6;background:#6ad08a1f;border-color:#6ad08a8c}.tutorial-objective-icon{font-size:16px}.tutorial-objective-label{letter-spacing:1px;color:#ffcf8a;font-size:11px;font-weight:700}.tutorial-objective-text{color:#fff2df;font-size:15px;font-weight:700}.tutorial-objective-reward{color:var(--reward-track);white-space:nowrap;font-size:12.5px;font-weight:700}.tutorial-objective-leave{color:#e7c9a2;cursor:pointer;background:0 0;border:1px solid #ffc88266;border-radius:999px;margin-left:6px;padding:3px 12px;font-size:12px}.tutorial-objective-leave:hover{color:#fff2df;border-color:#ffc882b3}.tutorial-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tutorial-badge{letter-spacing:1px;color:#bcd0ff;background:#7a9bff3d;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.tutorial-progress{color:#8b93a7;font-variant-numeric:tabular-nums;font-size:12px}.tutorial-title{color:#eef1f8;margin:0 0 6px;font-size:17px}.tutorial-body{color:#c4cbdb;margin:0;font-size:13px;line-height:1.65}.tutorial-hint{color:#7ad0a0;margin:8px 0 0;font-size:12px}.tutorial-more-btn{vertical-align:-3px;color:#8fa4d9;cursor:pointer;background:#7a9bff1f;border:1px solid #7a9bff73;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:6px;padding:0;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.tutorial-more-btn:hover,.tutorial-more-btn.open{color:#cfe4ff;background:#7a9bff38;border-color:#8fd0ffcc}.tutorial-more{color:#aeb7cc;z-index:2;background:#141826fc;border:1px solid #7a9bff52;border-left:3px solid #7a9bff99;border-radius:6px;max-height:40vh;margin:0;padding:9px 11px;font-size:12.5px;line-height:1.6;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000080}.tutorial-more.side-down{top:calc(100% + 8px)}.tutorial-more.side-up{bottom:calc(100% + 8px)}.tutorial-aim{color:#e8ddc2;background:#ffca6e1a;border-left:3px solid #ffca6e;border-radius:0 6px 6px 0;margin:10px 0 0;padding:8px 10px;font-size:12.5px;line-height:1.55}.tutorial-miscast{color:#f2d9cf;background:#ff8a651f;border-left:3px solid #ff8a65;border-radius:0 6px 6px 0;margin:10px 0 0;padding:8px 10px;font-size:12.5px;line-height:1.55}.tutorial-actions{justify-content:space-between;gap:10px;margin-top:14px;display:flex}.tutorial-skip{color:#9aa3b7;cursor:pointer;background:0 0;border:1px solid #788cc840;border-radius:10px;padding:7px 14px;font-size:13px}.tutorial-skip:hover{color:#cdd5e6}.tutorial-next{color:#fff;cursor:pointer;background:linear-gradient(120deg,#5b8cff,#7a5bff);border:none;border-radius:10px;padding:7px 20px;font-size:13px;font-weight:700}.tutorial-next:hover{filter:brightness(1.08)}.tutorial-dots{justify-content:center;gap:5px;margin-top:12px;display:flex}.tutorial-dots .dot{background:#788cc847;border-radius:50%;width:6px;height:6px}.tutorial-dots .dot.active{background:#7a9bff;transform:scale(1.3)}.tutorial-dots .dot.done{background:#7a9bff99}@media (width<=720px){.tutorial-card{width:min(340px,100vw - 24px);padding:13px 15px 12px}.tutorial-objective{padding:6px 12px;top:48px}.tutorial-objective-text{font-size:14px}}.auth-name-row{gap:8px;display:flex}.auth-name-row input{flex:auto}.auth-dice{cursor:pointer;background:#141824cc;border:1px solid #788cc840;border-radius:10px;flex:none;width:42px;font-size:18px;transition:background .15s,transform .1s}.auth-dice:hover{background:#5b8cff40}.auth-dice:active{transform:scale(.92)}.shattered-tree-body{align-items:center}.shattered-tree{width:640px;max-width:92vw;height:520px;margin:6px auto 8px;position:relative}.world-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.world-branch{fill:none;stroke:#829bdc57;stroke-width:1.6px;stroke-linecap:round}.world-branch.weave{stroke:#96aae62e;stroke-width:1.2px;stroke-dasharray:3 8}.world-branch.tendril{stroke:#829bdc29;stroke-width:1px}.world-dot{width:52px;height:52px;color:inherit;cursor:grab;touch-action:none;z-index:2;background:radial-gradient(circle at 50% 40%,#3c508c8c,#0f121cf2 75%);border:1px solid #7a9bff73;border-radius:50%;justify-content:center;align-items:center;transition:border-color .16s,box-shadow .18s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 18px #7a9bff4d}.world-dot:active{cursor:grabbing}.world-dot:hover:not(.locked),.world-dot.selected{border-color:#a0c8ffe6;box-shadow:0 0 26px #8cb4ff8c}.world-dot.current{border-color:#6ab0ff;box-shadow:0 0 0 2px #6ab0ff66,0 0 24px #6ab0ff73}.world-dot.locked{opacity:.45;filter:grayscale(.85)}.world-dot-glyph{color:#a8c4ff;text-shadow:0 0 14px #7a9bff99;font-size:22px}.world-dot-lock{color:#10131c;background:#545b6e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.world-dot-name{white-space:nowrap;color:#cfd6e6;text-shadow:0 1px 6px #000c;pointer-events:none;font-size:12px;font-weight:600;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.world-node-badge{color:#bcd8ff;background:#6ab0ff38;border-radius:8px;padding:1px 8px;font-size:10px}.world-hint{text-align:center;color:#8b93a7;min-height:18px;font-size:12.5px}.world-detail{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(120% 90% at 50% 0,#5b8cff24,#0000 55%),linear-gradient(170deg,#151a28f0,#0b0e17f5);border:1px solid #8cafff66;border-radius:18px;width:372px;max-width:88%;padding:20px 22px 18px;animation:.22s world-detail-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 60px #000000a6,0 0 0 1px #0a0c1499,0 0 44px #5b8cff29}@keyframes world-detail-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.world-detail-close{color:#8b93a7;cursor:pointer;background:#788cc81f;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:background .15s,color .15s;display:flex;position:absolute;top:10px;right:10px}.world-detail-close:hover{color:#eef1f8;background:#788cc83d}.world-detail-head{align-items:center;gap:14px;display:flex}.world-detail-glyph{color:#a8c4ff;text-shadow:0 0 16px #7a9bff99;background:radial-gradient(circle at 50% 38%,#3c508c80,#0f121ce6 78%);border:1px solid #7a9bff66;border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.world-detail-kicker{letter-spacing:2.5px;color:#69728a;text-transform:uppercase;font-size:10.5px}.world-detail-name{color:#eef1f8;letter-spacing:.5px;font-size:19px;font-weight:700}.world-detail-story{color:#b6bdcd;margin:12px 0;font-size:12.5px;line-height:1.75}.world-detail-stats{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.world-detail-chip{color:#aab2c5;font-variant-numeric:tabular-nums;background:#788cc81f;border-radius:9px;padding:3px 10px;font-size:11.5px}.world-node-badge.wd-cleared{color:#9fe9c3;background:#6edca033}.world-detail-reward{background:#ffc85a14;border:1px solid #ffc85a4d;border-radius:12px;align-items:center;gap:11px;margin-bottom:14px;padding:9px 13px;display:flex}.world-detail-reward.earned{background:#6edca017;border-color:#6edca052}.wd-reward-icon{font-size:19px;line-height:1}.world-detail-reward.earned .wd-reward-icon{color:#9fe9c3}.wd-reward-body{flex-direction:column;flex:1;gap:2px;display:flex}.wd-reward-title{color:#eef1f8;font-size:12.5px;font-weight:700}.wd-reward-note{color:#9aa3b5;font-size:10.5px}.world-detail-reward.earned .wd-reward-note{color:#9fe9c3}.wd-reward-val{color:#ffd66e;font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.world-detail-reward.earned .wd-reward-val{color:#9fe9c3}.world-detail-enter{color:#f2f7ff;letter-spacing:1px;cursor:pointer;background:linear-gradient(120deg,#2f6fd073,#7a5bff59);border:1px solid #7ab0ff8c;border-radius:11px;width:100%;padding:11px 0;font-size:14.5px;font-weight:700;transition:filter .15s,box-shadow .15s}.world-detail-enter:hover{filter:brightness(1.15);box-shadow:0 8px 26px #5b8cff59}.world-detail.locked .world-detail-glyph{filter:grayscale(.8);opacity:.7}.world-detail-lockbox{background:#788cc814;border:1px dashed #788cc859;border-radius:11px;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 14px;display:flex}.world-detail-lockstat{color:#c2a35b;font-size:12.5px;font-weight:700}.world-detail-lockhint{color:#8b93a7;margin:0;font-size:12px}.nav-group{flex-direction:column;display:flex}.nav-sep{background:linear-gradient(90deg,#0000,#788cc847,#0000);height:1px;margin:10px 14px}button.lobby-brand-btn{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;padding:6px 12px 6px 8px;transition:border-color .15s,background .15s}button.lobby-brand-btn:hover{background:#6ab0ff14;border-color:#7ab0ff66}.brand-shattered-tree-tag{color:#9fc4ff;white-space:nowrap;background:#6ab0ff1a;border:1px solid #7ab0ff59;border-radius:9px;padding:3px 10px;font-size:10.5px}button.lobby-brand-btn:hover .brand-shattered-tree-tag{color:#dcebff;background:#6ab0ff33}.lobby{position:relative}.lobby-header,.lobby-body{z-index:1;position:relative}.lobby-ambient{z-index:0;pointer-events:none;opacity:0;transition:opacity .5s;position:fixed;inset:0}.lobby.theme-snowpass{background:radial-gradient(1100px 720px at 100% -10%,#78beff29,#0000 55%),radial-gradient(950px 720px at -10% 120%,#c8e1ff1a,#0000 55%),#0a0f16}.lobby.theme-snowpass .nav-hero-rating{color:#bfe4ff}.lobby.theme-snowpass .brand-mark{filter:drop-shadow(0 0 11px #8fd3ff9e)}.lobby.theme-snowpass .lobby-nav button.active{border-color:#8fd3ff99;box-shadow:inset 0 0 0 1px #8fd3ff4d}.lobby.theme-snowpass .lobby-ambient{opacity:1;background-image:radial-gradient(2px 2px at 12% 20%,#ffffffd9,#0000 60%),radial-gradient(2px 2px at 32% 60%,#dcf0ffb3,#0000 60%),radial-gradient(1.6px 1.6px at 54% 30%,#ffffffbf,#0000 60%),radial-gradient(2px 2px at 72% 75%,#dcf0ffb3,#0000 60%),radial-gradient(1.6px 1.6px at 88% 45%,#fffc,#0000 60%),radial-gradient(1.6px 1.6px at 20% 85%,#ffffffb3,#0000 60%);background-repeat:repeat;background-size:100% 640px;animation:14s linear infinite lobby-snow}@keyframes lobby-snow{0%{background-position:0 -640px}to{background-position:0 0}}.lobby.theme-starseal{background:radial-gradient(1100px 720px at 100% -10%,#9678ff29,#0000 55%),radial-gradient(950px 720px at -10% 120%,#785bff1f,#0000 55%),#0b0a14}.lobby.theme-starseal .nav-hero-rating{color:#d3c4ff}.lobby.theme-starseal .brand-mark{filter:drop-shadow(0 0 11px #b79bffa6)}.lobby.theme-starseal .lobby-nav button.active{border-color:#b79bff99}.story-poster{border:1px solid #788cc829;border-radius:16px;align-items:center;gap:20px;margin-bottom:18px;padding:26px 24px;display:flex;position:relative;overflow:hidden}.story-poster-glyph{text-shadow:0 0 30px;font-size:64px}.story-poster-kicker{letter-spacing:3px;color:#8b93a7;text-transform:uppercase;font-size:11px}.story-poster-title{color:#eef1f8;margin:2px 0 4px;font-size:26px;font-weight:700}.story-poster-tagline{color:#b6bdcd;margin:0;font-size:13px;line-height:1.6}.story-poster-titlerow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.theme-reward{white-space:nowrap;background:#141a2a80;border:1px solid #788cc838;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:12px;line-height:1;display:inline-flex}.theme-reward-title{color:#cdd4e6;letter-spacing:.5px}.theme-reward-val{color:#ffd66e;align-items:center;gap:3px;font-weight:700;display:inline-flex}.theme-reward.pending{opacity:.72}button.theme-reward.claimable{cursor:pointer;background:#283452b3;transition:transform .12s,background .15s;animation:2s ease-in-out infinite themeRewardPulse;box-shadow:0 0 #7fd0ff80}button.theme-reward.claimable:hover:not(:disabled){background:#344264d9;transform:translateY(-1px)}button.theme-reward.claimable:disabled{cursor:default;opacity:.6;animation:none}@keyframes themeRewardPulse{0%,to{box-shadow:0 0 #7fd0ff00}50%{box-shadow:0 0 14px #7fd0ff73}}.theme-reward.done{color:#93e0ad;background:#1e342880;border-color:#78d29666}.chapter-carousel{-webkit-user-select:none;user-select:none;touch-action:pan-y;outline:none;align-items:center;gap:6px;display:flex;position:relative}.chapter-viewport{flex:1;padding:14px 0 8px;overflow:hidden}.chapter-track{gap:18px;width:max-content;transition:transform .32s cubic-bezier(.22,.8,.3,1);display:flex;position:relative;left:50%}.chapter-card{width:260px;min-height:190px;color:inherit;cursor:pointer;opacity:.45;background:linear-gradient(165deg,#1a1f2eeb,#0f121cf2);border:1px solid #788cc833;border-radius:16px;flex-direction:column;flex:0 0 260px;justify-content:center;align-items:center;gap:6px;padding:18px 16px;transition:transform .3s,opacity .3s,border-color .2s,box-shadow .2s;display:flex;position:relative;transform:scale(.9)}.chapter-card.active{opacity:1;transform:scale(1);box-shadow:0 18px 46px #00000080}.chapter-card.arrive{animation:1.5s cubic-bezier(.22,.8,.3,1) chapterArrive}@keyframes chapterArrive{0%{box-shadow:0 0 0 0 var(--arrive-glow,#7fd0ff8c);transform:scale(.94)}45%{transform:scale(1.05);box-shadow:0 0 0 18px #0000}to{transform:scale(1);box-shadow:0 18px 46px #00000080}}.chapter-card.locked{filter:grayscale(.7)}.chapter-card-order{letter-spacing:2px;color:#69728a;text-transform:uppercase;font-size:10.5px}.chapter-card-glyph{text-shadow:0 0 16px;font-size:30px}.chapter-card.locked .chapter-card-glyph{color:#69728a;text-shadow:none}.chapter-card-title{color:#eef1f8;text-align:center;font-size:16px;font-weight:700}.chapter-card-sub{color:#8b93a7;font-size:11px}.chapter-card-state{border-radius:9px;padding:2px 10px;font-size:10.5px}.chapter-card-state.st-done{color:#9fe9c3;background:#6edca029}.chapter-card-state.st-open{color:#bcd8ff;background:#6ab0ff29}.chapter-card-state.st-locked{color:#8b93a7;background:#788cc81f}.chapter-card-reward{color:var(--reward-shards);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:inline-flex}.chapter-card-reward.track{color:var(--reward-track)}.chapter-card-reward.earned{opacity:.5}.chapter-card-reward .shard-glyph,.chapter-card-reward .track-glyph{font-size:11px}.track-glyph{color:var(--reward-track)}.chapter-card-req{color:#ffd28a;font-variant-numeric:tabular-nums;font-size:11px;position:absolute;top:10px;right:12px}.chapter-nav{color:#cfd6e6;cursor:pointer;background:#141824d9;border:1px solid #788cc84d;border-radius:50%;flex:none;width:38px;height:38px;font-size:20px;line-height:1}.chapter-nav:disabled{opacity:.3;cursor:default}.chapter-detail{background:#121622b3;border:1px solid #788cc829;border-radius:14px;margin-top:10px;padding:16px 18px}.chapter-hint{color:#8b93a7;margin:0;font-size:12.5px}.chapter-summary{color:#b6bdcd;margin:0 0 12px;font-size:13px;line-height:1.7}.chapter-req{background:#ffbe6414;border:1px solid #ffbe6440;border-radius:10px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.chapter-req.met{background:#6edca014;border-color:#6edca04d}.chapter-req-desc{color:#e6d6b8;flex:1;font-size:12.5px}.chapter-req.met .chapter-req-desc{color:#b9e6cc}.chapter-req-progress{color:#ffd28a;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.chapter-req.met .chapter-req-progress{color:#9fe9c3}.chapter-actions{gap:10px;display:flex}.chapter-cta{color:#dcebff;cursor:pointer;background:#6ab0ff24;border:1px solid #7ab0ff80;border-radius:10px;padding:9px 18px;font-weight:600;transition:background .15s,border-color .15s}.chapter-cta:hover{background:#6ab0ff3d;border-color:#96c8ffb3}.chapter-cta.battle{color:#ffe2b0;background:#ffbe641f;border-color:#ffbe6480}.chapter-cta.battle:hover{background:#ffbe6438}.vn-screen{z-index:60;-webkit-user-select:none;user-select:none;flex-direction:column;animation:.3s vn-fade-in;display:flex;position:fixed;inset:0}@keyframes vn-fade-in{0%{opacity:0}to{opacity:1}}.vn-top{justify-content:space-between;align-items:flex-start;padding:18px 24px 0;display:flex}.vn-kicker{letter-spacing:2.5px;color:#69728a;text-transform:uppercase;font-size:10.5px}.vn-title h2{color:#eef1f8;letter-spacing:1px;margin:2px 0 0;font-size:20px}.vn-controls{align-items:center;gap:10px;display:flex}.vn-progress{color:#69728a;font-variant-numeric:tabular-nums;font-size:12px}.vn-auto{color:#aab2c5;cursor:pointer;background:0 0;border:1px solid #788cc84d;border-radius:9px;padding:6px 14px;font-size:12px;transition:border-color .15s,color .15s,background .15s}.vn-auto.on{color:#dcebff;background:#6ab0ff24;border-color:#7ab0ff99}.vn-close{color:#8b93a7;cursor:pointer;background:#788cc81f;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.vn-close:hover{color:#eef1f8;background:#788cc83d}.vn-stage{cursor:pointer;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding:0 16px 44px;display:flex;position:relative}.vn-portrait{border:1px solid;border-radius:20px;justify-content:center;align-items:center;width:210px;height:270px;margin-bottom:18px;animation:.3s vn-pop;display:flex;overflow:hidden}.vn-portrait-art{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 10px 28px #00000073);width:100%;height:100%}@keyframes vn-pop{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.vn-portrait-glyph{text-shadow:0 0 40px;font-size:92px}.vn-dialog{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(170deg,#131724eb,#0a0d15f2);border:1px solid #788cc84d;border-radius:16px;width:min(760px,94vw);min-height:108px;padding:24px 28px 26px;animation:.24s vn-line-in;position:relative;box-shadow:0 18px 50px #0000008c}@keyframes vn-line-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.vn-nameplate{letter-spacing:1px;background:#0a0d15f2;border:1px solid;border-radius:10px;padding:3px 16px;font-size:13px;font-weight:700;position:absolute;top:-13px;left:22px}.vn-text{color:#dde3f0;margin:0;font-size:15px;line-height:1.9}.vn-dialog.narration .vn-text{text-align:center;color:#aeb6c9;font-style:italic}.vn-hint{color:#69728a;font-size:11px;animation:1.7s ease-in-out infinite vn-blink;position:absolute;bottom:9px;right:18px}@keyframes vn-blink{0%,to{opacity:.35}50%{opacity:1}}.vn-actions{cursor:default;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.vn-actions .chapter-req-desc{flex:1;min-width:180px}.match-records{margin-top:26px}.inv-card.navigable{cursor:pointer}.inv-card.navigable:hover{border-color:#7ab0ff8c}.cs-story-note{color:#ffe2b0;background:#ffbe641a;border:1px solid #ffbe6459;border-radius:10px;margin:0 0 10px;padding:8px 14px;font-size:12.5px}.pvp-panel{background:linear-gradient(165deg,#1a1f2ed9,#10131ce6);border:1px solid #788cc829;border-radius:14px;flex-wrap:wrap;gap:16px;margin-top:16px;padding:18px;display:flex}.pvp-panel h3{margin:0 0 10px;font-size:15px}.pvp-create,.pvp-join{flex-direction:column;flex:1;gap:10px;min-width:220px;display:flex}.pvp-create label{color:#aeb6c8;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.pvp-create select,.pvp-join input{color:inherit;background:#0a0d14cc;border:1px solid #788cc840;border-radius:8px;padding:8px 10px;font-size:14px}.pvp-join input{letter-spacing:.35em;text-transform:uppercase;text-align:center}.pvp-go{color:inherit;cursor:pointer;background:linear-gradient(90deg,#5b8cff40,#7a5bff40);border:1px solid #5b8cff73;border-radius:10px;padding:10px}.pvp-go:disabled{opacity:.4;cursor:not-allowed}.pvp-wait{text-align:center;background:#0e111ad9;border:1px solid #788cc82e;border-radius:16px;flex-direction:column;align-items:center;gap:14px;max-width:420px;margin:18vh auto 0;padding:32px;display:flex}.pvp-code{letter-spacing:.45em;-webkit-user-select:all;user-select:all;background:#5b8cff14;border:1px dashed #5b8cff80;border-radius:12px;padding:10px 18px 10px 28px;font-size:34px;font-weight:700}.pvp-offline-banner{z-index:40;color:#ffd479;background:#3c2a0ce6;border:1px solid #ffbe5a66;border-radius:10px;padding:8px 16px;font-size:13px;position:fixed;top:64px;left:50%;transform:translate(-50%)}.server-notice-banner{z-index:60;color:#dce4f5;background:#161e30f0;border:1px solid #96aad266;border-radius:10px;align-items:center;gap:8px;max-width:min(720px,100vw - 32px);padding:8px 14px;font-size:13px;display:flex;position:fixed;top:40px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000059}.server-notice-banner.sn-notice{color:#ffd98c;background:#34280ef0;border-color:#ffd67873}.server-notice-banner.sn-warning{color:#ffb0a6;background:#3a1412f0;border-color:#ff786e80}.server-notice-text{overflow-wrap:anywhere;min-width:0}.server-notice-close{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;margin-left:4px;padding:0 6px;font-size:13px}.server-notice-close:hover{opacity:1;background:#ffffff14}.over-reason{color:#aeb6c8;margin:4px 0 10px;font-size:13px}.over-track{background:#5b8cff14;border:1px solid #788cc833;border-radius:12px;margin:10px 0 14px;padding:10px 14px}.over-track-gain{color:#9fb6ff;font-variant-numeric:tabular-nums;margin:0;font-size:15px;font-weight:700}.over-track-advance{color:#eef1f8;margin:4px 0 0;font-size:13.5px}.over-track-unlock{color:#ffd66e;background:#ffd66e2e;border-radius:8px;margin-left:8px;padding:1px 8px;font-size:12px}.pvp-play{flex-direction:column;flex:1;gap:10px;min-width:220px;display:flex}.pvp-play h3{margin:0 0 10px;font-size:15px}.pvp-go-desc{color:#aeb6c8;margin-top:3px;font-size:12px;display:block}.pvp-hint{color:#cfa14a;margin:4px 0 0;font-size:12px}.pvp-error{color:#ff8a8a;margin:0;font-size:14px}.pvp-unranked-note{text-align:center;color:#cfa14a;max-width:640px;margin:8px auto 0;font-size:13px}.spectate-banner{z-index:41;color:#9cc4ff;background:#121a2ae6;border:1px solid #78b4ff73;border-radius:999px;padding:6px 14px;font-size:12px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.surrender-vote-banner{z-index:41;color:#ffc38a;background:#2e1e0eeb;border:1px solid #ff965a80;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 18px;font-size:14px;display:flex;position:fixed;top:100px;left:50%;transform:translate(-50%)}.surrender-vote-sub{color:#d8b48a;font-size:11px}.pause-vote-banner{z-index:41;color:#cfe4ff;background:#0e1a2ef0;border:1px solid #6ab0ff80;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:8px 18px;font-size:14px;display:flex;position:fixed;top:100px;left:50%;transform:translate(-50%)}.pause-vote-btn{color:#cfe4ff;cursor:pointer;background:#6ab0ff1f;border:1px solid #6ab0ff;border-radius:8px;padding:4px 16px;font-size:12.5px;font-weight:600}.pause-vote-btn:hover{background:#6ab0ff3d}.pause-vote-btn.voted{color:#b9ecc8;background:#6ad08a29;border-color:#6ad08a}.travel-chip{color:#b9ecc8;font-variant-numeric:tabular-nums;pointer-events:auto;background:#0e2014e6;border:1px solid #7ad68280;border-radius:999px;align-items:center;gap:7px;padding:4px 12px;font-size:12.5px;display:flex}.travel-chip-cancel{color:#8fb89a;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:13px;line-height:1}.travel-chip-cancel:hover{color:#fff}.resume-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060aa8;justify-content:center;align-items:safe center;display:flex;position:fixed;inset:0;overflow-y:auto}.resume-modal{text-align:center;flex-direction:column;align-items:stretch;gap:16px;max-width:460px;margin:0 16px;padding:22px 24px;box-shadow:0 12px 40px #0000008c}.resume-modal .pve-resume-actions{justify-content:center}.pve-resume-banner{background:#0e1a2eeb;border:1px solid #6ab0ff80;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;display:flex}.pve-resume-text{flex-direction:column;gap:2px;display:flex}.pve-resume-text strong{color:#cfe3ff;font-size:14px}.pve-resume-text span{color:#8fa3c4;font-size:12px}.pve-resume-actions{gap:8px;display:flex}.pve-forfeit{color:#ff9a9a;cursor:pointer;background:0 0;border:1px solid #ff78788c;border-radius:8px;padding:8px 14px;font-size:13px}.pve-forfeit:hover{background:#50181866}.matching-page{flex-direction:column;min-height:100vh;display:flex}.matching-body{flex-direction:column;align-items:center;gap:30px;margin:11vh auto 40px;padding:0 16px;display:flex}.mp-found-eyebrow{color:#8ce6ae}.matching-radar{width:300px;height:300px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid;position:relative}.matching-radar.found{cursor:default}.mp-ticks{opacity:.5;pointer-events:none;background:repeating-conic-gradient(#8caaff8c 0deg 1.4deg,#0000 1.4deg 7.5deg);border-radius:50%;animation:40s linear infinite mp-spin-rev;position:absolute;inset:0;-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px));mask-image:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px))}.mp-sweep{background:conic-gradient(from 0deg, transparent 0 74%, #5b8cff0f 80%, #5b8cff38 92%, #96c3ff80 99.5%, transparent 100%);pointer-events:none;border-radius:50%;animation:3.2s linear infinite mp-spin;position:absolute;inset:16px}.matching-radar.found .mp-sweep{background:conic-gradient(from 0deg, transparent 0 74%, #60dc9614 80%, #60dc963d 92%, #96ffbe80 99.5%, transparent 100%);animation-duration:1.6s}.matching-radar.found .mp-ticks{background:repeating-conic-gradient(#78e6aa99 0deg 1.4deg,#0000 1.4deg 7.5deg)}.mp-core{z-index:2;background:radial-gradient(circle at 50% 32%,#5b8cff3d,#0c0f18f0 72%);border:1px solid #5b8cff8c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:178px;height:178px;animation:2.4s ease-in-out infinite matching-breathe;display:flex;position:relative;box-shadow:0 0 30px #5b8cff47,inset 0 0 28px #5b8cff24}.matching-radar.found .mp-core{background:radial-gradient(circle at 50% 32%,#60dc9642,#0c120ff0 72%);border-color:#78e6a0bf;animation:.9s ease-out mp-found-pulse;box-shadow:0 0 34px #78e6a061,inset 0 0 28px #78e6a029}.matching-time{font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:34px;font-weight:800}.matching-status{color:#aeb6c8;text-align:center;padding:0 20px;font-size:12.5px}.matching-radar.found .matching-status{color:#a9edc4;font-weight:600}.mp-wave{pointer-events:none;border:1px solid #5b8cff80;border-radius:50%;width:178px;height:178px;margin:auto;animation:3s ease-out infinite matching-wave;position:absolute;inset:0}.mp-wave.w2{animation-delay:1s}.mp-wave.w3{animation-delay:2s}.matching-radar.found .mp-wave{border-color:#78e6a080}.mp-blip{opacity:0;width:7px;height:7px;transform:rotate(var(--a)) translateX(var(--r));pointer-events:none;background:#9cc4ff;border-radius:50%;margin:-3.5px;animation:3.2s linear infinite mp-blip;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #8cb4ffe6}.mp-blip.b1{--a:40deg;--r:116px;animation-delay:.35s}.mp-blip.b2{--a:165deg;--r:102px;animation-delay:1.45s}.mp-blip.b3{--a:285deg;--r:124px;animation-delay:2.5s}.matching-radar.found .mp-blip{background:#8ce6ae;box-shadow:0 0 10px #82ebafe6}.mp-muster{flex-direction:column;align-items:center;gap:8px;display:flex}.mp-muster-dots{gap:10px;display:flex}.mp-muster-dot{background:#141a2acc;border:1px solid #829bdc73;border-radius:50%;width:13px;height:13px;transition:background .3s,box-shadow .3s,border-color .3s}.mp-muster-dot.on{background:radial-gradient(circle at 40% 35%,#cfe2ff,#5b8cff 70%);border-color:#8cbeffe6;box-shadow:0 0 12px #6ea0ffbf}.mp-muster-label{color:#9cc4ff;font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:12px}.mp-hint{color:#8b93a7;text-align:center;max-width:460px;margin:0;font-size:12.5px}@keyframes matching-wave{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.62)}}@keyframes matching-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes mp-spin{to{transform:rotate(360deg)}}@keyframes mp-spin-rev{to{transform:rotate(-360deg)}}@keyframes mp-blip{0%,12%{opacity:0}16%{opacity:1}46%{opacity:.25}60%,to{opacity:0}}@keyframes mp-found-pulse{0%{transform:scale(.94);box-shadow:0 0 #78e6a000}55%{transform:scale(1.05);box-shadow:0 0 60px #78e6a08c}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mp-sweep,.mp-ticks,.mp-wave,.mp-blip{animation:none}.mp-blip{opacity:.5}.mp-core,.matching-radar.found .mp-core{animation:none}}.room-you-tag{color:#9cc4ff;border:1px solid #78b4ff73;border-radius:999px;padding:1px 7px;font-size:10.5px;font-style:normal}.room-host-badge{color:#ffd479;border:1px solid #ffbe5a80;border-radius:999px;padding:1px 7px;font-size:10.5px}.room-offline{color:#ff9d9d;font-size:10.5px}.room-lobby{flex-direction:column;padding:30px 16px 40px;display:flex}.rl-card{flex-direction:column;gap:22px;width:min(920px,100%);margin:20px auto 0;padding:26px 26px 22px;display:flex}.rl-head{flex-direction:column;align-items:center;gap:14px;display:flex}.rl-unranked{color:#cfa14a;margin:0;font-size:12.5px}.rl-teams{justify-content:center;align-items:stretch;gap:16px;display:flex}.rl-team{background:linear-gradient(168deg,#161b29a8,#0d101ad1);border:1px solid #788cc829;border-radius:16px;flex-direction:column;flex:1;gap:10px;min-width:0;padding:14px;display:flex}.rl-team.team-0{border-color:#5b8cff4d}.rl-team.team-1{border-color:#ff78784d}.rl-team-title{letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;color:#9aa3b8;justify-content:center;align-items:baseline;gap:8px;margin:0;font-size:12px;display:flex}.rl-team.team-0 .rl-team-title{color:#9cc4ff}.rl-team.team-1 .rl-team-title{color:#ffa8a8}.rl-team-count{letter-spacing:0;text-indent:0;color:#6b7387;font-variant-numeric:tabular-nums;font-size:11px}.rl-seats{flex-direction:column;gap:10px;display:flex}.rl-vs{letter-spacing:.1em;color:#cdd7ef;text-shadow:0 0 20px #8cafff99;align-self:center;padding:10px 6px;font-size:20px;font-weight:900}.rl-seat{min-height:68px;color:inherit;cursor:pointer;text-align:left;background:#0a0d14b3;border:1px solid #788cc838;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex}.rl-seat.free{color:#6b7387;border-style:dashed;justify-content:center}.rl-seat.free:hover{color:#9cc4ff;border-color:#7aa5ff99;transform:translateY(-1px)}.rl-seat.taken:hover{border-color:#ffbe648c;box-shadow:0 0 0 1px #ffbe6433}.rl-seat.you{cursor:default;border-color:#7aa5ffa6;box-shadow:inset 0 0 0 1px #7aa5ff59}.rl-seat.you:hover{border-color:#7aa5ffa6;box-shadow:inset 0 0 0 1px #7aa5ff59}.rl-seat-avatar{flex-shrink:0;place-items:center;display:grid;position:relative}.rl-seat-avatar.empty{color:#4d556b;border:1px dashed #788cc84d;border-radius:50%;width:44px;height:44px;font-size:20px}.rl-seat-crown{color:#ffd479;text-shadow:0 0 8px #ffbe5acc;font-size:13px;position:absolute;top:-6px;left:-6px}.rl-seat-body{flex-direction:column;gap:4px;min-width:0;display:flex}.rl-seat-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:700;display:flex;overflow:hidden}.rl-seat-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rl-seat-empty{font-size:13px}.rl-section-title{letter-spacing:.14em;text-indent:.14em;text-transform:uppercase;color:#9aa3b8;align-items:baseline;gap:10px;margin:0 0 10px;font-size:13px;display:flex}.rl-section-count{letter-spacing:0;text-indent:0;color:#6b7387;font-variant-numeric:tabular-nums;font-size:11.5px}.rl-readonly{letter-spacing:0;text-indent:0;text-transform:none;color:#6b7387;margin-left:auto;font-size:11px}.rl-bench-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rl-watcher{background:#0a0d14b3;border:1px solid #788cc840;border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 6px;font-size:13px;display:inline-flex}.rl-watcher.you{border-color:#7aa5ff99}.rl-bench-empty{color:#6b7387;font-size:12.5px}.rl-to-bench{color:#8b93a7;cursor:pointer;background:0 0;border:1px dashed #788cc859;border-radius:999px;padding:6px 14px;font-size:12.5px;transition:border-color .15s,color .15s}.rl-to-bench:hover{color:#9cc4ff;border-color:#7aa5ff8c}.rl-settings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px 20px;display:grid}.rl-setting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.rl-setting-label{color:#aeb6c8;font-size:13px}.rl-actions{flex-direction:column;align-items:center;gap:10px;padding-top:4px;display:flex}.rl-start{min-width:260px}.rl-note{color:#8b93a7;margin:0;font-size:12.5px}.rl-wait-host{align-items:center;gap:10px;display:flex}.rl-wait-host .battle-spinner{border-width:2px;width:18px;height:18px}@media (width<=720px){.rl-card{padding:20px 14px 18px}.rl-teams{gap:8px}.rl-vs{padding:6px 2px;font-size:15px}.rl-seat{text-align:center;flex-direction:column;gap:6px;padding:10px 6px}.rl-seat-body{align-items:center}.rl-start{width:100%;min-width:0}}.room-select{flex-direction:column;gap:20px;padding:30px 16px 40px;display:flex}.rs-exit{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:18px;display:flex}.rs-exit .trial-selection-exit{color:#d9e9ff;font:inherit;cursor:pointer;background:#17263a;border:1px solid #617ca4;border-radius:8px;padding:9px 14px}.rs-exit .trial-selection-exit:disabled{opacity:.55;cursor:default}.rs-exit p{color:#a8b9d1;margin:0;font-size:12px;line-height:1.7}.rs-head{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.rs-hint{color:#8b93a7;max-width:620px;margin:0;font-size:12.5px;line-height:1.55}.rs-timer{flex-direction:column;align-items:center;gap:5px;display:flex}.rs-timer-dial{place-items:center;width:90px;height:90px;display:grid;position:relative}.rs-timer-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.rs-timer-track{fill:none;stroke:#788cc82e;stroke-width:5px}.rs-timer-arc{fill:none;stroke:#6ea4ff;stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 6px #6ea4ffb3);transition:stroke-dashoffset .5s linear,stroke .3s}.rs-timer-secs{font-variant-numeric:tabular-nums;color:#dbe6ff;font-size:28px;font-weight:800;line-height:1}.rs-timer-label{letter-spacing:.12em;text-indent:.12em;color:#7d879e;font-size:10.5px}.rs-timer.urgent .rs-timer-arc{stroke:#ff7a7a;filter:drop-shadow(0 0 8px #ff7a7acc)}.rs-timer.urgent .rs-timer-secs{color:#ff9d9d;animation:1s ease-in-out infinite rs-urgent}@keyframes rs-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.rs-teams{justify-content:center;align-items:stretch;gap:18px;width:min(940px,100%);margin:0 auto;display:flex}.rs-team{background:linear-gradient(168deg,#161b29b3,#0d101ad9);border:1px solid #788cc829;border-radius:16px;flex-direction:column;flex:1;gap:10px;min-width:0;padding:14px;display:flex}.rs-team.team-0{border-color:#5b8cff4d;box-shadow:inset 0 1px #78a5ff26}.rs-team.team-1{border-color:#ff78784d;box-shadow:inset 0 1px #ff969621}.rs-team-title{letter-spacing:.18em;text-indent:.18em;text-align:center;text-transform:uppercase;color:#9aa3b8;margin:0;font-size:12px}.rs-team.team-0 .rs-team-title{color:#9cc4ff}.rs-team.team-1 .rs-team-title{color:#ffa8a8}.rs-seats{flex-direction:column;gap:10px;display:flex}.rs-vs{letter-spacing:.1em;color:#cdd7ef;text-shadow:0 0 20px #8cafff99;align-self:center;padding:10px 6px;font-size:20px;font-weight:900}.rs-seat{text-align:center;background:#0a0d14b3;border:1px solid #788cc838;border-radius:14px;flex-direction:column;align-items:center;gap:7px;min-height:128px;padding:14px 10px;transition:border-color .2s,box-shadow .2s;display:flex}.rs-seat.free{color:#6b7387;border-style:dashed;justify-content:center}.rs-seat.you{border-color:#7aa5ffa6;box-shadow:inset 0 0 0 1px #7aa5ff59}.rs-seat.ready{border-color:#78dc968c;box-shadow:inset 0 0 0 1px #78dc964d,0 0 20px #5ad28c1f}.rs-seat-art{justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.rs-seat-art .char-portrait{width:56px;height:56px}.rs-seat-art .char-glyph{font-size:30px}.rs-seat-art.empty{border:1px dashed #788cc847;border-radius:50%}.rs-seat-check{color:#0d1a12;background:linear-gradient(135deg,#8ce6ae,#4fc98a);border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:grid;position:absolute;bottom:-2px;right:-4px;box-shadow:0 0 12px #6ee1a599}.rs-seat-thinking{gap:3px;display:flex;position:absolute;bottom:-8px}.rs-seat-thinking span{background:#7d879e;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite rs-think}.rs-seat-thinking span:nth-child(2){animation-delay:.2s}.rs-seat-thinking span:nth-child(3){animation-delay:.4s}@keyframes rs-think{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.rs-seat-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:100%;font-size:13.5px;font-weight:700;display:flex;overflow:hidden}.rs-seat-pick{color:#9aa3b6;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11.5px;overflow:hidden}.rs-seat.ready .rs-seat-pick{color:#9fe6b0;font-weight:600}.rs-seat-empty{font-size:12.5px}.rs-picker{width:min(1060px,100%);margin:0 auto}@media (width<=720px){.rs-teams{gap:10px}.rs-vs{padding:6px 2px;font-size:15px}.rs-seat{min-height:104px;padding:10px 6px}}@media (prefers-reduced-motion:reduce){.rs-seat-thinking span,.rs-timer.urgent .rs-timer-secs{animation:none}}.party-lobby{flex-direction:column;padding:30px 16px 40px;display:flex}.pl-card{flex-direction:column;gap:22px;width:min(760px,100%);margin:20px auto 0;padding:26px 26px 22px;display:flex}.pl-head{flex-direction:column;align-items:center;gap:14px;display:flex}.pl-ranked{color:#cfa14a;margin:0;font-size:12.5px}.pl-slots{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.pl-slot{text-align:center;background:#0a0d14b3;border:1px solid #788cc838;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:146px;padding:16px 12px 14px;display:flex;position:relative}.pl-slot.you{background:linear-gradient(168deg,#283a6880,#0c101ccc);border-color:#7aa5ff99;box-shadow:inset 0 0 0 1px #7aa5ff4d}.pl-slot.empty{opacity:.7;border-style:dashed}.pl-slot-avatar{place-items:center;display:grid;position:relative}.pl-slot-avatar.empty{color:#4d556b;border:1px dashed #788cc84d;border-radius:50%;width:54px;height:54px;font-size:22px}.pl-slot-crown{color:#ffd479;text-shadow:0 0 10px #ffbe5ad9;font-size:15px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.pl-slot-dim{background:#080a108c;border-radius:50%;position:absolute;inset:0}.pl-slot-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:700;overflow:hidden}.pl-slot-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;display:flex}.pl-slot-waiting{color:#6b7387;font-size:12.5px}.pl-kick{color:#ff9aa2;cursor:pointer;opacity:0;background:#ff5a641a;border:1px solid #ff6e7859;border-radius:8px;width:24px;height:24px;font-size:12px;line-height:1;transition:opacity .15s,background .15s;position:absolute;top:8px;right:8px}.pl-slot:hover .pl-kick,.pl-kick:focus-visible{opacity:1}.pl-kick:hover{background:#ff5a6440}.pl-chat-log{background:#080a1299;border:1px solid #788cc824;border-radius:12px;flex-direction:column;gap:5px;height:150px;padding:10px 12px;display:flex;overflow-y:auto}.pl-chat-hint{color:#6b7387;margin:auto;font-size:12.5px}.pl-chat-line{word-break:break-word;margin:0;font-size:13px;line-height:1.5}.pl-chat-author{color:#8b93a7;margin-right:7px}.pl-chat-line.self .pl-chat-author{color:#9cc4ff}.pl-chat-line.self .pl-chat-text{color:#dbe6ff}.pl-chat-input{gap:8px;margin-top:8px;display:flex}.pl-chat-input input{min-width:0;color:inherit;background:#090c14bf;border:1px solid #788cc840;border-radius:10px;flex:1;padding:10px 14px;font-size:13.5px}.pl-chat-input input:focus{border-color:#7aa5ff99;outline:none}.pl-send{flex-shrink:0}.pl-actions{flex-direction:column;align-items:center;gap:10px;padding-top:4px;display:flex}.pl-start{min-width:280px}.pl-matching{align-items:center;gap:12px;display:flex}.pl-mini-radar{border:1px solid #7aa5ff73;border-radius:50%;width:34px;height:34px;position:relative;overflow:hidden}.pl-mini-sweep{background:conic-gradient(from 0deg, transparent 0 72%, #5b8cff40 90%, #a0c8ff99 99.5%, transparent 100%);animation:2.4s linear infinite mp-spin;position:absolute;inset:0}.pl-matching-text{color:#cdd7ef;margin:0;font-size:14px;font-weight:600}@media (width<=720px){.pl-card{padding:20px 14px 18px}.pl-start{width:100%;min-width:0}.pl-kick{opacity:1}}@media (prefers-reduced-motion:reduce){.pl-mini-sweep{animation:none}}.character-select{text-align:center;width:min(1060px,100vw - 32px);margin:5vh auto 40px;padding:24px 16px 32px}.character-select.cs-compact{width:100%;margin:0 auto;padding:0 0 8px}.cs-head{margin-bottom:18px}.cs-subtitle{color:#8b93a7;margin:2px 0 0;font-size:13.5px}.cs-stage{text-align:left;grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:18px;display:grid}.cs-roster{flex-direction:column;gap:14px;min-width:0;display:flex}.cs-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;display:grid}.cs-tile{color:inherit;cursor:pointer;background:linear-gradient(170deg,#1a1f2ecc,#0e111be6);border:1px solid #788cc833;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:18px 10px 14px;transition:border-color .15s,transform .12s,box-shadow .15s;display:flex;position:relative}.cs-tile:hover:not(:disabled){border-color:#7aa5ff99;transform:translateY(-2px);box-shadow:0 10px 26px #00000059}.cs-tile.open{border-color:#7aa5ffd9;box-shadow:0 0 0 1px #7aa5ff80,0 0 26px #5b8cff40}.cs-tile.open:after{content:"";background:linear-gradient(90deg,#0000,#7ea4ff,#0000);border-radius:2px;height:2px;position:absolute;inset:auto 14px -1px}.cs-tile.cs-char-picked{border-color:#7aa5ffb3;box-shadow:inset 0 0 0 1px #7aa5ff66}.cs-tile:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.6)}.cs-tile.cs-char-unowned{filter:grayscale(.55)brightness(.85)}.cs-tile .char-portrait{width:72px;height:72px}.cs-tile .char-glyph{font-size:40px}.cs-tile-name{font-size:16px;font-weight:700}.cs-tile-role{color:#8b93a7;text-align:center;font-size:11px;line-height:1.35}.cs-lock-badge{color:#ffd6d6;z-index:1;background:#b43c46e6;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.cs-free-badge{color:#0e1a12;z-index:1;background:linear-gradient(135deg,#7fe0a0,#4fc98a);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.cs-pick-order{color:#0b0d12;z-index:1;background:#6ab0ff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid;position:absolute;top:8px;right:10px;box-shadow:0 0 10px #6ab0ffb3}.cs-preview{min-width:0;animation:.28s backwards cs-stage-in}@keyframes cs-stage-in{0%{opacity:0;transform:translate(10px)}}.cs-preview-card{background:linear-gradient(168deg,#181d2cd1,#0d101aeb);border:1px solid #8096d233;border-radius:18px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 18px 44px #00000061}.cs-preview-stage .char-tachie{border-radius:14px;height:300px}.cs-preview-card.blocked .cs-preview-stage{filter:grayscale(.5)brightness(.85)}.cs-preview-ident{text-align:center}.cs-preview-name{letter-spacing:.08em;margin:0;font-size:24px;font-weight:800}.cs-preview-epithet{color:#9cc4ff;margin:3px 0 0;font-size:13px}.cs-preview-role{color:#8b93a7;margin:4px 0 0;font-size:12.5px}.cs-pick-btn{width:100%}.cs-preview-blocked{color:#ff9d9d;text-align:center;margin:-4px 0 0;font-size:12px}.cs-preview-skills{flex-direction:column;gap:8px;max-height:300px;padding-right:2px;display:flex;overflow-y:auto}.cs-confirm-bar{background:linear-gradient(168deg,#181d2cd9,#0d101aeb);border:1px solid #8096d233;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:14px 18px;display:flex}.cs-team-slots{gap:10px;display:flex}.cs-team-slot{background:#0c0f18b3;border:1px solid #788cc840;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:84px;min-height:84px;padding:8px 4px;display:flex}.cs-team-slot.empty{border-style:dashed}.cs-team-slot-idx{color:#3d4459;font-size:18px;font-weight:800}.cs-team-slot.filled{cursor:pointer;color:inherit;border-color:#7aa5ff8c;transition:border-color .15s,box-shadow .15s}.cs-team-slot.filled:hover{border-color:#ff828c99;box-shadow:0 0 0 1px #ff828c59}.cs-team-slot .char-portrait{width:40px;height:40px}.cs-team-slot .char-glyph{font-size:22px}.cs-team-slot-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11.5px;font-weight:600;overflow:hidden}.cs-confirm-count{color:#aeb6c8;font-variant-numeric:tabular-nums;font-size:13px}.cs-confirm-go{min-width:200px}@media (width<=880px){.cs-stage{grid-template-columns:1fr}.cs-preview-stage .char-tachie{height:240px}.cs-preview-skills{max-height:none}}.status-panel.status-dead{opacity:.62;filter:grayscale(.75)}.status-dead-tag{color:#ff8a8a;white-space:nowrap;border:1px solid #ff6a6a88;border-radius:6px;padding:0 6px;font-size:11px;font-weight:700}.over-actions{justify-content:center;gap:10px;display:flex}.over-actions .over-stay{color:#c3c9d6;background:#2a2f3a}.replay-viewer{z-index:80;background:#0b0d12;position:fixed;inset:0;overflow:hidden}.record-replay{color:#9cc4ff;cursor:pointer;white-space:nowrap;background:#6ab0ff1f;border:1px solid #6ab0ff;border-radius:999px;padding:3px 12px;font-size:12px}.record-replay:hover{color:#fff;background:#6ab0ff3d}.record-replay:disabled{opacity:.6;cursor:default}.review-bar{pointer-events:auto;z-index:30;background:#10131ae6;border:1px solid #232834;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.review-result{white-space:nowrap;font-size:14px;font-weight:700}.review-result.win{color:#ffd479}.review-result.lose{color:#ff8a8a}.review-bar .review-leave{color:#6ab0ff;border-color:#6ab0ff}.review-panel{z-index:25;flex-direction:column;width:300px;max-height:calc(100vh - 120px);display:flex;top:14px;right:14px}.review-summary{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.review-reason,.review-chip{color:#aeb6c6;white-space:nowrap;border:1px solid #3a4150;border-radius:6px;padding:1px 6px;font-size:11px}.review-stats{grid-template-columns:1fr 1fr;gap:4px 10px;margin-bottom:8px;display:grid}.review-stat{color:#c3c9d6;justify-content:space-between;font-size:12px;display:flex}.review-stat-label{color:#8b93a7}.review-log-title{color:#c3c9d6;margin-bottom:4px;font-size:12px;font-weight:600}.review-log{min-height:0;font-size:12px;line-height:1.5;overflow-y:auto}.review-log-turnhead{color:#8b93a7;border-top:1px solid #232834;margin-top:6px;padding-top:4px;font-size:11px;font-weight:700}.review-log-turn:first-child .review-log-turnhead{border-top:none;margin-top:0;padding-top:0}.review-empty{color:#6b7280;font-size:12px}.nav-badge{color:#0b0d12;text-align:center;background:#ff6a6a;border-radius:999px;min-width:18px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:700}.nav-dot{background:#8ab4ff;border-radius:999px;width:7px;height:7px;margin-left:auto;animation:2.4s ease-in-out infinite nav-dot-breathe;box-shadow:0 0 8px #8ab4ffcc}@keyframes nav-dot-breathe{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.nav-dot{animation:none}}.mail-list{flex-direction:column;gap:8px;display:flex}.mail-card{background:#12151d;border:1px solid #2a2f3a;border-radius:10px;overflow:hidden}.mail-card.unread{border-color:#4a5468}.mail-row{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px 14px;display:flex}.mail-row:hover{background:#6ab0ff0f}.mail-dot{background:#6ab0ff;border-radius:50%;flex-shrink:0;width:8px;height:8px}.mail-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mail-card:not(.unread) .mail-title{color:#aeb6c6;font-weight:400}.mail-gift.done{filter:grayscale();opacity:.5}.mail-time{color:#6b7280;white-space:nowrap;margin-left:auto;font-size:12px}.mail-body{border-top:1px solid #232834;padding:0 14px 12px}.mail-text{color:#c3c9d6;white-space:pre-wrap;word-break:break-word;margin:10px 0;font-size:14px;line-height:1.6}.mail-rewards{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mail-rewards-label{color:#8b93a7;font-size:12px}.mail-reward{color:#ffd479;border:1px solid #3a4150;border-radius:6px;padding:2px 8px;font-size:12.5px}.mail-reward.with-art{align-items:center;gap:6px;padding:2px 8px 2px 3px;display:inline-flex}.mail-reward-art{object-fit:cover;object-position:50% 12%;border-radius:5px;width:22px;height:22px}.mail-claim{color:#0b0d12;cursor:pointer;background:#6ab0ff;border:none;border-radius:8px;margin-left:auto;padding:6px 16px;font-weight:600}.mail-claim:disabled{color:#6b7280;cursor:default;background:#2a2f3a}.reward-splash{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#04060ac7;place-items:center;animation:.18s reward-fade-in;display:grid;position:fixed;inset:0}@keyframes reward-fade-in{0%{opacity:0}to{opacity:1}}.reward-splash-card{text-align:center;background:radial-gradient(circle at 50% 0,#ffd4791f,#0e111af2 70%);border:1px solid #ffd47959;border-radius:18px;max-width:min(520px,92vw);padding:36px 56px;box-shadow:0 0 60px #ffd47926}.reward-splash-title{color:#ffd479;letter-spacing:.2em;font-size:22px;font-weight:700}.reward-splash-source{color:#8b93a7;margin-top:6px;font-size:13px}.reward-splash-items{flex-direction:column;gap:10px;margin:22px 0;display:flex}.reward-splash-item{color:#e6e9ef;justify-content:center;align-items:center;gap:10px;font-size:17px;animation:.32s backwards reward-pop;display:flex}@keyframes reward-pop{0%{opacity:0;transform:translateY(10px)scale(.92)}to{opacity:1;transform:none}}.reward-splash-icon{color:#ffd479;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:inline-flex}.reward-splash-icon.art{background:#ffd47914;border:1px solid #ffd47959;border-radius:9px;overflow:hidden}.reward-splash-art{object-fit:cover;object-position:50% 12%;width:100%;height:100%}.reward-splash-hint{color:#6b7280;font-size:12px}.claim-all{color:#ffd479;cursor:pointer;background:#ffd4791f;border:1px solid #ffd479;border-radius:999px;margin-left:auto;padding:6px 16px;font-weight:600}.claim-all:hover{background:#ffd47938}.claim-all:disabled{opacity:.6;cursor:default}.mail-head{align-items:center;gap:12px;display:flex}.mail-head h3{margin-right:auto}.cdk-box{gap:8px;margin-bottom:12px;display:flex}.cdk-box input{color:#e6e9ef;letter-spacing:.06em;background:#0e1118;border:1px solid #2a2f3a;border-radius:8px;flex:1;min-width:0;padding:8px 12px}.cdk-box input:focus{border-color:#6ab0ff;outline:none}.cdk-box button{color:#0b0d12;cursor:pointer;background:#6ab0ff;border:none;border-radius:8px;padding:8px 18px;font-weight:600}.cdk-box button:disabled{color:#6b7280;cursor:default;background:#2a2f3a}.cdk-msg{margin:0 0 12px;font-size:13px}.cdk-msg.ok{color:#6ad08a}.cdk-msg.err{color:#ff8a8a}@media (width<=720px){html,body{overflow-x:hidden}.lobby{max-width:100%;overflow-x:hidden}.lobby-header{flex-wrap:wrap;gap:8px 10px;padding:10px 12px;position:static}button.lobby-brand-btn{padding:4px 6px 4px 4px}.lobby-brand{gap:8px}.brand-mark{font-size:20px}img.brand-mark{width:32px;height:32px}.brand-text{letter-spacing:1px;font-size:16px}.brand-text small{letter-spacing:2px;font-size:8px}.brand-shattered-tree-tag{padding:2px 7px;font-size:9.5px}.lobby-account{flex-wrap:wrap;gap:6px 8px;width:100%;font-size:12px}.lobby-user{white-space:nowrap;font-size:12px}.lobby-chip{padding:3px 8px;font-size:11px}.tier-badge{padding:2px 8px;font-size:10px}.lang-trigger{padding:5px 8px}.lobby-logout{margin-left:auto;padding:6px 12px;font-size:12px}.entry-header{flex-wrap:wrap;gap:8px 10px;padding:10px 12px}.entry-brand{gap:8px}.entry-account{flex-wrap:wrap;gap:6px 10px;width:100%;font-size:12px}.entry-welcome{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.lobby-body{flex-direction:column}.lobby-content{padding:14px 12px;overflow-y:visible}.lobby-nav{border-bottom:1px solid #788cc81f;border-right:none;flex-flow:wrap;align-items:stretch;gap:8px;width:auto;padding:12px}.nav-group{display:contents}.nav-sep{display:none}.lobby-nav button{background:#ffffff05;border:1px solid #788cc829;border-radius:12px;flex:28%;justify-content:center;gap:7px;min-width:88px;min-height:44px;padding:9px 10px;font-size:13px}.lobby-nav .nav-icon{width:auto;font-size:14px}.nav-hero{text-align:left;flex-wrap:wrap;order:-1;align-items:center;gap:6px 14px;width:100%;margin-bottom:2px;padding:12px 16px;display:flex}.nav-hero-rating{font-size:26px}.nav-hero-label{margin-top:0}.nav-hero-stats{margin-top:0;margin-left:auto}.page-head{margin-bottom:16px}.page-head h2{font-size:20px}.story-poster{gap:12px;margin-bottom:14px;padding:16px}.story-poster-glyph{font-size:40px}.story-poster-title{font-size:20px}.chapter-nav{width:34px;height:34px;font-size:18px}.lb-row{grid-template-columns:30px minmax(0,1fr) auto auto;gap:8px;padding:10px 12px;font-size:12px}.lb-tier,.lb-winrate{display:none}.lb-theme-tag{margin-top:4px;display:block}.record-row{flex-wrap:wrap;gap:6px 10px;padding:12px 14px;display:flex}.record-theme,.record-time{color:#8b93a7}.record-replay{margin-left:auto}.room-join-code{flex-wrap:wrap}.room-join-code input{flex:100%;min-width:0}.room-create-opts label{flex:100%}.room-create-opts select{width:100%}}@media (width<=380px){.lobby-content{padding:12px 10px}.lobby-nav button{flex-basis:42%;font-size:12px}.brand-text{font-size:15px}.nav-hero-rating{font-size:22px}}@media (width<=1100px){.topbar{gap:10px;padding:5px 12px;font-size:12px;top:8px}.left-column{width:44vw;max-width:190px;max-height:calc(100vh - var(--action-bar-height,220px) - 62px);gap:8px;top:46px;bottom:auto;left:8px}.status-panel{max-height:58%}.inventory-panel{max-height:42%}.inventory-panel.collapsed{margin-top:0}.inventory-panel .inv-scroll{max-height:120px}.right-column{width:44vw;max-width:190px;max-height:calc(100vh - var(--action-bar-height,220px) - 62px);z-index:4;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;inset:46px 8px auto auto;overflow:hidden}.right-column>.target-info,.right-column>.messages-panel{pointer-events:auto;width:100%;max-width:100%;position:relative;inset:auto}.right-column>.target-info{flex:0 auto;min-height:0;max-height:52vh;overflow-y:auto}.right-column>.messages-panel{flex:0 auto;min-height:0;max-height:32vh}.panel-collapse{padding:5px 11px;font-size:15px}.merchant-panel,.craft-panel,.review-panel{width:calc(100vw - 16px);max-width:360px;max-height:82vh;position:fixed;top:12px;left:50%;right:auto;overflow-y:auto;transform:translate(-50%)}.mp-list{max-height:34vh}.settings-panel,.keybindings-panel{width:min(380px,100vw - 24px);max-height:84vh}.messages-detail{max-width:min(460px,100vw - 16px)}.rest-card{min-width:0;max-width:calc(100vw - 24px);padding:20px 22px}.overlay-card{max-width:calc(100vw - 24px);padding:24px 22px}.confirm-card{max-width:calc(100vw - 24px)}.action-bar{z-index:6;gap:6px;padding:8px 6px}.hand-scroll{-webkit-overflow-scrolling:touch;align-self:stretch;width:auto;max-width:100%;min-height:84px;padding:8px 4px 4px 12px;overflow:auto hidden}.card{height:84px}.skill-row{gap:6px}.skill{min-width:72px;padding:6px 8px}}.notice-pop-backdrop{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060a9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.notice-pop{background:#12151d;border:1px solid #2a2f3a;border-top:3px solid #6ab0ff;border-radius:14px;width:min(440px,100%);padding:20px 22px 18px;animation:.22s notice-pop-in;box-shadow:0 18px 50px #0000008c}@keyframes notice-pop-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.notice-pop-notice{border-top-color:#f0c674}.notice-pop-warning{border-top-color:#ff8a6a}.notice-pop-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.notice-pop-count{color:#8b93a7;margin-left:auto;font-size:12px}.notice-pop-tag,.news-tag{letter-spacing:.02em;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.notice-tag-info{color:#9cc9ff;background:#6ab0ff29}.notice-tag-notice{color:#f0c674;background:#f0c67429}.notice-tag-warning{color:#ff8a6a;background:#ff8a6a2e}.notice-pop-title{color:#eef2f8;margin:4px 0 6px;font-size:18px}.notice-pop-body{color:#c3cad8;white-space:pre-wrap;max-height:46vh;margin:0 0 16px;line-height:1.6;overflow-y:auto}.notice-pop-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.notice-btn{color:#dfe5ef;cursor:pointer;background:#1b2029;border:1px solid #333a48;border-radius:9px;padding:8px 14px;font-size:13px;transition:border-color .15s,background .15s}.notice-btn:hover{background:#212836;border-color:#6ab0ff}.notice-btn-mute{color:#8b93a7;background:0 0}.notice-btn-mute:hover{color:#c3cad8;border-color:#4a5060}.news-panel{max-width:760px}.news-head{margin-bottom:14px}.news-head h2{margin:0 0 2px}.news-sub{color:#8b93a7;margin:0;font-size:13px}.news-empty{text-align:center;color:#8b93a7;border:1px dashed #2a2f3a;border-radius:12px;padding:40px 16px}.news-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.news-item{background:#12151d;border:1px solid #2a2f3a;border-left:3px solid #6ab0ff;border-radius:10px;padding:12px 14px}.news-notice{border-left-color:#f0c674}.news-warning{border-left-color:#ff8a6a}.news-item.pinned{background:#151a24}.news-item-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.news-item-title{color:#eef2f8;font-weight:600}.news-pin{font-size:12px}.news-item-date{color:#7a8296;margin-left:auto;font-size:12px}.news-item-body{color:#c3cad8;white-space:pre-wrap;margin:8px 0 0;line-height:1.6}.maintenance-screen{z-index:100;background:#0b0d12;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.maintenance-topbar{z-index:2;position:absolute;top:16px;right:16px}.maintenance-card{z-index:1;text-align:center;background:#12151deb;border:1px solid #2a2f3a;border-radius:16px;width:min(460px,100%);padding:34px 28px 28px;position:relative;box-shadow:0 20px 60px #00000080}.maintenance-mark{margin-bottom:8px;font-size:44px;display:inline-block}.maintenance-title{color:#eef2f8;margin:0 0 10px;font-size:24px}.maintenance-body{color:#c3cad8;white-space:pre-wrap;margin:0 0 12px;line-height:1.7}.linkify{color:#6ab0ff;text-underline-offset:2px;word-break:break-all;text-decoration:underline}.linkify:hover{color:#9cc9ff}.maintenance-until{color:#f0c674;margin:0 0 18px;font-size:14px}.maintenance-retry{color:#cfe3ff;cursor:pointer;background:#6ab0ff24;border:1px solid #6ab0ff;border-radius:10px;padding:10px 22px;font-size:14px;font-weight:600;transition:background .15s}.maintenance-retry:hover:not(:disabled){background:#6ab0ff42}.maintenance-retry:disabled{opacity:.6;cursor:default}:root{--ink:#e6e9ef;--ink-dim:#aeb6c6;--ink-faint:#8b93a7;--acc:#6ab0ff;--acc-strong:#8fc0ff;--acc-soft:#6ab0ff24;--vio:#7a5bff;--gold:#f0c674;--ok:#6ad08a;--bad:#ff6a6a;--panel:#181c28eb;--panel-2:#0f111af0;--line:#788cc82e;--line-strong:#7ab0ff73;--r-sm:8px;--r-md:12px;--r-lg:18px;--shadow-pop:0 18px 50px #00000080;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.22, 1.15, .34, 1)}:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline-offset:2px;outline:2px solid #7ab0ffe6}:where(input,select,textarea):focus-visible{outline-offset:0}*{scrollbar-width:thin;scrollbar-color:#6e84b459 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6e84b44d;border:2px solid #0b0d12d9;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#7aa2ff80}::selection{color:#eef2ff;background:#5b8cff66}:where(button:not(:disabled)):active{scale:.97}:where(button:not(:disabled)){cursor:pointer}.lobby-content{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.lobby-content{scroll-behavior:auto}:where(button:not(:disabled)):active{scale:none}}.skel{border-radius:var(--r-md);background:#788cc814;border:1px solid #788cc812;position:relative;overflow:hidden}.skel:after{content:"";background:linear-gradient(100deg,#0000 25%,#aac6ff1a 50%,#0000 75%);animation:1.5s ease-in-out infinite skel-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes skel-sweep{to{transform:translate(100%)}}.skel-rows{flex-direction:column;gap:10px;display:flex}.skel-row{height:44px}.skel-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.skel-card{height:200px}@media (prefers-reduced-motion:reduce){.skel:after{animation:none}}.empty-state{text-align:center;background:#788cc80a;border:1px dashed #788cc838;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:44px 24px;display:flex}.empty-state-icon{opacity:.75;filter:saturate(.8);font-size:34px}.empty-state-title{color:#aeb6c6;margin:4px 0 0;font-size:14.5px;font-weight:600}.empty-state-hint{color:#7f8aa3;margin:0;font-size:12.5px}.error-state{text-align:center;background:#ff6a6a0f;border:1px solid #ff6a6a47;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:36px 24px;display:flex}.error-state-icon{color:#ff9a8a;font-size:26px}.error-state-text{color:#f0b9b0;margin:0;font-size:13.5px}.error-state-retry{color:#ffd9d2;cursor:pointer;background:#ff6a6a1f;border:1px solid #ff9a8a80;border-radius:10px;margin-top:4px;padding:8px 22px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.error-state-retry:hover{background:#ff6a6a38;border-color:#ff9a8acc}.tab-view{animation:tab-arrive .34s var(--ease-out) backwards}@keyframes tab-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.lobby-nav button{position:relative}.lobby-nav button:before{content:"";width:3px;height:0;transition:height .18s var(--ease-out);background:linear-gradient(#8fc0ff,#7a5bff);border-radius:999px;position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 0 10px #7aa2ffcc}.lobby-nav button.active:before{height:60%}.lobby-nav .nav-icon{transition:transform .16s var(--ease-out), opacity .16s}.lobby-nav button:hover .nav-icon{opacity:1;transform:translateY(-1px)scale(1.1)}.lobby-nav button.active .nav-icon{opacity:1}.nav-badge{animation:badge-pop .3s var(--ease-spring) both}@keyframes badge-pop{0%{transform:scale(.4)}60%{transform:scale(1.18)}to{transform:scale(1)}}.val-pulse{align-items:center;gap:4px;animation:.7s ease-out both val-pulse;display:inline-flex}@keyframes val-pulse{0%{color:#fff;text-shadow:0 0 14px #96befff2}to{text-shadow:0 0 #96beff00}}.nav-hero-rating{animation:.7s ease-out both val-pulse}@media (prefers-reduced-motion:reduce){.tab-view,.nav-badge,.val-pulse,.nav-hero-rating{animation:none}.lobby-nav button:before{transition:none}}.auth-pw-row{gap:8px;display:flex}.auth-pw-row input{flex:auto;min-width:0}.auth-pw-toggle{cursor:pointer;background:#141824cc;border:1px solid #788cc840;border-radius:10px;flex:none;width:42px;font-size:16px;transition:background .15s}.auth-pw-toggle:hover{background:#5b8cff40}.auth-msg-in{animation:auth-msg-in .28s var(--ease-out) both}@keyframes auth-msg-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.btn-spinner{vertical-align:-2px;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.8s linear infinite battle-spin;display:inline-block}.start-wordmark{background:linear-gradient(75deg,#0000 42%,#fff9 50%,#0000 58%) -160% 0/240% 100% no-repeat,linear-gradient(120deg,#cdd7ff,#8fa9ff 45%,#b89bff) 0 0/100% 100%;-webkit-background-clip:text;background-clip:text;animation:7.5s ease-in-out infinite wordmark-glint}@keyframes wordmark-glint{0%,74%{background-position:-160% 0,0 0}88%,to{background-position:260% 0,0 0}}.world-dot.current{animation:3.6s ease-in-out infinite world-current-breathe}@keyframes world-current-breathe{0%,to{box-shadow:0 0 0 2px #6ab0ff66,0 0 24px #6ab0ff73}50%{box-shadow:0 0 0 3px #6ab0ff8c,0 0 38px #7abaffb3}}@media (prefers-reduced-motion:reduce){.auth-msg-in,.start-wordmark,.world-dot.current{animation:none}}.lb-row{transition:background .15s}.lb-row:not(.lb-header):hover{background:#7896dc12}.lb-table .lb-row{animation:lb-row-in .32s var(--ease-out) both}.lb-table .lb-row:nth-child(2){animation-delay:30ms}.lb-table .lb-row:nth-child(3){animation-delay:60ms}.lb-table .lb-row:nth-child(4){animation-delay:90ms}.lb-table .lb-row:nth-child(5){animation-delay:.12s}.lb-table .lb-row:nth-child(6){animation-delay:.15s}.lb-table .lb-row:nth-child(7){animation-delay:.18s}.lb-table .lb-row:nth-child(8){animation-delay:.21s}.lb-table .lb-row:nth-child(n+9){animation-delay:.24s}.lb-table .lb-row.lb-header{animation:none}@keyframes lb-row-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.lb-row.top:nth-child(2){background:linear-gradient(100deg,#f0c6741f,#0000 65%);box-shadow:inset 3px 0 #f0c674cc}.lb-row.top:nth-child(3){background:linear-gradient(100deg,#cdd7e61a,#0000 65%);box-shadow:inset 3px 0 #cdd7e6a6}.lb-row.top:nth-child(4){background:linear-gradient(100deg,#d696641a,#0000 65%);box-shadow:inset 3px 0 #d69664b3}.lb-row.me{background:linear-gradient(120deg,#2f6fd02e,#7a5bff1f);box-shadow:inset 3px 0 #5b8cff}@keyframes claim-ready{0%,to{box-shadow:0 0 #7aa2ff00}50%{box-shadow:0 0 18px #7aa2ff99}}.mail-dot{animation:2.2s ease-in-out infinite mail-dot-pulse}@keyframes mail-dot-pulse{0%,to{box-shadow:0 0 #6ab0ff80}60%{box-shadow:0 0 0 5px #6ab0ff00}}.mail-card{transition:border-color .15s}.mail-card.unread{box-shadow:inset 3px 0 #6ab0ff8c}.mail-body{animation:expand-in .24s var(--ease-out) backwards}.mail-row:hover .mail-gift:not(.done){animation:.5s gift-wiggle}@keyframes gift-wiggle{0%,to{rotate:0deg}30%{rotate:-12deg}65%{rotate:10deg}}.record-card{transition:background .15s,border-color .15s}.record-card:hover{background:#1a2030c7}.record-stats{animation:expand-in .24s var(--ease-out) backwards}@keyframes expand-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.shop-card{transition:transform .16s var(--ease-out), border-color .16s, box-shadow .16s}.shop-card:hover{border-color:#7aa2ff6b;transform:translateY(-3px);box-shadow:0 14px 34px #0000006b}.shop-card-art,.shop-char-pedestal{transition:transform .22s var(--ease-spring)}.shop-card:hover .shop-card-art,.shop-card:hover .shop-char-pedestal{transform:translateY(-2px)scale(1.06)}.shop-buy:not(:disabled){transition:filter .15s}.shop-buy:not(:disabled):hover{filter:brightness(1.14)}@media (prefers-reduced-motion:reduce){.lb-table .lb-row,.track-stop.ready .stop-mark,.mail-dot,.mail-body,.mail-row:hover .mail-gift:not(.done),.record-stats{animation:none}.shop-card,.shop-card-art{transition:none}}.bm-panel{animation:expand-in .26s var(--ease-out) backwards}@media (prefers-reduced-motion:reduce){.bm-panel{animation:none}}.page-head h2:after{content:"";opacity:.85;background:linear-gradient(90deg,#5b8cff,#7a5bff);border-radius:999px;width:46px;height:3px;margin-top:8px;display:block}.lobby.theme-starseal .lobby-ambient{opacity:1;background-image:radial-gradient(1.6px 1.6px at 12% 18%,#cdb9ff99,#0000 60%),radial-gradient(1.2px 1.2px at 34% 64%,#aa96ff73,#0000 60%),radial-gradient(1.8px 1.8px at 58% 30%,#dccdff80,#0000 60%),radial-gradient(1.2px 1.2px at 76% 78%,#aa96ff66,#0000 60%),radial-gradient(1.5px 1.5px at 90% 42%,#cdb9ff8c,#0000 60%),radial-gradient(1.2px 1.2px at 22% 88%,#beaaff66,#0000 60%);background-repeat:repeat;background-size:100% 720px;animation:36s linear infinite lobby-stardrift}@keyframes lobby-stardrift{0%{background-position:0 0}to{background-position:-48px 720px}}@media (prefers-reduced-motion:reduce){.lobby.theme-starseal .lobby-ambient{animation:none}}.bf-page{isolation:isolate;background:radial-gradient(1100px 700px at 80% -12%,#7a5bff29,#0000 62%),radial-gradient(900px 620px at 10% 6%,#5b8cff21,#0000 60%),radial-gradient(1300px 900px at 50% 120%,#4062bb1f,#0000 66%),linear-gradient(172deg,#0d1019,#07080d 70%);min-height:100vh;position:relative}.bf-page:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#8ca0dc0d 1px,#0000 1px),linear-gradient(90deg,#8ca0dc0a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(1100px 640px at 50% 18%,#0000008c,#0000 78%);mask-image:radial-gradient(1100px 640px at 50% 18%,#0000008c,#0000 78%)}.bf-head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.bf-eyebrow{letter-spacing:.44em;text-indent:.44em;text-transform:uppercase;color:#8fa9ff;opacity:.85;font-size:11px;font-weight:600}.bf-title{letter-spacing:.14em;text-indent:.14em;text-shadow:0 0 26px #5b8cff59;margin:0;font-size:clamp(24px,4vw,32px);font-weight:800}.bf-cta{color:#fff;letter-spacing:.12em;text-indent:.12em;cursor:pointer;background:linear-gradient(135deg,#4f83ff,#7a5bff);border:1px solid #8ca5ff8c;border-radius:14px;min-height:52px;padding:13px 46px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .15s,filter .15s;position:relative;overflow:hidden;box-shadow:0 6px 26px #5b78ff59,inset 0 1px #ffffff40}.bf-cta:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:42%;transition:left .5s;position:absolute;top:0;bottom:0;left:-70%;transform:skew(-18deg)}.bf-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 34px #6180ff80,inset 0 1px #ffffff4d}.bf-cta:hover:not(:disabled):after{left:130%}.bf-cta:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.bf-cta.danger{background:linear-gradient(135deg,#e05252,#b03a68);border-color:#ff82828c;box-shadow:0 6px 26px #e052524d,inset 0 1px #fff3}.bf-ghost{color:#b9c2d8;cursor:pointer;background:#10142099;border:1px solid #8296cd59;border-radius:10px;padding:9px 20px;font-size:13.5px;transition:border-color .15s,color .15s,background .15s}.bf-ghost:hover:not(:disabled){color:#e6e9ef;background:#181e30bf;border-color:#8cafff99}.bf-ghost:disabled{opacity:.4;cursor:not-allowed}.bf-ghost.danger{color:#ff9aa2;background:#3c121659;border-color:#ff6e7866}.bf-ghost.danger:hover:not(:disabled){color:#ffc0c6;background:#50181c80;border-color:#ff828ca6}.bf-card{background:linear-gradient(168deg,#181d2cc7,#0d101ae6);border:1px solid #8096d229;border-radius:18px;box-shadow:0 18px 44px #00000061,inset 0 1px #ffffff0a}.bf-seg{background:#090c14b8;border:1px solid #788cc838;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.bf-seg button{color:#97a1bb;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:8px 16px;font-size:13px;transition:color .15s,background .15s,box-shadow .15s}.bf-seg button:hover:not(:disabled):not(.on){color:#cdd5e8;background:#7896e614}.bf-seg button.on{color:#fff;background:linear-gradient(135deg,#5b8cff57,#7a5bff57);box-shadow:inset 0 0 0 1px #829eff73}.bf-seg button:disabled{cursor:default;opacity:.55}.bf-seg button.on:disabled{opacity:.9}.name-avatar{color:#e8edff;-webkit-user-select:none;user-select:none;text-shadow:0 1px 4px #00000073;border:1px solid #8ca0dc66;border-radius:50%;place-items:center;font-weight:800;display:inline-grid;box-shadow:inset 0 0 14px #00000059}.bf-code-chip{background:#5b8cff14;border:1px dashed #78a0ff80;border-radius:14px;align-items:center;gap:12px;padding:8px 12px 8px 18px;display:inline-flex}.bf-code-chip .bf-code-label{color:#8b93a7;white-space:nowrap;font-size:12px}.bf-code-chip .bf-code-value{letter-spacing:.4em;text-indent:.4em;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;color:#dfe8ff;font-size:26px;font-weight:800}.bf-code-chip .bf-ghost{padding:6px 14px;font-size:12.5px}.bm-head{margin-bottom:4px}.bm-tutorial{width:100%;color:inherit;cursor:pointer;text-align:left;background:linear-gradient(120deg,#5b8cff24,#7a5bff1a);border:1px solid #7a9bff52;border-radius:14px;align-items:center;gap:14px;margin-bottom:18px;padding:13px 18px;transition:transform .14s,border-color .15s,box-shadow .15s;display:flex}.bm-tutorial:hover{border-color:#7a9bffb3;transform:translateY(-2px);box-shadow:0 12px 30px #0006}.bm-tutorial-icon{font-size:26px}.bm-tutorial-text{flex-direction:column;flex:1;min-width:0;display:flex}.bm-tutorial-title{color:#eef1f8;font-size:15px;font-weight:700}.bm-tutorial-desc{color:#aeb6c8;font-size:12px}.bm-tutorial-go{color:#9db8ff;font-size:20px}.bm-hub{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.bm-entry{color:inherit;cursor:pointer;text-align:left;background:linear-gradient(165deg,#1a1f2ed9,#0e111beb);border:1px solid #788cc833;border-radius:18px;flex-direction:column;align-items:flex-start;gap:5px;padding:22px 20px 20px;transition:border-color .15s,transform .12s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.bm-entry-glow{opacity:.75;pointer-events:none;height:150%;transition:opacity .2s;position:absolute;inset:-40% -20% auto}.bm-match .bm-entry-glow{background:radial-gradient(60% 50% at 50% 0,#5b8cff59,#0000 70%)}.bm-trial .bm-entry-glow{background:radial-gradient(60% 50% at 50% 0,#ffaa5047,#0000 70%)}.bm-room .bm-entry-glow{background:radial-gradient(60% 50% at 50% 0,#50d2be42,#0000 70%)}.bm-entry:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000073}.bm-entry:hover .bm-entry-glow{opacity:.85}.bm-match:hover,.bm-match.open{border-color:#5b8cffa6}.bm-trial:hover,.bm-trial.open{border-color:#ffb45a99}.bm-room:hover,.bm-room.open{border-color:#5ad7c38c}.bm-entry.open{box-shadow:0 10px 30px #0006}.bm-entry.open .bm-entry-glow{opacity:1}.bm-entry.open:after{content:"";opacity:.5;clip-path:polygon(50% 100%,0 0,100% 0);background:linear-gradient(90deg,#0000,currentColor,#0000);width:22px;height:11px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.bm-entry-icon{filter:drop-shadow(0 2px 8px #00000080);font-size:30px;line-height:1;position:relative}.bm-entry-title{letter-spacing:.05em;font-size:19px;font-weight:800;position:relative}.bm-entry-desc{color:#97a1bb;font-size:12.5px;line-height:1.5;position:relative}.bm-entry-caret{color:#7d879e;font-size:14px;position:absolute;top:20px;right:18px}.bm-panel{background:linear-gradient(168deg,#181d2ccc,#0d101ae6);border:1px solid #8096d22e;border-radius:18px;flex-direction:column;gap:18px;margin-top:16px;padding:20px;display:flex}.bm-section-title{letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;color:#9aa3b8;margin:0 0 12px;font-size:12px}.bm-section-note{color:#8b93a7;margin:-6px 0 12px;font-size:12.5px}.bm-modes{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.bm-mode{color:inherit;cursor:pointer;text-align:left;background:#0c101ab8;border:1px solid #788cc82e;border-radius:14px;flex-direction:column;gap:5px;padding:16px 16px 14px 18px;transition:border-color .15s,transform .12s,background .15s;display:flex;position:relative;overflow:hidden}.bm-mode:before{content:"";opacity:.35;background:linear-gradient(#5b8cff,#7a5bff);width:3px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:0}.bm-mode:hover{border-color:#7aa5ff80;transform:translateY(-2px)}.bm-mode.on{background:linear-gradient(150deg,#2e3e6c8c,#0e121ed9);border-color:#7aa5ffbf;box-shadow:0 0 0 1px #7aa5ff59,0 0 24px #5b8cff2e}.bm-mode.on:before{opacity:1}.bm-mode-icon{font-size:20px;line-height:1}.bm-mode-title{font-size:16.5px;font-weight:700}.bm-mode-desc{color:#8b93a7;font-size:12px;line-height:1.5}.bm-ai-ladder{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.bm-ai{color:inherit;cursor:pointer;background:#0c101ab8;border:1px solid #788cc82e;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:16px 12px 14px;transition:border-color .15s,transform .12s,box-shadow .15s,background .15s;display:flex}.bm-ai:hover{transform:translateY(-2px)}.bm-ai-icon{font-size:22px;line-height:1}.bm-ai-name{font-size:15px;font-weight:700}.bm-ai-reward{color:#8b93a7;font-variant-numeric:tabular-nums;font-size:11.5px}.bm-ai-easy.on{background:linear-gradient(160deg,#1e443499,#0c1411d9);border-color:#6ed296b3;box-shadow:0 0 20px #5ac88c29}.bm-ai-hard.on{background:linear-gradient(160deg,#52361699,#16100ad9);border-color:#ffaa50b3;box-shadow:0 0 20px #ffaa5029}.bm-ai-inferno.on{background:linear-gradient(160deg,#581c2099,#180a0cd9);border-color:#ff6e6ebf;box-shadow:0 0 22px #ff646433}.bm-ai.on .bm-ai-reward{color:#dfe6f6;font-weight:600}.bm-go-row{flex-direction:column;align-items:center;gap:8px;display:flex}.bm-go{min-width:280px}.bm-warn{color:#cfa14a;text-align:center;margin:0;font-size:12.5px}.bm-party{border-top:1px solid #8096d224;padding-top:16px}.bm-party-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bm-party-create{flex:none}.bm-party-actions .bm-code-entry{flex:0 380px}.bm-code-entry{flex:1;gap:8px;min-width:240px;display:flex}.bm-code-entry input{min-width:0;color:inherit;letter-spacing:.28em;text-transform:uppercase;text-align:center;background:#090c14c7;border:1px solid #788cc847;border-radius:12px;flex:1;padding:11px 16px;font-size:17px;font-weight:700}.bm-code-entry input:focus{border-color:#7aa5ffa6;outline:none;box-shadow:0 0 0 1px #7aa5ff40}.bm-code-entry input::placeholder{letter-spacing:.12em;color:#59617a;font-weight:400}.bm-code-join{max-width:640px}.bm-join-go{min-height:0;padding:11px 28px;font-size:14px}.bm-room-tabs{align-self:flex-start}.bm-room-opts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px 20px;display:grid}.bm-browser-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.bm-browser-head .bm-section-title{margin:0}.bm-refresh{padding:6px 14px;font-size:12.5px}.bm-empty{text-align:center;color:#7d879e;border:1px dashed #788cc833;border-radius:14px;margin:8px 0 0;padding:22px;font-size:13px}.bm-room-list{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.bm-room-row{background:#0c101ab3;border:1px solid #788cc829;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;transition:background .15s,border-color .15s;display:flex}.bm-room-row:hover{background:#6ab0ff12;border-color:#7aa5ff59}.bm-room-mode{background:#5b8cff1f;border:1px solid #7aa5ff40;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:17px;display:grid}.bm-room-ident{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bm-room-host{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.bm-room-meta{color:#8b93a7;font-size:11.5px}.bm-room-counts{font-variant-numeric:tabular-nums;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.bm-room-seats{color:#9fe6b0;font-size:14px;font-weight:700}.bm-room-seats.full{color:#ff9d9d}.bm-room-watch{color:#7d879e;font-size:11px}.bm-room-actions{flex-shrink:0;gap:8px;display:flex}.bm-room-join{padding:8px 18px}@media (width<=720px){.bm-go,.bm-party-create{width:100%;min-width:0}.bm-code-entry{min-width:0}.bm-room-row{flex-wrap:wrap;gap:10px}.bm-room-ident{flex:120px}.bm-room-actions{justify-content:flex-end;width:100%}}@media (prefers-reduced-motion:reduce){.bm-entry,.bm-mode,.bm-ai,.bm-tutorial{transition:none}.bm-entry:hover,.bm-mode:hover,.bm-ai:hover,.bm-tutorial:hover{transform:none}}.ledger-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ledger-row{background:linear-gradient(165deg,#1a1f2ed1,#10131ce0);border:1px solid #788cc829;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.ledger-row-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ledger-kind{letter-spacing:.02em;font-weight:600}.ledger-at{opacity:.62;font-variant-numeric:tabular-nums;font-size:.8rem}.ledger-deltas{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.ledger-deltas .delta.gain,.ledger-items .gain{color:#7fdca4}.ledger-deltas .delta.spend,.ledger-items .spend{color:#f0a0a0}.ledger-balance{opacity:.6;margin-left:auto;font-size:.82rem}.ledger-items{flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:.86rem;list-style:none;display:flex}.ledger-actor{opacity:.66;margin:2px 0 0;font-size:.78rem}.ledger-more{align-self:center;margin-top:14px}@media (width<=560px){.ledger-balance{width:100%;margin-left:0}}.war-hub,.muster-page{color:var(--lobby-ink)}.lobby-icon{vertical-align:middle;flex:none;width:20px;height:20px}.lobby-eyebrow{color:var(--lobby-gold,#d8c39a);letter-spacing:.17em;font-size:11px;line-height:1.5}.lobby-button{border:1px solid var(--lobby-line,#344b50);background:color-mix(in srgb, var(--realm-surface-deep) 75%, transparent);min-height:42px;color:var(--realm-text);font:inherit;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:9px;padding:10px 17px;font-size:13px;line-height:1.4;text-decoration:none;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.lobby-button:hover:not(:disabled){background:var(--realm-surface-raised);border-color:var(--realm-line-strong);color:#fff}.lobby-button.primary{background:linear-gradient(125deg, color-mix(in srgb, var(--realm-warm) 88%, white), var(--realm-warm));border-color:var(--realm-warm);color:var(--realm-on-accent);font-weight:700}.lobby-button.primary:hover:not(:disabled){background:color-mix(in srgb, var(--realm-warm) 78%, white);border-color:color-mix(in srgb, var(--realm-warm) 65%, white);color:var(--realm-on-accent)}.lobby-button:disabled{cursor:not-allowed;opacity:.4}.lobby-button small{white-space:nowrap;opacity:.75;font-size:10px}.war-hub button:focus-visible,.muster-page button:focus-visible,.war-hub input:focus-visible,.muster-page input:focus-visible{outline:2px solid var(--realm-accent);outline-offset:4px}.lobby-visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lobby-inline-error{color:#f5c4b7;background:#392a2b;border-left:2px solid #cb8e80;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:14px 18px;font-size:13px;display:flex}.lobby-inline-error p{margin:0}.lobby-icon.spinning{animation:1.7s linear infinite lobby-turn}@keyframes lobby-turn{to{transform:rotate(360deg)}}.war-hub{max-width:1500px;margin:0 auto}.war-hero{isolation:isolate;border:1px solid var(--realm-line-strong);background:var(--realm-hero-background);min-height:276px;padding:38px 40px;position:relative;overflow:hidden}.war-hero:after{content:"";background:linear-gradient(90deg, var(--realm-warm), transparent 50%, var(--realm-accent));height:1px;position:absolute;inset:auto 0 0}.war-hero-copy{z-index:1;max-width:580px;position:relative}.war-hero h2{color:var(--realm-text);letter-spacing:.045em;text-shadow:0 2px 20px var(--realm-base);margin:15px 0 12px;font-family:Noto Serif TC,Songti TC,Yu Mincho,PMingLiU,serif;font-size:clamp(27px,2.7vw,43px);font-weight:500;line-height:1.35}.war-hero-copy>p{max-width:450px;color:var(--realm-muted);margin:0;font-size:13px;line-height:1.95}.war-hero-rule{color:var(--realm-muted);letter-spacing:.1em;align-items:center;gap:10px;margin-top:26px;font-size:10px;display:flex}.war-hero-rule i{background:var(--realm-accent);width:28px;height:1px}.war-tutorial{border:1px solid var(--realm-line-strong);background:color-mix(in srgb, var(--realm-surface-deep) 84%, transparent);min-width:258px;color:var(--realm-warm);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);align-items:center;gap:15px;padding:14px 18px;display:flex;position:absolute;bottom:24px;right:26px}.war-tutorial>.lobby-icon:first-child{width:26px;height:26px;color:var(--realm-warm)}.war-tutorial>span{flex:1;gap:4px;display:grid}.war-tutorial strong{color:var(--realm-text);font-size:13px;font-weight:500}.war-tutorial small{color:var(--realm-muted);font-size:10px}.war-tutorial:hover{border-color:var(--realm-line-strong);background:color-mix(in srgb, var(--realm-surface) 94%, transparent)}.war-entry-grid{border:1px solid var(--lobby-line);grid-template-columns:repeat(3,1fr);gap:0;margin:18px 0 0;display:grid}.war-entry{--entry-accent:var(--realm-accent);border:0;border-right:1px solid var(--lobby-line);background:var(--realm-panel-background);min-width:0;color:var(--lobby-ink);cursor:pointer;text-align:left;grid-template-columns:auto 1fr;align-content:start;gap:7px 18px;padding:29px 24px 26px;transition:background .18s;display:grid;position:relative}.war-entry:last-child{border-right:0}.war-entry.party{--entry-accent:color-mix(in srgb, var(--realm-accent) 70%, var(--realm-warm))}.war-entry.trial{--entry-accent:var(--realm-warm)}.war-entry.fun{--entry-accent:var(--realm-teal)}.war-entry>.lobby-icon:not(.war-entry-arrow){width:36px;height:36px;color:var(--entry-accent);grid-row:1/3;align-self:center}.war-entry>strong{letter-spacing:.04em;padding-right:12px;font-size:16px;font-weight:600}.war-entry>span:not(.war-entry-index){color:var(--realm-muted);font-size:11px;line-height:1.7}.war-entry-index{color:var(--realm-dim);font-family:Georgia,serif;font-size:10px;position:absolute;top:8px;right:11px}.war-entry-arrow{width:13px;height:13px;color:var(--entry-accent);opacity:0;transition:opacity .18s,transform .18s;position:absolute;bottom:10px;right:10px;transform:translate(-4px)}.war-entry:hover,.war-entry.active{background:linear-gradient(130deg, var(--realm-surface-raised), var(--realm-surface))}.war-entry.active:after{content:"";background:var(--entry-accent);height:2px;box-shadow:0 -4px 20px color-mix(in srgb, var(--entry-accent) 20%, transparent);position:absolute;bottom:-1px;left:0;right:0}.war-entry.active .war-entry-arrow{opacity:1;transform:none}.war-entry.active>strong{color:#fff}.war-panel{border:1px solid var(--lobby-line);background:var(--realm-panel-background);border-top:0;padding:28px 32px 24px}.war-panel-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.war-panel-heading h3{color:var(--realm-text);letter-spacing:.025em;margin:6px 0 0;font-size:23px;font-weight:500}.war-panel-note{color:var(--lobby-muted);font-size:12px}.war-option-section{margin:0 0 22px}.war-option-section h4,.war-room-settings h4{color:var(--realm-muted);letter-spacing:.07em;margin:0 0 11px;font-size:11px;font-weight:500}.war-mode-picker{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.war-mode-picker button{border:1px solid var(--realm-line);background:color-mix(in srgb, var(--realm-surface) 56%, transparent);color:var(--realm-text);text-align:left;cursor:pointer;grid-template-columns:auto 1fr;align-content:center;gap:5px 18px;padding:22px;display:grid;position:relative}.war-mode-number{min-width:55px;color:var(--realm-muted);grid-row:1/3;align-self:center;font-family:Georgia,serif;font-size:25px;font-style:italic}.war-mode-picker strong{font-size:13px;font-weight:500}.war-mode-picker .war-mode-description{color:var(--realm-muted);font-size:11px;line-height:1.7}.war-mode-picker button>i{border:1px solid var(--realm-line);width:5px;height:5px;position:absolute;top:9px;right:9px;transform:rotate(45deg)}.war-mode-picker button:hover,.war-mode-picker button.selected{border-color:var(--realm-line-strong);background:linear-gradient(120deg, var(--realm-selection), var(--realm-surface))}.war-mode-picker button.selected>i{border-color:var(--realm-warm);background:var(--realm-warm)}.war-launch{border-top:1px solid var(--lobby-line);justify-content:space-between;align-items:center;gap:20px;padding-top:18px;display:flex}.war-launch>p{max-width:60%;color:var(--realm-muted);margin:0;font-size:11px;line-height:1.8}.war-launch>.lobby-button{justify-content:space-between;min-width:200px;min-height:46px}.war-recovery-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.war-tabs{background:var(--realm-surface-deep);border:1px solid var(--realm-line);border-radius:3px;gap:3px;padding:3px;display:inline-flex}.war-tabs button{color:var(--realm-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:9px 17px;font-size:12px}.war-tabs button:hover:not(:disabled){color:#fff;background:var(--realm-surface-raised)}.war-tabs button.active{background:var(--realm-surface-raised);color:var(--realm-text)}.war-tabs button:disabled{cursor:default}.war-tabs button:disabled:not(.active){opacity:.45}.war-room-settings{grid-template-columns:repeat(2,1fr);gap:24px;margin:26px 0;display:grid}.war-ai-picker{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.war-ai-picker button{border:1px solid var(--realm-line);background:var(--realm-surface);color:var(--realm-muted);text-align:left;cursor:pointer;flex-wrap:wrap;align-items:center;gap:13px;padding:17px 20px;display:flex}.war-ai-picker button.selected{color:#d8e8ca;background:#1b363a;border-color:#b9c69e}.war-ai-picker button.tier-1.selected{color:#e0bd81;background:#352e27;border-color:#c9ac76}.war-ai-picker button.tier-2.selected{color:#dfaa9f;background:#35292e;border-color:#b58685}.war-ai-picker strong{font-size:13px;font-weight:500}.war-ai-picker .war-ai-reward{font-size:11px}.war-difficulty{align-items:center;gap:3px;display:flex}.war-difficulty i{background:currentColor;width:4px;height:13px;transform:skew(-15deg)}.war-party-grid{grid-template-columns:1fr 1fr;display:grid}.war-party-create{padding:16px 44px 18px 0;position:relative;overflow:hidden}.war-party-create h4{margin:0 0 12px;font-size:20px;font-weight:500;position:relative}.war-party-create p{max-width:290px;color:var(--realm-muted);margin:0 0 22px;font-size:12px;line-height:1.9;position:relative}.war-party-grid>.lobby-code-form{border-left:1px solid var(--lobby-line);padding:18px 0 18px 40px}.war-party-formation{opacity:.15;gap:5px;display:flex;position:absolute;bottom:38px;right:26px;transform:rotate(-8deg)}.war-party-formation i{border:1px solid var(--realm-accent);background:linear-gradient(170deg, var(--realm-accent), transparent);clip-path:polygon(50% 0,100% 22%,100% 76%,50% 100%,0 76%,0 22%);width:38px;height:64px;display:block}.war-party-formation i:nth-child(2){margin-top:-16px}.war-footnote{border-top:1px solid var(--lobby-line);color:var(--realm-muted);margin:20px 0 0;padding-top:17px;font-size:11px;line-height:1.8}.war-footnote.warning{color:#d7b98a}.lobby-code-form{min-width:0}.lobby-code-form>label{color:var(--realm-text);font-size:17px;font-weight:500;display:block}.lobby-code-form>p{color:var(--realm-muted);margin:8px 0 17px;font-size:11px;line-height:1.8}.lobby-code-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lobby-code-controls input{border:1px solid var(--realm-line);background:color-mix(in srgb, var(--realm-surface-deep) 90%, transparent);width:190px;min-width:100px;min-height:43px;color:var(--realm-warm);letter-spacing:.2em;text-transform:uppercase;border-radius:3px;padding:11px 16px;font-family:Cascadia Code,Consolas,monospace;font-size:18px;line-height:1}.lobby-code-controls input::placeholder{color:var(--realm-dim)}.room-invite-card{border:1px solid var(--realm-line);background:radial-gradient(ellipse at 0 50%, var(--realm-selection), transparent 65%), var(--realm-surface-deep);align-items:center;gap:28px;padding:24px 28px;display:flex}.room-invite-emblem{background:linear-gradient(135deg, var(--realm-selection), transparent);border:1px solid var(--realm-line-strong);clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%);flex:none;place-items:center;width:82px;height:82px;display:grid}.room-invite-emblem>.lobby-icon{width:48px;height:48px;color:var(--realm-accent)}.room-invite-card .lobby-code-form{flex:1}.room-directory{margin-top:30px}.room-directory-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.room-directory-head h3{align-items:center;gap:11px;margin:7px 0 0;font-size:20px;font-weight:500;display:flex}.room-directory-head h3>span{border:1px solid var(--realm-line);color:var(--realm-muted);padding:3px 7px;font-family:Consolas,monospace;font-size:11px}.room-directory-filters{border-bottom:1px solid var(--lobby-line);gap:23px;margin:21px 0 17px;display:flex}.room-directory-filters button{min-height:35px;color:var(--realm-dim);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 0 10px;font-size:11px;position:relative}.room-directory-filters button.active{color:var(--realm-warm)}.room-directory-filters button.active:after{content:"";background:var(--realm-warm);height:2px;position:absolute;bottom:-1px;left:0;right:0}.room-directory-empty{border:1px solid var(--realm-line);background:radial-gradient(ellipse at 50% 0, var(--realm-selection), transparent 62%), linear-gradient(90deg, transparent, color-mix(in srgb, var(--realm-surface) 20%, transparent), transparent);text-align:center;flex-direction:column;align-items:center;padding:30px 20px 35px;display:flex;position:relative;overflow:hidden}.room-directory-empty:before,.room-directory-empty:after{content:"";background:linear-gradient(90deg, transparent, var(--realm-line));width:27%;height:1px;position:absolute;top:50%}.room-directory-empty:before{left:0}.room-directory-empty:after{right:0;transform:rotate(180deg)}.room-empty-sigil{width:58px;height:58px;color:var(--realm-accent);place-items:center;margin-bottom:17px;display:grid;position:relative}.room-empty-sigil:before{content:"";border:1px solid var(--realm-line);position:absolute;inset:4px;transform:rotate(45deg)}.room-empty-sigil>.lobby-icon{width:30px;height:30px}.room-directory-empty>.lobby-eyebrow{color:var(--realm-accent);font-size:9px}.room-directory-empty h4{letter-spacing:.025em;margin:10px 0 9px;font-size:20px;font-weight:400}.room-directory-empty p{max-width:380px;color:var(--realm-muted);margin:0 0 23px;font-size:11px;line-height:1.85}.room-directory-empty>.lobby-button{min-width:174px}.room-directory-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.room-directory-card{border:1px solid var(--realm-line);background:linear-gradient(140deg, var(--realm-surface), var(--realm-surface-deep));padding:18px;transition:border-color .18s}.room-directory-card:hover{border-color:var(--realm-line-strong)}.room-card-top{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.room-mode-tag{background:var(--realm-surface-raised);color:var(--realm-accent);padding:4px 6px;font-size:9px}.room-card-code{color:var(--realm-dim);letter-spacing:.07em;-webkit-user-select:all;user-select:all;margin-left:auto;font-family:Consolas,monospace;font-size:10px}.room-availability{color:#9fbda9;align-items:center;gap:5px;font-size:9px;display:inline-flex}.room-availability i{background:#a9cbb4;border-radius:50%;width:4px;height:4px}.room-availability.full{color:#acaaa0}.room-availability.full i{background:#928f84}.room-card-host{align-items:center;gap:12px;margin:23px 0 17px;display:flex}.room-card-host>div{min-width:0}.room-card-host>div>span{color:var(--realm-dim);font-size:9px}.room-card-host h4{color:var(--realm-text);white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:15px;font-weight:500;overflow:hidden}.room-card-rules{color:var(--realm-muted);flex-wrap:wrap;gap:9px;font-size:10px;display:flex}.room-card-rules span+span{border-left:1px solid var(--realm-line);padding-left:9px}.room-card-seats{border-top:1px solid var(--realm-line);justify-content:space-between;align-items:center;gap:12px;margin:20px 0 16px;padding-top:16px;display:flex}.room-card-seats>span{color:var(--realm-muted);align-items:center;gap:10px;font-size:10px;display:flex}.room-card-seats strong{color:var(--realm-text);font-variant-numeric:tabular-nums;font-size:17px;font-weight:400}.room-card-seats small{color:var(--realm-dim);font-size:12px}.room-seat-pips{gap:4px;display:flex}.room-seat-pips i{border:1px solid var(--realm-line);width:7px;height:12px;transform:skew(-10deg)}.room-seat-pips i.occupied{background:#a1bdb1;border-color:#a1bdb1}.room-card-actions{gap:7px;display:flex}.room-card-actions>.lobby-button{flex:1;padding:10px 8px;font-size:11px}.room-card-actions .lobby-icon{width:16px;height:16px}.room-directory-loading{color:var(--realm-muted);gap:12px;font-size:12px;display:grid}.room-loading-card{border:1px solid var(--realm-line);background:linear-gradient(100deg, var(--realm-surface-deep) 20%, var(--realm-surface-raised) 45%, var(--realm-surface-deep) 70%);background-size:240% 100%;height:72px;animation:1.8s linear infinite lobby-loading}@keyframes lobby-loading{to{background-position:240% 0}}.war-hub .match-records{margin-top:28px}.war-hub .match-records>h3{color:var(--realm-muted);letter-spacing:.08em;font-size:13px;font-weight:500}.war-hub .match-records .empty-state{border:1px solid var(--realm-line);background:color-mix(in srgb, var(--realm-surface) 70%, transparent);border-radius:0;padding:23px}.war-hub .match-records .empty-state-icon{color:var(--realm-dim);justify-content:center;margin-bottom:12px;display:flex}.war-hub .match-records .empty-state-title{color:var(--realm-dim);margin:0;font-size:12px}.muster-page{background:var(--realm-stage-background);min-height:100vh;padding:24px clamp(20px,4vw,72px) 45px}.muster-topbar{justify-content:space-between;align-items:center;max-width:1450px;margin:0 auto;display:flex}.muster-back{color:var(--realm-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:9px 0;font-size:12px;display:inline-flex}.muster-back:hover{color:#fff}.muster-back>span{font-size:20px}.lobby-connection{color:var(--realm-muted);align-items:center;gap:8px;font-size:10px;display:flex}.lobby-connection i{background:#d5b681;border-radius:50%;width:5px;height:5px}.lobby-connection.open i{background:#9bbba5;box-shadow:0 0 8px #84bd8b44}.muster-heading{justify-content:space-between;align-items:center;gap:30px;max-width:1450px;margin:32px auto 30px;display:flex}.muster-heading h2{color:var(--realm-text);letter-spacing:.065em;margin:12px 0 10px;font-family:Noto Serif TC,Songti TC,Yu Mincho,PMingLiU,serif;font-size:clamp(28px,3.2vw,44px);font-weight:500}.muster-heading>div>p{color:var(--realm-muted);margin:0;font-size:12px;line-height:1.8}.lobby-invite{border:1px solid var(--realm-line);background:color-mix(in srgb, var(--realm-surface-deep) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:290px;padding:17px 22px 15px}.lobby-invite>div{align-items:center;gap:24px;margin-top:6px;display:flex}.lobby-invite strong{color:var(--realm-warm);letter-spacing:.17em;-webkit-user-select:all;user-select:all;font-family:Cascadia Code,Consolas,monospace;font-size:26px;font-weight:400}.lobby-invite .lobby-button{min-height:31px;padding:6px 10px;font-size:10px}.lobby-invite .lobby-icon{width:14px;height:14px}.lobby-invite>p{color:var(--realm-muted);margin:10px 0 0;font-size:10px;line-height:1.7}.muster-layout{grid-template-columns:minmax(0,1fr) minmax(275px,320px);align-items:start;gap:20px;max-width:1450px;margin:0 auto;display:grid}.muster-stage{border:1px solid var(--realm-line);background:color-mix(in srgb, var(--realm-surface-deep) 94%, transparent);min-width:0;padding:28px}.muster-section-heading{border-bottom:1px solid var(--realm-line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:21px;display:flex}.muster-section-heading h3{color:var(--realm-text);letter-spacing:.07em;margin:0;font-size:14px;font-weight:500}.muster-section-heading>span{color:var(--realm-muted);font-family:Consolas,monospace;font-size:12px}.muster-sidebar{gap:20px;min-width:0;display:grid}.party-formation{grid-template-columns:repeat(3,1fr);gap:13px;padding:25px 0 0;display:grid}.party-member{border:1px solid var(--realm-line);background:radial-gradient(ellipse at 50% 0, var(--realm-selection), transparent 65%), linear-gradient(180deg, var(--realm-surface), var(--realm-surface));flex-direction:column;align-items:center;min-width:0;min-height:291px;padding:22px 16px;display:flex;position:relative}.party-member.prepared{border-bottom:2px solid #7cac9c}.party-member.you{border-color:var(--realm-warm);background:radial-gradient(ellipse at 50% 0, color-mix(in srgb, var(--realm-warm) 12%, transparent), transparent 80%), var(--realm-surface)}.party-member.offline{opacity:.6}.party-member-index{color:var(--realm-dim);font-family:Georgia,serif;font-size:11px;position:absolute;top:12px;left:14px}.party-member-role{color:var(--realm-warm);letter-spacing:.13em;font-size:10px}.party-member-emblem{place-items:center;width:104px;height:104px;margin:24px 0 18px;display:grid;position:relative}.party-member-emblem:before{content:"";border:1px solid var(--realm-line-strong);clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%);background:linear-gradient(135deg, var(--realm-selection), transparent);position:absolute;inset:2px;transform:rotate(30deg)}.party-member-emblem .name-avatar{clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%);border-radius:3px;box-shadow:0 8px 18px #0004;border-color:var(--realm-line-strong)!important}.party-member h4{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;font-size:15px;font-weight:500;overflow:hidden}.party-member-you{color:var(--realm-warm);margin:6px 0 19px;font-size:10px}.party-member.vacant{border-color:var(--realm-line);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--realm-accent) 8%, transparent) 0, color-mix(in srgb, var(--realm-accent) 8%, transparent) 1px, transparent 1px, transparent 10px), var(--realm-surface-deep);justify-content:center}.party-member.vacant .party-member-emblem{color:var(--realm-dim);margin-top:0}.party-member.vacant .party-member-emblem>.lobby-icon{width:39px;height:39px}.party-member.vacant h4{color:var(--realm-muted);font-size:13px}.party-member.vacant p{max-width:140px;color:var(--realm-dim);text-align:center;margin:12px 0 0;font-size:10px;line-height:1.8}.party-remove{width:28px;height:28px;color:var(--realm-dim);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;display:grid;position:absolute;top:8px;right:8px}.party-remove .lobby-icon{width:14px;height:14px}.party-remove:hover{color:#dbb2a0;background:#3e2926;border-color:#bc8c76}.lobby-ready-badge{color:var(--realm-muted);white-space:nowrap;justify-content:center;align-items:center;gap:5px;font-size:10px;display:inline-flex}.lobby-ready-badge.ready{color:#accfb7}.lobby-ready-badge .lobby-icon{width:13px;height:13px}.muster-formation-note{color:var(--realm-muted);margin:18px 0 25px;font-size:11px;line-height:1.9}.muster-actions{border-top:1px solid var(--realm-line);justify-content:space-between;align-items:center;gap:24px;padding:24px 0 0;display:flex}.muster-readiness{align-items:center;gap:14px;min-width:0;display:flex}.muster-status-mark{border:1px solid var(--realm-line);width:40px;height:40px;color:var(--realm-muted);flex:none;place-items:center;display:grid}.muster-status-mark.complete{color:#b7d9b9;background:#223d3744;border-color:#638c7e}.muster-readiness strong{color:var(--realm-text);font-size:13px;font-weight:500}.muster-readiness p{max-width:340px;color:var(--realm-muted);margin:6px 0 0;font-size:10px;line-height:1.7}.muster-action-buttons{flex-direction:column;flex:none;align-items:center;gap:11px;display:flex}.muster-actions>.lobby-button,.muster-action-buttons>.lobby-button{min-width:178px;min-height:46px}.muster-leave{font:inherit;color:var(--realm-muted);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:3px 8px;font-size:10px;text-decoration:underline}.muster-leave:hover{color:#e4c5b5}.muster-reset-note{color:var(--realm-dim);margin:21px 0 0;font-size:10px;line-height:1.8}.muster-actions.matching{background:linear-gradient(90deg, var(--realm-selection), transparent)}.lobby-chat{border:1px solid var(--realm-line);background:color-mix(in srgb, var(--realm-surface-deep) 96%, transparent);flex-direction:column;display:flex}.lobby-chat h3{border-bottom:1px solid var(--realm-line);color:var(--realm-text);align-items:center;gap:10px;margin:0;padding:19px;font-size:13px;font-weight:500;display:flex}.lobby-chat h3 .lobby-icon{color:var(--realm-accent);width:17px;height:17px}.lobby-chat-log{scrollbar-width:thin;flex:1;min-height:210px;max-height:340px;padding:18px;overflow-y:auto}.party-muster .lobby-chat-log{min-height:380px}.lobby-chat-empty{min-height:170px;color:var(--realm-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:20px 6px;display:flex}.lobby-chat-empty .lobby-icon{width:29px;height:29px}.lobby-chat-empty p{max-width:190px;color:var(--realm-muted);margin:0;font-size:11px;line-height:1.9}.lobby-chat-log>p{overflow-wrap:anywhere;flex-direction:column;gap:5px;margin:0 0 15px;font-size:12px;line-height:1.75;display:flex}.lobby-chat-log>p strong{color:var(--realm-muted);font-size:10px;font-weight:500}.lobby-chat-log>p span{color:var(--realm-text)}.lobby-chat-log>p.self strong{color:var(--realm-warm)}.lobby-chat form{border-top:1px solid var(--realm-line);gap:6px;padding:12px;display:flex}.lobby-chat form input{border:1px solid var(--realm-line);background:var(--realm-surface-deep);min-width:0;color:var(--realm-text);font:inherit;border-radius:3px;flex:1;padding:10px;font-size:11px}.lobby-chat form input::placeholder{color:var(--realm-dim)}.lobby-chat form .lobby-button{min-width:36px;min-height:38px;padding:8px}.muster-teams{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:12px;margin:24px 0;display:grid}.muster-team{--team-color:#8cbcd0;min-width:0}.muster-team.team-1{--team-color:#d6a891}.muster-team>header{color:var(--team-color);align-items:center;gap:10px;margin-bottom:13px;display:flex}.muster-team-sigil{place-items:center;width:28px;height:28px;display:grid}.muster-team h3{flex:1;margin:0;font-size:12px;font-weight:500}.muster-team>header>span:last-child{color:var(--realm-muted);font-family:Consolas,monospace;font-size:11px}.muster-team-seats{gap:9px;display:grid}.muster-seat{border:1px solid var(--realm-line);border-left:2px solid var(--team-color);background:linear-gradient(120deg, color-mix(in srgb, var(--team-color) 10%, transparent), transparent), var(--realm-surface);min-height:122px;color:var(--realm-text);font:inherit;text-align:left;cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:9px 12px;padding:19px 15px 15px;display:grid;position:relative}.muster-seat.occupied:hover:not(:disabled){background:var(--realm-surface-raised);border-color:var(--realm-line-strong)}.muster-seat:disabled{cursor:default}.muster-seat.you{border-color:var(--realm-warm);background:linear-gradient(130deg, color-mix(in srgb, var(--realm-warm) 12%, transparent), transparent), var(--realm-surface)}.muster-seat .name-avatar{box-shadow:none;border-radius:3px;grid-row:1/3}.muster-seat-number{color:var(--realm-dim);font-family:Georgia,serif;font-size:9px;position:absolute;top:7px;right:8px}.muster-seat-person{min-width:0}.muster-seat-person>strong{color:var(--realm-text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;display:block;overflow:hidden}.muster-seat-person>span{color:var(--realm-muted);gap:7px;margin-top:7px;font-size:9px;display:flex}.muster-seat-person em{color:var(--realm-warm);font-size:9px;font-style:normal}.muster-seat .lobby-ready-badge{justify-self:start;font-size:9px}.muster-seat.vacant{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--realm-accent) 8%, transparent) 0, color-mix(in srgb, var(--realm-accent) 8%, transparent) 1px, transparent 1px, transparent 8px);border-left-color:var(--realm-line);border-color:var(--realm-line);min-height:122px}.muster-seat.vacant:hover:not(:disabled){border-color:var(--realm-line-strong);background-color:var(--realm-surface-raised)}.muster-seat-plus{border:1px solid var(--realm-line);width:42px;height:42px;color:var(--realm-dim);place-items:center;font-size:21px;font-weight:200;display:grid}.muster-seat.vacant .muster-seat-person>strong{color:var(--realm-muted)}.muster-seat.vacant>.lobby-icon{display:none}.muster-versus{color:var(--realm-warm);flex-direction:column;align-items:center;padding-top:75px;font-family:Georgia,serif;font-size:14px;font-style:italic;display:flex;position:relative}.muster-versus>span{z-index:1;background:var(--realm-surface-deep);padding:10px 0}.muster-versus i{background:linear-gradient(var(--realm-line-strong), var(--realm-line));width:1px;position:absolute;top:42px;bottom:0}.muster-bench{border-top:1px solid var(--realm-line);padding:17px 0}.muster-bench>header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.muster-bench h3{color:var(--realm-muted);align-items:center;gap:8px;margin:0;font-size:11px;font-weight:500;display:flex}.muster-bench h3 .lobby-icon{width:16px;height:16px}.muster-bench>header>span{color:var(--realm-dim);font-size:10px}.muster-bench>header>button{min-height:29px;margin-left:auto;padding:5px 10px;font-size:10px}.muster-bench>div{flex-wrap:wrap;align-items:center;gap:9px;min-height:36px;display:flex}.muster-bench>div>p{color:var(--realm-dim);margin:0;font-size:11px}.muster-watcher{border:1px solid var(--realm-line);background:var(--realm-surface-deep);max-width:100%;color:var(--realm-muted);align-items:center;gap:8px;padding:7px 10px;font-size:10px;display:flex}.muster-watcher>span:not(.name-avatar){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.muster-watcher.you{border-color:var(--realm-warm)}.muster-watcher em{color:var(--realm-warm);white-space:nowrap;font-size:9px;font-style:normal}.muster-settings{border:1px solid var(--realm-line);background:color-mix(in srgb, var(--realm-surface-deep) 96%, transparent);padding:21px}.muster-settings>header{border-bottom:1px solid var(--realm-line);margin-bottom:18px;padding-bottom:16px}.muster-settings h3{color:var(--realm-text);margin:0;font-size:13px;font-weight:500}.muster-settings>header>p{color:var(--realm-muted);margin:7px 0 0;font-size:10px}.muster-setting+.muster-setting{margin-top:18px}.muster-setting h4{color:var(--realm-muted);margin:0 0 8px;font-size:10px;font-weight:500}.muster-setting .war-tabs{display:flex}.muster-setting .war-tabs button{flex:1;padding:8px 4px;font-size:10px}.muster-swap{border:1px solid var(--realm-line-strong);background:var(--realm-surface-deep);border-radius:5px;position:relative}.muster-swap .confirm-msg{padding-top:14px}.muster-swap-dismiss{min-height:32px;padding:5px;position:absolute;top:8px;right:8px}@media (width>=1650px){.war-hero{min-height:315px;padding:45px 50px}.war-entry{padding-top:34px;padding-bottom:31px}.muster-stage{padding:32px}}@media (width<=1150px){.war-entry{column-gap:12px;padding:26px 16px}.war-entry>.lobby-icon:not(.war-entry-arrow){width:27px;height:27px}.war-entry>strong{font-size:14px}.war-entry>span:not(.war-entry-index){font-size:10px}.war-mode-picker button{grid-template-columns:1fr;padding:17px}.war-mode-number{grid-row:auto;margin-bottom:8px;font-size:24px}.war-hero{padding:30px}.war-hero-copy{max-width:60%}.war-tutorial{min-width:230px;right:20px}.muster-layout{grid-template-columns:minmax(0,1fr) 280px;gap:15px}.muster-stage{padding:20px}.muster-teams{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:6px}.muster-seat{column-gap:8px;padding:17px 10px 13px}.muster-seat .name-avatar{width:36px!important;height:36px!important;font-size:15px!important}.muster-seat-person>strong{font-size:11px}.party-member{padding:21px 8px}.party-member-emblem{width:82px;height:82px}.party-member-emblem .name-avatar{width:63px!important;height:63px!important;font-size:27px!important}.muster-actions{flex-direction:column;align-items:flex-start;gap:20px}.muster-action-buttons{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}@media (width<=860px){.war-hero{min-height:292px}.war-hero-copy{max-width:88%}.war-hero-copy>p{max-width:400px}.war-hero-rule{margin-top:17px}.war-tutorial{min-width:0;padding:9px 13px;bottom:18px;right:20px}.war-tutorial small{display:none}.war-tutorial>.lobby-icon:first-child{width:20px;height:20px}.war-entry-grid{grid-template-columns:1fr}.war-entry{border-right:0}.war-entry:not(:last-child){border-bottom:1px solid var(--lobby-line)}.war-entry{padding:22px}.war-panel{padding:24px}.war-panel-heading{align-items:flex-start;gap:15px}.war-panel-heading h3{font-size:21px}.war-panel-note{text-align:right;max-width:160px;font-size:10px;line-height:1.8}.war-party-grid{grid-template-columns:1fr}.war-party-grid>.lobby-code-form{border-left:0;border-top:1px solid var(--lobby-line);padding:24px 0 6px}.war-party-create{padding-bottom:27px}.room-invite-card{gap:20px;padding:22px}.room-invite-emblem{width:60px;height:60px}.room-invite-emblem>.lobby-icon{width:36px;height:36px}.room-directory-empty:before,.room-directory-empty:after{width:18%}.muster-layout{grid-template-columns:1fr}.muster-sidebar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.party-muster .muster-sidebar{grid-template-columns:1fr}.party-muster .lobby-chat-log{min-height:180px;max-height:260px}.muster-heading{gap:20px;margin-top:25px;margin-bottom:26px}.lobby-invite{min-width:250px}.lobby-invite strong{font-size:23px}.muster-actions{flex-direction:row;align-items:center}.muster-action-buttons{flex-direction:column;align-items:center;width:auto}.muster-seat{min-height:110px;padding:18px}.muster-seat .name-avatar{width:48px!important;height:48px!important;font-size:20px!important}.muster-seat-person>strong{font-size:12px}}@media (width<=560px){.war-hero{background-position:50%,64%;min-height:310px;padding:25px 22px}.war-hero-copy{max-width:100%}.war-hero h2{letter-spacing:.025em;font-size:28px}.war-hero-copy>p{max-width:280px;font-size:11px}.war-hero-rule{font-size:9px}.war-tutorial{bottom:20px;left:22px;right:auto}.war-entry-grid{margin-top:12px}.war-entry{column-gap:10px;padding:21px 13px}.war-entry>strong{font-size:13px}.war-entry>.lobby-icon:not(.war-entry-arrow){width:25px;height:25px}.war-entry>span:not(.war-entry-index){font-size:9px}.war-panel{padding:21px 16px}.war-panel-heading{flex-wrap:wrap;margin-bottom:22px}.war-panel-heading h3{font-size:20px}.war-panel-note{margin-top:2px}.war-panel.room .war-panel-heading>.war-tabs{width:100%}.war-panel.room .war-panel-heading>.war-tabs button{flex:1}.war-mode-picker{gap:7px}.war-mode-picker button{padding:18px 9px 14px}.war-mode-number{min-width:0;font-size:23px}.war-mode-picker strong{font-size:11px}.war-mode-picker .war-mode-description{font-size:11px;line-height:1.65}.war-launch{flex-direction:column;align-items:stretch;gap:14px}.war-launch>p{max-width:100%}.war-launch>.lobby-button{width:100%;min-width:0}.war-room-settings{grid-template-columns:1fr;gap:19px}.war-room-settings .war-tabs{display:flex}.war-room-settings .war-tabs button{flex:1}.war-ai-picker{gap:7px}.war-ai-picker button{flex-direction:column;gap:10px;padding:17px 8px}.war-ai-picker .war-ai-reward{margin:0;font-size:11px}.room-invite-card{padding:21px 16px}.room-invite-emblem{display:none}.lobby-code-form>label{font-size:16px}.lobby-code-controls{grid-template-columns:1fr 1fr;display:grid}.lobby-code-controls input{text-align:center;grid-column:1/-1;width:100%;padding:13px}.war-party-grid .lobby-code-controls{grid-template-columns:1fr}.room-directory-head h3{font-size:19px}.room-directory-head .lobby-button{padding:8px 10px;font-size:10px}.room-directory-head .lobby-eyebrow{font-size:9px}.room-directory-filters{justify-content:space-between;gap:9px}.room-directory-filters button{font-size:10px}.room-directory-empty{padding:27px 16px}.room-directory-empty h4{font-size:18px}.room-directory-empty p{max-width:220px;font-size:10px}.room-directory-empty:before,.room-directory-empty:after{display:none}.muster-page{background-size:auto,auto 550px,auto;padding:15px 15px 30px}.muster-heading{flex-direction:column;align-items:stretch;margin:24px 0 20px}.muster-heading h2{margin-top:9px;font-size:32px}.lobby-invite{padding:15px 18px}.lobby-invite>div{justify-content:space-between}.muster-stage{padding:19px 14px}.muster-section-heading{padding-bottom:17px}.muster-sidebar{grid-template-columns:1fr}.party-formation{grid-template-columns:1fr;gap:10px;padding-top:20px}.party-member{grid-template-columns:56px minmax(0,1fr);gap:6px 15px;min-height:135px;padding:20px 17px;display:grid}.party-member-role{grid-area:1/2;padding-right:18px;font-size:10px}.party-member-emblem{grid-area:1/1/5;width:56px;height:56px;margin:0}.party-member-emblem .name-avatar{width:48px!important;height:48px!important;font-size:22px!important}.party-member h4{text-align:left;white-space:normal;overflow-wrap:anywhere;grid-area:2/2;font-size:13px;line-height:1.5}.party-member.vacant{min-height:110px}.party-member.vacant h4{grid-row:1;font-size:13px}.party-member.vacant p{text-align:left;grid-area:2/2/4;max-width:none;margin:0;font-size:11px}.party-member-index{font-size:9px;top:8px;left:8px}.party-member-you{grid-area:3/2;margin:0;font-size:10px}.party-member:not(.you) .party-member-you{display:none}.party-member .lobby-ready-badge{grid-area:4/2;justify-self:start;gap:4px;font-size:11px}.party-member:not(.you) .lobby-ready-badge{grid-row:3}.party-member .lobby-ready-badge .lobby-icon{width:12px;height:12px}.party-remove{width:32px;height:32px;top:3px;right:3px}.muster-actions{flex-direction:column;align-items:stretch;gap:19px}.muster-action-buttons{align-items:stretch;width:100%}.muster-actions>.lobby-button,.muster-action-buttons>.lobby-button{width:100%}.muster-readiness p{max-width:none}.muster-teams{grid-template-columns:1fr;gap:16px}.muster-versus{justify-content:center;height:17px;padding-top:0}.muster-versus>span{padding:2px 14px}.muster-versus i{background:var(--realm-line-strong);width:100%;height:1px;inset:8px 0 auto}.muster-seat{grid-template-columns:auto 1fr auto;min-height:94px;padding:16px}.muster-seat .name-avatar{grid-row:auto}.muster-seat-person>strong{font-size:13px}.muster-seat .lobby-ready-badge{font-size:9px}.muster-seat.vacant{min-height:87px}.muster-bench>header{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.lobby-icon.spinning,.room-loading-card{animation:none}.lobby-button,.war-entry,.war-entry-arrow,.room-directory-card{transition:none}}.war-join-preparation{border:1px solid var(--realm-line);background:var(--realm-panel-background);margin-top:22px;padding:22px 28px}.prep-room-invite{border-top:1px solid var(--realm-line);margin-top:22px;padding-top:22px}.war-option-hint{color:var(--realm-muted);margin:12px 0;font-size:12px;line-height:1.8}.war-fun-picker{flex-wrap:wrap;display:flex}.war-fun-picker button{flex:1;min-height:42px}.prep-settings{border-top:1px solid var(--realm-line);margin-bottom:22px;padding-top:20px}.prep-settings .battle-setup-options{margin-top:20px}.prep-settings .war-mode-picker button{column-gap:10px;padding:16px 12px}.prep-settings .war-mode-number{min-width:42px;font-size:21px}.prep-visibility h4{color:var(--realm-muted);margin:0 0 10px;font-size:12px;font-weight:500}@media (width<=560px){.war-join-preparation{padding:20px 16px}.prep-settings .muster-section-heading{align-items:flex-start;gap:12px}.prep-settings .muster-section-heading>span{text-align:right;max-width:50%}}.realm-lobby{height:100dvh;min-height:0;color:var(--realm-text);background:var(--realm-shell-background);font-family:Segoe UI,Microsoft JhengHei,system-ui,sans-serif;overflow:hidden}.realm-lobby .lobby-header{border-bottom:1px solid var(--realm-line);background:color-mix(in srgb, var(--realm-base) 94%, transparent);box-shadow:none;flex:0 0 78px;gap:24px;padding:12px 28px;position:relative}.realm-lobby .lobby-brand-btn{background:0 0;border:0;gap:13px;padding:0}.realm-lobby .brand-text{letter-spacing:.09em;text-align:left;white-space:nowrap;font-size:19px;line-height:1.35}.realm-lobby .brand-text small{color:var(--realm-muted);letter-spacing:.2em;margin-top:4px;font-size:10px}.realm-lobby img.brand-mark{filter:none;width:38px;height:38px}.realm-lobby .brand-shattered-tree-tag{color:var(--realm-dim);margin-left:8px}.realm-lobby .lobby-account{flex-wrap:wrap;justify-content:flex-end;gap:16px;font-size:12px}.realm-lobby .lobby-user{color:var(--realm-text);text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.realm-lobby .lobby-chip{border:0;border-left:1px solid var(--realm-line);background:0 0;border-radius:0;padding:6px 10px;font-size:12px}.realm-lobby .lobby-chip.accent{color:var(--realm-accent);border-color:var(--realm-line)}.realm-lobby .lobby-logout{color:var(--realm-muted);border:0;padding:7px 0;font-size:12px}.realm-lobby .lobby-body{flex:1;min-height:0;overflow:hidden}.realm-lobby .lobby-nav{background:color-mix(in srgb, var(--realm-base) 88%, transparent);border-right:1px solid var(--realm-line);scrollbar-width:thin;flex:0 0 226px;gap:14px;width:226px;padding:25px 16px 18px;overflow-y:auto}.realm-lobby .nav-hero{border:0;border-bottom:1px solid var(--realm-line);text-align:left;background:0 0;border-radius:0;flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 1px;padding:0 14px 21px;display:flex}.nav-world-label{color:var(--realm-accent);letter-spacing:.16em;font-size:10px}.nav-hero>strong{letter-spacing:.07em;font-family:Georgia,Noto Serif TC,PMingLiU,serif;font-size:21px}.nav-connection{color:var(--realm-muted);align-items:center;gap:6px;font-size:10px;display:flex}.nav-connection i{background:#d4af79;border-radius:50%;width:5px;height:5px}.nav-connection.live i{background:#7bbaa9;box-shadow:0 0 7px #7bbaa940}.realm-lobby .nav-group{flex-direction:column;flex:none;gap:3px;display:flex}.nav-group-label{color:var(--realm-dim);letter-spacing:.18em;padding:0 14px 6px;font-size:10px}.realm-lobby .lobby-nav button{min-height:41px;color:var(--realm-muted);border:1px solid #0000;border-radius:8px;gap:13px;padding:9px 14px;font-size:13px}.realm-lobby .lobby-nav button:hover{color:#f4f8fc;background:#ffffff07}.realm-lobby .lobby-nav button.active{color:var(--realm-text);background:linear-gradient(90deg, var(--realm-selection), transparent);border-color:var(--realm-line-strong);box-shadow:none}.realm-lobby .lobby-nav button:before{background:var(--realm-accent);width:2px;box-shadow:none;opacity:0;border-radius:0;left:0}.realm-lobby .lobby-nav button.active:before{opacity:1}.realm-lobby .lobby-nav .nav-icon{width:18px;height:20px;color:inherit;flex:0 0 18px;align-items:center;display:flex;transform:none}.game-icon{flex-shrink:0;width:19px;height:19px;display:block}.realm-lobby .nav-badge{border-radius:3px;margin-left:auto;font-size:10px}.realm-lobby .nav-dot{margin-left:auto}.nav-career{border-top:1px solid var(--realm-line);margin-top:auto;padding:18px 12px 0}.nav-career-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.realm-lobby .nav-hero-rating{color:var(--realm-accent);letter-spacing:-.035em;background:0 0;font-size:23px;font-weight:500}.realm-lobby .tier-badge{border-radius:3px;font-size:10px}.nav-career-stats{justify-content:space-between;gap:12px;margin-top:12px;display:flex}.nav-career-stats>span{color:var(--realm-dim);flex-direction:column;gap:4px;font-size:9px;display:flex}.nav-career-stats b{color:var(--realm-muted);font-size:12px;font-weight:500}.realm-lobby .lobby-content{scrollbar-width:thin;scrollbar-color:#50667c55 transparent;flex:1;min-width:0;padding:24px 38px 36px;overflow:hidden auto}.realm-breadcrumb{letter-spacing:.06em;color:var(--realm-muted);align-items:center;gap:13px;max-width:1500px;margin:0 auto 20px;font-size:11px;display:flex}.realm-breadcrumb i{opacity:.4;font-style:normal}.realm-breadcrumb strong{color:var(--realm-accent);font-weight:400}.realm-lobby .lobby-content>.tab-view{max-width:1500px;margin:auto}.realm-lobby .page{max-width:1500px}.realm-lobby .page-head{border-bottom:1px solid var(--realm-line);margin-bottom:26px;padding-bottom:22px}.realm-lobby .page-head h2{letter-spacing:.07em;margin:0;font-family:Georgia,Noto Serif TC,PMingLiU,serif;font-size:clamp(26px,2.5vw,36px);font-weight:500}.realm-lobby .page-head p{color:var(--realm-muted)}.realm-lobby :is(.shop-card,.account-identity,.account-preferences,.news-card,.mail-card,.inv-card){background:var(--realm-panel-background);border-color:var(--realm-line);box-shadow:none;border-radius:12px}.realm-lobby .shop-card{transition:border-color .2s,transform .2s;overflow:hidden}.realm-lobby .shop-card:hover{border-color:var(--realm-line-strong);transform:translateY(-2px)}.realm-lobby .shop-featured{background:linear-gradient(100deg, var(--realm-surface-raised), var(--realm-surface));border-color:var(--realm-line-strong);border-radius:12px}.realm-lobby :is(.shop-section-title,.inv-title,.codex-title){color:var(--realm-text);letter-spacing:.07em}.realm-lobby :is(.shop-buy,.pvp-go,.modal-confirm){background:var(--realm-accent);color:var(--realm-on-accent);border:1px solid var(--realm-accent);box-shadow:none;text-shadow:none;border-radius:8px}.realm-lobby :is(.shop-buy,.pvp-go,.modal-confirm):disabled{background:var(--realm-surface-raised);color:var(--realm-dim);border-color:var(--realm-line)}.realm-lobby :is(.codex-tabs,.shop-tabs,.inv-tabs) button,.realm-lobby :is(input,textarea,select){border-radius:8px}.realm-lobby :is(button,a,input,textarea,select):focus-visible,.bf-page :is(button,input,textarea):focus-visible{outline:2px solid var(--realm-accent,#d1ebf3);outline-offset:4px}.realm-lobby .resume-modal{border:1px solid var(--realm-line-strong);background:var(--realm-panel-background);border-radius:16px;padding:34px;box-shadow:0 35px 120px #0009}.realm-lobby .resume-modal-backdrop{background:color-mix(in srgb, var(--realm-base) 75%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.realm-lobby .pve-resume-text strong{color:var(--realm-text);font-family:Georgia,Noto Serif TC,PMingLiU,serif;font-size:24px;font-weight:500}.realm-lobby .pve-resume-text span{color:var(--realm-muted);line-height:1.8}.tutorial-series-character-reward,.tutorial-objective-character-reward{color:#cae4d9;font-size:12px;line-height:1.6;display:block}.shop-tutorial-reward{color:#c6e4da;margin:0;font-size:12px;line-height:1.6}.realm-lobby .tutorial-series-card{border-color:var(--realm-line);border-radius:12px}.realm-lobby .tutorial-series-reward{color:var(--reward-track)}.realm-lobby .tutorial-select-card{background:var(--realm-surface-deep);border-color:var(--realm-line-strong);border-radius:16px;padding:28px}.realm-lobby .tutorial-select-title{font-family:Georgia,Noto Serif TC,PMingLiU,serif;font-size:28px;font-weight:500}.realm-lobby .tutorial-series{border-color:var(--realm-line);background:var(--realm-surface);border-radius:10px;padding:18px}.realm-lobby .tutorial-series.with-character{background:linear-gradient(145deg, var(--realm-surface-raised), var(--realm-surface));border-color:var(--realm-line-strong)}.realm-lobby .tutorial-series-character-reward{border-top:1px solid var(--realm-line);align-items:center;gap:9px;margin-top:12px;padding-top:10px;display:flex}.tutorial-series-character-reward img{object-fit:cover;border:1px solid #b9d7e277;border-radius:50%;width:34px;height:34px}.realm-lobby .shop-featured-art .game-icon{width:56px;height:56px;color:var(--realm-accent)}.realm-lobby .empty-state-icon .game-icon{width:32px;height:32px}.realm-lobby:lang(ja){font-family:Yu Gothic UI,Yu Gothic,Meiryo,sans-serif}@media (width>=1700px){.realm-lobby .lobby-content{padding-left:54px;padding-right:54px}}@media (width<=1200px){.realm-lobby .lobby-header{gap:18px;padding:12px 20px}.realm-lobby .lobby-account{gap:9px}.realm-lobby .lobby-user{max-width:95px}.realm-lobby .lobby-nav{flex-basis:190px;width:190px;padding:20px 10px}.realm-lobby .lobby-content{padding:22px 25px 32px}}@media (width<=950px) and (width>=761px){.realm-lobby .lobby-nav{flex-basis:78px;align-items:stretch;gap:18px;width:78px;padding:22px 10px}.realm-lobby .nav-hero,.realm-lobby .nav-group-label,.realm-lobby .nav-career{display:none}.realm-lobby .lobby-nav button{justify-content:center;padding:12px;position:relative}.realm-lobby .nav-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.realm-lobby .nav-badge,.realm-lobby .nav-dot{position:absolute;top:1px;right:2px}.realm-lobby .lobby-user{display:none}}@media (width<=760px){.realm-lobby{height:auto;min-height:100dvh;overflow:visible}.realm-lobby .lobby-header{flex-wrap:wrap;flex:none;gap:16px;padding:16px 18px 12px;position:relative}.realm-lobby .lobby-brand-btn{flex:1}.realm-lobby .lobby-account{border-top:1px solid var(--realm-line);justify-content:flex-start;gap:8px;width:100%;padding-top:12px}.realm-lobby .lobby-user{display:none}.realm-lobby .lobby-chip{padding:4px 7px;font-size:11px}.realm-lobby .lobby-logout{margin-left:auto}.realm-lobby .lobby-body{display:block;overflow:visible}.realm-lobby .lobby-nav{border-right:0;border-bottom:1px solid var(--realm-line);flex-flow:row;gap:12px;width:100%;max-width:100%;padding:10px 12px;display:flex;overflow:auto hidden}.realm-lobby .nav-hero,.realm-lobby .nav-career,.realm-lobby .nav-group-label{display:none}.realm-lobby .nav-group{flex-flow:row;gap:2px;display:flex}.realm-lobby .lobby-nav button{white-space:nowrap;flex-direction:column;flex:none;gap:5px;min-width:70px;min-height:57px;padding:8px 10px;font-size:11px;position:relative}.realm-lobby .lobby-nav button:before,.realm-lobby .lobby-nav button.active:before{width:auto;height:2px;inset:auto 12px 0;transform:none}.realm-lobby .nav-badge,.realm-lobby .nav-dot{position:absolute;top:3px;right:6px}.realm-lobby .lobby-content{padding:18px 16px 30px;overflow:visible}.realm-breadcrumb{margin-bottom:16px;font-size:10px}.realm-lobby .page-head{padding-bottom:18px}.realm-lobby .resume-modal{max-width:calc(100vw - 32px);padding:26px 23px}}@media (prefers-reduced-motion:reduce){.realm-lobby *,.bf-page *{scroll-behavior:auto!important;transition-duration:0s!important;animation:none!important}}.war-entry-grid{border-radius:16px 16px 0 0;overflow:hidden}.war-panel{border-radius:0 0 18px 18px}.war-hero,.room-invite-card{border-radius:18px}.war-tutorial,.room-directory-card,.muster-settings,.muster-stage,.lobby-chat{border-radius:12px}.war-entry{transition:background .2s,box-shadow .2s}.war-entry>.lobby-icon{transition:transform .25s}.war-entry:hover>.lobby-icon,.war-entry:focus-visible>.lobby-icon{transform:translateY(-3px)}.war-mode-picker button,.war-ai-picker button{--fx-color:var(--realm-accent,#9cddf2);isolation:isolate;border-color:var(--realm-line-strong,#435a68);background:linear-gradient(120deg, var(--realm-surface-raised,#1a2c3b), var(--realm-surface-deep,#0b1925));border-radius:13px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 4px 16px #00000014}.war-mode-picker button{min-height:122px;padding:24px 22px}.war-mode-picker .war-mode-description{max-width:28em}.war-mode-picker button>:not(.card-fx):not(i),.war-ai-picker button>:not(.card-fx){z-index:1;position:relative}.war-mode-picker button>i{z-index:1;position:absolute;top:11px;right:11px}.war-mode-picker button:hover,.war-mode-picker button:focus-visible,.war-ai-picker button:hover,.war-ai-picker button:focus-visible{border-color:color-mix(in srgb, var(--fx-color) 65%, var(--realm-line-strong));transform:translateY(-3px);box-shadow:inset 0 1px #ffffff12,0 7px 24px #0000002b}.war-mode-picker button.selected,.war-ai-picker button.selected{border-color:color-mix(in srgb, var(--fx-color) 80%, white 10%);background:linear-gradient(120deg, color-mix(in srgb, var(--fx-color) 13%, var(--realm-surface)), var(--realm-surface-deep));box-shadow:inset 0 0 22px color-mix(in srgb, var(--fx-color) 7%, transparent), 0 0 18px color-mix(in srgb, var(--fx-color) 9%, transparent)}.war-mode-picker button:active,.war-ai-picker button:active{transform:translateY(0)scale(.99)}.war-mode-picker button.selected .war-mode-number{color:var(--realm-accent)}.war-mode-picker button[data-card-effect=relay]{--fx-color:var(--realm-warm)}.war-mode-picker button[data-card-effect=squad]{--fx-color:var(--realm-teal)}.war-ai-picker button{flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;min-height:108px;padding:21px 22px}.war-ai-heading{align-items:center;gap:11px;display:flex}.war-ai-picker .war-ai-heading strong{color:#eff6fa;letter-spacing:.05em;font-size:16px;font-weight:600}.war-ai-picker .war-ai-reward{color:#b6c9d3;letter-spacing:.015em;font-size:11px}.war-ai-picker .war-difficulty{color:var(--fx-color)}.war-ai-picker button.tier-0{--fx-color:#8bcfcd}.war-ai-picker button.tier-1{--fx-color:#eac387}.war-ai-picker button.tier-2{--fx-color:#ff9768}.war-ai-picker button.tier-1.selected{background:linear-gradient(120deg, #362d23, var(--realm-surface-deep));color:#f4d295;border-color:#bd985d}.war-ai-picker button.tier-2.selected{color:#ffd0aa;background:linear-gradient(115deg,#37242a,#381e1e);border-color:#ed996e;box-shadow:inset 0 0 25px #ff702410,0 0 18px #c64d1820}.war-ai-picker button.tier-2.selected .war-ai-reward{color:#ebc2b0}.war-loan-note{color:var(--realm-accent);align-items:flex-start;gap:9px;margin:14px 0 0;font-size:12px;line-height:1.7;display:flex}.war-loan-note .lobby-icon{width:17px;height:17px;margin-top:2px}.card-fx{border-radius:inherit;z-index:0;pointer-events:none;color:var(--fx-color);contain:paint;position:absolute;inset:0;overflow:hidden}.card-fx-glow{background:radial-gradient(ellipse, color-mix(in srgb, var(--fx-color) 25%, transparent), transparent 67%);opacity:.42;border-radius:50%;width:70%;height:120%;animation:4.8s ease-in-out infinite card-glow;position:absolute;bottom:-55%;right:-15%;transform:scale(.9)}.card-fx-sheen{opacity:0;background:linear-gradient(115deg,#0000 44%,#ffffff08 49%,#0000 54%);animation:5.8s ease-in-out infinite card-sheen;position:absolute;inset:-50%;transform:translate(-45%)}.card-fx-ring{opacity:.12;border:1px solid;border-radius:50%;width:74px;height:74px;animation:4.5s ease-out infinite card-wave;position:absolute;top:14%;right:10%;transform:scale(.8)}.card-fx-ring.second{animation-delay:-2.2s}.card-fx-particle{width:3px;height:3px;left:var(--fx-x);opacity:0;animation:card-rise var(--fx-duration) var(--fx-delay) ease-out infinite;background:currentColor;border-radius:50%;position:absolute;bottom:-6px;box-shadow:0 0 5px}.fx-easy .card-fx-ring{opacity:.13;width:54px;height:54px;top:24%;right:16%}.fx-easy .card-fx-particle{background:#b5ede5;width:4px;height:4px}.fx-hard .card-fx-ring{border-style:dashed;border-radius:16%;animation-name:card-charge;transform:rotate(45deg)}.fx-hard .card-fx-particle{border-radius:1px;width:2px;height:10px;box-shadow:0 0 8px #e4b97866}.fx-inferno .card-fx-ring{display:none}.fx-inferno .card-fx-glow{opacity:.68;background:radial-gradient(at bottom,#ff86247a,#ef45122b 38%,#0000 72%);height:100%;bottom:-37%;right:-5%}.fx-inferno .card-fx-particle{background:#ffce79;border-radius:60% 40% 70% 30%;width:3px;height:6px;box-shadow:0 0 5px #ff813f,0 0 10px #ff581d88}.card-fx-flame{transform-origin:50% 100%;filter:blur(1px);opacity:.42;background:linear-gradient(5deg,#ff632bbb,#ff9e3266 52%,#ffd79c07 90%);border-radius:75% 12% 65% 35%;width:54px;height:89px;animation:3.3s ease-in-out infinite alternate card-flame;position:absolute;bottom:-24px;right:8%;transform:rotate(-12deg)scale(.82)}.card-fx-flame.flame-1{width:39px;height:60px;animation-duration:2.7s;animation-delay:-1.7s;right:20%}.card-fx-flame.flame-2{width:47px;height:73px;animation-duration:3.9s;animation-delay:-2.4s;right:0}.card-fx-formation{width:188px;height:100%;color:var(--fx-color);opacity:.2;position:absolute;bottom:-6px;right:-24px}.card-fx-link{stroke:currentColor;stroke-width:1px;stroke-dasharray:5 7;animation:9s linear infinite card-link}.card-fx-node{stroke:currentColor;stroke-width:1px;opacity:.8;animation:card-node 4s var(--fx-delay) ease-in-out infinite}.card-fx-node circle:last-child{fill:currentColor}.fx-duel .card-fx-formation{transform:rotate(-10deg)}.fx-relay .card-fx-formation{transform-origin:50%;animation:24s linear infinite card-orbit}.fx-squad .card-fx-formation{width:180px;right:-8px}.card-fx[data-motion] *{animation-play-state:paused}button:is(.selected,:hover,:focus-visible):not(:disabled)>.card-fx[data-motion=ready] *{animation-play-state:running}button:is(.selected,:hover,:focus-visible):not(:disabled)>.card-fx .card-fx-formation{opacity:.32}button:disabled>.card-fx{opacity:.2}@keyframes card-glow{0%,to{opacity:.4;transform:scale(.88)}50%{opacity:.8;transform:scale(1.15)}}@keyframes card-rise{0%{opacity:0;transform:translate(0,0)scale(.5)}20%{opacity:.7}80%{opacity:.45}to{transform:translate3d(var(--fx-drift), -116px, 0) scale(.3);opacity:0}}@keyframes card-flame{0%{opacity:.32;transform:rotate(-15deg)scale(.7,.73)}to{opacity:.6;transform:rotate(6deg)scale(1.1,1.18)}}@keyframes card-wave{0%{opacity:.28;transform:scale(.55)}to{opacity:0;transform:scale(1.65)}}@keyframes card-charge{0%{opacity:.16;transform:rotate(45deg)scale(.7)}50%{opacity:.35}to{opacity:0;transform:rotate(135deg)scale(1.4)}}@keyframes card-sheen{0%,55%{opacity:0;transform:translate(-45%)}65%{opacity:.7}to{opacity:0;transform:translate(45%)}}@keyframes card-link{to{stroke-dashoffset:-72px}}@keyframes card-node{0%,to{opacity:.4}50%{opacity:1}}@keyframes card-orbit{to{transform:rotate(360deg)}}@media (width<=760px){.war-ai-picker{gap:9px}.war-ai-picker button{gap:11px;min-height:116px;padding:15px 11px}.war-ai-heading{flex-wrap:wrap;gap:7px}.war-ai-picker .war-ai-heading strong{font-size:14px}.war-ai-picker .war-ai-reward{font-size:11px;line-height:1.7}.war-mode-picker button{min-height:158px;padding:18px 11px}.card-fx-formation{opacity:.12;width:120px;right:-40px}button:is(.selected,:hover,:focus-visible):not(:disabled)>.card-fx .card-fx-formation{opacity:.2}.card-fx-flame{opacity:.24;right:-18%}.card-fx-flame.flame-1{right:5%}}@media (prefers-reduced-motion:reduce){.card-fx *,button:is(.selected,:hover,:focus-visible):not(:disabled)>.card-fx[data-motion=ready] *{animation:none!important}.card-fx-particle,.card-fx-sheen{display:none}.war-mode-picker button,.war-ai-picker button,.war-entry>.lobby-icon{transition:none;transform:none!important}}@media (width<=480px){.war-mode-picker{grid-template-columns:1fr;gap:10px}.war-mode-picker button{grid-template-columns:74px 1fr;gap:7px 16px;min-height:110px;padding:19px}.war-mode-picker .war-mode-number{grid-area:1/1/3;align-self:center;margin:0}.war-mode-picker strong,.war-mode-picker .war-mode-description{grid-column:2}.war-mode-picker strong{font-size:13px}.card-fx-formation{width:162px;right:-25px}}.realm-theme{--realm-base:#11151b;--realm-surface:#1b222a;--realm-surface-raised:#2a343e;--realm-surface-deep:#10171e;--realm-text:#eef0ed;--realm-muted:#b5bec5;--realm-dim:#8998a4;--realm-line:#b5c4cc29;--realm-line-strong:#bbccd659;--realm-accent:#c7d5db;--realm-warm:#d3c29f;--realm-teal:#a4c8bf;--realm-on-accent:#172026;--realm-art:none;--realm-art-position:center 48%;--realm-glow:#495360;--realm-particle:#e1ebef;--realm-ink:var(--realm-base);--realm-panel:var(--realm-surface);--realm-selection:color-mix(in srgb, var(--realm-accent) 15%, transparent);--realm-panel-background:linear-gradient(145deg, color-mix(in srgb, var(--realm-surface) 94%, transparent), color-mix(in srgb, var(--realm-surface-deep) 97%, transparent));--realm-shell-background:radial-gradient(ellipse at 92% 0, color-mix(in srgb, var(--realm-glow) 45%, transparent), transparent 63%), var(--realm-base);--realm-hero-background:linear-gradient(90deg, color-mix(in srgb, var(--realm-surface-deep) 94%, transparent), color-mix(in srgb, var(--realm-surface-deep) 53%, transparent) 54%, color-mix(in srgb, var(--realm-surface-deep) 9%, transparent)), var(--realm-art) var(--realm-art-position) / cover, var(--realm-surface-deep);--realm-stage-background:linear-gradient(180deg, color-mix(in srgb, var(--realm-base) 52%, transparent), var(--realm-base) 720px), var(--realm-art) center top / 100% auto no-repeat, var(--realm-base);--lobby-ink:var(--realm-text);--lobby-muted:var(--realm-muted);--lobby-dim:var(--realm-dim);--lobby-line:var(--realm-line);--lobby-gold:var(--realm-warm);--lobby-teal:var(--realm-teal)}.realm-theme.theme-snowpass{--realm-base:#09131e;--realm-surface:#132734;--realm-surface-raised:#294653;--realm-surface-deep:#0b1b27;--realm-text:#edf6f7;--realm-muted:#adc6d1;--realm-dim:#809fab;--realm-line:#add0df2e;--realm-line-strong:#b9e1ef63;--realm-accent:#a7ddec;--realm-warm:#dfc89b;--realm-teal:#98d3ca;--realm-on-accent:#102b39;--realm-art:url(/art/backgrounds/snowpass-lobby.png);--realm-glow:#315a73;--realm-particle:#d9f1ff}.realm-theme.theme-starseal{--realm-base:#110e1b;--realm-surface:#251e34;--realm-surface-raised:#45344f;--realm-surface-deep:#181222;--realm-text:#f4eef9;--realm-muted:#c4b5d0;--realm-dim:#a28dad;--realm-line:#c3a8d633;--realm-line-strong:#cfb2e169;--realm-accent:#c8adee;--realm-warm:#d9b57b;--realm-teal:#b6b8db;--realm-on-accent:#281b34;--realm-art:url(/art/backgrounds/starseal-lobby.png);--realm-art-position:center 46%;--realm-glow:#523360;--realm-particle:#e9d6ff}.lobby.realm-theme{background:var(--realm-shell-background);color:var(--realm-text)}.realm-lobby.realm-theme .nav-hero-rating{color:var(--realm-accent)}.realm-lobby.realm-theme img.brand-mark{filter:drop-shadow(0 0 9px color-mix(in srgb, var(--realm-accent) 24%, transparent))}.realm-lobby.realm-theme .lobby-nav button.active{border-color:var(--realm-line-strong);box-shadow:none}.realm-lobby .page-head h2:after{background:linear-gradient(90deg, var(--realm-warm), var(--realm-accent))}.realm-theme.muster-page{isolation:isolate;position:relative}.realm-atmosphere{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.realm-lobby>.realm-atmosphere{position:fixed}.realm-lobby>.lobby-header,.realm-lobby>.lobby-body,.muster-page>.muster-topbar,.muster-page>.muster-heading,.muster-page>.muster-layout{z-index:1;position:relative}.realm-atmosphere-haze{background:radial-gradient(ellipse at 80% 20%, color-mix(in srgb, var(--realm-glow) 19%, transparent), transparent 55%);position:absolute;inset:-15%}.realm-atmosphere-mote{width:var(--mote-size);height:var(--mote-size);background:var(--realm-particle);opacity:0;animation-duration:var(--mote-duration);animation-delay:var(--mote-delay);border-radius:50%;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}.atmosphere-snowpass .realm-atmosphere-mote{animation-name:realm-snowfall}.atmosphere-starseal .realm-atmosphere-mote{box-shadow:0 0 8px var(--realm-particle);animation-name:realm-starfrost}.realm-atmosphere[data-motion=paused] .realm-atmosphere-mote{animation-play-state:paused}.atmosphere-starseal .realm-atmosphere-haze{background:radial-gradient(at 86% 18%,#bd8fd419,#0000 42%),radial-gradient(at 15% 75%,#be96690b,#0000 50%)}@keyframes realm-snowfall{0%{opacity:0;transform:translateY(-70px)}15%,70%{opacity:.34}to{opacity:0;transform:translate(-65px,260px)}}@keyframes realm-starfrost{0%{opacity:0;transform:translate(-20px,48px)scale(.8)}25%,65%{opacity:.42}to{opacity:0;transform:translate(45px,-65px)scale(1.1)}}@media (prefers-reduced-motion:reduce){.realm-atmosphere-mote{opacity:.18;animation:none}}@media (width<=760px){.realm-atmosphere-mote:nth-of-type(n+10){display:none}}.war-hero.realm-banner{padding-bottom:78px}.realm-banner-art{z-index:-1;pointer-events:none;position:absolute;inset:0}.realm-banner-art img{object-fit:cover;object-position:var(--realm-art-position);width:100%;height:100%;animation:.65s ease-out realm-banner-in}.realm-banner-art:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--realm-surface-deep) 94%, transparent), color-mix(in srgb, var(--realm-surface-deep) 53%, transparent) 54%, color-mix(in srgb, var(--realm-surface-deep) 9%, transparent));position:absolute;inset:0}.realm-banner-controls{z-index:2;border:1px solid var(--realm-line-strong);background:color-mix(in srgb, var(--realm-surface-deep) 88%, transparent);border-radius:20px;align-items:center;gap:5px;padding:3px 6px;display:flex;position:absolute;bottom:20px;left:40px}.realm-banner-controls button{width:30px;height:30px;color:var(--realm-text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:20px;line-height:1;display:grid}.realm-banner-controls button:hover{background:var(--realm-selection)}.realm-banner-controls button:focus-visible{outline:2px solid var(--realm-accent);outline-offset:2px}.realm-banner-dots{display:flex}.realm-banner-dots button{width:23px}.realm-banner-dots i{background:var(--realm-muted);opacity:.45;border-radius:50%;width:5px;height:5px}.realm-banner-dots [aria-current=true] i{opacity:1;background:var(--realm-accent);width:7px;height:7px}.realm-banner-controls .realm-banner-play{border-left:1px solid var(--realm-line);border-radius:0;margin-left:3px;font-size:15px}@keyframes realm-banner-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.realm-banner-art img{animation:none}}@media (width<=760px){.war-hero.realm-banner{padding-bottom:130px}.realm-banner-controls{bottom:16px;left:22px}.realm-banner-controls button{width:36px;height:36px}.realm-banner-dots button{width:28px}.realm-banner .war-tutorial{bottom:75px;left:22px;right:auto}.realm-banner-art img{object-position:64% center}.realm-banner-art:after{background:linear-gradient(90deg, color-mix(in srgb, var(--realm-surface-deep) 94%, transparent), color-mix(in srgb, var(--realm-surface-deep) 68%, transparent) 70%, color-mix(in srgb, var(--realm-surface-deep) 42%, transparent))}}