: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:#ffd4791f;border:1px solid #ffd479;border-radius:8px;align-items:center;gap:10px;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}.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-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-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;background:linear-gradient(165deg,#181c2cfa,#0e111bfc);border:1px solid #7a9bff80;border-radius:16px;width:min(400px,92vw);padding:16px 18px 14px;transition:top .22s,left .22s;position:fixed;box-shadow:0 18px 48px #0000008c}.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;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{align-items:center;gap:10px;display:flex}.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,92vw);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-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<=720px){.topbar{gap:10px;padding:5px 12px;font-size:12px;top:8px}.left-column{gap:8px;width:44vw;max-width:190px;max-height:46vh;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{z-index:4;pointer-events:none;flex-direction:column;gap:8px;width:44vw;max-width:190px;max-height:calc(100vh - 280px);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-row{-webkit-overflow-scrolling:touch;justify-content:flex-start;align-self:stretch;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}}