*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080c12;--panel-bg:#0e1520;--panel-border:#1e2d42;--text:#c0cce0;--text-dim:#5a7090;--gold:#c8a448;--common:#9d9d9d;--uncommon:#1eff00;--rare:#0070dd;--epic:#a335ee}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;font-size:14px}button{font-family:inherit}#root{width:100%;min-height:100vh}.title-scene{background:#0a1310;position:fixed;inset:0;overflow:hidden}.title-canvas{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.title-scene .main-menu{z-index:1;gap:1.25rem;min-height:100vh;position:relative}.title-panel{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080e146b;border:1px solid #c8a4482e;border-radius:16px;flex-direction:column;align-items:center;gap:2rem;padding:2.6rem 3.2rem;animation:.9s cubic-bezier(.16,1,.3,1) both title-panel-in;display:flex;box-shadow:0 12px 64px #0000008c,inset 0 1px #ffffff0a}@keyframes title-panel-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}.title-logo{text-align:center;flex-direction:column;align-items:center;gap:.55rem;display:flex}.title-scene .menu-title{color:var(--gold);letter-spacing:8px;text-transform:uppercase;text-shadow:0 0 8px #d2b45a99,0 0 30px #c8a44880,0 0 62px #785a1e66,0 2px 3px #000000d9;font-size:clamp(2.4rem,7.5vw,4.8rem);line-height:1;animation:4.5s ease-in-out infinite title-glow}@keyframes title-glow{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}.title-subtitle{letter-spacing:5px;text-transform:uppercase;color:var(--text-dim);text-shadow:0 1px 4px #000c;font-size:.72rem}.title-footer{z-index:1;letter-spacing:3px;text-transform:uppercase;color:#b4bec859;text-shadow:0 1px 3px #000c;margin-top:1.5rem;font-size:.62rem;position:relative}.title-scene .btn-menu-start{background:#0a10168c;padding:.7rem 2.4rem}.title-scene .btn-menu-secondary{background:#0a101666}.title-scene .save-slot-btn{background:#060c12b8}.title-scene .btn-menu-online{background:#0a101666;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.title-scene .btn-menu-online .online-dot{background:#96a0aa73;border-radius:50%;width:9px;height:9px;transition:background .2s,box-shadow .2s;box-shadow:inset 0 0 2px #0009}.title-scene .btn-menu-online.is-on{color:#cfe8c8;background:#0e1a148c;border-color:#7ec8788c}.title-scene .btn-menu-online.is-on .online-dot{background:#7ec878;box-shadow:0 0 8px #7ec878e6}.title-scene .channel-solo-link{cursor:pointer;letter-spacing:.04em;color:#becdc38c;text-underline-offset:3px;background:0 0;border:none;margin-top:.9rem;font-size:.82rem;text-decoration:underline;transition:color .15s}.title-scene .channel-solo-link:hover{color:#dcebdce6}.channel-panel{gap:1.5rem;width:min(460px,92vw)}.channel-panel .menu-title.channel-heading{letter-spacing:4px;font-size:clamp(1.6rem,4.4vw,2.6rem)}.channel-list{flex-direction:column;gap:.5rem;width:100%;display:flex}.channel-row{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#060c12b8;border:1px solid #c8a44829;border-radius:10px;align-items:center;gap:.75rem;padding:.7rem 1rem;transition:border-color .15s,background .15s;display:flex}.channel-row:hover{background:#0c141cd1;border-color:#c8a44866}.channel-row.is-selected{background:#0e1a14b3;border-color:#7ec87899;box-shadow:0 0 0 1px #7ec87847,0 0 18px #7ec87824}.channel-status-dot{background:#7ec878;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 8px #7ec878d9}.channel-name{letter-spacing:1px;font-weight:700}.channel-tag{text-transform:uppercase;letter-spacing:1px;color:#d9c07a;border:1px solid #c8a44866;border-radius:6px;padding:1px 6px;font-size:.56rem}.channel-status{color:var(--text-dim);margin-left:auto;font-size:.72rem}.channel-note{text-align:center;max-width:36ch;color:var(--text-dim);font-size:.66rem;font-style:italic}.channel-actions{flex-direction:row;justify-content:center;gap:.8rem;display:flex}@media (prefers-reduced-motion:reduce){.title-scene .menu-title,.title-panel{animation:none}}.tt-trigger{cursor:help;vertical-align:baseline;outline:none;align-items:center;display:inline-flex}.tt-info{color:#9db4d0;opacity:.65;margin-left:3px;font-size:.82em;line-height:1;transition:opacity .12s}.tt-trigger:hover .tt-info,.tt-trigger:focus-visible .tt-info{opacity:1}.tt-trigger:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #8ec9ff}.tt-bubble{z-index:200;color:#d6dee9;text-align:left;pointer-events:none;background:#0b111bfa;border:1px solid #7896be6b;border-radius:8px;width:max-content;max-width:244px;padding:7px 10px;font-size:12px;font-weight:400;line-height:1.42;animation:.1s ease-out tt-in;position:fixed;box-shadow:0 8px 24px #0000008c}.tt-below{transform:translate(-50%)}.tt-above{transform:translate(-50%,-100%)}@keyframes tt-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.tt-bubble{animation:none}}.pvp-box{width:min(620px,94vw);max-width:620px}.pvp-rankcard{background:#c8a44812;border:1px solid #c8a44847;border-radius:10px;align-items:center;gap:16px;margin-bottom:10px;padding:12px 14px;display:flex}.pvp-badge{flex-direction:column;align-items:center;min-width:96px;display:flex}.pvp-badge-icon{font-size:2rem;line-height:1.1}.pvp-badge-name{letter-spacing:.03em;text-transform:uppercase;font-size:.82em;font-weight:800}.pvp-rank-stats{flex:1}.pvp-rating{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.5em;font-weight:800}.pvp-rating-label{color:var(--text-dim);letter-spacing:.04em;font-size:.55em;font-weight:600}.pvp-wl{color:var(--text-dim);margin-top:2px;font-weight:600}.pvp-season{text-align:right}.pvp-season-name{color:var(--text);font-weight:800}.pvp-season-clock{color:var(--text-dim);margin-top:2px;font-size:.85em}.pvp-queue-btn{color:#241708;cursor:pointer;background:linear-gradient(#e6c76c,#a9812f);border:1px solid #c8a4488c;border-radius:10px;width:100%;margin-bottom:10px;padding:12px 14px;font-size:1.02em;font-weight:800;transition:filter .12s,transform 60ms}.pvp-queue-btn:hover:not(:disabled){filter:brightness(1.07)}.pvp-queue-btn:active:not(:disabled){transform:translateY(1px)}.pvp-queue-btn:disabled{filter:grayscale(.6)brightness(.85);cursor:not-allowed}.pvp-queue-on{color:var(--text);background:#78542229;border-style:dashed;animation:1.6s ease-in-out infinite pvpQueuePulse}@keyframes pvpQueuePulse{0%,to{border-color:#c8a44873}50%{border-color:#c8a448f2}}.pvp-hint{color:var(--text-dim);text-align:center;margin:-4px 0 10px;font-size:.82em}.pvp-row{grid-template-columns:40px 1fr 64px 110px}.pvp-rewards{flex-direction:column;gap:4px;max-height:46vh;display:flex;overflow-y:auto}.pvp-rewards-note{color:var(--text-dim);padding:2px 2px 8px;font-size:.88em;line-height:1.5}.pvp-rewards-fine{padding-top:8px;font-size:.8em}.pvp-reward-row{background:#ffffff08;border-radius:8px;align-items:baseline;gap:10px;padding:8px 10px;display:flex}.pvp-reward-mine{background:#c8a4481a;outline:1px solid #c8a44899}.pvp-reward-tier{min-width:140px;font-weight:800}.pvp-reward-items{color:var(--text);flex:1}.pvp-reward-cos{white-space:nowrap}.pvp-reward-now{text-transform:uppercase;letter-spacing:.04em;color:#241708;background:linear-gradient(#e6c76c,#a9812f);border-radius:5px;flex:none;padding:2px 6px;font-size:.66em;font-weight:700}.pvp-countdown{text-align:center;z-index:30;pointer-events:none;text-shadow:0 2px 12px #000c;position:absolute;top:24%;left:50%;transform:translate(-50%)}.pvp-countdown-vs{color:#e8eef6;letter-spacing:.02em;font-size:1.05em;font-weight:700}.pvp-countdown-num{color:#ffd24a;font-size:4.2em;font-weight:900;line-height:1.1;animation:1s ease-out infinite pvpCountPop}.pvp-countdown-fight{color:#ff5a4e}@keyframes pvpCountPop{0%{opacity:.4;transform:scale(1.25)}20%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(.96)}}.pvp-opp-frame{z-index:26;color:#e8eef6;pointer-events:none;background:#0a0e14d1;border:1px solid #ff5a4e73;border-radius:10px;min-width:260px;max-width:380px;padding:7px 12px 8px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.pvp-opp-line{justify-content:space-between;align-items:baseline;gap:10px;font-size:.92em;font-weight:700;display:flex}.pvp-opp-timer{color:#cdd6e2;font-variant-numeric:tabular-nums;font-size:.85em;font-weight:600}.pvp-opp-hpbar{background:#ffffff1a;border-radius:5px;height:9px;margin-top:5px;overflow:hidden}.pvp-opp-hpfill{background:linear-gradient(#ff7a6e,#cc2f24);border-radius:5px;height:100%;transition:width .18s ease-out}.pvp-verdict-title{text-align:center;color:var(--text);margin:6px 0 2px;font-size:1.5em;font-weight:800}.pvp-verdict-sub{text-align:center;color:var(--text-dim);margin-bottom:12px}.pvp-verdict-delta{text-align:center;font-variant-numeric:tabular-nums;margin-bottom:2px;font-size:1.9em;font-weight:900}.pvp-delta-up{color:#3f7d2c}.pvp-delta-down{color:#a3372b}.pvp-verdict-tier{text-align:center;margin-bottom:14px;font-weight:700}.pvp-verdict-btn{color:#241708;cursor:pointer;background:linear-gradient(#e6c76c,#a9812f);border:1px solid #c8a4488c;border-radius:10px;width:100%;padding:11px 14px;font-size:1em;font-weight:800;display:block}.pvp-verdict-btn:hover{filter:brightness(1.07)}.bank-box{width:94vw;max-width:1040px}.bank-toolbar{flex-wrap:wrap;gap:10px;margin:6px 0 10px;display:flex}.bank-cols{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.bank-col{background:#ffffff08;border:1px solid #7896be2e;border-radius:10px;min-height:120px;padding:10px}.bank-col-head{color:#d6e0ec;border-bottom:1px solid #7896be2e;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;font-size:14px;font-weight:700;display:flex}.bank-count{color:#93a1b3;background:#7896be26;border-radius:10px;padding:1px 9px;font-size:12px}.bank-grid{max-height:52vh;overflow-y:auto}@media (width<=720px){.bank-cols{grid-template-columns:1fr}}.lb-box{width:min(560px,94vw);max-width:560px}.lb-tabs{gap:8px;margin:4px 0 12px;display:flex}.lb-tab{color:#cdd6e2;cursor:pointer;background:#ffffff0a;border:1px solid #c8a44847;border-radius:8px;flex:1;padding:8px 10px;font-weight:600;transition:background .12s,border-color .12s}.lb-msg{text-align:center;color:#aab4c2;padding:34px 16px;line-height:1.6}.lb-dim{color:#7d8794;font-size:.85em}.lb-table{flex-direction:column;gap:2px;max-height:52vh;display:flex;overflow-y:auto}.lb-row{background:#ffffff08;border-radius:6px;grid-template-columns:40px 1fr 46px 92px;align-items:center;gap:6px;padding:7px 10px;display:grid}.lb-head{color:#8e97a4;text-transform:uppercase;letter-spacing:.04em;background:0 0;padding-bottom:2px;font-size:.78em}.lb-me{background:#50c8ff24;outline:1px solid #50c8ff66}.lb-rank{text-align:center;color:#cdd6e2;font-weight:700}.lb-name{color:#eaf0f7;align-items:center;gap:7px;min-width:0;font-weight:600;display:flex}.lb-name>:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-class{flex:none;font-size:1.05em}.lb-you{text-transform:uppercase;color:#0b0f14;background:#7fd0ff;border-radius:5px;flex:none;padding:1px 5px;font-size:.66em;font-weight:700}.lb-lv{text-align:center;color:#b7c0cd}.lb-val{text-align:right;font-variant-numeric:tabular-nums;color:#ffe9b0;font-weight:700}.ql-box{flex-direction:column;width:min(760px,94vw);max-height:88vh;display:flex}.ql-tabs{flex-wrap:wrap;gap:6px;margin:8px 0 12px;display:flex}.ql-tab{color:#b8c4d4;cursor:pointer;background:#141e2cb3;border:1px solid #7896be47;border-radius:7px;padding:6px 12px;font-size:13px;transition:background .12s,color .12s}.ql-tab-count{color:#cdd8e6;background:#00000052;border-radius:9px;min-width:18px;margin-left:3px;padding:0 5px;font-size:11px;display:inline-block}.ql-scroll{flex-direction:column;flex:1;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.ql-card{position:relative}.ql-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ql-main{border-left:3px solid #d8b24a}.ql-chip{text-transform:uppercase;letter-spacing:.06em;color:#e6c86a;background:#d8b24a2e;border:1px solid #d8b24a66;border-radius:999px;padding:2px 7px;font-size:10.5px}.ql-giver{color:#93a2b6;margin:1px 0 5px;font-size:12px;font-style:italic}.ql-reward{color:#d9c48f;margin-top:7px;font-size:12.5px}.ql-actions{flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.ql-btn{border-radius:7px;padding:6px 14px;font-size:13px}.ql-btn-accept{color:#eafff0;background:linear-gradient(#2f6f45,#245536)}.ql-btn-accept:hover{background:linear-gradient(#37814f,#2b613e)}.ql-btn-claim{color:#fff6e6;background:linear-gradient(#c58b2a,#a06e1f)}.ql-btn-claim:hover:not(:disabled){background:linear-gradient(#d59b34,#b17d26)}.ql-btn-claim:disabled{opacity:.45;cursor:default}.ql-locked{opacity:.66}.ql-locked-note{color:#8b97a7;font-style:italic}.ql-bounty-head{margin-bottom:4px}.ql-claimed{color:#6fe08a;font-size:13px;font-weight:600}.ql-items{flex-direction:column;gap:9px;display:flex}.ql-item{background:#141e2c99;border:1px solid #7896be38;border-radius:9px;align-items:flex-start;gap:11px;padding:10px 12px;display:flex}.ql-item-icon{font-size:24px;line-height:1}.ql-item-desc{margin-top:2px}.quest-tracker{color:#dbe4f0;pointer-events:none;z-index:15;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c121cb8;border:1px solid #96bef038;border-left:3px solid #d8b24a;border-radius:9px;width:214px;padding:9px 12px;font-size:12.5px;position:absolute;right:12px;box-shadow:0 4px 16px #0006}.qt-head{align-items:center;gap:6px;margin-bottom:4px;display:flex}.qt-pin{font-size:12px}.qt-name{color:#f0e3bd;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.qt-obj{color:#b9c6d6;line-height:1.3}.qt-ready{color:#7fe6a0;font-weight:600}.qt-more{color:#8494a6;margin-top:5px;font-size:11px}.qt-boss{color:#ff8a6a;margin-top:5px;font-size:11px;font-weight:600;line-height:1.25}@media (width<=720px){.quest-tracker{display:none}}.stats-box{width:92vw;max-width:460px}.stats-grid{flex-direction:column;gap:2px;margin:6px 0;display:flex}.stats-row{background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.stats-value{color:#f0f5fb;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.hb-box{flex-direction:column;width:min(680px,92vw);max-height:86vh;display:flex}.hb-ask{border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:6px 10px;display:flex}.hb-ask-icon{opacity:.85;flex:none;font-size:1.15rem}.hb-ask-input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:auto;font-family:Alegreya,Georgia,serif;font-size:1.02rem}.hb-ask-input::placeholder{color:var(--text-dim);opacity:.8}.hb-ask-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex:none;padding:2px 4px;font-size:.95rem}.hb-ask-clear:hover{color:var(--text)}.hb-noresult{color:var(--text-dim);font-family:Alegreya,Georgia,serif;font-size:1rem;line-height:1.5}.hb-suggests{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.hb-suggest{color:var(--text);border:1px solid var(--panel-border);background:var(--panel-bg);cursor:pointer;border-radius:14px;padding:5px 11px;font-family:Alegreya,Georgia,serif;font-size:.9rem;transition:border-color .12s,color .12s}.hb-suggest:hover{color:var(--gold);border-color:var(--gold)}.hb-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.hb-tab{color:var(--text-dim);border:1px solid var(--panel-border);background:var(--panel-bg);cursor:pointer;border-radius:5px;padding:5px 12px;font-family:Alegreya,Georgia,serif;font-size:.92rem;font-weight:600;transition:color .12s,background .12s,border-color .12s}.hb-tab:hover{color:var(--text)}.hb-tab-active{color:#2a1c08;background:linear-gradient(#e6c66e,#c79a3a);border-color:#8a6a2c;box-shadow:inset 0 1px #fff0c880,0 1px 3px #3c260c59}.hb-page{padding-right:6px;overflow-y:auto}.hb-blurb{color:var(--text-dim);border-bottom:1px solid var(--panel-border);margin:0 0 14px;padding-bottom:12px;font-family:Alegreya,Georgia,serif;font-size:1.02rem;font-style:italic;line-height:1.5}.hb-entries{flex-direction:column;gap:12px;display:flex}.hb-entry{align-items:flex-start;gap:12px;display:flex}.hb-entry-icon{text-align:center;flex:none;width:30px;font-size:1.5rem;line-height:1.2}.hb-entry-body{flex:auto}.hb-entry-term{color:var(--gold);margin-bottom:2px;font-family:Cinzel,Georgia,serif;font-size:1rem;font-weight:700}.hb-entry-text{color:var(--text);font-family:Alegreya,Georgia,serif;font-size:.98rem;line-height:1.45}.tour-overlay{z-index:400;pointer-events:none;position:absolute;inset:0}.tour-bar{background:#000;height:10vh;animation:.5s both tour-bar-in;position:absolute;left:0;right:0}.tour-bar-top{top:0}.tour-bar-bottom{bottom:0}@keyframes tour-bar-in{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.tour-bar-top{transform-origin:top}.tour-bar-bottom{transform-origin:bottom}.tour-card{text-align:center;color:#f4efe4;pointer-events:auto;background:linear-gradient(#0e0a06d1,#080604e6);border:1px solid #d6b26e73;border-radius:8px;width:min(680px,88vw);padding:16px 22px 14px;animation:.45s both tour-card-in;position:absolute;bottom:calc(10vh + 22px);left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0000008c}@keyframes tour-card-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.tour-kicker{letter-spacing:.14em;text-transform:uppercase;color:#d6b26e;margin-bottom:6px;font-family:Cinzel,Georgia,serif;font-size:.72rem}.tour-title{color:#f7e6b4;margin-bottom:8px;font-family:Cinzel,Georgia,serif;font-size:1.35rem;font-weight:700}.tour-caption{color:#ece3d2;margin-bottom:12px;font-family:Alegreya,Georgia,serif;font-size:1.06rem;line-height:1.5}.tour-dots{justify-content:center;gap:7px;margin-bottom:12px;display:flex}.tour-dot{background:#d6b26e4d;border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.tour-dot-on{background:#e6c66e;transform:scale(1.3)}.tour-actions{justify-content:center;gap:10px;display:flex}.tour-skip{color:#d6b26ebf;cursor:pointer;background:0 0;border:1px solid #d6b26e59;border-radius:5px;padding:5px 16px;font-family:Alegreya,Georgia,serif;font-size:.9rem;font-weight:600;transition:color .12s,border-color .12s}.tour-skip:hover{color:#d6b26e;border-color:#d6b26eb3}.tour-next{color:#1a1206;cursor:pointer;background:#d6b26e;border:1px solid #e6c66e;border-radius:5px;padding:5px 22px;font-family:Alegreya,Georgia,serif;font-size:.9rem;font-weight:700;transition:background .12s,transform .12s}.tour-next:hover{background:#e6c66e;transform:translateY(-1px)}.tour-hint{color:#ece3d280;margin-top:8px;font-family:Alegreya,Georgia,serif;font-size:.74rem}.credits-overlay{z-index:200;background:radial-gradient(#0c2b3d 0%,#061722 70%,#020a10 100%);justify-content:center;align-items:center;animation:1.2s ease-out credits-fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes credits-fade{0%{opacity:0}to{opacity:1}}.credits-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 240px 40px #000000bf}.credits-scroll{text-align:center;color:#dfe9df;max-width:560px;margin:40px 20px;position:relative}.credits-crest{filter:drop-shadow(0 0 18px #5abee68c);font-size:60px;animation:3.5s ease-in-out infinite credits-glow}@keyframes credits-glow{0%,to{filter:drop-shadow(0 0 14px #5abee673);transform:translateY(0)}50%{filter:drop-shadow(0 0 26px #78d7f5bf);transform:translateY(-6px)}}.credits-title{letter-spacing:.02em;color:#f2e9c6;text-shadow:0 0 22px #dcbe6e73,0 2px 4px #0009;margin:14px 0 10px;font-size:30px}.credits-sub{color:#b9c9ba;max-width:480px;margin:0 auto 26px;font-size:15px;line-height:1.6}.credits-roll{margin-bottom:28px}.credits-section{letter-spacing:.18em;text-transform:uppercase;color:#82b6cf;margin:20px 0 8px;font-size:12px}.credits-line{color:#d6e2d6;font-size:15px;line-height:1.7}.credits-line b{color:#f2e9c6}.credits-dim{color:#8fa694;font-style:italic}.credits-btn{color:#eaf7ff;background:linear-gradient(#2f6f9f,#1f4f74);border:1px solid #96d2f066;border-radius:9px;margin-top:10px;padding:11px 26px;font-size:15px;box-shadow:0 4px 18px #285a8273}.credits-btn:hover{background:linear-gradient(#3785b9,#276086)}@media (prefers-reduced-motion:reduce){.credits-overlay,.credits-crest{animation:none}}.main-menu{flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;min-height:100vh;display:flex}.menu-title{color:var(--gold);letter-spacing:6px;text-transform:uppercase;text-shadow:0 0 40px #c8a44866;font-size:3rem}.btn-menu-start{color:var(--text);border:1px solid var(--panel-border);letter-spacing:3px;text-transform:uppercase;background:0 0;padding:.75rem 2.5rem;font-size:.9rem;transition:color .15s,border-color .15s}.btn-menu-start:hover{color:var(--gold);border-color:var(--gold);filter:none}.char-select{flex-direction:column;justify-content:flex-start;align-items:center;gap:1.4rem;height:100vh;padding:1.5rem 2rem 0;display:flex;position:relative;overflow:hidden auto}.char-create-footer{z-index:5;background:linear-gradient(to bottom, #080c1200 0%, var(--bg) 38%);flex-direction:column;align-self:stretch;align-items:center;gap:1rem;margin:0 -2rem;padding:1.6rem 2rem 1.8rem;display:flex;position:sticky;bottom:0}.char-select-back{z-index:10;border:1px solid var(--panel-border);color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;background:#0a1018;padding:.45rem .9rem;font-size:.72rem;position:fixed;top:1.1rem;left:1.25rem}.char-select-back:hover{border-color:var(--gold);color:var(--text)}.char-select-title{color:var(--gold);letter-spacing:3px;text-transform:uppercase;font-size:1.3rem}.char-name-section{flex-direction:column;gap:.4rem;width:100%;max-width:280px;display:flex}.char-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);font-size:.68rem}.char-input{border:1px solid var(--panel-border);color:var(--text);background:#0a1018;border-radius:4px;padding:.5rem .75rem;font-family:inherit;font-size:.9rem}.char-input:focus{border-color:var(--gold);outline:none}.class-grid{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.class-card{border:1px solid var(--panel-border);cursor:pointer;text-align:center;min-width:120px;color:var(--text);background:#0a1018;border-radius:6px;flex-direction:column;align-items:center;gap:.35rem;padding:1rem 1.25rem;font-family:inherit;transition:border-color .15s;display:flex}.class-card:hover{filter:none;border-color:#3a5a7a}.class-card:active{filter:none}.class-card-selected{border-color:var(--gold)}.class-name{color:var(--text);font-size:.95rem;font-weight:700}.class-desc{color:var(--text-dim);font-size:.66rem}.class-stats{color:#8c8;flex-direction:column;gap:.1rem;margin-top:.25rem;font-size:.7rem;display:flex}.btn-begin{color:#b0f0b0;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#1a4a1a,#267a26);border:1px solid #267a26;padding:.65rem 2rem;font-size:.9rem}.game-wrapper{width:100vw;max-width:none;min-height:100vh;margin:0;padding:1rem}.game-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.game-title{color:var(--gold);text-shadow:0 0 24px #c8a44859;letter-spacing:2px;font-size:1.6rem}.game-layout{min-height:0;margin-bottom:1rem}.world-container{border:1px solid var(--panel-border);background:#070e03;border-radius:6px;height:clamp(640px,80vh,1200px);position:relative;overflow:hidden}.world-canvas{width:100%;height:100%;display:block}.world-hunt-hint{text-align:center;color:var(--text-dim);padding:.4rem 0;font-size:.78rem;font-style:italic}.world-attack-row{justify-content:center;align-items:center;gap:.75rem;display:flex}.world-space-hint{color:#f98;letter-spacing:1px;text-transform:uppercase;background:#64140a4d;border:1px solid #c30;border-radius:4px;padding:.35rem .75rem;font-size:.8rem;font-weight:700}.btn-attack-sm{opacity:.7;padding:.35rem .75rem;font-size:.78rem}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;padding:1rem}.panel-title{color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid var(--panel-border);margin-bottom:.75rem;padding-bottom:.4rem;font-size:.72rem;font-weight:700}.stat-row{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.stat-label{color:var(--text-dim);text-align:right;flex-shrink:0;width:22px;font-size:.68rem}.bar-track{background:#0a1018;border:1px solid #1e2d42;border-radius:3px;flex:1;height:10px;overflow:hidden}.bar{border-radius:3px;height:100%;transition:width .25s}.hp-bar{background:linear-gradient(90deg,#7a1515,#c82828)}.enemy-hp-bar{background:linear-gradient(90deg,#6b3800,#c86000)}.xp-bar{background:linear-gradient(90deg,#162255,#2a4ab0)}.mana-bar{background:linear-gradient(90deg,#143a6b,#2e8fd6)}.stat-value{color:var(--text-dim);text-align:right;flex-shrink:0;min-width:54px;font-size:.68rem}.player-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.player-header .panel-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.player-header-btns{gap:.35rem;display:flex}.level-badge{background:var(--gold);color:#1a1000;border-radius:10px;padding:.15rem .55rem;font-size:.75rem;font-weight:700}.stats-grid{grid-template-columns:repeat(4,1fr);gap:.4rem;margin:.75rem 0;display:grid}.stat-item{border:1px solid var(--panel-border);background:#0a1018;border-radius:4px;flex-direction:column;align-items:center;gap:.1rem;padding:.4rem .2rem;display:flex}.stat-icon{font-size:.85rem}.stat-num{color:#def;font-size:.9rem;font-weight:700}.stat-name{color:var(--text-dim);font-size:.58rem}.equipped-section{border-top:1px solid var(--panel-border);margin-top:.65rem;padding-top:.5rem}.equipped-title{color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:.4rem;font-size:.62rem;font-weight:700}.equipped-slot{align-items:center;gap:.4rem;margin-bottom:.2rem;font-size:.78rem;display:flex}.slot-label{color:var(--text-dim);flex-shrink:0;min-width:50px}.slot-bonus{color:var(--text-dim);font-size:.68rem}.empty-slot{color:#2a3a4a;font-style:italic}.enemy-section{border:1px solid var(--panel-border);background:#06090f;border-radius:4px;flex-direction:column;justify-content:center;min-height:90px;margin-bottom:.75rem;padding:.75rem;display:flex}.enemy-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.enemy-emoji{font-size:2rem;animation:2.8s ease-in-out infinite enemy-idle-float;display:inline-block}.enemy-emoji.anim-appear{animation:.45s cubic-bezier(.175,.885,.32,1.275) forwards enemy-appear}.enemy-emoji.anim-hit{animation:.4s ease-out forwards enemy-hit}.enemy-name{color:#f96;font-size:1rem;font-weight:700}.enemy-sublabel{color:var(--text-dim);font-size:.7rem}.enemy-tags{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.tag{color:var(--text-dim);background:#0a1018;border:1px solid #1e2d42;border-radius:3px;padding:.1rem .3rem;font-size:.65rem}.tag-xp{color:#79f;border-color:#1e2d5a}.tag-gold{color:#c90;border-color:#3a2a00}.no-enemy{text-align:center;color:var(--text-dim);font-style:italic}.forest-art{margin-bottom:.4rem;font-size:1.4rem}.btn{letter-spacing:.5px;cursor:pointer;border:none;border-radius:4px;padding:.5rem 1.1rem;font-size:.88rem;font-weight:700;transition:filter .12s,opacity .12s}.btn:hover:not(:disabled){filter:brightness(1.2)}.btn:active:not(:disabled){filter:brightness(.88)}.action-row{margin-bottom:.75rem}.btn-enter{color:#b0f0b0;background:linear-gradient(135deg,#1a4a1a,#267a26);border:1px solid #267a26;width:100%;padding:.65rem}.btn-attack{color:#ffc0c0;background:linear-gradient(135deg,#4a1212,#8c1c1c);border:1px solid #7a1515;width:100%;padding:.65rem;font-size:.98rem}.attack-actions{gap:.5rem;display:flex}.attack-actions .btn{flex:1;width:auto}.btn-skill{color:#cdefff;background:linear-gradient(135deg,#10303a,#1c5a70);border:1px solid #2a7fa0;padding:.65rem .5rem;font-size:.9rem}.btn-skill.btn-attack-sm{opacity:.85;padding:.35rem .6rem;font-size:.74rem}.skill-cost{opacity:.7;font-size:.82em}.header-controls{align-items:center;gap:.5rem;display:flex}.btn-reset{color:var(--text-dim);background:0 0;border:1px solid #1e2d42;padding:.28rem .65rem;font-size:.7rem}.btn-reset:hover{color:var(--text);border-color:#3a4a5a}.btn-mute{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #1e2d42;border-radius:4px;padding:.22rem .5rem;font-size:.85rem;line-height:1;transition:border-color .12s,color .12s}.btn-mute:hover{color:var(--text);border-color:#3a4a5a}.combat-log{border:1px solid var(--panel-border);background:#04070d;border-radius:4px;flex-direction:column;gap:.12rem;height:175px;padding:.5rem .6rem;display:flex;overflow-y:auto}.combat-log::-webkit-scrollbar{width:5px}.combat-log::-webkit-scrollbar-track{background:#04070d}.combat-log::-webkit-scrollbar-thumb{background:#1e2d42;border-radius:3px}.log-entry{border-bottom:1px solid #0c1220;padding:.08rem 0;font-size:.76rem;line-height:1.4}.item-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.45rem;max-height:275px;padding-right:2px;display:grid;overflow-y:auto}.item-grid::-webkit-scrollbar{width:5px}.item-grid::-webkit-scrollbar-track{background:0 0}.item-grid::-webkit-scrollbar-thumb{background:#1e2d42;border-radius:3px}.item-card{border:1px solid var(--panel-border);background:#0a1018;border-radius:4px;flex-direction:column;gap:.12rem;padding:.45rem;display:flex}.item-more{flex-direction:column;gap:.12rem;display:flex}.item-expand-toggle{color:var(--gold,#d8b24a);cursor:pointer;opacity:.85;background:0 0;border:none;align-self:flex-start;padding:.05rem 0;font-size:.6rem;font-weight:700}.item-expand-toggle:hover{opacity:1;text-decoration:underline}.item-actions{flex-direction:column;gap:.15rem;margin-top:auto;padding-top:.15rem;display:flex}.item-actions .btn{width:100%;margin-top:0}.item-actions .item-onbar-tag{text-align:center}.item-icon{background:radial-gradient(at 50% 35%,#ffffff14,#0000 70%),#060a11;border-radius:4px;justify-content:center;align-self:center;align-items:center;width:100%;height:46px;margin-bottom:.15rem;font-size:1.75rem;line-height:1;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a}.item-qty{color:#e9eef6;background:#000000a6;border-radius:3px;padding:0 .2rem;font-size:.6rem;font-weight:700;position:absolute;bottom:2px;right:3px}.slot-icon{vertical-align:middle;margin-right:.3rem;font-size:1.05rem}.item-name{font-size:.76rem;font-weight:700}.item-type{color:var(--text-dim);text-transform:capitalize;font-size:.62rem}.item-stat{color:#8c8;font-size:.7rem}.item-req{color:var(--text-dim);font-size:.6rem}.item-classreq{color:var(--gold,#d8b24a);font-size:.6rem;font-weight:700}.btn-equip{color:var(--text);cursor:pointer;background:#101e2e;border:1px solid #1e2d42;border-radius:3px;margin-top:.15rem;padding:.18rem .32rem;font-size:.65rem}.btn-equip:hover:not(:disabled){background:#1a2e42}.btn-disabled{opacity:.4;cursor:not-allowed}.btn-unequip{color:#e0a8a0;background:#2a1414;border-color:#4a2626}.btn-unequip:hover:not(:disabled){background:#3d1e1e}.btn-trash{color:#c98f88;background:#1e1414;border-color:#402424}.btn-trash:hover:not(:disabled){color:#e8a89f;background:#331b1b}.equipped-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);vertical-align:middle;border-radius:3px;margin-left:.35rem;padding:0 .25rem;font-size:.56rem;font-weight:700}.empty-msg{color:var(--text-dim);text-align:center;padding:1.5rem 1rem;font-size:.8rem;font-style:italic}.achievement-list{flex-direction:column;gap:.32rem;max-height:275px;padding-right:2px;display:flex;overflow-y:auto}.achievement-list::-webkit-scrollbar{width:5px}.achievement-list::-webkit-scrollbar-track{background:0 0}.achievement-list::-webkit-scrollbar-thumb{background:#1e2d42;border-radius:3px}.achievement-item{border:1px solid #0000;border-radius:4px;align-items:center;gap:.45rem;padding:.32rem .45rem;display:flex}.ach-locked{opacity:.5;background:#090d16;border-color:#141e2c}.ach-icon{flex-shrink:0;font-size:.85rem}.ach-name{color:var(--text);font-size:.78rem;font-weight:700}.ach-desc{color:var(--text-dim);font-size:.64rem}@keyframes enemy-idle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes enemy-appear{0%{opacity:0;transform:scale(.3)rotate(-15deg)}65%{opacity:1;transform:scale(1.18)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes enemy-hit{0%{filter:brightness();transform:translate(0)}15%{filter:brightness(5)saturate(0);transform:translate(-10px)}35%{filter:brightness()sepia()saturate(6)hue-rotate(320deg);transform:translate(8px)}55%{filter:brightness();transform:translate(-5px)}75%{transform:translate(3px)}to{transform:translate(0)}}@keyframes section-defeat{0%{box-shadow:none;background:#06090f}25%{background:#1a1000;box-shadow:0 0 22px #ffa5008c,inset 0 0 16px #ffa5002e}65%{background:#0d0a00;box-shadow:0 0 8px #ffa5002e}to{box-shadow:none;background:#06090f}}@keyframes player-panel-hit{0%,to{box-shadow:none}25%{border-color:#7a1515;box-shadow:inset 0 0 22px #dc1e1e80,0 0 14px #dc1e1e47}70%{box-shadow:inset 0 0 8px #dc1e1e2e}}@keyframes log-entry-in{0%{opacity:0;transform:translate(-7px)}to{opacity:1;transform:translate(0)}}.enemy-section.anim-defeat{animation:.65s ease-out section-defeat}.player-panel.anim-player-hit{animation:.42s ease-out player-panel-hit}.log-entry:first-child{animation:.18s ease-out log-entry-in}.char-select-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.class-card{min-width:110px;padding:1rem}.class-sprite{margin-bottom:.2rem;font-size:2.2rem;line-height:1}.class-tagline{color:var(--text-dim);font-size:.6rem;font-style:italic}.class-detail-panel{border:1px solid var(--panel-border);background:#0a1018;border-radius:6px;align-items:flex-start;gap:1.5rem;width:100%;max-width:480px;padding:1.25rem 1.5rem;display:flex}.class-detail-left{--cs-accent:var(--gold);flex-direction:column;flex-shrink:0;gap:.75rem;width:220px;display:flex}.class-create-portrait{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--cs-accent,var(--gold)) 55%, #1e2d42);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--cs-accent,var(--gold)) 26%, transparent), transparent 62%), linear-gradient(180deg, #0d1622, #070c14);border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 0 40px #0000008c}.class-detail-sprite{font-size:4rem;line-height:1;animation:2.5s ease-in-out infinite idle-bob}.class-detail-right{flex-direction:column;flex:1;gap:.5rem;display:flex}.class-detail-name{color:var(--gold);letter-spacing:1px;font-size:1.1rem;font-weight:700}.class-detail-flavor{color:var(--text-dim);font-size:.75rem;line-height:1.5}.class-detail-skill{background:#1c5a702e;border:1px solid #2a7fa0;border-radius:5px;margin:.5rem 0;padding:.4rem .55rem;font-size:.74rem;line-height:1.45}.class-detail-skill .cds-icon{margin-right:.35rem}.class-detail-skill .cds-name{color:#9fe4ff;font-weight:700}.class-detail-skill .cds-desc{color:var(--text-dim)}.class-detail-stats{flex-direction:column;gap:.3rem;margin-top:.25rem;display:flex}.class-stat-row{align-items:center;gap:.5rem;display:flex}.cs-label{color:var(--text-dim);text-transform:uppercase;text-align:right;flex-shrink:0;width:26px;font-size:.65rem}.cs-bar-track{background:#0f1825;border:1px solid #1e2d42;border-radius:3px;flex:1;height:7px;overflow:hidden}.cs-bar{border-radius:3px;height:100%;transition:width .3s}.cs-bar-hp{background:linear-gradient(90deg,#7a1515,#c82828)}.cs-bar-atk{background:linear-gradient(90deg,#162255,#2a4ab0)}.cs-bar-def{background:linear-gradient(90deg,#155a1a,#22882a)}.cs-val{color:var(--text);text-align:right;min-width:20px;font-size:.7rem}.combat-arena{border:1px solid var(--panel-border);background:linear-gradient(#06090f 0%,#0a1220 60%,#06090f 100%);border-radius:6px;justify-content:space-between;align-items:center;min-height:150px;margin-bottom:.75rem;padding:.85rem .75rem .65rem;display:flex;position:relative;overflow:hidden}.combat-arena:after{content:"";opacity:.4;background:linear-gradient(90deg,#0000,#1a2a10,#0000);height:2px;position:absolute;bottom:0;left:0;right:0}.combatant{flex-direction:column;flex:0 0 42%;align-items:center;gap:.22rem;display:flex;position:relative}.sprite-zone{justify-content:center;align-items:center;width:100%;height:68px;display:flex;position:relative}.arena-sprite{transform-origin:bottom;font-size:3.2rem;line-height:1;animation:2.6s ease-in-out infinite idle-bob;display:block}.enemy-sprite{animation:2.6s ease-in-out infinite idle-bob-enemy}.arena-name{color:var(--text);text-align:center;font-size:.75rem;font-weight:700}.arena-dim{color:var(--text-dim);font-style:italic}.enemy-lv-tag{color:var(--text-dim);font-size:.65rem;font-weight:400}.arena-hp-track{background:#0a1018;border:1px solid #1e2d42;border-radius:3px;width:90%;height:7px;overflow:hidden}.arena-hp-fill{border-radius:3px;height:100%;transition:width .25s}.player-hp{background:linear-gradient(90deg,#7a1515,#c82828)}.enemy-hp{background:linear-gradient(90deg,#6b3800,#c86000)}.player-mp{background:linear-gradient(90deg,#143a6b,#2e8fd6)}.arena-mp-track{margin-top:3px}.arena-hp-text{color:var(--text-dim);font-size:.62rem}.enemy-combatant .enemy-tags{flex-wrap:wrap;justify-content:center;gap:.28rem;display:flex}.arena-vs{opacity:.35;flex-shrink:0;padding:0 .3rem;font-size:1.1rem}.no-enemy-slot{flex-direction:column;align-items:center;gap:.3rem;display:flex}.no-enemy-tree{opacity:.2;font-size:2.2rem}.damage-float{pointer-events:none;text-shadow:0 1px 4px #000c;white-space:nowrap;font-size:1.05rem;font-weight:900;animation:.95s ease-out forwards damage-float-up;position:absolute;top:0;transform:translate(-50%)}@keyframes damage-float-up{0%{opacity:1;font-size:1.15rem;transform:translate(-50%)translateY(0)}20%{opacity:1;font-size:1.2rem;transform:translate(-50%)translateY(-12px)}to{opacity:0;font-size:.85rem;transform:translate(-50%)translateY(-50px)}}@keyframes idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes idle-bob-enemy{0%,to{transform:scaleX(-1)translateY(0)}50%{transform:scaleX(-1)translateY(-5px)}}.arena-sprite.sprite-attacking{animation:.35s ease-out forwards anim-player-attack}@keyframes anim-player-attack{0%{transform:translate(0)scale(1)translateY(0)}30%{transform:translate(58px)scale(1.1)translateY(-6px)}70%{transform:translate(46px)scale(1)translateY(0)}to{transform:translate(0)scale(1)translateY(0)}}.arena-sprite.sprite-hit{animation:.42s ease-out forwards anim-sprite-hit}@keyframes anim-sprite-hit{0%{filter:none;transform:translate(0)}18%{filter:brightness(5)sepia()hue-rotate(280deg);transform:translate(12px)}45%{filter:brightness(2);transform:translate(-6px)}72%{filter:brightness(1.2);transform:translate(3px)}to{filter:none;transform:translate(0)}}.arena-sprite.sprite-appear{animation:.52s cubic-bezier(.175,.885,.32,1.275) forwards anim-enemy-appear}@keyframes anim-enemy-appear{0%{opacity:0;transform:scaleX(-1)scale(0)translateY(-18px)}70%{opacity:1;transform:scaleX(-1)scale(1.12)translateY(2px)}to{opacity:1;transform:scaleX(-1)scale(1)translateY(0)}}.arena-sprite.sprite-enemy-hit{animation:.4s ease-out forwards anim-enemy-hit}@keyframes anim-enemy-hit{0%{filter:none;transform:scaleX(-1)translate(0)}18%{filter:brightness(5)sepia()hue-rotate(280deg);transform:scaleX(-1)translate(-14px)}45%{filter:brightness(2);transform:scaleX(-1)translate(7px)}75%{filter:brightness(1.1);transform:scaleX(-1)translate(-3px)}to{filter:none;transform:scaleX(-1)translate(0)}}.arena-sprite.sprite-attacking-left{animation:.35s ease-out forwards anim-enemy-attack}@keyframes anim-enemy-attack{0%{transform:scaleX(-1)translate(0)scale(1)translateY(0)}30%{transform:scaleX(-1)translate(-58px)scale(1.1)translateY(-6px)}70%{transform:scaleX(-1)translate(-46px)scale(1)translateY(0)}to{transform:scaleX(-1)translate(0)scale(1)translateY(0)}}.arena-sprite.sprite-dying{animation:.72s ease-in forwards anim-enemy-dying}@keyframes anim-enemy-dying{0%{opacity:1;transform:scaleX(-1)scale(1)rotate(0)translateY(0)}35%{opacity:.6;transform:scaleX(-1)scale(.75)rotate(-20deg)translateY(4px)}to{opacity:0;transform:scaleX(-1)scale(0)rotate(-50deg)translateY(12px)}}.quest-box,.ach-box{max-width:460px}.quest-empty{color:var(--text-dim);text-align:center;padding:1.5rem 1rem;font-size:.85rem;font-style:italic}.quest-list{flex-direction:column;gap:.5rem;display:flex}.quest-entry{border:1px solid var(--panel-border);border-left:3px solid var(--gold);background:#0a1018;border-radius:4px;padding:.6rem .7rem}.quest-entry.quest-done{border-left-color:var(--uncommon);opacity:.85}.quest-name{color:var(--gold);margin-bottom:.3rem;font-size:.92rem;font-weight:600}.quest-entry.quest-done .quest-name{color:var(--uncommon)}.quest-star{margin-right:.2rem}.quest-objective{color:var(--text);font-size:.82rem;line-height:1.35}.quest-progress{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.quest-progress-track{border:1px solid var(--panel-border);background:#060a10;border-radius:4px;flex:1;height:8px;overflow:hidden}.quest-progress-fill{background:linear-gradient(90deg, #6b5310, var(--gold));height:100%;transition:width .35s}.quest-progress-text{color:var(--text-dim);text-align:right;min-width:30px;font-size:.72rem}.quest-hint{color:var(--text-dim);margin-top:.45rem;font-size:.72rem;font-style:italic}.quest-hint-ready{color:var(--gold);font-style:normal}.dialog-overlay{z-index:20;background:#03060a8c;justify-content:center;align-items:flex-end;padding:0 1rem 1.4rem;animation:.18s ease-out dialog-fade;display:flex;position:absolute;inset:0}@keyframes dialog-fade{0%{opacity:0}to{opacity:1}}.dialog-box{border:1px solid var(--gold);background:linear-gradient(#121b28,#0b121c);border-radius:8px;width:100%;max-width:560px;padding:.9rem 1.1rem 1rem;animation:.22s ease-out dialog-rise;box-shadow:0 10px 40px #0009}@keyframes dialog-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dialog-speaker{color:var(--gold);letter-spacing:.5px;font-size:1.05rem;font-weight:700}.dialog-quest-tag{color:var(--epic);letter-spacing:.5px;margin-top:.25rem;font-size:.7rem;display:inline-block}.dialog-lines{margin:.6rem 0 .9rem}.dialog-line{color:var(--text);margin-bottom:.4rem;font-size:.9rem;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:.6rem;display:flex}.dialog-btn{padding:.4rem .9rem;font-size:.82rem}.dialog-btn-primary{color:#1a1206;border-color:var(--gold);background:linear-gradient(135deg,#6b5310,#a8862e);font-weight:600}.dialog-btn-primary:hover{filter:brightness(1.12)}.quest-banner{text-align:center;pointer-events:none;z-index:15;animation:.4s cubic-bezier(.2,1.4,.4,1) banner-pop;position:absolute;top:22%;left:50%;transform:translate(-50%)}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}.quest-banner-main{letter-spacing:1px;color:var(--gold);text-transform:uppercase;text-shadow:0 2px 12px #000000e6,0 0 30px #c8a44880;font-size:1.5rem;font-weight:800}.quest-banner-sub{color:#fff2d0;text-shadow:0 2px 8px #000000e6;margin-top:.2rem;font-size:1rem;font-weight:600}.levelup-banner{text-align:center;pointer-events:none;z-index:70;animation:.5s cubic-bezier(.16,1.5,.4,1) levelup-in,.6s ease-in 3.6s forwards levelup-out;position:absolute;top:26%;left:50%;transform:translate(-50%)}.levelup-burst{z-index:-1;background:radial-gradient(circle,#ffd65a6b 0%,#ffbe3c24 40%,#ffbe3c00 70%);border-radius:50%;width:340px;height:340px;animation:1.6s ease-out levelup-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.levelup-title{letter-spacing:3px;text-transform:uppercase;background:linear-gradient(#fff6cf 0%,#ffd24a 55%,#f4a71f 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #000000d9)drop-shadow(0 0 22px #ffc846a6);-webkit-background-clip:text;background-clip:text;font-size:2.6rem;font-weight:900;animation:.9s ease-in-out infinite alternate levelup-pulse}.levelup-level{letter-spacing:1px;color:#fff2d0;text-shadow:0 2px 8px #000000e6;margin-top:.1rem;font-size:1.15rem;font-weight:700}.levelup-gains{flex-wrap:wrap;justify-content:center;gap:.3rem .5rem;max-width:420px;margin-top:.55rem;display:flex}.levelup-gain{color:#10233a;opacity:0;background:linear-gradient(#ffe9a0,#ffcf5c);border-radius:999px;padding:.12rem .6rem;font-size:.82rem;font-weight:700;animation:.4s ease-out forwards levelup-gain-in;box-shadow:0 2px 8px #00000073,inset 0 1px #ffffff80}@keyframes levelup-in{0%{opacity:0;transform:translate(-50%)scale(.5)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes levelup-out{to{opacity:0;transform:translate(-50%)scale(.9)translateY(-14px)}}@keyframes levelup-glow{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}@keyframes levelup-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes levelup-gain-in{0%{opacity:0;transform:translateY(8px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.levelup-banner,.levelup-burst,.levelup-title,.levelup-gain{animation-duration:.01ms;animation-iteration-count:1}.levelup-gain{opacity:1}}.worldboss-banner{text-align:center;pointer-events:none;z-index:68;background:linear-gradient(#0e1a0ceb,#081008f0);border:1px solid #78e65a8c;border-radius:12px;width:min(560px,84vw);padding:.85rem 1.4rem .95rem;animation:.5s cubic-bezier(.16,1.5,.4,1) worldboss-in,.7s ease-in 5.3s forwards worldboss-out;position:absolute;top:20%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 34px #0009,0 0 26px #50d23c47,inset 0 0 22px #46be321f}.worldboss-banner-glow{z-index:-1;background:radial-gradient(120% 80% at 50% 0,#6ee65047 0%,#3cb4280d 45%,#0000 70%);animation:2.4s ease-in-out infinite alternate worldboss-glow;position:absolute;inset:0}.worldboss-banner-kicker{letter-spacing:3px;text-transform:uppercase;color:#a9f07a;text-shadow:0 1px 6px #000000e6,0 0 14px #78e65099;font-size:.8rem;font-weight:800}.worldboss-banner-name{letter-spacing:1px;text-transform:uppercase;background:linear-gradient(#eaffd6 0%,#9df05f 55%,#4dbf2c 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #000000d9)drop-shadow(0 0 20px #78e6508c);-webkit-background-clip:text;background-clip:text;margin-top:.2rem;font-size:2.1rem;font-weight:900}.worldboss-banner-sub{color:#dff5cc;text-shadow:0 2px 8px #000000e6;margin-top:.25rem;font-size:.92rem;font-weight:600}@keyframes worldboss-in{0%{opacity:0;transform:translate(-50%)scale(.7)translateY(-10px)}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}@keyframes worldboss-out{to{opacity:0;transform:translate(-50%)scale(.96)translateY(-12px)}}@keyframes worldboss-glow{0%{opacity:.6}to{opacity:1}}@media (prefers-reduced-motion:reduce){.worldboss-banner,.worldboss-banner-glow{animation-duration:.01ms;animation-iteration-count:1}}.inv-overlay{z-index:25;background:#03060a99;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out dialog-fade;display:flex;position:absolute;inset:0}.inv-box{border:1px solid var(--gold);background:linear-gradient(#121b28,#0b121c);border-radius:8px;flex-direction:column;width:100%;max-width:940px;max-height:92%;padding:.75rem .9rem .6rem;animation:.18s ease-out dialog-rise;display:flex;box-shadow:0 10px 40px #000000a6}.inv-header{align-items:center;gap:.8rem;margin-bottom:.55rem;display:flex}.inv-title{color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;flex:1;font-size:.85rem;font-weight:700}.inv-gold{color:#ffd24a;font-size:.8rem;font-weight:700}.inv-expand{white-space:nowrap;color:#bfe6a0;cursor:pointer;background:#16301a;border:1px solid #3c6b3c;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.inv-expand:hover:not(:disabled){background:#1e421f;border-color:#4f8a4f}.inv-expand:disabled{opacity:.45;cursor:not-allowed}.inv-expand-max{border-color:var(--panel-border);color:var(--text-dim);cursor:default;background:#101a12}.inv-close{color:var(--text);background:#101e2e;border:1px solid #1e2d42;border-radius:4px;padding:.15rem .5rem;font-size:.75rem}.inv-equipped{border:1px solid var(--panel-border);background:#06090f;border-radius:5px;flex-wrap:wrap;align-items:center;gap:.35rem 1.2rem;margin-bottom:.6rem;padding:.45rem .65rem;font-size:.78rem;display:flex}.inv-equip-slot{align-items:baseline;gap:.4rem;display:flex}.inv-totals{color:var(--text);margin-left:auto;font-size:.78rem;font-weight:700}.inv-body{flex:1;gap:.75rem;min-height:0;display:flex}.inv-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.inv-doll{flex-flow:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:center;gap:.5rem;width:226px;margin-bottom:0}.inv-doll-preview{align-self:center;width:100%;max-width:200px;padding:.25rem 0 .15rem}.inv-doll-grid{grid-template-columns:repeat(4,50px);grid-template-areas:".helmet helmet amulet""weapon armor armor offhand""weapon armor armor offhand""gloves legs legs boots""gloves legs legs boots";grid-auto-rows:50px;gap:4px;display:grid}.equip-socket{background:#00000047;border-radius:4px;justify-content:center;align-items:center;transition:box-shadow .1s ease-out;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 2px 6px #0006}.equip-socket .equip-item{position:absolute;inset:0}.equip-ghost{opacity:.22;filter:grayscale();font-size:1.5rem}.equip-drop-ok{box-shadow:0 0 0 2px #58d068,0 0 14px #58d06880,inset 0 2px 6px #0006}.equip-drop-bad{box-shadow:0 0 0 2px #e05252,0 0 14px #e0525280,inset 0 2px 6px #0006}.equip-drop-hint{animation:1s ease-in-out infinite equipHintPulse}@keyframes equipHintPulse{0%,to{box-shadow:0 0 0 2px #58d06866,0 0 10px #58d06847,inset 0 2px 6px #0006}50%{box-shadow:0 0 0 2px #58d068cc,0 0 16px #58d06880,inset 0 2px 6px #0006}}.inv-doll-stats{flex-direction:column;align-items:center;gap:.3rem;margin-top:auto;display:flex}.inv-doll-stats .inv-totals{margin-left:0}.inv-doll-hint{color:var(--text-dim);text-align:center;max-width:200px;font-size:.66rem}.inv-grid{flex:1;min-height:0;max-height:none}.cab-scroll{padding:4px 2px;overflow-y:auto}.cab-scroll::-webkit-scrollbar{width:5px}.cab-scroll::-webkit-scrollbar-track{background:0 0}.cab-scroll::-webkit-scrollbar-thumb{background:#1e2d42;border-radius:3px}.cab-grid{margin:0 auto;position:relative}.cab-cell{background:#00000038;border-radius:4px;width:50px;height:50px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 2px 5px #00000059}.cab-item{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:4px;justify-content:center;align-items:center;transition:filter 80ms ease-out,transform 80ms ease-out,left .14s,top .14s,opacity .12s ease-out;display:flex;position:absolute}.cab-item:hover{filter:brightness(1.25);z-index:2}.cab-item:active{transform:scale(.97)}.cab-item.cab-other{opacity:.28;filter:grayscale(.75);cursor:grab}.cab-item.cab-other:hover{opacity:.55;filter:grayscale(.35)brightness(1.1);z-index:2}.cab-item.cab-other:active{transform:none}.rarity-cell-common{background:radial-gradient(at 50% 35%,#ffffff1a,#0000 72%),#141820eb;border-color:#4a4a4a}.rarity-cell-uncommon{background:radial-gradient(at 50% 35%,#3cbe3c38,#0000 72%),#0e1e10eb;border-color:#2e8a12}.rarity-cell-rare{background:radial-gradient(at 50% 35%,#3c8cf03d,#0000 72%),#0c182aeb;border-color:#2470c2}.rarity-cell-epic{background:radial-gradient(at 50% 35%,#aa50e642,#0000 72%),#1c0e2aeb;border-color:#8b2ec2}.cab-icon{pointer-events:none;font-size:1.55rem;line-height:1}.cab-1x2 .cab-icon{font-size:2rem}.cab-2x2 .cab-icon{font-size:2.5rem}.cab-qty{color:#e9eef6;background:#000000b3;border-radius:3px;padding:0 .18rem;font-size:.62rem;font-weight:700;position:absolute;bottom:1px;right:2px}.cab-plus{color:var(--gold,#d8b24a);background:#000000b3;border-radius:3px;padding:0 .18rem;font-size:.6rem;font-weight:700;position:absolute;top:1px;left:2px}.cab-e{color:#10131a;background:var(--gold,#d8b24a);letter-spacing:.02em;border-radius:3px;padding:0 .2rem;font-size:.56rem;font-weight:800;position:absolute;top:1px;right:2px}.cab-item.cab-equipped{box-shadow:0 0 0 1px #d4af37bf,0 0 8px #d4af3759}.cab-item.cab-noclass{box-shadow:inset 0 0 0 1px #d63a3a99}.cab-item.cab-noclass:after{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#d63a3a47 0 5px,#5a101024 5px 10px);border-radius:3px;position:absolute;inset:0}.cab-noclass .cab-icon{filter:grayscale(.9)brightness(.7);opacity:.75}.cab-lock{z-index:1;pointer-events:none;filter:drop-shadow(0 0 2px #000000e6);font-size:.68rem;line-height:1.1;position:absolute;bottom:0;left:1px}.cab-item.cab-landing{opacity:.4;cursor:grabbing}.cab-item.cab-ghost{z-index:90;pointer-events:none;opacity:.9;cursor:grabbing;filter:brightness(1.3)drop-shadow(0 8px 14px #000000a6);transition:none;position:fixed;transform:scale(1.05)}.cab-drop{z-index:1;pointer-events:none;border-radius:4px;transition:left 50ms ease-out,top 50ms ease-out;position:absolute}.cab-drop-ok{background:#5ad25a29;border:2px dashed #5ad25ae6;box-shadow:0 0 10px #5ad25a4d}.cab-drop-swap{background:#5aaaff2e;border:2px dashed #5aaafff2;box-shadow:0 0 10px #5aaaff59}.cab-drop-bad{background:#e6505029;border:2px dashed #e65050e6}.cab-empty{justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.cab-menu{z-index:60;border:1px solid var(--gold,#d8b24a);background:linear-gradient(#141d2b,#0b121c);border-radius:6px;flex-direction:column;gap:.2rem;min-width:160px;max-width:220px;padding:.4rem .45rem;animation:.1s ease-out dialog-fade;display:flex;position:fixed;box-shadow:0 8px 26px #0009}.cab-menu-name{border-bottom:1px solid #ffffff14;margin-bottom:.1rem;padding-bottom:.2rem;font-size:.74rem;font-weight:700}.cab-menu .btn{width:100%;margin-top:0}.cab-menu .item-onbar-tag{text-align:center;font-size:.62rem}.cab-tip{pointer-events:none}.ctip-sub{color:var(--text-dim);text-transform:capitalize;margin-bottom:.15rem;font-size:.62rem}.ctip-stat{color:#8c8;margin-bottom:.15rem;font-size:.7rem}.cab-tip .up-tags{margin-bottom:.15rem}.inv-box-bag{max-width:890px;height:min(92%,700px)}.inv-tabs{flex-wrap:wrap}.inv-tab-count{opacity:.75;margin-left:.15rem;font-size:.62rem}.inv-toolbar{justify-content:space-between;align-items:center;gap:.5rem;padding:.15rem 0 .4rem;display:flex}.inv-trash-all,.inv-sort{padding:.28rem .7rem;font-size:.7rem;font-weight:700}.inv-trash-all{margin-left:auto}.btn-sort{color:#8fb8c9;background:#14181e;border-color:#24343f}.btn-sort:hover:not(:disabled){color:#a9d3e4;background:#1b232d}.inv-footer{text-align:center;color:var(--text-dim);padding-top:.5rem;font-size:.68rem}.skillbook-box{max-width:560px}.inv-overlay.skillbook-overlay{background:#03060a4d;justify-content:flex-end;padding:1rem 310px 116px 1rem}.skillbook-overlay .skillbook-box{max-width:540px}.skillbook-box .inv-header{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.skillbook-box .inv-header:active{cursor:grabbing}.skillbook-hint{color:var(--text-dim);margin:0 0 .6rem;font-size:.72rem;line-height:1.4}.skillbook-scroll{flex:1;min-height:0;overflow-y:auto}.skill-list{flex-direction:column;gap:.4rem;padding-right:.2rem;display:flex}.skillbook-section-title{color:var(--text-dim);letter-spacing:.03em;border-top:1px solid #1e2d42;margin:.7rem 0 .4rem;padding-top:.6rem;font-size:.72rem;font-weight:600}.skill-list--consumables{flex:none;overflow-y:visible}.skill-row{border:1px solid var(--panel-border);background:#06090f;border-radius:6px;align-items:center;gap:.65rem;padding:.5rem .6rem;display:flex}.skill-row.skill-locked{opacity:.55}.skill-icon{background:#0a1220;border:2px solid #3a4a60;border-radius:7px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.skill-icon-draggable{cursor:grab;touch-action:none}.skill-icon-draggable:active{cursor:grabbing}.skillbook-drag-fade{opacity:.14;transition:opacity .12s}.skill-drag-ghost{z-index:90;border:2px solid var(--gold,#ffd76a);pointer-events:none;background:#0a1220e6;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;font-size:24px;display:flex;position:fixed;box-shadow:0 4px 16px #0000008c}.skill-info{flex:1;min-width:0}.skill-name{color:var(--text);align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;display:flex}.skill-key{color:var(--gold);background:#0d1626;border:1px solid #26364e;border-radius:3px;padding:.02rem .28rem;font-size:.62rem;font-weight:700}.skill-key-dormant{opacity:.45;text-decoration:line-through}.skill-onbar-tag{text-transform:uppercase;letter-spacing:.5px;color:#8fe0a0;font-size:.58rem;font-weight:700}.skill-desc{color:var(--text-dim);margin-top:.15rem;font-size:.7rem;line-height:1.35}.skill-action{flex:none}.skill-lock-tag{color:#e2a94a;white-space:nowrap;font-size:.66rem;font-weight:600}.skillbook-reset{color:var(--text);background:#101e2e;border:1px solid #1e2d42;border-radius:4px;padding:.15rem .5rem;font-size:.66rem}.cs-overlay{z-index:50;background:#03060a99;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out dialog-fade;display:flex;position:fixed;inset:0}.cs-box{border:1px solid var(--gold);background:linear-gradient(#121b28,#0b121c);border-radius:8px;flex-direction:column;width:100%;max-width:720px;max-height:92%;padding:.75rem .9rem .6rem;animation:.18s ease-out dialog-rise;display:flex;overflow-y:auto;box-shadow:0 10px 40px #000000a6}.cs-header{align-items:center;gap:.8rem;margin-bottom:.7rem;display:flex}.cs-title{color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;flex:1;font-size:.85rem;font-weight:700}.cs-columns{flex:1;gap:1rem;min-height:0;display:flex}.cs-portrait-col{flex-direction:column;flex-shrink:0;gap:.75rem;width:220px;display:flex}.cs-portrait{--cs-accent:var(--gold);aspect-ratio:1;border:1px solid color-mix(in srgb, var(--cs-accent) 55%, #1e2d42);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--cs-accent) 26%, transparent), transparent 62%), linear-gradient(180deg, #0d1622, #070c14);border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 0 40px #0000008c}.cs-portrait-canvas{filter:drop-shadow(0 6px 10px #00000080);width:100%;height:auto;image-rendering:-webkit-optimize-contrast;display:block}.cs-turntable{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.cs-portrait-spin{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.cs-portrait-spin:active{cursor:grabbing}.cs-spin-controls{pointer-events:none;justify-content:center;align-items:center;gap:.55rem;display:flex;position:absolute;bottom:6px;left:0;right:0}.cs-spin-btn{pointer-events:auto;color:#cfe0f5;border:1px solid color-mix(in srgb, var(--cs-accent,var(--gold)) 45%, #24374f);cursor:pointer;background:#0a121e99;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:.7rem;transition:background .12s,transform 80ms;display:flex}.cs-spin-btn:active{transform:scale(.9)}.cs-spin-hint{letter-spacing:.03em;color:#7f93ab;text-transform:uppercase;opacity:.85;font-size:.62rem;animation:2s ease-in-out infinite cs-spin-hint-pulse}@keyframes cs-spin-hint-pulse{0%,to{opacity:.4}50%{opacity:.9}}.cs-outfit{border:1px solid color-mix(in srgb, var(--cs-accent,var(--gold)) 30%, #1e2d42);background:linear-gradient(#10182499,#090e1699);border-radius:8px;flex-direction:column;gap:.45rem;width:100%;padding:.55rem .6rem;display:flex}.cs-outfit-head{justify-content:space-between;align-items:center;display:flex}.cs-outfit-title{letter-spacing:.03em;color:#cfe0f5;font-size:.72rem;font-weight:700}.cs-outfit-reset{color:#ffb4a0;cursor:pointer;background:#78281e59;border:1px solid #c85a4666;border-radius:5px;padding:.12rem .45rem;font-size:.62rem}.cs-outfit-reset:hover{background:#96322680}.cs-outfit-parts{flex-direction:column;gap:.3rem;display:flex}.cs-outfit-part{cursor:pointer;text-align:left;background:#0a101a80;border:1px solid #0000;border-radius:6px;align-items:center;gap:.5rem;padding:.28rem .4rem;display:flex}.cs-outfit-part.active{border-color:color-mix(in srgb, var(--cs-accent,var(--gold)) 65%, #24374f);background:#182436bf}.cs-outfit-swatch{border:1px solid #ffffff40;border-radius:4px;flex-shrink:0;width:20px;height:20px;box-shadow:inset 0 0 4px #0006}.cs-outfit-part-label{color:#d7e2f0;flex:1;font-size:.72rem}.cs-outfit-pick{cursor:pointer;opacity:.7;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;display:inline-flex;position:relative}.cs-outfit-pick:hover{opacity:1}.cs-outfit-pick input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.cs-outfit-palette{grid-template-columns:repeat(6,1fr);gap:.28rem;display:grid}.cs-outfit-chip{aspect-ratio:1;cursor:pointer;border:1px solid #ffffff2e;border-radius:5px;padding:0;transition:transform 80ms}.cs-outfit-chip:hover{border-color:#ffffff80;transform:scale(1.12)}.cs-identity{text-align:center}.cs-name{color:var(--text);font-size:1.15rem;font-weight:700}.cs-subtitle{justify-content:center;align-items:center;gap:.5rem;margin-top:.15rem;display:flex}.cs-class{color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-size:.78rem}.cs-level{color:var(--text);border:1px solid var(--panel-border);background:#101e2e;border-radius:10px;padding:.05rem .45rem;font-size:.68rem;font-weight:700}.cs-tagline{color:var(--text-dim);margin-top:.3rem;font-size:.68rem;font-style:italic}.cs-vitals{flex-direction:column;gap:.3rem;margin-top:auto;display:flex}.cs-detail-col{flex-direction:column;flex:1;gap:.75rem;min-width:0;display:flex}.cs-section{border:1px solid var(--panel-border);background:#06090f;border-radius:6px;padding:.55rem .65rem}.cs-section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:.5rem;font-size:.68rem;font-weight:700}.cs-gear-slot{border:1px solid var(--panel-border);background:#0a1018;border-radius:5px;align-items:center;gap:.55rem;padding:.4rem .5rem;display:flex}.cs-gear-slot+.cs-gear-slot{margin-top:.4rem}.cs-gear-empty{opacity:.75}.cs-gear-icon{flex-shrink:0;font-size:1.4rem;line-height:1}.cs-gear-body{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.cs-gear-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-size:.6rem}.cs-gear-affixes{justify-content:flex-start;margin:.1rem 0 0}.cs-gear-slot .btn-unequip{flex-shrink:0}.cs-stats{flex-direction:column;gap:.3rem;display:flex}.cs-stat-line{align-items:center;gap:.5rem;padding:.25rem .15rem;display:flex}.cs-stat-icon{font-size:1rem}.cs-stat-name{color:var(--text);flex:1;font-size:.8rem}.cs-stat-breakdown{color:var(--text-dim);font-size:.72rem}.cs-stat-total{color:var(--text);text-align:right;min-width:2ch;font-size:.95rem;font-weight:700}.cs-stat-chips{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}.cs-chip{color:var(--text);border:1px solid var(--panel-border);background:#101e2e;border-radius:10px;padding:.12rem .5rem;font-size:.7rem}.cs-open-btn{position:relative;overflow:visible}.cs-points-badge{background:var(--gold);color:#0b0d12;text-align:center;border-radius:8px;min-width:15px;height:15px;padding:0 3px;font-size:.6rem;font-weight:800;line-height:15px;position:absolute;top:-5px;right:-5px;box-shadow:0 0 4px #ffc84ab3}.cs-attr-points{float:right;color:#0b0d12;background:var(--gold);letter-spacing:.4px;border-radius:9px;padding:.06rem .5rem;font-size:.62rem;font-weight:700;animation:1.6s ease-in-out infinite cs-attr-pulse}@keyframes cs-attr-pulse{0%,to{box-shadow:0 0 #ffc84a80}50%{box-shadow:0 0 6px 2px #ffc84a59}}.cs-attrs{flex-direction:column;gap:.35rem;display:flex}.cs-attr-row{border:1px solid var(--panel-border);background:#0a1018;border-radius:5px;align-items:center;gap:.55rem;padding:.32rem .4rem;display:flex}.cs-attr-icon{flex-shrink:0;font-size:1.15rem;line-height:1}.cs-attr-body{flex-direction:column;flex:1;gap:.05rem;min-width:0;display:flex}.cs-attr-name{color:var(--text);font-size:.8rem;font-weight:700}.cs-attr-blurb{color:var(--text-dim);font-size:.62rem}.cs-attr-value{color:var(--text);text-align:right;min-width:2ch;font-size:1rem;font-weight:700}.cs-attr-plus{border:1px solid var(--gold);min-width:26px;height:26px;color:var(--gold);cursor:pointer;background:#16233a;border-radius:5px;flex-shrink:0;padding:0 6px;font-size:1.05rem;font-weight:700;line-height:1;transition:background .12s,transform 80ms}.cs-attr-plus:hover:not(:disabled){background:var(--gold);color:#0b0d12}.cs-attr-plus:active:not(:disabled){transform:scale(.9)}.cs-attr-plus:disabled{opacity:.3;border-color:var(--panel-border);color:var(--text-dim);cursor:default}.cs-attr-amount{border:1px solid var(--panel-border);width:44px;height:26px;color:var(--text);font:inherit;text-align:center;-moz-appearance:textfield;background:#0e1826;border-radius:5px;flex-shrink:0;font-size:.8rem}.cs-attr-amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cs-attr-amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cs-attr-amount:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 2px #ffc85a2e}.cs-attr-hint{color:var(--text-dim);text-align:center;margin-top:.45rem;font-size:.64rem;font-style:italic}.cs-ability{align-items:flex-start;gap:.55rem;padding:.4rem .15rem;display:flex}.cs-ability-locked{opacity:.5}.cs-ability-icon{flex-shrink:0;font-size:1.2rem;line-height:1.1}.cs-ability-body{flex-direction:column;gap:.1rem;display:flex}.cs-ability-name{color:var(--text);align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;display:flex}.cs-ability-lock{color:var(--gold);text-transform:uppercase;letter-spacing:.5px;font-size:.6rem;font-weight:700}.cs-ability-desc{color:var(--text-dim);font-size:.68rem}@media (width<=560px){.cs-columns{flex-direction:column}.cs-portrait-col{width:100%}.cs-portrait{max-width:200px;margin:0 auto}}.admin-box{max-width:480px}.admin-warning{letter-spacing:.08em;text-transform:uppercase;color:#e08a8a;border:1px solid #4a2626;border-radius:4px;padding:.1rem .4rem;font-size:.6rem;font-weight:700}.admin-stats{border:1px solid var(--panel-border);background:#06090f;border-radius:6px;margin-bottom:.55rem;padding:.45rem .6rem;font-size:.72rem}.admin-section{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin:.45rem 0 .3rem;font-size:.62rem;font-weight:700}.admin-row{flex-wrap:wrap;gap:.4rem;display:flex}.admin-row+.admin-row{margin-top:.4rem}.btn-admin{color:var(--text);background:#101e2e;border:1px solid #1e2d42;border-radius:4px;padding:.35rem .65rem;font-size:.72rem}.btn-admin-max{border-color:var(--gold);color:var(--gold)}.admin-input{width:4.2rem;color:var(--text);background:#06090f;border:1px solid #1e2d42;border-radius:4px;padding:.3rem .45rem;font-family:inherit;font-size:.72rem}.admin-input:focus{border-color:var(--gold);outline:none}.admin-friend-name{min-width:9rem;color:var(--text);align-items:center;font-size:.72rem;display:flex}.admin-hint{color:var(--text-dim);font-size:.68rem;font-style:italic}.vitals-hud{pointer-events:none;z-index:6;background:#060a109e;border:1px solid #ffffff24;border-radius:6px;flex-direction:column;gap:5px;width:150px;padding:7px 9px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 14px #0006}.vitals-row{align-items:center;gap:6px;display:flex}.vitals-label{color:#cfd8e3;letter-spacing:.03em;width:20px;font-size:.6rem;font-weight:700}.vitals-track{background:#0000008c;border:1px solid #ffffff1f;border-radius:4px;flex:1;height:14px;position:relative;overflow:hidden}.vitals-fill{border-radius:3px 0 0 3px;height:100%;transition:width .25s}.vitals-fill.hp-fill{background:linear-gradient(90deg,#7a1515,#c82828)}.vitals-fill.mp-fill{background:linear-gradient(90deg,#143a6b,#2e8fd6)}.vitals-num{color:#fff;text-shadow:0 1px 2px #000000e6;justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:flex;position:absolute;inset:0}.world-clock{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#e6edf5;pointer-events:none;z-index:6;text-shadow:0 1px 2px #000000e6;background:#060a109e;border:1px solid #ffffff24;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:5px 11px;font-size:.82rem;font-weight:700;display:flex;position:absolute;box-shadow:0 4px 14px #0006}.world-clock-icon{font-size:.9rem}.world-clock-sec{color:#9fb0c2}.fps-counter{font-variant-numeric:tabular-nums;letter-spacing:.05em;color:#9fb0c2;pointer-events:none;z-index:6;text-shadow:0 1px 2px #000000e6;background:#060a109e;border:1px solid #ffffff24;border-radius:6px;align-items:center;gap:4px;padding:4px 9px;font-size:.76rem;font-weight:700;display:flex;position:absolute;box-shadow:0 4px 14px #0006}.fps-num{color:#7ee08a;font-size:.9rem}.inv-hint{color:#cfd8e3;pointer-events:none;z-index:5;background:#060a108c;border:1px solid #ffffff1f;border-radius:4px;padding:.2rem .45rem;font-size:.66rem;font-weight:600;position:absolute;bottom:8px;right:8px}.zoom-hint{color:#cfd8e3;pointer-events:none;z-index:5;background:#060a108c;border:1px solid #ffffff1f;border-radius:4px;padding:.2rem .45rem;font-size:.66rem;font-weight:600;position:absolute;bottom:34px;right:8px}.emote-bar{z-index:8;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:58px;right:8px}.emote-toggle{color:#d7b0ff;cursor:pointer;background:#0a0e16d1;border:1px solid #c8a44873;border-radius:6px;padding:.28rem .55rem;font-size:.72rem;font-weight:700;transition:background .12s,border-color .12s,transform 80ms;box-shadow:0 2px 8px #0006}.emote-toggle:hover{border-color:var(--gold);background:#141c2aeb}.emote-toggle:active{transform:translateY(1px)}.emote-toggle-open{border-color:var(--gold);background:#182030f2}.emote-toggle-text{margin-left:.15rem}.friends-toggle{color:#a8e6c0;position:relative}.friends-badge{color:#fff;text-align:center;background:#2f7d4f;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:800;line-height:16px;position:absolute;top:-7px;right:-7px;box-shadow:0 1px 4px #00000080}.friends-badge-req{background:#d64545}.friends-overlay{z-index:44;background:#03060ab8;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out dialog-fade;display:flex;position:absolute;inset:0}.friends-ov-box{border:1px solid var(--gold);background:linear-gradient(#121b28,#0b121c);border-radius:8px;flex-direction:column;width:min(380px,92vw);max-height:82vh;animation:.18s ease-out dialog-rise;display:flex;overflow:hidden;box-shadow:0 12px 48px #000000a6}.friends-ov-head{border-bottom:1px solid #ffffff14;align-items:center;gap:.5rem;padding:.8rem 1rem;display:flex}.friends-ov-title{letter-spacing:1px;color:var(--gold);font-size:.95rem;font-weight:800}.friends-ov-close{color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#101e2e;border-radius:5px;width:26px;height:26px;margin-left:auto;font-size:.8rem;transition:background .12s,border-color .12s}.friends-ov-close:hover{border-color:var(--gold);background:#17293c}.friends-ov-body{flex-direction:column;gap:.6rem;padding:.7rem .9rem .9rem;display:flex;overflow-y:auto}.friends-ov-empty{color:var(--text-dim);text-align:center;padding:1.2rem .6rem;font-size:.78rem;line-height:1.5}.guild-notice{color:var(--text-dim);background:#c8a4481a;border:1px solid #c8a4484d;border-radius:6px;padding:.4rem .6rem;font-size:.76rem;line-height:1.4}.guild-create{flex-direction:column;gap:.5rem;display:flex}.guild-create-row{gap:.5rem;display:flex}.guild-create-input{border:1px solid var(--panel-border);min-width:0;color:var(--text);font:inherit;background:#00000040;border-radius:6px;flex:1;padding:.35rem .55rem;font-size:.8rem}.guild-create-input:focus{border-color:var(--gold);outline:none}.guild-btn-whisper{border-color:#ff8ae073;padding:.14rem .4rem}.guild-btn-whisper:hover{background:#ff8ae02e}.guild-footer{border-top:1px solid #ffffff14;align-items:center;gap:.5rem;padding-top:.6rem;display:flex}.guild-footer .friends-btn{margin-left:auto}.guild-hint{color:var(--text-dim);font-size:.72rem}.guild-hint code{color:var(--text)}.guild-ov-box{width:min(420px,94vw)}.guild-banner{background:radial-gradient(120% 140% at 0 0,#c8a4482e,#0000 60%),linear-gradient(#182232e6,#0e1520e6);border:1px solid #c8a44866;border-radius:8px;align-items:center;gap:.7rem;padding:.7rem .8rem;display:flex}.guild-crest{filter:drop-shadow(0 2px 4px #00000080);flex-shrink:0;font-size:1.8rem;line-height:1}.guild-banner-info{flex-direction:column;gap:.28rem;min-width:0;display:flex}.guild-banner-name{letter-spacing:.4px;color:var(--gold);text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:800;overflow:hidden}.guild-banner-stats{color:#9fb0c2;flex-wrap:wrap;gap:.15rem .75rem;font-size:.68rem;font-weight:600;display:flex}.guild-stat-on{color:#6fe0a0}.guild-section-title{text-transform:uppercase;letter-spacing:.06em;color:#8697a8;margin:.1rem 0 -.25rem;font-size:.6rem;font-weight:700}.guild-role{text-transform:uppercase;letter-spacing:.04em;color:#8697a8;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;flex-shrink:0;padding:.04rem .4rem;font-size:.56rem;font-weight:700}.guild-role-leader{color:#f0d68a;background:#c8a44829;border-color:#c8a44880}.guild-danger{border-top:1px solid #ffffff0f;justify-content:flex-end;padding-top:.5rem;display:flex}.guild-leave-link,.guild-disband-link{cursor:pointer;font:inherit;color:#8697a8;background:0 0;border:none;padding:.1rem .2rem;font-size:.7rem;font-weight:600;transition:color .12s}.guild-leave-link:hover{color:#f2b9b9}.guild-disband-link:hover{color:#e66060;text-decoration:underline}.guild-confirm{border-top:1px solid #ffffff0f;align-items:center;gap:.4rem;padding-top:.5rem;display:flex}.guild-confirm-text{margin-right:auto;font-size:.76rem}.guild-disband-box{background:#e6606014;border:1px solid #e6606073;border-radius:7px;flex-direction:column;gap:.5rem;padding:.6rem .65rem;display:flex}.guild-disband-warn{color:#f2c9c9;font-size:.74rem;line-height:1.4}.guild-disband-warn strong{color:#ffdede}.guild-disband-prompt{color:var(--text-dim);font-size:.72rem}.guild-disband-prompt strong{color:var(--text)}.guild-disband-box .guild-create-input{border-color:#e6606080}.guild-disband-box .guild-create-input:focus{border-color:#e66060}.guild-disband-actions{justify-content:flex-end;gap:.4rem;display:flex}.emote-wheel{border:1px solid var(--gold);background:linear-gradient(#121b28,#0b121c);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;animation:.12s ease-out emote-pop;display:grid;box-shadow:0 6px 20px #0000008c}@keyframes emote-pop{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.emote-btn{width:58px;color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;transition:background .1s,border-color .1s,transform 80ms;display:flex}.emote-btn:hover{background:#c8a44829;border-color:#c8a44899}.emote-btn:active{transform:scale(.94)}.emote-btn-icon{font-size:1.35rem;line-height:1}.emote-btn-label{color:var(--text-dim);font-size:.6rem;font-weight:600}.cutscene-root{z-index:1000;cursor:pointer;background:#05070d;position:fixed;inset:0;overflow:hidden}.cutscene-canvas{width:100vw;height:100vh;display:block}.cutscene-skip{letter-spacing:.04em;color:#cfd8e3;cursor:pointer;background:#0c121ab3;border:1px solid #ffffff38;border-radius:6px;padding:.4rem .9rem;font-size:.8rem;font-weight:700;transition:background .15s,color .15s;position:absolute;bottom:20px;right:22px}.cutscene-skip:hover{color:#fff;background:#1e2834e6}.cutscene-hint{text-align:center;letter-spacing:.05em;color:#cfd8e38c;pointer-events:none;font-size:.72rem;animation:2.2s ease-in-out infinite cutscene-hint-pulse;position:absolute;bottom:22px;left:0;right:0}@keyframes cutscene-hint-pulse{0%,to{opacity:.4}50%{opacity:.85}}.tutorial-panel{pointer-events:none;z-index:6;background:linear-gradient(#0e1a14eb,#080e16e6);border:1px solid #7ac88299;border-radius:10px;width:282px;padding:.6rem .75rem .7rem;animation:.4s tutorial-in;position:absolute;top:78px;left:12px;box-shadow:0 6px 22px #00000080,0 0 0 1px #7ac8821f}@keyframes tutorial-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tutorial-title{letter-spacing:.07em;text-transform:uppercase;color:#b7f0ac;text-shadow:0 0 10px #7ac88266;font-size:.8rem;font-weight:800}.tutorial-subtitle{color:#8ea99a;margin:.1rem 0 .45rem;font-size:.64rem;line-height:1.25}.tutorial-progress{align-items:center;gap:.45rem;margin-bottom:.5rem;display:flex}.tutorial-progress-bar{background:#ffffff1a;border-radius:3px;flex:auto;height:5px;overflow:hidden}.tutorial-progress-fill{background:linear-gradient(90deg,#6fbf76,#a8e6a0);border-radius:3px;height:100%;transition:width .35s}.tutorial-progress-label{color:#a8e6a0;letter-spacing:.03em;flex:none;font-size:.6rem;font-weight:700}.tutorial-tip{color:#e7d6a8;background:#ffd24a1a;border:1px solid #ffd24a40;border-radius:6px;gap:.35rem;margin-top:.55rem;padding:.4rem .5rem;font-size:.66rem;line-height:1.32;display:flex}.tutorial-tip-icon{flex:none}.tutorial-welcome-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:30;background:#04080c8c;justify-content:center;align-items:center;animation:.35s tutorial-in;display:flex;position:absolute;inset:0}.tutorial-welcome{text-align:center;background:linear-gradient(#122018fa,#0a1018fa);border:1px solid #7ac8828c;border-radius:14px;width:min(440px,86%);padding:1.5rem 1.6rem 1.4rem;box-shadow:0 18px 60px #0009,0 0 0 1px #7ac88226}.tutorial-welcome-badge{letter-spacing:.14em;text-transform:uppercase;color:#b7f0ac;text-shadow:0 0 12px #7ac88280;font-size:.72rem;font-weight:800}.tutorial-welcome-title{color:#f4fbf2;margin:.5rem 0 .7rem;font-size:1.5rem;font-weight:800}.tutorial-welcome-body{color:#cfe0d4;margin:0 0 .6rem;font-size:.86rem;line-height:1.5}.tutorial-welcome-body-sub{color:#9fb6a6;font-size:.8rem}.tutorial-welcome-btn{color:#0c1810;cursor:pointer;background:linear-gradient(#a8e6a0,#6fbf76);border:none;border-radius:8px;margin-top:.7rem;padding:.6rem 1.6rem;font-size:.92rem;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 14px #6fbf7666}.tutorial-welcome-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6fbf768c}.tutorial-steps{flex-direction:column;gap:.28rem;margin:0;padding:0;list-style:none;display:flex}.tutorial-step{color:#8b97a5;align-items:flex-start;gap:.4rem;font-size:.72rem;line-height:1.28;display:flex}.tutorial-check{flex:none;font-weight:800}.tutorial-step.done,.tutorial-step.done .tutorial-check{color:#6fbf76}.tutorial-step.done .tutorial-step-text{opacity:.75;text-decoration:line-through}.tutorial-step.active{color:#eef4fb;font-weight:600}.tutorial-step.active .tutorial-check{color:#ffd24a}.loot-toast-stack{z-index:6;pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute;top:10px;left:10px}.loot-toast{text-shadow:0 1px 3px #000c;background:#060a10b8;border:1px solid #ffffff24;border-left-width:3px;border-radius:4px;padding:.25rem .55rem;font-size:.74rem;font-weight:700;animation:.25s ease-out loot-toast-in,.6s ease-in 3.9s reverse forwards dialog-fade}.loot-toast.rarity-common{border-left-color:var(--common)}.loot-toast.rarity-uncommon{border-left-color:var(--uncommon)}.loot-toast.rarity-rare{border-left-color:var(--rare)}.loot-toast.rarity-epic{border-left-color:var(--epic)}@keyframes loot-toast-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.social-stack{z-index:6;flex-direction:column;gap:.4rem;width:208px;max-width:46%;display:flex;position:absolute;top:452px;right:100px}.party-panel{color:#dfe6ef;background:#060a10ad;border:1px solid #ffffff24;border-radius:6px;flex-direction:column;gap:.3rem;padding:.4rem .5rem;font-size:.72rem;display:flex}.party-title{letter-spacing:.02em;color:#ffd257;text-shadow:0 1px 2px #000000b3;font-weight:800}.party-invite{background:#ffd2571a;border:1px solid #ffd25766;border-radius:5px;flex-direction:column;gap:.35rem;padding:.35rem .4rem;display:flex}.party-invite-text{line-height:1.25}.party-invite-actions{gap:.35rem;display:flex}.party-roster{flex-direction:column;gap:.15rem;display:flex}.party-member{border-radius:4px;align-items:center;gap:.35rem;padding:.15rem .25rem;display:flex}.party-member-self{background:#ffffff0f}.party-member-icon{font-size:.9rem;line-height:1}.party-member-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.party-crown{margin-right:.15rem}.party-member-lv{color:#9fb0c2;flex-shrink:0;font-size:.64rem;font-weight:700}.party-online{margin-top:.15rem}.party-online-title{text-transform:uppercase;letter-spacing:.05em;color:#8697a8;margin-bottom:.15rem;font-size:.6rem;font-weight:700}.party-online-row{align-items:center;gap:.35rem;padding:.1rem .25rem;display:flex}.party-online-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.party-btn{cursor:pointer;color:#eef3f9;background:#ffffff14;border:1px solid #fff3;border-radius:4px;padding:.18rem .5rem;font-family:inherit;font-size:.66rem;font-weight:700;transition:background .12s,border-color .12s}.party-btn:hover{background:#ffffff29}.party-btn-accept{color:#b6f2c6;border-color:#4ad06a99}.party-btn-accept:hover{background:#4ad06a38}.party-btn-decline{color:#f2b9b9;border-color:#e6606080}.party-btn-decline:hover{background:#e6606038}.party-btn-invite{margin-left:auto;padding:.14rem .45rem}.party-btn-leave{color:#f0c3c3;border-color:#e6606066;align-self:flex-start}.party-btn-leave:hover{background:#e6606033}.friends-panel{color:#dfe6ef;background:#060a10ad;border:1px solid #ffffff24;border-radius:6px;flex-direction:column;gap:.3rem;padding:.4rem .5rem;font-size:.72rem;display:flex}.friends-title{letter-spacing:.02em;color:#7fe0b0;text-shadow:0 1px 2px #000000b3;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.4rem;padding:0;font-family:inherit;font-size:.72rem;font-weight:800;display:flex}.friends-count{color:#8697a8;text-shadow:none;font-size:.6rem;font-weight:700}.friends-collapse{color:#8697a8;margin-left:auto}.friends-requests{flex-direction:column;gap:.25rem;display:flex}.friends-request{background:#7fe0b01a;border:1px solid #7fe0b066;border-radius:5px;flex-direction:column;gap:.35rem;padding:.35rem .4rem;display:flex}.friends-request-text{line-height:1.25}.friends-request-actions{gap:.35rem;display:flex}.friends-roster{flex-direction:column;gap:.15rem;display:flex}.friends-member{border-radius:4px;align-items:center;gap:.35rem;padding:.15rem .25rem;display:flex}.friends-member:hover{background:#ffffff0d}.friends-member:hover .friends-btn-remove{opacity:1}.friends-dot{background:#566172;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:inset 0 0 0 1px #0006}.friends-dot-on{background:#4ad06a;box-shadow:0 0 5px #4ad06acc}.friends-icon{flex-shrink:0;font-size:.9rem;line-height:1}.friends-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.friends-status{color:#9fb0c2;flex-shrink:0;font-size:.62rem;font-weight:700}.friends-online{margin-top:.15rem}.friends-online-title{text-transform:uppercase;letter-spacing:.05em;color:#8697a8;margin-bottom:.15rem;font-size:.6rem;font-weight:700}.friends-online-row{align-items:center;gap:.35rem;padding:.1rem .25rem;display:flex}.friends-online-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.friends-btn{cursor:pointer;color:#eef3f9;background:#ffffff14;border:1px solid #fff3;border-radius:4px;padding:.18rem .5rem;font-family:inherit;font-size:.66rem;font-weight:700;transition:background .12s,border-color .12s,opacity .12s}.friends-btn:hover{background:#ffffff29}.friends-btn:disabled{opacity:.5;cursor:default}.friends-btn-accept{color:#b6f2c6;border-color:#4ad06a99}.friends-btn-accept:hover{background:#4ad06a38}.friends-btn-decline{color:#f2b9b9;border-color:#e6606080}.friends-btn-decline:hover{background:#e6606038}.friends-btn-add{color:#b6f2d6;border-color:#7fe0b080;margin-left:auto;padding:.14rem .45rem}.friends-btn-add:hover:not(:disabled){background:#7fe0b033}.friends-btn-remove{color:#8697a8;opacity:0;background:0 0;border-color:#0000;margin-left:auto;padding:.05rem .35rem}.friends-btn-remove:hover{color:#f2b9b9;background:#e6606038}.invite-alert-layer{z-index:120;pointer-events:none;max-width:94%;position:absolute;top:16px;left:50%;transform:translate(-50%)}.invite-alert{pointer-events:auto;border:1px solid var(--invite-accent,#ffd257);color:#eef3f9;box-shadow:0 8px 26px #0000008c, 0 0 0 1px #0000004d, 0 0 22px var(--invite-glow,#ffd25773);background:linear-gradient(#121822f7,#0a0e14f7);border-radius:10px;align-items:center;gap:.6rem;padding:.6rem .75rem;animation:.42s cubic-bezier(.18,.9,.28,1.3) both invite-drop,1.9s ease-in-out .42s infinite invite-pulse;display:flex}.invite-alert-party{--invite-accent:#ffd257d9;--invite-glow:#ffd25780}.invite-alert-friend{--invite-accent:#7fe0b0d9;--invite-glow:#7fe0b080}.invite-alert-icon{filter:drop-shadow(0 1px 2px #0009);flex-shrink:0;font-size:1.7rem;line-height:1}.invite-alert-body{flex-direction:column;gap:.1rem;min-width:0;display:flex}.invite-alert-kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--invite-accent,#ffd257);text-shadow:0 1px 2px #0009;font-size:.62rem;font-weight:800}.invite-alert-text{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;line-height:1.25;overflow:hidden}.invite-alert-text strong{color:#fff}.invite-alert-actions{flex-shrink:0;gap:.4rem;margin-left:.15rem;display:flex}.invite-alert-btn{cursor:pointer;color:#eef3f9;background:#ffffff14;border:1px solid #ffffff38;border-radius:6px;padding:.32rem .7rem;font-family:inherit;font-size:.78rem;font-weight:800;transition:background .12s,border-color .12s,transform 80ms}.invite-alert-btn:hover{background:#ffffff2e}.invite-alert-btn:active{transform:translateY(1px)}.invite-alert-accept{color:#0c1710;background:linear-gradient(#6fe08c,#3fbf68);border-color:#4ad06ab3}.invite-alert-accept:hover{background:linear-gradient(#7ff09c,#4fcf78)}.invite-alert-decline{color:#f2b9b9;border-color:#e6606080}.invite-alert-decline:hover{background:#e6606038}.invite-alert-more{color:#0c1017;background:var(--invite-accent,#ffd257);border-radius:999px;flex-shrink:0;align-self:flex-start;padding:.12rem .4rem;font-size:.66rem;font-weight:800}@keyframes invite-drop{0%{opacity:0;transform:translateY(-26px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes invite-pulse{0%,to{box-shadow:0 8px 26px #0000008c, 0 0 0 1px #0000004d, 0 0 18px var(--invite-glow,#ffd25766)}50%{box-shadow:0 8px 30px #0009, 0 0 0 1px #0000004d, 0 0 34px var(--invite-glow,#ffd257b3)}}@media (prefers-reduced-motion:reduce){.invite-alert{animation:.3s both invite-drop}}.chat-window{z-index:6;background:#060a109e;border:1px solid #ffffff1f;border-radius:6px;flex-direction:column;width:360px;max-width:92%;display:flex;position:absolute;bottom:8px;left:8px;overflow:hidden}.chat-header{background:#060a108c;border-bottom:1px solid #ffffff14;align-items:center;gap:2px;padding:3px 4px;display:flex}.chat-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:.12rem .45rem;font-size:.62rem;font-weight:700}.chat-tab:hover{color:var(--text)}.chat-tab-active{color:var(--text);background:#ffffff1a;border-color:#ffffff24}.chat-toggle{margin-left:auto}.chat-resize{touch-action:none;background:#ffffff0f}.chat-resize:hover{background:#8cc8ff47}.chat-resize-y{cursor:ns-resize;border-bottom:1px solid #ffffff0d;flex-shrink:0;height:6px}.chat-resize-x{cursor:ew-resize;z-index:2;width:6px;position:absolute;top:0;bottom:0;right:0}.chat-resize-corner{cursor:nesw-resize;z-index:3;background:linear-gradient(135deg,#0000 55%,#8cc8ff8c 55% 70%,#0000 70%),#ffffff0f;border-top-right-radius:6px;width:14px;height:14px;position:absolute;top:0;right:0}.chat-resize-corner:hover{background:linear-gradient(135deg,#0000 50%,#8cc8ffe6 50% 72%,#0000 72%),#8cc8ff47}.chat-messages{flex-direction:column-reverse;gap:1px;height:138px;padding:.3rem .5rem;display:flex;overflow-y:auto}.chat-line{text-shadow:0 1px 2px #000c;word-break:break-word;font-size:.7rem;line-height:1.35}.chat-name{color:#8fd3ff;margin-right:.3rem;font-weight:700}.chat-empty{color:var(--text-dim);font-style:italic}.chat-input{color:var(--text);background:#060a1099;border:none;border-top:1px solid #ffffff14;outline:none;padding:.3rem .5rem;font-family:inherit;font-size:.7rem}.chat-input::placeholder{color:var(--text-dim)}.chat-input:focus{background:#0c141ed9;box-shadow:inset 0 0 0 1px #8cc8ff59}.chat-collapsed{background:#060a1073}.shop-box{max-width:940px}.qty-select{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.55rem;display:flex}.qty-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-right:.15rem;font-size:.68rem}.qty-btn{color:var(--text);cursor:pointer;background:#101e2e;border:1px solid #1e2d42;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.qty-btn-active{background:var(--gold);color:#1a1205;border-color:var(--gold)}.tier-legend{color:var(--text-dim);margin-bottom:.5rem;font-size:.72rem;line-height:1.4}.tier-list{flex-direction:column;gap:.3rem;display:flex;overflow-y:auto}.tier-row{border:1px solid var(--panel-border);background:#0a1018;border-left-width:3px;border-radius:4px;align-items:center;gap:.6rem;padding:.4rem .6rem;display:flex}.tier-icon{text-align:center;width:1.5rem;font-size:1.2rem}.tier-main{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.tier-main .item-name{align-items:center;gap:.4rem;font-size:.82rem;display:flex}.tier-check{color:#6fdc8c;font-weight:700}.tier-tag{letter-spacing:.5px;color:#1a1205;background:var(--gold);border-radius:3px;padding:.02rem .3rem;font-size:.6rem;font-weight:700}.tier-sub{color:var(--text-dim);font-size:.68rem}.tier-src{font-weight:700}.tier-src-Shop{color:#6fb2dc}.tier-src-Craft{color:#d6a24a}.tier-src-Quest{color:#c07adc}.tier-src-Drop{color:#dc7a6f}.tier-power{color:var(--text);white-space:nowrap;font-size:.9rem;font-weight:700}.tier-power-lbl{color:var(--text-dim);font-size:.62rem}.pet-box{max-width:680px;overflow-y:auto}.pet-box .item-grid{flex:none;max-height:none;overflow-y:visible}.pet-section-title{letter-spacing:.03em;color:var(--gold);text-transform:uppercase;border-bottom:1px solid var(--panel-border);margin:.7rem 0 .4rem;padding-bottom:.2rem;font-size:.74rem;font-weight:800}.pet-count{color:var(--text-dim);font-weight:600}.pet-glyph{justify-content:center;align-items:center;font-size:1.7rem;line-height:1;display:flex}.pet-blurb{color:var(--text-dim);margin:.15rem 0 .3rem;font-size:.66rem;line-height:1.25}.pet-species{color:var(--text-dim);font-size:.62rem;font-style:italic}.pet-rename-btn{cursor:pointer;opacity:.65;background:0 0;border:none;margin-left:.25rem;padding:0 .2rem;font-size:.62rem;line-height:1.1}.pet-rename-btn:hover{opacity:1}.pet-rename-row{flex-wrap:wrap;align-items:center;gap:.25rem;margin:.2rem 0 .3rem;display:flex}.pet-rename-input{min-width:0;color:var(--text);border:1px solid var(--text-dim);background:#00000026;border-radius:4px;flex:100%;padding:.2rem .3rem;font-size:.7rem}.pet-rename-btn{border:1px solid var(--accent,#c9a24a);opacity:.9;background:#c9a24a24;border-radius:4px;font-weight:700}.pet-rename-btn:hover{opacity:1;background:#c9a24a47}.pet-quick-backdrop{z-index:60;position:fixed;inset:0}.pet-quick-menu{background:var(--panel-bg,#1e1810f7);border:1px solid var(--accent,#c9a24a);width:232px;color:var(--text);border-radius:8px;padding:.55rem .6rem .6rem;position:absolute;box-shadow:0 6px 22px #00000073}.pet-quick-head{align-items:baseline;gap:.35rem;margin-bottom:.4rem;display:flex}.pet-quick-emoji{font-size:1.1rem}.pet-quick-name{font-size:.9rem;font-weight:800}.pet-quick-species{color:var(--text-dim);margin-left:auto;font-size:.62rem;font-style:italic}.pet-quick-label{color:var(--text-dim);margin-bottom:.2rem;font-size:.62rem;display:block}.pet-quick-row{align-items:center;gap:.3rem;display:flex}.pet-quick-input{min-width:0;color:var(--text);border:1px solid var(--text-dim);background:#0003;border-radius:4px;flex:1;padding:.28rem .35rem;font-size:.78rem}.pet-quick-input:focus{border-color:var(--accent,#c9a24a);outline:none}.pet-quick-save{flex:none}.pet-quick-error{color:#e07a6a;margin-top:.28rem;font-size:.66rem;font-weight:700}.pet-quick-actions{flex-wrap:wrap;gap:.3rem;margin-top:.5rem;display:flex}.pet-quick-mini{padding:.2rem .4rem;font-size:.66rem}.pet-perk{color:#7fe0a0;margin-bottom:.3rem;font-size:.68rem;font-weight:700}.pet-source{color:var(--text-dim);margin-bottom:.3rem;font-size:.62rem;font-style:italic}.pet-locked{opacity:.72}.pet-locked-tag{color:var(--text-dim);padding:.28rem 0;font-size:.66rem;font-weight:700}.shop-blurb{color:var(--text-dim);margin-bottom:.55rem;font-size:.72rem;font-style:italic}.shop-tabs{gap:.35rem;margin-bottom:.6rem;display:flex}.shop-tab{color:var(--text-dim);border:1px solid var(--panel-border);cursor:pointer;background:#0a1018;border-radius:4px;padding:.28rem .9rem;font-size:.72rem;font-weight:700}.shop-tab-active{color:#0a0e14;background:var(--gold);border-color:var(--gold)}.item-price{color:#ffd24a;margin-top:.1rem;font-size:.72rem;font-weight:700}.wardrobe-premium{color:#c9a0ff;font-weight:700}.inv-gems{color:#c9a0ff}.btn-premium{color:#d9c0ff;background:#241a33;border-color:#6b4aa0}.btn-premium:hover:not(:disabled){background:#33265a}.btn-buy{color:#9fe0b4;background:#13251a;border-color:#23472f}.btn-buy:hover:not(:disabled){background:#1c3626}.btn-sell{color:#e6d49a;background:#2a2410;border-color:#4a3e1a}.btn-sell:hover:not(:disabled){background:#3a3116}.btn-addbar{color:#cbb4ff;background:#1a1526;border-color:#3a2b52}.btn-addbar:hover:not(:disabled){background:#261c38}.item-onbar-tag{letter-spacing:.03em;color:#a58cff;margin-top:.25rem;font-size:.6rem;font-weight:700;display:block}.save-slot-list{flex-direction:column;gap:.5rem;width:100%;max-width:380px;display:flex}.save-slot-heading{text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);text-align:center;margin-bottom:.25rem;font-size:.68rem}.save-slot-row{gap:.5rem;display:flex}.save-slot-btn{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#0a1018;border-radius:6px;flex:1;align-items:center;gap:.75rem;padding:.6rem .9rem;font-family:inherit;font-size:.85rem;transition:border-color .15s;display:flex}.save-slot-btn:hover{border-color:var(--gold);filter:none}.save-slot-sprite{font-size:1.2rem}.save-slot-name{font-weight:700}.save-slot-meta{color:var(--text-dim);text-transform:capitalize;margin-left:auto;font-size:.72rem}.save-slot-delete{border:1px solid var(--panel-border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:0 .7rem}.save-slot-delete:hover{color:#f98;filter:none;border-color:#c30}.menu-buttons{flex-direction:column;align-items:center;gap:.8rem;display:flex}.btn-menu-secondary{color:var(--text-dim);border:1px solid var(--panel-border);letter-spacing:3px;text-transform:uppercase;background:0 0;padding:.55rem 2rem;font-size:.78rem;transition:color .15s,border-color .15s}.btn-menu-secondary:hover{color:var(--gold);border-color:var(--gold);filter:none}.pause-overlay{z-index:40;background:#03060ab8;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out dialog-fade;display:flex;position:absolute;inset:0}.pause-box{border:1px solid var(--gold);text-align:center;background:linear-gradient(#121b28,#0b121c);border-radius:8px;flex-direction:column;align-items:stretch;gap:1rem;width:min(320px,90vw);padding:1.4rem 1.5rem 1.2rem;animation:.18s ease-out dialog-rise;display:flex;box-shadow:0 12px 48px #000000a6}.pause-title{color:var(--gold);text-transform:uppercase;letter-spacing:4px;font-size:1rem;font-weight:700}.pause-buttons{flex-direction:column;gap:.55rem;display:flex}.pause-hint{color:var(--text-dim);letter-spacing:.5px;font-size:.68rem}.dungeon-timer{z-index:12;color:#e2d4ff;font-variant-numeric:tabular-nums;letter-spacing:1px;pointer-events:none;text-shadow:0 0 6px #7850c899;background:#0c0a10cc;border:1px solid #9678c8bf;border-radius:7px;padding:3px 12px;font-size:.95rem;font-weight:700;position:absolute;top:82px;left:50%;transform:translate(-50%)}.dungeon-timer-urgent{color:#ff6b52;text-shadow:0 0 8px #ff2814b3;border-color:#ff4632e6;animation:1s ease-in-out infinite dclock-pulse}@keyframes dclock-pulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.09)}}.dungeon-skip-btn{z-index:13;color:#e2d4ff;letter-spacing:.5px;cursor:pointer;text-shadow:0 0 6px #7850c899;background:#14101ce0;border:1px solid #9678c8bf;border-radius:7px;padding:5px 16px;font-size:.9rem;font-weight:700;transition:background .12s,border-color .12s,transform .12s;position:absolute;top:116px;left:50%;transform:translate(-50%)}.dungeon-skip-btn:hover{background:#3c2a60f2;border-color:#bea0f0f2;transform:translate(-50%)scale(1.05)}.dungeon-skip-btn:active{transform:translate(-50%)scale(.97)}.dclear-overlay{z-index:42;background:#03060ab8;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out dialog-fade;display:flex;position:absolute;inset:0}.dclear-box{border:1px solid var(--gold);text-align:center;background:linear-gradient(#1a1522,#0c0a14);border-radius:10px;flex-direction:column;align-items:stretch;gap:.85rem;width:min(400px,92vw);padding:1.5rem 1.5rem 1.2rem;animation:.18s ease-out dialog-rise;display:flex;box-shadow:0 12px 48px #000000b3}.dclear-trophy{filter:drop-shadow(0 0 12px #ffc8508c);font-size:2.6rem;line-height:1}.dclear-title{color:var(--gold);text-transform:uppercase;letter-spacing:3px;font-size:1.15rem;font-weight:800}.dclear-sub{color:var(--text-dim);margin-bottom:.35rem;font-size:.82rem;line-height:1.5}.dclear-buttons{flex-direction:column;gap:.6rem;display:flex}.dclear-buttons .btn{flex-direction:column;align-items:center;gap:2px;padding-top:.6rem;padding-bottom:.6rem;display:flex}.dclear-btn-note{opacity:.8;letter-spacing:.3px;text-transform:none;font-size:.66rem;font-weight:500}.dclear-dismiss{color:var(--text-dim);letter-spacing:.3px;cursor:pointer;background:0 0;border:none;padding:.15rem;font-size:.7rem;transition:color .12s}.dclear-dismiss:hover{color:var(--text);text-decoration:underline}.rclear-box{border-color:var(--gold);background:linear-gradient(#241a2e,#0d0a16);width:min(440px,94vw);overflow:hidden;box-shadow:0 12px 48px #000000b3,0 0 60px #ffc85026}.rclear-crown{justify-content:center;align-items:center;height:3.4rem;margin-bottom:.1rem;display:flex;position:relative}.rclear-rays{pointer-events:none;background:conic-gradient(#ffd26447 0deg,#0000 12deg,#ffd26447 30deg,#0000 42deg,#ffd26447 60deg,#0000 72deg,#ffd26447 90deg,#0000 102deg,#ffd26447 120deg,#0000 132deg,#ffd26447 150deg,#0000 162deg,#ffd26447 180deg,#0000 192deg,#ffd26447 210deg,#0000 222deg,#ffd26447 240deg,#0000 252deg,#ffd26447 270deg,#0000 282deg,#ffd26447 300deg,#0000 312deg,#ffd26447 330deg,#0000 342deg);width:220px;height:220px;animation:14s linear infinite rclear-spin;position:absolute;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 68%);mask-image:radial-gradient(circle,#000 30%,#0000 68%)}@keyframes rclear-spin{to{transform:rotate(360deg)}}.rclear-trophy{font-size:3rem;animation:.5s cubic-bezier(.2,1.4,.4,1) both rclear-pop;position:relative}@keyframes rclear-pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.rclear-eyebrow{letter-spacing:6px;text-transform:uppercase;color:#ffe27a;opacity:.9;font-size:.72rem;font-weight:700}.rclear-stats{justify-content:center;gap:.9rem;margin:.2rem 0 .5rem;display:flex}.rclear-stat{background:#ffffff0a;border:1px solid #ffc85038;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:.55rem .3rem;display:flex}.rclear-stat-v{color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800;line-height:1}.rclear-stat-l{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-size:.6rem}.rkr{z-index:12;pointer-events:none;text-align:center;position:absolute;top:82px;left:50%;transform:translate(-50%)}.rkr-caption{letter-spacing:2px;text-transform:uppercase;color:#ffd24abf;text-shadow:0 1px 4px #000000e6;margin-bottom:3px;font-size:.58rem;font-weight:700}.rkr-chips{justify-content:center;gap:6px;display:flex}.rkr-chip{pointer-events:auto;background:#0c0a10b8;border:1px solid #9678c859;border-radius:7px;flex-direction:column;align-items:center;width:56px;padding:4px 2px 3px;display:flex;position:relative}.rkr-icon{font-size:1rem;line-height:1.1}.rkr-label{letter-spacing:.4px;color:#cfc4e8;white-space:nowrap;margin-top:1px;font-size:.55rem;font-weight:600}.rkr-chip.missing{opacity:.55}.rkr-chip.missing .rkr-icon{filter:grayscale()brightness(.55)}.rkr-chip.held{border-color:#ffd24ae6;animation:2.2s ease-in-out infinite rkr-glow}.rkr-chip.held .rkr-label{color:#ffe9a8}.rkr-chip.used{opacity:.7}.rkr-chip.used .rkr-icon{filter:grayscale(.7)brightness(.8)}.rkr-tick{color:#6ee06e;text-shadow:0 0 4px #000000e6;font-size:.6rem;position:absolute;top:-5px;right:-3px}@keyframes rkr-glow{0%,to{box-shadow:0 0 8px #ffd24a40,inset 0 0 8px #ffd24a1a}50%{box-shadow:0 0 14px #ffd24a80,inset 0 0 10px #ffd24a2e}}.rkr-chip.rkr-new{animation:.9s cubic-bezier(.2,1.6,.4,1) rkr-pop,2.2s ease-in-out .9s infinite rkr-glow}@keyframes rkr-pop{0%{filter:brightness(3);transform:scale(.4)}55%{transform:scale(1.3)}to{filter:brightness();transform:scale(1)}}.settings-overlay{z-index:60;background:#03060ab8;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out dialog-fade;display:flex;position:fixed;inset:0}.settings-box{border:1px solid var(--gold);background:linear-gradient(#121b28,#0b121c);border-radius:8px;width:min(500px,94vw);max-height:92vh;padding:1rem 1.2rem 1.2rem;animation:.18s ease-out dialog-rise;overflow-y:auto;box-shadow:0 12px 48px #000000a6}.settings-head{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.settings-title{color:var(--gold);text-transform:uppercase;letter-spacing:3px;font-size:.95rem;font-weight:700}.settings-close{color:var(--text);border:1px solid var(--panel-border);background:#101e2e;padding:.15rem .55rem;font-size:.75rem}.settings-close:hover{filter:none;background:#1a2e42}.settings-tabs{border-bottom:1px solid var(--panel-border);gap:.35rem;margin-bottom:.9rem;display:flex}.settings-tab{color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.45rem .85rem;font-family:inherit;font-size:.74rem;font-weight:700}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.settings-body{flex-direction:column;gap:.7rem;min-height:240px;display:flex}.settings-row{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.settings-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim);white-space:nowrap;font-size:.74rem}.settings-choices{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.choice-btn{border:1px solid var(--panel-border);color:var(--text);background:#0a1018;padding:.35rem .7rem;font-size:.76rem;font-weight:600}.choice-btn:hover{filter:none;border-color:#3a5a7a}.choice-active{border-color:var(--gold);color:var(--gold)}.settings-row input[type=range]{min-width:120px;accent-color:var(--gold);flex:1}.settings-value{text-align:right;width:3.2em;color:var(--text);font-size:.8rem;font-weight:700}.settings-note{color:var(--text-dim);font-size:.7rem;font-style:italic;line-height:1.5}.bind-btn{border:1px solid var(--panel-border);min-width:110px;color:var(--text);letter-spacing:1px;background:#0a1018;padding:.35rem .7rem;font-size:.78rem;font-weight:700}.bind-btn:hover{filter:none;border-color:#3a5a7a}.bind-btn.listening{border-color:var(--gold);color:var(--gold);animation:1s ease-in-out infinite bind-pulse}@keyframes bind-pulse{0%,to{box-shadow:0 0 #c8a44800}50%{box-shadow:0 0 10px #c8a44873}}.bind-fixed{color:var(--text);font-size:.8rem;font-weight:600}.reinforce-head{color:var(--text);background:#c8a44814;border:1px solid #c8a44840;border-radius:8px;margin-bottom:.6rem;padding:.45rem .6rem;font-size:.75rem}.reinforce-hint{color:var(--text-dim);margin-top:.25rem;font-size:.68rem;line-height:1.35;display:block}.up-tags{flex-wrap:wrap;justify-content:center;gap:3px;margin:.15rem 0;display:flex}.up-plus{color:var(--gold);font-size:.72rem;font-weight:700}.up-affix{color:#d9b3ff;white-space:nowrap;background:#965adc2e;border:1px solid #aa6ef066;border-radius:6px;padding:1px 5px;font-size:.6rem;font-weight:600}.up-chance{color:#8de89a;font-size:.72rem;font-weight:600}.up-chance-low{color:#ff9d5c}.up-cost{color:var(--text-dim);font-size:.7rem}.up-risk{color:#ff8080;font-size:.62rem;font-weight:600}.up-maxed{color:var(--gold);padding:.3rem 0;font-size:.75rem;font-weight:700}.btn-reinforce{color:#fff6e0;background:linear-gradient(#b9863a,#7a5622);border-color:#c8a44899}.btn-reinforce:hover:not(.btn-disabled){background:linear-gradient(#d29b46,#8f6428)}.reinforce-pick{cursor:pointer;transition:transform 80ms,box-shadow .12s,border-color .12s}.reinforce-pick:hover{border-color:var(--gold);transform:translateY(-2px)}.reinforce-picked{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold), 0 0 14px #c8a44859}.reinforce-pick-cta{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin-top:.15rem;font-size:.62rem;font-weight:700}.reinforce-picked .reinforce-pick-cta{color:var(--gold)}.forge-popout{z-index:40;border:1px solid var(--gold);background:linear-gradient(#121b28,#0b121c);border-radius:8px;flex-direction:column;gap:.55rem;width:288px;padding:0 16px 14px;animation:.18s ease-out forge-in;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 44px #000000b3,0 0 22px #c8a4482e}@keyframes forge-in{0%{opacity:0}to{opacity:1}}@media (width<=720px){.forge-popout{width:min(288px,90vw)}}.forge-titlebar{border-bottom:1px solid var(--panel-border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#1a2636,#111a27);border-radius:7px 7px 0 0;justify-content:space-between;align-items:center;margin:0 -14px .15rem;padding:.5rem .7rem;display:flex}.item-compare-tip{z-index:90;pointer-events:none;color:#cdd7e4;background:#0c121cf7;border:1px solid #7896be59;border-radius:9px;width:194px;padding:9px 11px;font-size:12px;animation:90ms ease-out ctip-in;position:fixed;box-shadow:0 8px 26px #0000008c}@keyframes ctip-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.ctip-name{border-bottom:1px solid #7896be38;margin-bottom:6px;padding-bottom:5px;font-size:13px;font-weight:700}.ctip-row{justify-content:space-between;gap:12px;padding:1px 0;display:flex}.ctip-row b{color:#eef3fa}.ctip-cur{color:#8b97a7}.ctip-cur b{color:#b6c1d0}.ctip-delta{text-align:center;border-top:1px solid #7896be38;margin-top:6px;padding-top:5px;font-weight:700}.ctip-up{color:#6fe08a}.ctip-down{color:#ec6a6a}.ctip-same{color:#b6c1d0}.forge-titlebar:active{cursor:grabbing}.forge-title{letter-spacing:.05em;text-transform:uppercase;color:var(--gold);font-size:.78rem;font-weight:700}.forge-close{width:22px;height:22px;color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#101e2e;border-radius:4px;line-height:1}.forge-close:hover{border-color:var(--gold);color:var(--gold)}.forge-titlebar-btns{align-items:center;gap:.35rem;display:flex}.forge-detach{letter-spacing:.02em;height:22px;color:var(--gold);border:1px solid var(--gold);cursor:pointer;white-space:nowrap;background:#101e2e;border-radius:4px;padding:0 .5rem;font-size:.66rem;font-weight:700;line-height:1}.forge-detach:hover{background:#16283a}.forge-stage{flex-direction:column;align-items:center;padding-top:.35rem;display:flex;position:relative}.forge-item{justify-content:center;align-items:center;width:132px;height:118px;display:flex;position:relative}.forge-glow{filter:blur(4px);background:radial-gradient(circle,#ffbe5a73,#0000 68%);border-radius:50%;width:94px;height:94px;animation:2.4s ease-in-out infinite forge-ember;position:absolute;top:6px;left:50%;transform:translate(-50%)}.forge-item.rarity-uncommon .forge-glow{background:radial-gradient(circle,#46e63c66,#0000 68%)}.forge-item.rarity-rare .forge-glow{background:radial-gradient(circle,#288cf573,#0000 68%)}.forge-item.rarity-epic .forge-glow{background:radial-gradient(circle,#b446f073,#0000 68%)}@keyframes forge-ember{0%,to{opacity:.5;transform:translate(-50%)scale(.94)}50%{opacity:.9;transform:translate(-50%)scale(1.06)}}.forge-icon{z-index:1;filter:drop-shadow(0 3px 5px #0009);font-size:3.7rem;line-height:1;animation:3s ease-in-out infinite forge-bob;position:relative}@keyframes forge-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.forge-anvil{background:linear-gradient(#2b3646,#141c27);border:1px solid #0a0f16;border-radius:4px 4px 3px 3px;width:100px;height:24px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff14,0 3px 7px #00000080}.forge-anvil:before{content:"";background:linear-gradient(#33404f,#1c2531);border-radius:5px 9px 3px 3px;height:9px;position:absolute;top:-7px;left:9px;right:9px}.forge-flash{white-space:nowrap;letter-spacing:.01em;border-radius:6px;padding:.32rem .8rem;font-size:.9rem;font-weight:800;animation:.3s ease-out forge-flash-in;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #0009}.forge-flash-success{color:#0c2a10;background:#8de89a;box-shadow:0 3px 12px #0009,0 0 16px #8de89a8c}.forge-flash-shatter{color:#2a0808;background:#ff8080;box-shadow:0 3px 12px #0009,0 0 16px #ff808080}.forge-flash-fizzle{color:#1a1408;background:#e6cf86}@keyframes forge-flash-in{0%{opacity:0;transform:translate(-50%,-10px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.forge-name{text-align:center;color:var(--text);font-size:1.05rem;font-weight:700}.forge-stat{justify-content:center;align-items:center;gap:.4rem;display:flex}.forge-stat .tier-power{font-size:.95rem}.forge-arrow{color:var(--text-dim)}.forge-stat-next{color:#8de89a;font-size:.95rem;font-weight:700}.forge-milestone{text-align:center;color:#e8d49a;background:#c8a4481a;border:1px solid #c8a4484d;border-radius:6px;padding:.25rem .4rem;font-size:.68rem}.forge-chance-row{align-items:center;gap:.5rem;display:flex}.forge-chance-bar{border:1px solid var(--panel-border);background:#0a1018;border-radius:5px;flex:1;height:8px;overflow:hidden}.forge-chance-fill{background:linear-gradient(90deg,#4e9a56,#8de89a);border-radius:5px;height:100%;transition:width .2s}.forge-chance-fill[data-low=true]{background:linear-gradient(90deg,#b5632a,#ff9d5c)}.forge-costs{color:var(--text);justify-content:center;gap:1.1rem;font-size:.8rem;font-weight:600;display:flex}.forge-lack{color:#ff8080}.forge-safe{text-align:center;color:#8de89a;font-size:.64rem}.forge-risk{text-align:center}.forge-go{letter-spacing:.03em;text-transform:uppercase;cursor:pointer;width:100%;margin-top:.1rem;padding:.5rem;font-size:.78rem;font-weight:700}.forge-go.btn-disabled{cursor:not-allowed}.forge-foot{text-align:center;color:var(--text-dim);font-size:.64rem}.reinf-fx{z-index:80;pointer-events:none;position:fixed;inset:0;overflow:hidden}.reinf-anchor{justify-content:center;align-items:center;width:0;height:0;display:flex;position:absolute}.reinf-flash{opacity:0;animation:.9s ease-out forwards reinf-flash;position:absolute;inset:0}.reinf-success .reinf-flash{background:radial-gradient(circle at var(--fx,50%) var(--fy,45%), #ffd25a6b, #ffaa281a 45%, transparent 70%)}.reinf-shatter .reinf-flash{background:radial-gradient(circle at var(--fx,50%) var(--fy,45%), #ff463c6b, #b41e1e1f 45%, transparent 70%)}.reinf-fizzle .reinf-flash{background:radial-gradient(circle at var(--fx,50%) var(--fy,45%), #96a5b947, transparent 65%)}.reinf-ascend .reinf-flash{background:radial-gradient(circle at var(--fx,50%) var(--fy,45%), #c878ff73, #ffd25a2e 45%, transparent 72%)}@keyframes reinf-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.reinf-rays{opacity:0;background:repeating-conic-gradient(#ffd66e29 0deg 6deg,#0000 6deg 18deg);width:150vmax;height:150vmax;margin-top:-75vmax;margin-left:-75vmax;animation:2s ease-out forwards reinf-rays;position:absolute;top:0;left:0}.reinf-ascend .reinf-rays{background:repeating-conic-gradient(#d28cff2e 0deg 6deg,#0000 6deg 18deg)}@keyframes reinf-rays{0%{opacity:0;transform:rotate(0)scale(.6)}25%{opacity:1}to{opacity:0;transform:rotate(60deg)scale(1)}}.reinf-core{text-align:center;flex-direction:column;align-items:center;animation:.5s ease-out reinf-shake;display:flex;position:relative}.reinf-shatter .reinf-core{animation:.5s ease-out reinf-shake-hard}@keyframes reinf-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes reinf-shake-hard{0%,to{transform:translate(0)}15%{transform:translate(-11px,4px)rotate(-1.5deg)}30%{transform:translate(11px,-4px)rotate(1.5deg)}45%{transform:translate(-8px,3px)rotate(-1deg)}60%{transform:translate(8px,-3px)rotate(1deg)}80%{transform:translate(-4px)rotate(0)}}.reinf-icon{filter:drop-shadow(0 0 18px);font-size:4.4rem;line-height:1;animation:.6s cubic-bezier(.2,1.6,.5,1) both reinf-icon-pop}.reinf-fizzle .reinf-icon{filter:grayscale(.7)drop-shadow(0 0 8px #96a5b980);opacity:.85}@keyframes reinf-icon-pop{0%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(1.25)}to{transform:scale(1)}}.reinf-delta{letter-spacing:1px;margin-top:.2rem;font-size:5.2rem;font-weight:900;line-height:1;animation:.55s cubic-bezier(.15,1.5,.4,1) both reinf-delta-slam}.reinf-success .reinf-delta{color:#ffe08a;text-shadow:0 0 22px #ffc846e6,0 4px #7a5010,0 6px 14px #0009}.reinf-shatter .reinf-delta{color:#ff6a5c;text-shadow:0 0 22px #ff3c32e6,0 4px #5a1210,0 6px 14px #0009}.reinf-fizzle .reinf-delta{color:#b6c2d2;text-shadow:0 3px 10px #0009;font-size:3.6rem}.reinf-ascend .reinf-delta{background:linear-gradient(90deg,#ffe08a,#ff9de0,#b28dff,#ffe08a) 0 0/300% 100%;color:#0000;text-shadow:0 0 26px #dc96ffb3;-webkit-background-clip:text;background-clip:text;animation:.55s cubic-bezier(.15,1.5,.4,1) both reinf-delta-slam,1.6s linear .4s infinite reinf-shimmer}@keyframes reinf-delta-slam{0%{opacity:0;transform:scale(2.6)}50%{opacity:1;transform:scale(.86)}70%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes reinf-shimmer{0%{background-position:0%}to{background-position:300%}}.reinf-headline{letter-spacing:4px;text-transform:uppercase;margin-top:.35rem;font-size:1.1rem;font-weight:800;animation:.5s ease-out .15s both reinf-fade-up}.reinf-success .reinf-headline{color:#ffd75e}.reinf-shatter .reinf-headline{color:#ff7d70}.reinf-fizzle .reinf-headline{color:#93a2b5;letter-spacing:2px}.reinf-ascend-banner{letter-spacing:3px;color:#fff;background:linear-gradient(90deg,#ffa03c59,#be6eff66);border:1px solid #e6b4ff99;border-radius:999px;margin-top:.45rem;padding:.28rem .9rem;font-size:.95rem;font-weight:800;animation:.5s ease-out .3s both reinf-fade-up;box-shadow:0 0 20px #c882ff80}.reinf-affix{color:#e0c3ff;text-shadow:0 0 12px #b46effb3;margin-top:.4rem;font-size:.82rem;font-weight:700;animation:.5s ease-out .45s both reinf-fade-up}.reinf-name{color:var(--text-dim);margin-top:.5rem;font-size:.82rem;animation:.5s ease-out .25s both reinf-fade-up}@keyframes reinf-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reinf-burst{width:0;height:0;position:absolute;top:2.2rem;left:50%}.reinf-particle{opacity:0;width:9px;height:9px;transform:rotate(var(--a)) translateX(0);animation:reinf-particle 1.1s ease-out var(--d,0s) forwards;border-radius:50%;margin:-4px;position:absolute;top:0;left:0}.reinf-success .reinf-particle{background:#ffdd7a;box-shadow:0 0 8px #ffcf55}.reinf-shatter .reinf-particle{background:#ff7a5c;border-radius:1px;width:7px;height:12px;box-shadow:0 0 6px #ff5c40}@keyframes reinf-particle{0%{opacity:1;transform:rotate(var(--a)) translateX(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateX(170px) scale(.3)}}@media (prefers-reduced-motion:reduce){.reinf-flash,.reinf-rays,.reinf-core,.reinf-icon,.reinf-delta,.reinf-headline,.reinf-ascend-banner,.reinf-affix,.reinf-name,.reinf-particle{animation-duration:.01ms!important}}.cs-respec{justify-content:center;margin-top:.7rem;display:flex}.cs-respec-btn{color:#e3d4ff;background:#785ac82e;border:1px solid #966ee673;padding:.4rem .9rem;font-size:.78rem}.cs-respec-btn:hover:not(.btn-disabled){background:#8c69dc4d}.ptf{z-index:14;color:#e9eef6;background:linear-gradient(#121822f5,#0a0e14f5);border:1px solid #8ec9ff8c;border-radius:8px;width:232px;padding:.45rem .55rem;font-size:.78rem;animation:.15s ease-out dialog-rise;position:absolute;top:12px;left:12px;box-shadow:0 8px 26px #0000008c}.ptf-head{align-items:center;gap:.45rem;display:flex}.ptf-sprite{filter:drop-shadow(0 2px 3px #0009);font-size:1.35rem;line-height:1}.ptf-id{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ptf-name{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;color:#8ec9ff;background:0 0;border:none;align-self:flex-start;max-width:100%;padding:0;font-size:.85rem;font-weight:700;overflow:hidden}.ptf-name:hover{color:#bcdfff;text-decoration:underline}.ptf-caret{opacity:.8;font-size:.65rem}.ptf-sub{color:#9fb0c3;font-size:.68rem}.ptf-tag-party{color:var(--gold,#ffd257)}.ptf-tag-friend{color:#7fd692}.ptf-tag-blocked{color:#e07070}.ptf-btn{color:#cfd9e6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:5px;flex:none;padding:2px 6px;font-size:.72rem}.ptf-btn:hover{background:#ffffff21}.ptf-btn-on{border-color:var(--gold,#ffd257);color:var(--gold,#ffd257)}.ptf-close{font-size:.68rem}.ptf-bars{flex-direction:column;gap:4px;margin-top:.4rem;display:flex}.ptf-bar{background:#0000008c;border:1px solid #ffffff1f;border-radius:4px;height:14px;position:relative;overflow:hidden}.ptf-fill{transition:width .18s;position:absolute;inset:0 auto 0 0}.ptf-hp{background:linear-gradient(#57d977,#2f9c4c)}.ptf-mp{background:linear-gradient(#5aa2ee,#2f66b8)}.ptf-num{text-align:center;color:#f2f7fc;text-shadow:0 1px 2px #000000e6;font-size:.62rem;font-weight:700;line-height:14px;display:block;position:relative}.ptf-menu{border-top:1px solid #ffffff1a;flex-direction:column;gap:2px;margin-top:.4rem;padding-top:.35rem;display:flex}.ptf-menu-item{text-align:left;color:#dfe6ef;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;padding:4px 6px;font-size:.74rem;display:block}.ptf-menu-item:hover:not(:disabled){background:#8ec9ff24}.ptf-menu-item:disabled{color:#77828f;cursor:default}.ptf-menu-danger:hover:not(:disabled){color:#ffb3b3;background:#e0707029}.ptf-gear{border-top:1px solid #ffffff1a;flex-direction:column;gap:3px;margin-top:.4rem;padding-top:.35rem;display:flex}.ptf-gear-row{align-items:center;gap:.4rem;display:flex}.ptf-gear-icon{text-align:center;width:1.1rem}.ptf-gear-empty{color:#5c6875}.ptf-gear-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.72rem;overflow:hidden}.ptf-gear-none{color:#8494a6;font-size:.7rem;font-style:italic}.ptf-gear-stat{color:#b8c4d2;flex:none;font-size:.68rem}.ptf-gear-totals{color:#cfd9e6;border-top:1px dashed #ffffff1a;gap:.8rem;margin-top:2px;padding-top:3px;font-size:.7rem;font-weight:600;display:flex}@font-face{font-family:Cinzel;font-style:normal;font-weight:500 700;font-display:swap;src:url(./cinzel-latin-DMUuCU8H.woff2)format("woff2")}@font-face{font-family:Alegreya;font-style:normal;font-weight:400 900;font-display:swap;src:url(./alegreya-latin-BG9rTJo4.woff2)format("woff2")}@font-face{font-family:Alegreya;font-style:italic;font-weight:400 900;font-display:swap;src:url(./alegreya-italic-latin-Bxkcgmge.woff2)format("woff2")}:root{--pop-frame-1:#5b4326;--pop-frame-2:#33230f;--pop-frame-3:#241708;--pop-frame-edge:#7a5c2e;--pop-parch-1:#f0e6cb;--pop-parch-2:#e2d0a4;--pop-card-1:#f4ead2;--pop-card-2:#e7d6ad;--pop-ink:#33271b;--pop-ink-dim:#6d5a3c;--pop-gold:#b08d3e;--pop-gold-lt:#efd99e;--rar-common:#7a6a4a;--rar-uncommon:#4e7a34;--rar-rare:#2f6d8f;--rar-epic:#7d4a94}.inv-overlay,.cs-overlay{background:#0805029e}.inv-box,.cs-box{color:var(--pop-ink);background:radial-gradient(circle at 22% 18%, #be9e6029, transparent 55%), radial-gradient(circle at 82% 84%, #78582c29, transparent 52%), linear-gradient(158deg, var(--pop-parch-1), var(--pop-parch-2));box-shadow:inset 0 0 34px #78501e38, 0 0 0 1px #5f401a8c,  0 0 0 14px var(--pop-frame-2),  0 0 0 15px var(--pop-frame-edge),  0 0 0 16px #120a0399, 0 34px 80px #0000009e;border:none;border-radius:8px;margin:16px;padding:16px 20px 14px;font-family:Alegreya,Georgia,serif}.inv-box:before,.inv-box:after{content:"";z-index:2;background:radial-gradient(circle at 35% 30%,#f4dd9c,#8a641f);width:11px;height:11px;position:absolute;transform:rotate(45deg);box-shadow:0 1px 2px #0009}.inv-box:before{top:-13px;left:-13px}.inv-box:after{bottom:-13px;right:-13px}.inv-box{position:relative}.inv-header,.cs-header{background:linear-gradient(#4c3820,#31220f);border-radius:5px;align-items:center;gap:12px;margin-bottom:12px;padding:8px 14px;box-shadow:inset 0 1px #ffdc9647,0 2px 5px #3c260c59}.inv-title,.cs-title{letter-spacing:.06em;color:var(--pop-gold-lt);font-family:Cinzel,Georgia,serif;font-size:1.05rem;font-weight:700}.inv-gold{color:#f2ce62;font-weight:700}.inv-close{color:#e9d9ab;border:1px solid var(--pop-frame-edge);background:linear-gradient(#5a4325,#3a2913);border-radius:4px}.inv-close:hover{background:#6b5029}.inv-equipped{color:#4a3c28;background:linear-gradient(#46321824,#4632180f);border:1px solid #78542266;border-radius:5px}.slot-label{color:#8a6a2c;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}.slot-bonus{color:#6a5836}.inv-totals{color:#4a3418;font-weight:700}.empty-slot{color:#b0a080}.equip-socket{background:linear-gradient(#281a0a8c,#281a0a61);box-shadow:inset 0 0 0 1px #78542280,inset 0 2px 6px #00000073}.equip-ghost{opacity:.4}.inv-doll-hint{color:#8a765a}.shop-blurb{color:var(--pop-ink-dim)}.shop-tab{letter-spacing:.01em;color:#7a6647;background:#50381c29;border:1px solid #78542280;border-radius:4px;font-size:.78rem;font-weight:700}.shop-tab:hover{color:var(--pop-ink)}.shop-tab-active{color:#2a1c0c;background:linear-gradient(#e6c76c,#a9812f);border-color:#8a6a2a;box-shadow:inset 0 1px #fff5d2b3,0 1px 2px #0000004d}.qty-label{color:var(--pop-ink-dim)}.qty-btn{color:#7a6647;background:#50381c29;border:1px solid #78542280;font-weight:700}.qty-btn:hover{background:#78542238}.qty-btn-active{color:#2a1c0c;background:linear-gradient(#e6c76c,#a9812f);border-color:#8a6a2a}.item-card{background:linear-gradient(180deg, var(--pop-card-1), var(--pop-card-2));border:1.5px solid #5f401a73;border-radius:5px;box-shadow:inset 0 1px #ffffff8c,0 1px 3px #462d0f2e}.rarity-border-common{border-color:var(--rar-common)}.rarity-border-uncommon{border-color:var(--rar-uncommon)}.rarity-border-rare{border-color:var(--rar-rare)}.rarity-border-epic{border-color:var(--rar-epic)}.item-icon{background:radial-gradient(at 50% 32%,#78501e29,#0000 70%),#ddca9f;box-shadow:inset 0 0 0 1px #5f401a59,inset 0 2px 5px #462d0f38}.item-icon.rarity-uncommon{background:radial-gradient(at 50% 32%,#4e7a3438,#0000 70%),#ddca9f}.item-icon.rarity-rare{background:radial-gradient(at 50% 32%,#2f6d8f38,#0000 70%),#ddca9f}.item-icon.rarity-epic{background:radial-gradient(at 50% 32%,#7d4a9438,#0000 70%),#ddca9f}.item-qty{color:#2a1d0e;background:#f4e4bee0}.item-name{font-weight:700}.item-type{color:var(--pop-ink-dim)}.item-stat{color:#4e6d34}.item-req{color:#9a865f}.rarity-common{color:var(--rar-common)}.rarity-uncommon{color:var(--rar-uncommon)}.rarity-rare{color:var(--rar-rare)}.rarity-epic{color:var(--rar-epic)}.item-card.item-equipped{box-shadow:inset 0 0 0 1.5px #a9812f99}.equipped-tag{color:#8a6a2c;border-color:#c1a24d}.item-price{color:#b8862c;font-weight:700}.empty-msg{color:var(--pop-ink-dim)}.btn-equip,.btn-buy{color:#2a1d0e;background:linear-gradient(#e6c76c,#a9812f);border:1px solid #8a6a2a;font-weight:700;box-shadow:inset 0 1px #fff5d2b3}.btn-equip:hover:not(:disabled),.btn-buy:hover:not(:disabled){filter:brightness(1.1);background:linear-gradient(#e6c76c,#a9812f)}.btn-sell,.btn-unequip{color:#f4e2d8;box-shadow:none;background:linear-gradient(#b06a52,#7a3d2c);border:1px solid #8a4a34;font-weight:700}.btn-sell:hover:not(:disabled),.btn-unequip:hover:not(:disabled){filter:brightness(1.12);background:linear-gradient(#b06a52,#7a3d2c)}.btn-reinforce{color:#2a1d0e;background:linear-gradient(#e6c76c,#a9812f);border:1px solid #8a6a2a}.btn-reinforce:hover:not(.btn-disabled){filter:brightness(1.1)}.btn-disabled{opacity:.45}.up-plus{color:#8a6a2c;background:#b48c3c33;border:1px solid #c1a24d}.up-affix{color:#7d4a94;background:#7d4a9424;border:1px solid #7d4a9466}.tier-legend{color:var(--pop-ink-dim)}.tier-row{background:linear-gradient(#f2e8ce,#e6d4a9);border:1px solid #5f401a4d;border-left-width:3px}.tier-owned{background:linear-gradient(#eef0d4,#dfe3b8)}.tier-best{background:linear-gradient(#f6eccb,#ecd9a2);box-shadow:inset 0 0 0 1.5px #a9812f99}.tier-main .item-name{color:inherit}.tier-check{color:#5f8a34}.tier-tag{color:#1a1205;background:var(--pop-gold)}.tier-sub{color:var(--pop-ink-dim)}.tier-power{color:#4a3418;font-weight:700}.tier-power-lbl{color:#9a865f}.craft-ing{color:#8a7550}.craft-ing.ok{color:#4e7a34}.craft-ing.missing{color:#b5563f}.skillbook-hint{color:#7a6544}.skillbook-hint b{color:#4a3418}.skill-row{background:linear-gradient(#f2e8ce,#e6d4a9);border:1px solid #5f401a52}.skill-icon{background:radial-gradient(circle at 50% 35%,#78501e24,#0000 70%),#ddca9f}.skill-name{color:#3a2a16;font-weight:700}.skill-key{color:#8a6a2c;background:#b48c3c2e;border:1px solid #c1a24d}.skill-desc{color:#7a6544}.skill-onbar-tag{color:#5f8a34}.skill-lock-tag{color:#a67a2c}.inv-footer{color:#9a865f}.inv-footer b{color:#8a6a2c}.cs-portrait{border:1px solid color-mix(in srgb, var(--cs-accent) 45%, #5b4326);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--cs-accent) 26%, transparent), transparent 62%), linear-gradient(180deg, #2a1e0e, #171006);box-shadow:inset 0 0 40px #00000080,inset 0 0 0 1px #f0d6961f}.cs-spin-btn{color:#e9d9ab;border:1px solid color-mix(in srgb, var(--cs-accent,var(--pop-gold)) 45%, #7a5c2e);background:#1e14088c}.cs-spin-btn:hover{background:color-mix(in srgb, var(--cs-accent,var(--pop-gold)) 26%, #1e1408b3)}.cs-spin-hint{color:#cbb488}.cs-name{color:var(--pop-ink);font-weight:700}.cs-class{color:#a9812f;font-weight:700}.cs-level{color:#2a1c0c;background:linear-gradient(#e6c76c,#a9812f);border:1px solid #8a6a2a;font-weight:700}.cs-tagline,.cs-vitals .stat-label{color:var(--pop-ink-dim)}.cs-vitals .stat-value{color:var(--pop-ink);font-weight:700}.cs-vitals .bar-track{background:#5f401a29;box-shadow:inset 0 0 0 1px #5f401a4d}.cs-outfit{background:linear-gradient(#4632181f,#4632180d);border:1px solid #78542266}.cs-outfit-title{color:#4a3418;font-weight:700}.cs-outfit-reset{color:#f4e2d8;background:linear-gradient(#b06a52,#7a3d2c);border:1px solid #8a4a34}.cs-outfit-reset:hover{filter:brightness(1.1);background:linear-gradient(#b06a52,#7a3d2c)}.cs-outfit-part{background:#78542214}.cs-outfit-part:hover{background:#78542229}.cs-outfit-part.active{background:#b48c3c2e;border-color:#a9812f}.cs-outfit-part-label{color:var(--pop-ink)}.cs-section{background:linear-gradient(#4632181a,#4632180a);border:1px solid #78542259}.cs-section-title{color:var(--pop-ink-dim);font-weight:700}.cs-gear-slot{background:linear-gradient(180deg, var(--pop-card-1), var(--pop-card-2));border:1.5px solid #5f401a66;box-shadow:inset 0 1px #ffffff80}.cs-gear-label{color:#8a6a2c;font-weight:700}.cs-stat-name{color:var(--pop-ink)}.cs-stat-breakdown{color:var(--pop-ink-dim)}.cs-stat-add{color:var(--rar-uncommon)}.cs-stat-attr{color:var(--rar-rare)}.cs-stat-buff{color:#b8862c}.cs-stat-total{color:var(--pop-ink);font-weight:700}.cs-chip{color:#4a3418;background:#b48c3c29;border:1px solid #78542266}.cs-attr-row{background:linear-gradient(180deg, var(--pop-card-1), var(--pop-card-2));border:1.5px solid #5f401a66;box-shadow:inset 0 1px #ffffff80}.cs-attr-name{color:var(--pop-ink);font-weight:700}.cs-attr-blurb{color:var(--pop-ink-dim)}.cs-attr-value{color:var(--pop-ink);font-weight:700}.cs-attr-plus{color:#2a1c0c;background:linear-gradient(#e6c76c,#a9812f);border:1px solid #8a6a2a}.cs-attr-plus:hover:not(:disabled){filter:brightness(1.1);color:#2a1c0c;background:linear-gradient(#e6c76c,#a9812f)}.cs-attr-plus:disabled{opacity:.4;color:#9a865f;background:#7854221f;border-color:#78542266}.cs-attr-hint{color:var(--pop-ink-dim)}.cs-attr-points{color:#2a1c0c;background:linear-gradient(#e6c76c,#a9812f)}.cs-respec-btn{color:#2a1d0e;background:linear-gradient(#e6c76c,#a9812f);border:1px solid #8a6a2a;font-weight:700}.cs-respec-btn:hover:not(.btn-disabled):not(:disabled){filter:brightness(1.1)}.cs-ability+.cs-ability{border-top:1px solid #5f401a40}.cs-ability-name{color:var(--pop-ink);font-weight:700}.cs-ability-lock{color:#a9812f}.cs-ability-desc{color:var(--pop-ink-dim)}.inv-box,.cs-box{--text:var(--pop-ink);--text-dim:var(--pop-ink-dim);--gold:#8a6a2c;--panel-border:#78542266;--panel-bg:#46321814;font-weight:500}.inv-title,.cs-title{font-size:1.3rem}.item-name{font-size:.92rem}.item-type{font-size:.76rem;font-weight:600}.item-stat{font-size:.82rem;font-weight:600}.item-req,.item-classreq{font-size:.72rem}.slot-label{font-size:.8rem}.slot-bonus{font-size:.78rem}.empty-slot,.empty-msg{font-size:.9rem}.shop-blurb{font-size:.85rem}.shop-tab{font-size:.88rem}.inv-footer{font-size:.85rem}.btn-equip,.btn-buy,.btn-sell,.btn-unequip{font-size:.82rem;font-weight:700}.skill-name{font-size:.95rem}.skill-desc{font-size:.8rem}.skillbook-hint{font-size:.82rem}.skillbook-reset{color:#4a3418;background:#50381c24;border-color:#78542280;font-size:.74rem}.skillbook-reset:hover{background:#78542238}.cs-attr-amount{background:#fffcf08c;border-color:#78542280}.item-classreq-blocked{color:#a03a2a}.btn-trash{color:#f4e2d8;background:linear-gradient(#b06a52,#7a3d2c);border:1px solid #8a4a34;font-weight:700}.btn-trash:hover:not(:disabled){filter:brightness(1.12);color:#f4e2d8;background:linear-gradient(#b06a52,#7a3d2c)}.btn-sort{color:#f2ead6;background:linear-gradient(#6f8a5a,#4a6338);border:1px solid #55703f;font-weight:700}.btn-sort:hover:not(:disabled){filter:brightness(1.12);color:#f2ead6;background:linear-gradient(#6f8a5a,#4a6338)}.ach-name{font-size:.9rem}.ach-desc{font-size:.76rem}.pet-blurb{font-size:.78rem}.pet-perk{font-size:.8rem}.pet-source{font-size:.72rem}.pet-section-title{font-size:.85rem;font-weight:700}.tier-sub{font-size:.78rem}.craft-ing{font-size:.82rem;font-weight:600}.bank-col{background:#46321814;border-color:#78542266}.bank-col-head{color:var(--pop-ink);border-bottom-color:#78542259;font-size:15px;font-weight:700}.bank-count{color:#4a3418;background:#b48c3c33}.lb-tab{color:#7a6647;background:#50381c1f;border-color:#78542280;font-weight:700}.lb-tab:hover{background:#7854222e}.lb-tab-on{color:#2a1c0c;background:linear-gradient(#e6c76c,#a9812f);border-color:#8a6a2a}.lb-msg{color:var(--pop-ink-dim)}.lb-dim{color:#9a865f}.lb-row{background:#46321814}.lb-head{color:var(--pop-ink-dim);font-size:.82em}.lb-me{background:#b48c3c3d;outline-color:#a9812f}.lb-rank,.lb-lv,.lb-name{color:var(--pop-ink)}.lb-val{color:#8a5f14}.lb-you{color:#1a1205;background:#d9b558}.ql-tab{color:#7a6647;background:#50381c1f;border-color:#78542266;font-size:14px}.inv-box .cab-scroll{border:1px solid var(--pop-frame-edge);background:linear-gradient(#332510,#1f1708);border-radius:8px;padding:10px 8px;box-shadow:inset 0 2px 8px #00000080}.inv-box .cab-cell{background:#0000004d;box-shadow:inset 0 0 0 1px #f0e6cb14,inset 0 2px 5px #00000073}.inv-box .cab-empty{color:#c9b58a}.ql-tab:hover{background:#7854222e}.ql-tab-active{color:#2a1c0c;background:linear-gradient(#e6c76c,#a9812f);border-color:#8a6a2a}.ql-tab-count{color:#4a3418;background:#5f401a2e}.ql-giver{color:var(--pop-ink-dim);font-size:13px}.ql-chip{color:#7a5a14;background:#b48c3c29;border-color:#8a6a2a80}.ql-reward{color:#8a5f14;font-size:13.5px}.ql-item{background:linear-gradient(180deg, var(--pop-card-1), var(--pop-card-2));border:1px solid #5f401a59}.ql-item-name{color:var(--pop-ink);font-weight:700}.ql-bounty-head,.ql-item-desc{color:var(--pop-ink-dim);font-size:13px}.ql-locked-note{color:#9a865f}.ql-claimed{color:#4e7a34}.ql-btn-tracked{color:#4a3418;background:#78542238}.stats-row{background:#46321812}.stats-row:nth-child(odd){background:#46321821}.stats-label{color:var(--pop-ink-dim);font-size:15px}.stats-value{color:var(--pop-ink);font-size:16px}.ach-unlocked{background:#4e7a3424;border-color:#4e7a3473}.ach-locked{background:#5f401a14;border-color:#5f401a40}.pet-perk{color:#4e7a34}.admin-warning{color:#a03a2a;border-color:#a03a2a80}.admin-stats{background:#4632181a}.btn-admin{background:#50381c24;border-color:#78542280}.btn-admin:hover:not(:disabled){background:#78542238}.admin-input{background:#fffcf08c;border-color:#78542280}.update-toast{z-index:9999;background:#0a1016eb;border:1px solid #d2b45a73;border-radius:8px;align-items:center;gap:.7rem;padding:.55rem .7rem .55rem .9rem;animation:.25s ease-out update-toast-in;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 4px 18px #0000008c}@keyframes update-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.update-toast-text{color:var(--text-dim,#b8c2cc);font-size:.82rem}.update-toast .update-toast-refresh{color:#cfe8c8;background:#0e1a14b3;border-color:#7ec8788c;padding:.3rem .9rem}.update-toast-dismiss{color:#b4bec880;cursor:pointer;background:0 0;border:none;padding:.2rem .3rem;font-size:.8rem}.update-toast-dismiss:hover{color:#dce4ebe6}@media (prefers-reduced-motion:reduce){.update-toast{animation:none}}