@font-face{font-family:Kurale;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kurale-cyrillic-ext-400-normal-YCJ2LTkX.woff2) format("woff2"),url(/assets/kurale-cyrillic-ext-400-normal-Df75_7Q2.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Kurale;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kurale-cyrillic-400-normal-C0GZNd3f.woff2) format("woff2"),url(/assets/kurale-cyrillic-400-normal-Z_bOzGy9.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Kurale;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kurale-devanagari-400-normal-toYnxAi9.woff2) format("woff2"),url(/assets/kurale-devanagari-400-normal-CVdn5_vs.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Kurale;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kurale-latin-ext-400-normal-BjK9zzkR.woff2) format("woff2"),url(/assets/kurale-latin-ext-400-normal-B10NGPNF.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kurale;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kurale-latin-400-normal-CwiEG1qi.woff2) format("woff2"),url(/assets/kurale-latin-400-normal-CFY3K8ly.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pt-sans-cyrillic-ext-400-normal-DrEt_GuY.woff2) format("woff2"),url(/assets/pt-sans-cyrillic-ext-400-normal-BWlWxBBJ.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pt-sans-cyrillic-400-normal-BgFH0IXl.woff2) format("woff2"),url(/assets/pt-sans-cyrillic-400-normal-DR9of8nb.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pt-sans-latin-ext-400-normal-DA27ETQX.woff2) format("woff2"),url(/assets/pt-sans-latin-ext-400-normal-Dgusqyff.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pt-sans-latin-400-normal-Cwy9XeGQ.woff2) format("woff2"),url(/assets/pt-sans-latin-400-normal-v0jdzXSm.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/pt-sans-cyrillic-ext-700-normal-XWuytqPM.woff2) format("woff2"),url(/assets/pt-sans-cyrillic-ext-700-normal-DtKE9zI9.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/pt-sans-cyrillic-700-normal-TNhnPAH_.woff2) format("woff2"),url(/assets/pt-sans-cyrillic-700-normal-DzVkanQm.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/pt-sans-latin-ext-700-normal-B72N01jW.woff2) format("woff2"),url(/assets/pt-sans-latin-ext-700-normal-B4THBQu1.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/pt-sans-latin-700-normal-DmHhLLdt.woff2) format("woff2"),url(/assets/pt-sans-latin-700-normal-CyjbL83V.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--text: #f1e4c4;--dim: #b4a27e;--ink: #3b2412;--ink-dim: #6e5132;--gold: #f3cd6a;--gold-hi: #fff2c0;--gold-lo: #8a5a1a;--red: #e0414a;--q0: #d6d6d6;--q1: #2fe04a;--q2: #3a8cff;--q3: #b45cff;--q4: #ff8a1a;--font-display: "Kurale", "PT Sans", Georgia, serif;--font-head: "Kurale", "PT Sans", Georgia, serif;--font: "Kurale", "PT Sans", Georgia, serif;--metal: linear-gradient(180deg, #fffbe8 0%, #ffe9b0 30%, #f6cf72 62%, #dda24a 100%)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#050403;color:var(--text);font-family:var(--font);font-size:17px;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-variant-numeric:lining-nums;font-synthesis:none}button,input,select,textarea{font-family:inherit}#stage{position:absolute;width:1600px;height:900px;transform-origin:0 0;overflow:hidden;background:#0c0907}.screen{position:absolute;top:0;right:0;bottom:0;left:0}.hidden{display:none!important}.dim{color:var(--dim)}.small{font-size:15px}.center{text-align:center}.grow{flex:1}.gold{color:var(--gold)}.gi{display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.85))}.icon{display:inline-flex;vertical-align:middle}h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0 0 8px;color:var(--gold);letter-spacing:.5px}h1{font-size:42px}h2{font-size:30px}h3{font-size:22px}.gold-text,h1,.logo-title,.end-title,.result-title,.tt-name.gold{background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.9)) drop-shadow(0 0 6px rgba(0,0,0,.5))}.framed{position:relative;background:linear-gradient(180deg,#281c14f0,#120d0af5),url(/ui/leather.svg);border-radius:6px;box-shadow:0 10px 30px #000000b3,inset 0 0 40px #0009;padding:22px 24px}.framed:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:30px solid transparent;border-image:url(/ui/frame.svg) 32 / 30px stretch;pointer-events:none;z-index:4}.framed.thin:before{top:-4px;right:-4px;bottom:-4px;left:-4px;border-width:18px;border-image:url(/ui/frame-thin.svg) 16 / 18px stretch}.btn{--fill: linear-gradient(180deg, #a82e1c 0%, #771608 52%, #4a0904 100%);position:relative;font-family:var(--font);font-size:16px;line-height:1.1;color:#ffe9b8;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.5);background:linear-gradient(180deg,#ffe1b933,#ffe1b900 46%),var(--fill);border:2px solid transparent;border-radius:5px;border-image:url(/ui/btn.svg) 12 / 8px stretch;min-height:36px;padding:7px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:inset 0 -7px 12px #00000059,0 4px 9px #0000008c;transition:filter .12s,transform .06s}.btn:hover{filter:brightness(1.18) drop-shadow(0 0 7px rgba(255,180,90,.5))}.btn:active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000008c,0 2px 4px #00000080}.btn:focus-visible{outline:2px solid #fff2c0;outline-offset:3px}.btn.dark{--fill: linear-gradient(180deg, #403632 0%, #251d19 52%, #150f0c 100%);color:#f4e2b8}.btn.on,.btn.gold{--fill: linear-gradient(180deg, #dcae52 0%, #9e6c1e 52%, #603e0c 100%);color:#fffaf0}.btn.small{font-size:14px;min-height:30px;padding:4px 13px;border-image-width:7px}.btn.tiny-btn{font-size:13px;min-height:28px;padding:3px 9px;min-width:38px;border-image-width:7px}.btn.tiny{font-size:12px;min-height:26px;padding:2px 10px;opacity:.6;border-image-width:6px}.btn.icon-btn{width:38px;min-width:38px;height:38px;min-height:38px;padding:0}.btn.wide{width:100%;margin:9px 0;font-size:18px;min-height:46px;padding:10px}.btn.big{font-size:21px;min-height:52px;padding:11px 42px;margin-top:18px;font-family:var(--font-display);border-image-width:11px;border-radius:7px}.btn.disabled,.btn:disabled{filter:grayscale(.85) brightness(.7);cursor:default}.btn.danger{color:#ffc0b0}.badge{min-width:26px;height:26px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;background:url(/ui/gem-badge.svg) center / 100% 100% no-repeat;border-radius:0;box-shadow:none;font-size:13px;color:#fff;text-shadow:0 1px 1px #000;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.tooltip{position:absolute;z-index:100;width:350px;pointer-events:none;background:linear-gradient(180deg,#0a0c1af7,#06060ef7);border-radius:6px;padding:14px 16px;box-shadow:0 12px 34px #000000d9;font-size:15px;line-height:1.35}.tooltip:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:18px solid transparent;border-image:url(/ui/frame-thin.svg) 16 / 18px stretch;pointer-events:none}.tt-name{font-family:var(--font-head);font-size:24px;font-weight:700;line-height:1.05;text-shadow:0 1px 2px #000}.tt-sub{color:#c8c0b0;margin:3px 0 7px}.tt-unique{color:var(--q4)}.tt-cls{margin-bottom:4px}.tt-block{border-top:1px solid rgba(240,200,120,.18);border-bottom:1px solid rgba(240,200,120,.18);padding:5px 0;margin:5px 0}.tt-row{display:flex;gap:6px;align-items:baseline}.tt-row span:first-child{width:112px;color:#a8a090}.tt-bonus{color:#4fe060;font-style:normal}.tt-dim{color:#8a8478}.tt-stats,.tt-eff{color:#4fe060;margin:5px 0}.tt-aura{color:#ffd76a;margin:5px 0}.tt-hint{margin:-2px 0 5px;font-size:12px;color:var(--dim)}.tt-set{margin:7px 0;color:#7a7468;font-size:14px}.tt-set .on{color:#ffe68a}.tt-set-name{color:#ffd76a;font-weight:700}.tt-setb.on{color:#4fe060}.tt-recipe{color:#d8a0ff;font-size:14px;margin:3px 0}.tt-recipe small{display:block;font-size:12px;color:var(--dim)}.tt-flavor{color:#ffd27a;margin:7px 0}.tt-tags{color:#7a7468;font-size:13px}.tt-locked{color:#ff5a4a;margin-top:4px}.tt-foot{border-top:1px solid rgba(240,200,120,.18);margin-top:7px;padding-top:6px;color:#e8e0d0}.tt-foot s{color:#8a8478}.tt-foot .sale{color:#ff5a4a;font-weight:700}#toasts{position:absolute;top:96px;left:50%;transform:translate(-50%);z-index:120;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{font-family:var(--font-display);font-weight:700;font-size:22px;color:#ffe9b0;text-shadow:0 2px 3px #000,0 0 10px rgba(0,0,0,.8);background:radial-gradient(ellipse at center,#140a04d9,#140a0400 72%);padding:8px 60px;transition:opacity .5s,transform .5s}.toast.good{color:#6dff7a}.toast.bad{color:#ff6a5a}.toast.gold{color:var(--gold)}.toast.out{opacity:0;transform:translateY(-14px)}.modal-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a8;z-index:90;display:flex;align-items:center;justify-content:center}.modal{position:relative;min-width:440px;max-width:900px}.modal-body{max-height:820px;overflow-x:hidden;overflow-y:auto;padding:30px 38px 28px}.modal.wide{max-width:1100px;width:1040px}.modal-x{position:absolute;top:14px;right:16px;z-index:6;font-size:15px}.menu-modal{width:380px;text-align:center}.grid{position:relative}.grid .cell,.mini-grid .cell{position:absolute;width:52px;height:52px;margin:1px;border-radius:5px;background:radial-gradient(circle at 50% 40%,#2e2620,#120e0b 78%);box-shadow:inset 0 0 0 1px #000,inset 0 3px 7px #000000e6,0 0 0 1px #d6aa6433}.mini-grid{position:relative;margin:0 auto}.mini-grid .cell{width:50px;height:50px}.item{--q: var(--q0);position:absolute;border-radius:6px;border:2px solid var(--q);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:grab;touch-action:none;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--q) 30%,transparent),#0c0907f0 78%);box-shadow:inset 0 0 0 1px #000000d9,inset 0 0 16px color-mix(in srgb,var(--q) 28%,transparent),0 3px 5px #0009}.item.r0{--q: #9a9a9a}.item.r1{--q: var(--q1)}.item.r2{--q: var(--q2)}.item.r3{--q: var(--q3)}.item.r4{--q: var(--q4);box-shadow:inset 0 0 0 1px #000000d9,inset 0 0 22px #ff8c1e73,0 0 14px #ff8c1e8c}.item.r4:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,rgba(255,230,170,.32) 50%,transparent 65%);background-size:250% 100%;animation:sheen 3.2s ease-in-out infinite;pointer-events:none}@keyframes sheen{0%{background-position:130% 0}60%,to{background-position:-130% 0}}.grid .item{margin:1px}.item-art{display:flex;align-items:center;justify-content:center;pointer-events:none}.item-art img{max-width:90%;max-height:90%}.item:hover{filter:brightness(1.2)}.item.inactive{filter:saturate(.65) brightness(.85)}.item.drag-src{opacity:.22}.item.ghost{position:absolute;z-index:80;pointer-events:none;opacity:.92;box-shadow:0 14px 30px #000c,0 0 18px color-mix(in srgb,var(--q) 60%,transparent)}.item.aura-target{outline:3px solid #ffd76a;outline-offset:-3px;box-shadow:0 0 16px #ffd76a}.aura-mark{position:absolute;right:3px;top:0;font-size:14px;line-height:1.1;color:#fff0b0;text-shadow:0 0 4px #000,0 0 6px rgba(255,220,120,.8);pointer-events:none}.item.starred{box-shadow:inset 0 0 0 1px #000000d9,inset 0 0 18px #ffd25a66,0 0 10px #ffd25a73}.item-stars{position:absolute;left:3px;bottom:0;z-index:2;font-size:14px;line-height:1.1;letter-spacing:-2px;color:#ffd76a;text-shadow:0 0 3px #000,0 0 3px #000,0 0 8px rgba(255,190,60,.9);pointer-events:none}.tt-stars{color:#ffd76a;letter-spacing:-2px}.tt-starnote{margin:2px 0 4px;font-size:13px;color:#ffd76a}.dup-chip{margin-top:3px;padding:1px 7px;font-size:13px;color:#ffe9a8;border-radius:4px;background:#281a08eb;box-shadow:0 0 0 1px #000,0 0 0 2px #e8b86099}.dup-chip.ready{color:#1a0c02;background:linear-gradient(180deg,#ffe9a0,#e8b04a);box-shadow:0 0 0 1px #000,0 0 12px #ffc850cc;animation:badgePulse 1.6s ease-in-out infinite}.rs-stars{color:#b07a10;letter-spacing:-2px;text-shadow:0 0 6px rgba(255,200,80,.6)}body.dragging,body.dragging *{cursor:grabbing!important}.hl{position:absolute;border-radius:6px;background:#5ae66e40;box-shadow:0 0 0 2px #6fe07a,0 0 18px #5ae66e80;pointer-events:none;z-index:5}.hl.bad{background:#e6463c40;box-shadow:0 0 0 2px #e05a4a,0 0 18px #e6463c80}.lobby{--parallax: .12;background:#140a06}.lobby .cam-bg{background-image:url(/ui/run-bg.webp)}.lobby:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 16% 19%,rgba(255,170,70,.18),transparent 24%),radial-gradient(ellipse 75% 70% at 50% 50%,transparent 55%,rgba(10,4,2,.55)),linear-gradient(180deg,rgba(12,6,3,.5),transparent 16%)}.lobby .ornate{background:linear-gradient(180deg,#261810db,#100906eb)}.topbar{position:absolute;left:0;right:0;top:0;height:74px;z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(180deg,rgba(14,7,4,.85),rgba(14,7,4,.5) 70%,transparent)}.topbar>*{pointer-events:auto}.tb-left,.tb-right{display:flex;align-items:center;gap:14px}.tb-left{height:56px;padding:0 20px 0 4px;border-radius:28px;background:linear-gradient(180deg,#261810e6,#100906f0);box-shadow:0 0 0 1px #000,0 0 0 2px #e8b86099,0 0 0 3px #000,0 8px 16px #0009}.round-medal{width:54px;height:63px;margin-top:8px;padding-bottom:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;background:url(/ui/crest-red.svg) center / 100% 100% no-repeat;border-radius:0;box-shadow:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}.round-medal small{font-size:9px;color:#f8d8b0;text-transform:uppercase;letter-spacing:1px}.round-medal b{font-family:var(--font-display);font-size:26px;color:#fff4d8;text-shadow:0 2px 2px #000}.hearts{display:flex;gap:1px}.heart{color:#e0303a;filter:drop-shadow(0 0 6px rgba(255,40,40,.55))}.heart.lost{color:#3a2a26;filter:none}.tb-stat{position:relative;display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:25px;color:#f6e6c0}.tb-stat small{font-size:15px;color:var(--dim)}.tb-stat.gold-count b{color:var(--gold);text-shadow:0 0 10px rgba(255,200,80,.45)}.tb-income{display:flex;flex-direction:column;line-height:1.1}.tb-income b{font-family:var(--font-display);font-weight:400;font-size:17px;color:#ffd76a}.tb-income small{font-size:12px;color:var(--dim)}.tb-league{display:flex;align-items:center;gap:6px;font-size:17px;text-shadow:0 2px 2px #000}.battle-cta{position:absolute;left:50%;top:6px;transform:translate(-50%);z-index:12;width:372px;height:96px;padding:0 44px 0 16px;border:none;cursor:pointer;display:flex;align-items:center;gap:14px;text-align:left;color:#fff0d8;font-family:var(--font);background:url(/ui/cta.svg) center / 100% 100% no-repeat;filter:drop-shadow(0 8px 12px rgba(0,0,0,.65));transition:transform .15s,filter .15s}.battle-cta:hover{transform:translate(-50%) scale(1.03);filter:drop-shadow(0 8px 12px rgba(0,0,0,.65)) drop-shadow(0 0 18px rgba(255,120,50,.65))}.battle-cta:active{transform:translate(-50%) scale(.99)}.battle-cta .cta-medal{width:70px;height:70px}.battle-cta .cta-medal:before{top:-22px;right:-22px;bottom:-22px;left:-22px}.battle-cta .cta-swirl{top:6px;right:6px;bottom:6px;left:6px}.battle-cta .cta-icon{width:64px;height:64px}.battle-cta .cta-text{gap:4px}.battle-cta .cta-text b{font-size:36px}.battle-cta .cta-text small{display:flex;align-items:center;gap:6px;font-size:14px}.battle-cta kbd{margin:0;background:#00000073;color:#ffe9b8;box-shadow:0 0 0 1px #e8b860}.battle-cta:hover .cta-chevron{transform:translate(4px)}.bag-panel{left:146px;top:122px;width:620px;height:470px;padding:24px 30px 10px;display:flex;flex-direction:column;gap:6px}.bag-size{position:absolute;right:34px;top:27px;z-index:3;font-family:var(--font-display);color:#e8c890;font-size:17px;cursor:help}.bag-size small{font-family:var(--font);font-size:13px;color:var(--dim)}.bag-inner{flex:1;display:flex;align-items:center;justify-content:center}.hint{font-size:14px;color:#d8bc90;text-align:center;text-shadow:0 1px 2px #000}.vellum-title{font-family:var(--font-display);font-size:28px;line-height:1;color:#4a1208;text-align:center;margin-bottom:10px}.vellum-title.small{font-size:22px;margin-bottom:6px}.run-page{position:absolute;top:122px;width:900px;height:764px;display:flex;gap:26px}.run-page.left{left:-794px}.run-page.right{left:1494px}.stats-panel{flex:1;padding:30px 38px 20px;display:flex;flex-direction:column;justify-content:space-between}.stats-panel .vellum-title{font-size:32px}.st-sec{display:flex;flex-direction:column}.st-head{font-family:var(--font-display);font-size:19px;color:#6a2a0a;margin-bottom:2px;padding-bottom:2px;border-bottom:1px solid rgba(110,60,20,.35)}.st-row{display:flex;align-items:baseline;gap:6px;padding:0;font-size:17px;line-height:1.55}.st-row span{color:var(--ink-dim);white-space:nowrap}.st-row i{flex:1;border-bottom:1px dotted rgba(80,50,20,.45);transform:translateY(-4px)}.st-row b{color:var(--ink);white-space:nowrap}.hero-panel{width:440px;padding:26px 28px 18px;display:flex;flex-direction:column;align-items:center;gap:4px}.hero-panel>.orn-title{align-self:stretch;margin-bottom:8px}.hero-panel>.orn-title.small{margin:8px 0 6px}.hero-portrait,.b-portrait{position:relative;width:150px;height:150px;border-radius:50%;background:conic-gradient(from 210deg,#fff2c0,#c8963e,#6a4212,#e8b860,#fff2c0,#8a5a1a,#e8b860,#fff2c0);padding:9px;box-shadow:0 0 0 2px #140802,0 10px 26px #000c,0 0 40px color-mix(in srgb,var(--cc) 35%,transparent)}.hero-panel .hero-portrait{width:132px;height:132px;padding:8px}.portrait-inner{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--cc) 35%,#1a120c),#0a0705 72%);box-shadow:inset 0 0 0 2px #140802,inset 0 0 26px #000000e6}.portrait-inner .gi{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--cc) 70%,transparent)) drop-shadow(0 2px 2px #000)}.lvl-badge{position:absolute;left:-6px;bottom:-2px;width:38px;height:44px;padding-bottom:7px;display:flex;align-items:center;justify-content:center;background:url(/ui/crest-red.svg) center / 100% 100% no-repeat;border-radius:0;box-shadow:none;font-family:var(--font-display);font-size:18px;color:#fff4d8;text-shadow:0 1px 2px #000;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}.lvl-badge.small{position:static;width:30px;height:35px;padding-bottom:5px;font-size:14px;flex:none}.hero-name{margin-top:8px;font-family:var(--font-display);font-size:30px;line-height:1.1;filter:drop-shadow(0 2px 0 #1a0a02) drop-shadow(0 0 2px #1a0a02)}.hero-divider{width:230px;height:16px;background:url(/ui/divider.svg) center / 100% 100% no-repeat}.hero-info{display:flex;align-items:center;gap:8px;margin:6px 0 4px}.hero-passive{font-size:14px;line-height:1.3;color:#e8d8b8;text-align:center;padding:0 6px}.hero-skills{align-self:stretch;display:flex;flex-direction:column;gap:6px;margin-top:10px}.hs-row{display:flex;gap:10px;align-items:flex-start;padding:6px 10px;border-radius:8px;background:#00000059;box-shadow:inset 0 0 0 1px #e8b8602e}.hs-icon{flex:none;width:38px;height:38px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#3a2e24,#0c0806 78%);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #8a6a3a}.hs-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.hs-line b{font-size:15px;color:#fff0d0;font-weight:400}.hs-line small{font-size:12px;color:var(--dim);white-space:nowrap}.hs-desc{font-size:12px;line-height:1.25;color:var(--dim)}.hero-class,.passive{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 12px;border-radius:13px;background:#080604b8;box-shadow:0 0 0 1px #e8b86059;text-shadow:0 1px 2px #000;font-size:15px}.passive{color:#ffe08a;cursor:help}.action-bar{position:relative;display:flex;gap:8px;padding:13px 17px;background:linear-gradient(180deg,#1e1428f0,#0c0814f5);border-radius:6px;box-shadow:0 8px 20px #000000b3,inset 0 0 20px #00000080}.lobby .action-bar{background:linear-gradient(180deg,#261810f0,#100906f5)}.action-bar:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:20px solid transparent;border-image:url(/ui/ornate-frame.svg) 32 / 20px stretch;pointer-events:none;z-index:3}.skill-slot,.sk-btn{position:relative;width:64px;height:64px;border-radius:7px;cursor:pointer;overflow:hidden;padding:0;background:radial-gradient(circle at 50% 38%,#3a2e24,#0c0806 78%);border:none;display:flex;align-items:center;justify-content:center;color:var(--dim);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 3px #8a6a3a,inset 0 0 0 4px #000,inset 0 6px 12px #000000b3,0 3px 6px #0009;transition:box-shadow .15s,transform .08s}.skill-slot:hover,.sk-btn:hover{box-shadow:inset 0 0 0 1px #000,inset 0 0 0 3px var(--gold),inset 0 0 0 4px #000,inset 0 6px 12px #0009,0 0 14px #ffc85080}.skill-slot:active,.sk-btn:active{transform:scale(.96)}.sk-art{display:flex}.skill-slot.empty{background:repeating-linear-gradient(45deg,#00000073 0,#00000073 6px,#281c1273 6px,#281c1273 12px);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #c8963c73,0 3px 6px #00000080}.skill-slot.empty .plus{font-size:30px;line-height:1;color:#c8a060;text-shadow:0 0 8px rgba(255,200,100,.5)}.skill-slot .key,.sk-btn .key{position:absolute;left:4px;top:4px;z-index:2;min-width:17px;height:17px;padding:0 3px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#ffe9b8;background:#000000d1;box-shadow:0 0 0 1px #c8963e}.skill-slot .cost,.sk-btn .sk-cost{position:absolute;right:5px;bottom:3px;z-index:2;font-size:13px;color:color-mix(in srgb,var(--rc, #9cd0ff) 70%,#fff);text-shadow:0 0 3px #000,0 1px 1px #000}.skills-hint{font-size:13px;color:#e0c898;margin-top:10px;padding:1px 10px;border-radius:9px;background:#0806048c;text-shadow:0 1px 2px #000}.chest-panel{left:146px;top:606px;width:404px;height:280px;padding:24px 30px 12px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.chest-panel .orn-title{align-self:stretch}.chest-hint{font-size:13px;color:#d0b488;text-align:center;text-shadow:0 1px 2px #000}.sets-panel{width:400px;padding:30px 30px 20px;display:flex;flex-direction:column}.sets-panel .vellum-title{font-size:32px}.rs-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px}.rs-list::-webkit-scrollbar,.rc-book::-webkit-scrollbar{width:6px}.rs-list::-webkit-scrollbar-thumb{background:#6e3c1480;border-radius:3px}.rs-set{padding-bottom:10px;border-bottom:1px solid rgba(110,60,20,.3)}.rs-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.rs-head b{flex:1;font-family:var(--font-display);font-weight:400;font-size:19px;color:var(--ink)}.rs-set.on .rs-head b{color:#2a5a14}.rs-head span:last-child{font-size:14px;color:#5a3a1c}.rs-bonus{display:flex;gap:8px;align-items:flex-start;margin:5px 0;font-size:15px;line-height:1.3;color:#4a2c12}.rs-bonus.on{color:#1c5208;text-shadow:0 0 1px rgba(28,82,8,.35)}.rs-bonus .sb-n{margin-top:1px}.rs-empty,.rc-empty{text-align:center;line-height:1.35;padding:8px 6px}.rs-empty{color:var(--ink-dim)}.recipes-panel{flex:1;min-width:0;padding:26px 24px 18px;display:flex;flex-direction:column;gap:10px}.rc-now{display:flex;flex-direction:column;gap:8px}.rc-empty{color:var(--dim)}.rc-ready{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:14px;line-height:1.3;background:#50286e4d;box-shadow:inset 0 0 0 1px #c896ff59,0 0 12px #a064ff33}.rc-anvil{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#8a4ad8,#2a0a48 75%);box-shadow:0 0 0 1px #000,0 0 0 2px #e8b85c,0 0 0 3px #000}.rc-book{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.rc-book::-webkit-scrollbar-thumb{background:#6a5030;border-radius:3px}.rc-book .rc-row{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);gap:4px;padding:6px}.rc-book .rc-row b{font-size:16px;text-align:center}.rc-book .rc-item{min-width:0;gap:5px;font-size:12.5px;line-height:1.15;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.rc-book .rc-icon{flex:none;width:28px;height:28px}.rc-item.have .rc-icon{box-shadow:0 0 10px #78e6788c}.shop-panel{position:absolute;left:786px;top:122px;width:668px;height:764px}.shop-case{left:0;top:0;width:668px;height:470px;padding:20px 24px 0}.shop-head{position:relative;z-index:3;display:flex;align-items:center;gap:16px}.shop-head .orn-title{flex:1}.reroll-btn{min-height:40px;font-size:16px}.reroll-btn b{color:var(--gold);font-size:19px}.shelf-row{position:relative;z-index:2;display:flex;gap:10px;justify-content:center;height:124px;align-items:flex-end;padding:0 8px}.shelf-row.top{margin-top:10px}.shelf{position:relative;z-index:1;height:34px;margin:0 26px 46px;border-style:solid;border-width:0 44px;border-image:url(/ui/shelf.svg) 0 44 fill / 0 44px round;filter:drop-shadow(0 10px 8px rgba(0,0,0,.6))}.shelf:before,.shelf:after{content:"";position:absolute;top:28px;width:26px;height:34px;background:url(/ui/shelf-bracket.svg) center / 100% 100% no-repeat}.shelf:before{left:-36px}.shelf:after{right:-36px;transform:scaleX(-1)}.ware{position:relative;width:196px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.ware-art{position:relative;height:100%;width:100%;display:flex;align-items:flex-end;justify-content:center}.ware-art:after{content:"";position:absolute;bottom:-4px;left:50%;width:120px;height:12px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.7),transparent 70%);pointer-events:none}.ware-glow{position:absolute;bottom:0;left:50%;width:170px;height:150px;transform:translate(-50%);pointer-events:none;background:radial-gradient(ellipse at 50% 85%,color-mix(in srgb,var(--q) 28%,transparent),transparent 65%)}.ware-art .item{position:relative;z-index:1;transition:transform .15s}.ware-art .item:hover{transform:translateY(-6px)}.ware-front{position:absolute;top:calc(100% - 1px);left:-6px;right:-6px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none}.ware-tags{display:flex;align-items:flex-start;gap:6px}.sale-chip{margin-top:3px;padding:1px 7px;font-size:13px;color:#fff;border-radius:4px;background:linear-gradient(180deg,#e03a2a,#8a1008);box-shadow:0 0 0 1px #000,0 0 10px #ff50288c}.ware-name{text-align:center;font-size:14px;line-height:1.1;text-shadow:0 1px 2px #000,0 0 6px #000;max-width:170px}.price-tag{display:flex;align-items:center;gap:4px;padding:0 12px 0 8px;height:26px;border-radius:0 0 6px 6px;font-family:var(--font-display);font-size:20px;color:var(--gold);background:linear-gradient(180deg,#3a2410,#1a0c04);box-shadow:0 0 0 1px #000,0 0 0 2px #c8963e,0 4px 6px #0009}.price-tag.poor{color:#e0604a}.price-tag.sale{box-shadow:0 0 0 1px #000,0 0 0 2px #ff5a3a,0 0 12px #ff502899}.lock{position:absolute;z-index:2;width:32px;min-width:32px;height:32px;min-height:32px;opacity:0;transition:opacity .15s,filter .12s}.ware:hover .lock{opacity:1}.lock.on{--fill: linear-gradient(180deg, #4a8ad8, #1e4a8a 55%, #0e2448);color:#e8f4ff;opacity:1;filter:drop-shadow(0 0 8px rgba(90,160,255,.7))}.ware.locked .ware-glow{background:radial-gradient(ellipse at 50% 85%,rgba(90,160,255,.4),transparent 65%)}.ware.sold{justify-content:center}.sold-label{font-family:var(--font-display);font-size:19px;color:#a08060;text-shadow:0 1px 2px #000;transform:rotate(-6deg);border:2px solid #a08060;padding:2px 12px;border-radius:4px;opacity:.7;margin-bottom:40px}.item.display{border:none;background:none;box-shadow:none;overflow:visible;border-radius:0}.item.display:after{display:none}.item.display .gi{filter:drop-shadow(0 0 1px rgba(0,0,0,.95)) drop-shadow(0 0 8px color-mix(in srgb,var(--q) 65%,transparent)) drop-shadow(0 5px 4px rgba(0,0,0,.75))}.item.display:hover{filter:brightness(1.25)}.odds{display:flex;justify-content:center;align-items:center;gap:14px;white-space:nowrap;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--dim);background:#00000052;box-shadow:inset 0 0 0 1px #e8b8602e}.odd{display:flex;align-items:center;gap:6px;font-size:15px;color:#f0e2c0}.odd i{width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 1px #000,0 0 6px currentColor}.merchant{left:0;top:484px;width:668px;height:280px;padding:24px 30px 22px;display:flex;align-items:center;gap:30px}.merchant-side{flex:none;display:flex;flex-direction:column;align-items:center;gap:14px}.merchant-name{font-family:var(--font-display);font-size:18px;color:#f3cd6a;text-shadow:0 2px 2px #000}.merchant-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px}.merchant-portrait{flex:none;width:128px;height:128px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#5a3a1a,#120a04 72%);box-shadow:0 0 0 2px #140802,0 0 0 6px #e8b85c,0 0 0 8px #140802,0 10px 24px #000c,0 0 30px #ffaa464d}.speech{position:relative;min-height:96px;padding:12px 20px;display:flex;flex-direction:column;justify-content:center;font-size:16px;color:var(--ink);line-height:1.3;background:url(/ui/parchment.svg);border-radius:14px;box-shadow:inset 0 0 14px #6e3c1473,0 0 0 1px #3a2010,0 0 0 3px #e8b8608c,0 6px 14px #0009}.speech:before{content:"";position:absolute;left:-16px;top:50%;margin-top:-10px;border:10px solid transparent;border-right:18px solid #d8c08a;border-left:0}.sell-zone.counter{left:566px;top:606px;width:200px;height:280px;padding:24px 18px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#e8d0a8;text-shadow:0 1px 2px #000;font-size:13px;line-height:1.3;transition:filter .15s,box-shadow .15s}.sell-icon{display:flex;filter:drop-shadow(0 0 12px rgba(255,200,80,.35)) drop-shadow(0 3px 3px #000)}.sell-zone b{font-family:var(--font-display);font-weight:400;font-size:26px;color:var(--gold)}.sell-zone.hot{filter:brightness(1.25);box-shadow:0 10px 22px #000000b3,inset 0 0 30px #ffbe504d,0 0 30px #ffc850bf}.skill-picker h2{margin-bottom:2px}.sp-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.sp-item{display:flex;gap:12px;align-items:center;text-align:left;padding:10px;border-radius:6px;cursor:pointer;background:#00000059;border:none;color:var(--text);font-family:var(--font);font-size:16px;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #4a3820}.sp-icon{width:58px;height:58px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:6px;background:radial-gradient(circle,#2e2620,#0e0a08);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 3px #6a5030}.sp-item.on{box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px var(--gold),0 0 14px #ffc85059;background:#50320a59}.sp-item.locked{opacity:.45;cursor:default}.rc-row{display:flex;align-items:center;gap:10px;padding:5px 10px;background:#0000004d;border-radius:6px}.rc-row b{color:var(--gold);font-size:20px}.rc-item{display:inline-flex;align-items:center;gap:8px;min-width:270px;font-weight:700}.rc-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:2px solid;background:radial-gradient(circle,#2a2018,#0e0a08)}.battle{background:#0c0810 url(/ui/battle-bg.webp) center / cover}.battle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,3,14,.55),transparent 20%,transparent 56%,rgba(6,3,14,.62) 72%),radial-gradient(ellipse 34% 22% at 50% 42%,rgba(255,220,160,.08),transparent 70%),radial-gradient(ellipse 85% 80% at 50% 45%,transparent 55%,rgba(6,3,10,.55))}.searching{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#06030a73}.search-card{display:flex;flex-direction:column;align-items:center;gap:18px;padding:34px 60px 30px;font-family:var(--font-display);font-size:30px;color:var(--gold);text-shadow:0 2px 4px #000}.spin{animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.b-frame{position:absolute;top:14px;width:560px;display:flex;gap:16px;align-items:center;padding:16px 22px 18px}.b-frame.side0{left:16px}.b-frame.side1{right:16px;flex-direction:row-reverse;text-align:right}.bf-emblem{flex:none;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--cc) 30%,#1a120c),#0a0705 72%);box-shadow:0 0 0 1px #000,0 0 0 3px #c8963e,0 0 0 4px #000,0 0 14px color-mix(in srgb,var(--cc) 40%,transparent)}.b-top{position:absolute;left:610px;top:6px;width:380px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3}.b-hero{position:absolute;top:250px;width:300px;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:2}.b-hero.side0{left:390px}.b-hero.side1{right:390px}.portrait-wrap{position:relative}.b-portrait{width:136px;height:136px;padding:8px}.b-hero .b-portrait{width:186px;height:186px;padding:10px;box-shadow:0 0 0 2px #140802,0 14px 30px #000000d9,0 0 50px color-mix(in srgb,var(--cc) 45%,transparent)}.b-hero .portrait-inner{animation:breathe 3.2s ease-in-out infinite}.b-hero.side1 .portrait-inner{animation-delay:-1.6s}@keyframes breathe{50%{box-shadow:inset 0 0 0 2px #140802,inset 0 0 40px #000000bf}}.bh-shadow{position:absolute;left:50%;top:158px;width:250px;height:56px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.7),rgba(0,0,0,.3) 45%,transparent 70%);pointer-events:none}.b-hero.side0.lunge .portrait-wrap{animation:lungeR .28s ease-out}.b-hero.side1.lunge .portrait-wrap{animation:lungeL .28s ease-out}@keyframes lungeR{40%{transform:translate(30px) rotate(4deg)}}@keyframes lungeL{40%{transform:translate(-30px) rotate(-4deg)}}.b-hero .lvl-badge{left:4px;bottom:8px;width:44px;height:51px;font-size:20px}.b-hero.side1 .lvl-badge{left:auto;right:4px}.b-hero .block-badge{bottom:-10px;font-size:16px}.b-hero .statuses{justify-content:center;max-width:320px;padding:0}.b-hero .fct-layer{top:-64px;height:150px;z-index:9}.b-vs{position:absolute;left:764px;top:310px;z-index:1;filter:drop-shadow(0 0 14px rgba(255,180,60,.7)) drop-shadow(0 3px 3px #000);animation:vsPulse 2.6s ease-in-out infinite}@keyframes vsPulse{50%{transform:scale(1.08);filter:drop-shadow(0 0 22px rgba(255,180,60,.9)) drop-shadow(0 3px 3px #000)}}.b-portrait.hit{animation:hit .2s}.b-portrait.stunned{filter:grayscale(.85) brightness(.65)}.b-portrait.immune{box-shadow:0 0 0 2px #140802,0 0 34px #ffe27a,0 0 60px #ffe67899}@keyframes hit{30%{transform:translate(-6px) scale(.97);filter:brightness(1.7)}60%{transform:translate(5px)}}.block-badge{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#2a4a7a,#10203a);border-radius:10px;padding:1px 10px;color:#d8e8ff;white-space:nowrap;box-shadow:0 0 0 1px #000,0 0 0 2px #8fb8ff,0 0 10px #78aaff99;z-index:3}.f-info{flex:1;min-width:0}.f-name{font-family:var(--font-display);font-size:28px;display:flex;gap:8px;align-items:center;color:#fff4d8;text-shadow:0 2px 2px #000}.b-frame.side1 .f-name{flex-direction:row-reverse}.f-sub{font-size:15px;margin-bottom:2px;text-shadow:0 1px 2px #000}.f-tag{font-family:var(--font);font-size:12px;padding:1px 8px;border-radius:8px;background:#2a6a3a;color:#d8ffd8;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 0 1px #000,0 0 0 2px #e8b86073}.f-tag.bot{background:#4a4a50;color:#eee}.bar{position:relative;height:20px;margin-top:7px;border-radius:4px;overflow:hidden;background:linear-gradient(180deg,#050404,#1a1612);box-shadow:0 0 0 1px #000,0 0 0 2px #b8892f,0 0 0 3px #000,inset 0 2px 4px #000000e6}.bar.big{height:30px}.bar.thin{height:16px}.bar-fill{position:absolute;left:0;top:0;bottom:0;transition:width .12s}.bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:50%;left:0;background:linear-gradient(180deg,#ffffff59,#ffffff0d)}.b-frame.side1 .bar-fill{left:auto;right:0}.bar-fill.hp{background:linear-gradient(180deg,#4ae050,#1a8a20 60%,#0e5a12)}.bar-fill.res{background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 75%,#fff),var(--rc) 50%,color-mix(in srgb,var(--rc) 60%,#000))}.bar-fill.stam{background:linear-gradient(180deg,#ffe07a,#c89a2a 60%,#7a5a10)}.bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;z-index:1}.bar.big .bar-text{font-size:18px}.statuses{display:flex;flex-wrap:wrap;gap:6px;min-height:28px;padding:0 8px}.status{border-radius:12px;padding:2px 10px;font-size:14px;background:#000000b3;box-shadow:0 0 0 1px #000,0 0 0 2px currentColor,0 0 8px currentColor;border:none}.b-bag{position:absolute;top:560px;width:576px;height:326px;padding:22px 14px 14px;display:flex;flex-direction:column;gap:6px}.b-bag.side0{left:16px}.b-bag.side1{right:16px}.mini-wrap{flex:1;display:flex;align-items:center;justify-content:center}.mini-grid .item{cursor:default;margin:1px}.cd-ov{position:absolute;left:0;right:0;bottom:0;background:#0000008c;pointer-events:none}.item.flash{animation:flash .35s}.item.starved{box-shadow:inset 0 0 0 3px #d8c050}@keyframes flash{0%{filter:brightness(2.6);transform:scale(1.07)}to{filter:none;transform:none}}.fct-layer{position:absolute;left:-60px;right:-60px;top:-10px;height:150px;pointer-events:none;z-index:8}.fct{position:absolute;top:60px;font-family:var(--font-display);font-size:30px;text-shadow:0 2px 3px #000,0 0 3px #000,0 0 8px rgba(0,0,0,.8);white-space:nowrap;animation:rise 1s ease-out forwards;transform:translate(-50%)}.fct.crit{font-size:44px;animation-name:critpop}.fct.small{font-size:20px}.fct.skill{font-size:26px;top:14px;animation-duration:1.4s}@keyframes rise{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-80px}}@keyframes critpop{0%{opacity:1;margin-top:0;font-size:60px}20%{font-size:44px}to{opacity:0;margin-top:-70px}}.b-medal{width:80px;height:94px;padding-bottom:14px;margin-top:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;background:url(/ui/crest-red.svg) center / 100% 100% no-repeat;border-radius:0;box-shadow:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(255,170,60,.3))}.b-medal small{font-size:11px;color:#f8d8b0;text-transform:uppercase;letter-spacing:1px}.b-medal b{font-family:var(--font-display);font-size:36px;color:#fff4d8;text-shadow:0 2px 3px #000}.b-timer{font-family:var(--font-display);font-size:23px;color:#f6e6c0;text-shadow:0 2px 3px #000;margin-top:6px;padding:0 20px;border-radius:16px;background:#0a0610d9;box-shadow:0 0 0 1px #000,0 0 0 2px #e8b8608c,0 0 0 3px #000}.b-timer.fatigue{color:#ff7a5a}.b-speed{display:flex;gap:8px}.b-log{align-self:stretch;flex:1;min-height:0;padding:20px 16px 12px;display:flex;flex-direction:column;gap:6px}.log{flex:1;overflow-y:auto;padding:0 4px;font-size:15px;text-shadow:0 1px 2px #000}.log::-webkit-scrollbar{width:6px}.log::-webkit-scrollbar-thumb{background:#6a5030;border-radius:3px}.log-line{padding:2px 0}.log-line.me{color:#8fd4ff}.log-line.foe{color:#ffa898}.log-line.good{color:#6dff7a}.log-line.bad{color:#ff6a5a}.log-line.sys{color:#ffd76a}.b-bottom{position:absolute;left:608px;top:560px;width:384px;height:326px;display:flex;flex-direction:column;align-items:center;gap:8px}.b-actions{align-self:stretch;display:flex;justify-content:space-between;padding:0 4px}.sk-btn{width:76px;height:76px}.sk-btn.ready{box-shadow:inset 0 0 0 1px #000,inset 0 0 0 3px var(--gold),inset 0 0 0 4px #000,0 0 14px #ffc8508c}.sk-btn.poor .sk-art{filter:grayscale(.8) brightness(.55)}.sk-btn.nope{animation:hit .2s}.sk-cd{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:6px}.sk-cdtext{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:26px;color:#fff;text-shadow:0 0 4px #000,0 2px 2px #000}.sk-cost{position:absolute;right:6px;bottom:3px;font-size:13px;color:#9cd0ff;text-shadow:0 0 3px #000}.btn.auto.on{filter:drop-shadow(0 0 8px rgba(255,200,80,.55))}.result-back{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#06030a59,#06030ad1);display:flex;align-items:center;justify-content:center;z-index:50}.result-box{width:580px;text-align:center;padding:40px 46px 34px}.result-title{font-family:var(--font-display);font-size:70px;line-height:1;filter:drop-shadow(0 3px 0 #1a0a02) drop-shadow(0 0 22px rgba(255,170,60,.35))}.result-box.lose .result-title{background:linear-gradient(180deg,#ffe0d6,#ff9a7a 45%,#e8543a);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 #1a0a02) drop-shadow(0 0 22px rgba(255,80,50,.35))}.result-divider{width:340px;height:22px;margin:10px auto 4px;background:url(/ui/divider.svg) center / 100% 100% no-repeat}.result-sub{color:var(--dim);margin:4px 0 18px;font-size:18px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-stats div{background:#00000061;border-radius:8px;padding:9px;display:flex;flex-direction:column;color:var(--dim);box-shadow:inset 0 0 0 1px #e8b86038,inset 0 0 14px #0006}.result-stats b{color:var(--text);font-size:26px;font-family:var(--font-display)}.embers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.embers span{position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;background:#ffb050;box-shadow:0 0 8px 2px #ff8c28cc;animation:ember linear infinite;opacity:0}@keyframes ember{0%{transform:translate(0);opacity:0}10%{opacity:1}to{transform:translate(var(--dx),-620px);opacity:0}}.panel-title{font-family:var(--font-display);font-weight:700;font-size:23px;color:var(--gold);text-align:center;text-shadow:0 2px 2px #000}.panel-title.small{font-size:19px;margin-top:8px}.name-input{font-family:var(--font-head);font-weight:700;font-size:26px;background:#00000073;border:none;border-radius:4px;color:var(--gold-hi);padding:5px 12px;text-align:center;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #6a5030}.xp-bar,.q-bar{position:relative;height:20px;border-radius:4px;overflow:hidden;margin-top:5px;background:linear-gradient(180deg,#050404,#1a1612);box-shadow:0 0 0 1px #000,0 0 0 2px #7a6040,0 0 0 3px #000,inset 0 2px 4px #000000e6}.xp-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#d8a0ff,#8a3ad8 55%,#4a1088)}.xp-fill:after,.q-fill:after{content:"";position:absolute;top:0;right:0;bottom:50%;left:0;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent)}.q-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#ffd060,#b07818 60%,#6a4408)}.q-bar .bar-text,.xp-bar .bar-text{font-size:13px}.server-status{margin-top:auto;text-align:center}.logo{display:flex;flex-direction:column;align-items:center;gap:4px}.logo-title{font-family:var(--font-display);font-size:82px;font-weight:700;line-height:1;letter-spacing:2px;margin-top:10px}.btn.huge{font-family:var(--font-display);font-size:32px;padding:18px 46px;border-radius:9px;border-image-width:15px;gap:20px;text-align:left;min-width:500px;justify-content:flex-start}.btn.huge .small{font-family:var(--font);font-size:16px;color:#ffd8b0;font-weight:500}.btn.tile{--fill: radial-gradient(ellipse at 50% 35%, rgba(120, 80, 40, .35), transparent 70%), linear-gradient(180deg, #2e241e, #120c09);flex-direction:column;gap:10px;width:170px;height:140px;font-family:var(--font-display);font-size:21px;border-image-width:12px;border-radius:8px}.btn.tile .badge{position:absolute;top:10px;right:10px;font-family:var(--font)}.quest.claimed{opacity:.5}.reset{position:absolute;right:30px;bottom:8px}.classes,.talents,.arsenal,.help,.docs,.account,.admin,.run-end{padding:26px 40px;overflow:auto;background:linear-gradient(180deg,#08041099,#080410d6),url(/ui/hub-bg.webp) center / cover}.screen-head{display:flex;align-items:center;gap:22px;margin-bottom:20px}.screen-head h1{margin:0}.pts{margin-left:auto;font-size:20px;text-shadow:0 2px 2px #000}.run-end{display:flex;align-items:center;justify-content:center}.end-box{width:800px;text-align:center;padding:34px 44px}.end-title{font-family:var(--font-display);font-size:62px;font-weight:700;line-height:1}.end-title.win{filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 22px rgba(255,200,80,.6))}.end-sub{display:flex;justify-content:center;align-items:center;gap:8px;font-size:21px;margin-top:8px}.end-void{max-width:560px;margin:26px auto;padding:14px 22px;border-radius:8px;font-size:18px;line-height:1.4;color:#e8dcc0;background:#00000059;box-shadow:inset 0 0 0 1px #e8b8604d}.rewards{display:flex;justify-content:center;gap:46px;margin:22px 0}.rewards>div{display:flex;flex-direction:column;align-items:center;gap:4px}.rewards b{font-family:var(--font-display);font-size:34px}.levels{color:#ffd76a;margin:8px 0}.level-line{width:420px;margin:8px auto}.history{max-height:250px;overflow:auto;margin-top:14px;text-align:left}.h-row{display:grid;grid-template-columns:100px 110px 1fr 60px;padding:4px 10px;border-radius:4px;margin-bottom:2px}.h-row.won{background:linear-gradient(90deg,rgba(60,200,80,.18),transparent)}.h-row.lost{background:linear-gradient(90deg,rgba(220,60,50,.18),transparent)}.back{flex:none}.hub-classes{display:flex;flex-direction:column;gap:4px}.hc-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:3px 8px;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--cc) 14%,transparent),transparent 70%)}.hc-row b{color:var(--cc);font-family:var(--font-head);font-size:18px}.hc-row .dim{font-size:14px}.hc-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.classes,.talents,.arsenal,.help,.docs{padding:0;overflow:hidden}.screen{animation:screenIn .28s ease-out}@keyframes screenIn{0%{opacity:0;transform:scale(1.012)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8a6a3a,#4a3418);border-radius:4px}::-webkit-scrollbar-track{background:#00000040}::-webkit-scrollbar-corner{background:transparent}.item.drop-craft{outline:3px solid #c890ff;outline-offset:-3px;box-shadow:0 0 20px #b478fff2;filter:brightness(1.25)}.item.drop-enhance{outline:3px solid #7fe0ff;outline-offset:-3px;box-shadow:0 0 20px #6ed2fff2;filter:brightness(1.25)}.item-ench{position:absolute;left:3px;top:1px;z-index:2;font-size:10px;line-height:1.1;letter-spacing:1px;color:#8fe8ff;text-shadow:0 0 3px #000,0 0 6px rgba(110,210,255,.9);pointer-events:none}.tt-ench{margin:3px 0 5px;font-size:14px;color:#8fe8ff}.tt-apply{margin:-2px 0 6px;font-size:13px;color:#8fe8ff;line-height:1.3}@keyframes enterL{0%{opacity:0;translate:-60px 0}}@keyframes enterR{0%{opacity:0;translate:60px 0}}@keyframes enterD{0%{opacity:0;translate:0 -30px}}@keyframes enterU{0%{opacity:0;translate:0 30px}}@keyframes enterFade{0%{opacity:0}}@keyframes enterPop{0%{opacity:0;scale:.4;filter:blur(4px)}65%{opacity:1;scale:1.1;filter:blur(0)}}@keyframes enterFlip{0%{opacity:0;rotate:y 85deg;scale:.8}60%{opacity:1}}@keyframes enterGrowX{0%{scale:0 1}}@keyframes enterGrowY{0%{scale:1 0}}@keyframes enterFlash{0%{opacity:0;scale:.9;filter:brightness(2.2)}50%{opacity:1}}.intro :is(.ars-head,.tal-head,.help-head,.screen-head)>:nth-child(-n+2){animation:enterL .5s .05s cubic-bezier(.2,.8,.3,1) both}.intro :is(.ars-head,.tal-head,.help-head)>:nth-child(n+3){animation:enterD .55s .2s cubic-bezier(.2,.8,.3,1.25) both}.intro :is(.ars-head,.tal-head,.help-head)>:nth-child(4){animation-delay:.3s}@media(prefers-reduced-motion:reduce){.intro *,.intro *:before,.intro *:after{animation-duration:.01s!important;animation-delay:0s!important}}@keyframes enterDeal{0%{opacity:0;rotate:y 75deg;translate:0 50px}}@keyframes enterUnroll{0%{opacity:0;scale:1 0}}@keyframes enterDrop{0%{opacity:0;translate:0 -46px}60%{opacity:1;translate:0 6px}}@keyframes enterGlow{50%{filter:brightness(1.5) drop-shadow(0 0 22px color-mix(in srgb,var(--cc, #ffc860) 80%,transparent))}}.classes.intro .cls-headline{animation:enterD .5s .05s ease-out both}.classes.intro .cls-ban{animation:enterDeal .6s calc(.12s + var(--i, 0) * .08s) cubic-bezier(.2,.8,.3,1) both}.classes.intro .cls-ban .med{animation:enterPop .5s calc(.4s + var(--i, 0) * .08s) cubic-bezier(.3,1.3,.5,1) both}.classes.intro .cls-panel{animation:enterU .6s .55s cubic-bezier(.2,.8,.3,1) both}.classes.intro .cls-emblem .disc{animation:enterPop .6s .95s cubic-bezier(.3,1.3,.5,1) both,enterGlow .9s 1.5s ease-in-out}.classes.intro .cls-go{animation:enterFade .5s 1.3s both}.lobby.intro .cam-bg{animation:enterDim .9s ease-out both}@keyframes enterDim{0%{filter:brightness(.25);scale:1.05}}.lobby.intro .tb-left{animation:enterL .5s .1s cubic-bezier(.2,.8,.3,1) both}.lobby.intro .tb-right{animation:enterR .5s .1s cubic-bezier(.2,.8,.3,1) both}.lobby.intro .battle-cta{animation:enterD .6s .2s cubic-bezier(.3,1.4,.5,1) both,enterGlow .8s 1.2s ease-in-out both}.lobby.intro .bag-panel{animation:enterL .55s .12s cubic-bezier(.2,.8,.3,1) both}.lobby.intro .chest-panel{animation:enterU .55s .22s cubic-bezier(.2,.8,.3,1) both}.lobby.intro .sell-zone{animation:enterU .55s .3s cubic-bezier(.2,.8,.3,1) both}.lobby.intro .shop-case{animation:enterR .55s .16s cubic-bezier(.2,.8,.3,1) both}.lobby.intro .merchant{animation:enterU .55s .34s cubic-bezier(.2,.8,.3,1) both}.lobby.intro .bag-panel .grid .item{animation:enterPop .45s calc(.45s + var(--i, 0) * .05s) cubic-bezier(.3,1.3,.5,1) both}.lobby.intro .chest-panel .grid .item{animation:enterPop .45s calc(.55s + var(--i, 0) * .05s) cubic-bezier(.3,1.3,.5,1) both}.lobby.intro .ware-art{animation:enterDrop .55s calc(.55s + var(--i, 0) * .09s) cubic-bezier(.3,.9,.4,1) both}.lobby.intro .ware-front{animation:enterFade .4s calc(.85s + var(--i, 0) * .09s) both}.lobby.intro .merchant-portrait{animation:enterPop .5s .75s cubic-bezier(.3,1.3,.5,1) both}.lobby.intro .speech{transform-origin:left center;animation:enterPop .45s 1s cubic-bezier(.3,1.3,.5,1) both}.lobby.intro .cam-nav.left{animation:enterL .5s .6s ease-out both}.lobby.intro .cam-nav.right{animation:enterR .5s .6s ease-out both}.help.intro .help-toc{animation:enterL .55s .08s cubic-bezier(.2,.8,.3,1) both}.help.intro .help-page{animation:enterR .55s .14s cubic-bezier(.2,.8,.3,1) both}.help.intro .help-toc .nav-tab{animation:enterL .4s calc(.25s + var(--i, 0) * .04s) ease-out both}.help.intro .hp-icon{animation:enterPop .55s .35s cubic-bezier(.3,1.3,.5,1) both}.help.intro .hp-head>div{animation:enterL .5s .45s ease-out both}.help.intro .hp-text>*{animation:enterU .5s calc(.55s + var(--i, 0) * .07s) ease-out both}.help.intro .hp-fact{animation:enterFlip .5s calc(.65s + var(--i, 0) * .1s) cubic-bezier(.2,.8,.3,1) both}.help.intro .demo{animation:enterFlash .7s .6s ease-out both}.help.intro .hp-tip{transform-origin:top;animation:enterUnroll .6s 1s cubic-bezier(.3,.8,.3,1) both}.help.intro .hp-foot{animation:enterFade .5s 1.1s both}.arsenal.intro .ap-fill{transform-origin:left;animation:enterGrowX 1s .45s cubic-bezier(.3,.7,.2,1) both}.arsenal.intro .ars-nav{animation:enterL .55s .08s cubic-bezier(.2,.8,.3,1) both}.arsenal.intro .ars-main{animation:enterU .55s .12s cubic-bezier(.2,.8,.3,1) both}.arsenal.intro .ars-detail{animation:enterR .55s .16s cubic-bezier(.2,.8,.3,1) both}.arsenal.intro .nav-tabs>*{animation:enterL .4s calc(.3s + var(--i, 0) * 45ms) ease-out both}.arsenal.intro .nav-filters{animation:enterFade .5s .75s both}.arsenal.intro .ars-toolbar{animation:enterD .45s .3s ease-out both}.arsenal.intro .ars-grid>.slot{animation:enterFlip .5s calc(.38s + var(--i, 0) * 22ms) cubic-bezier(.2,.8,.3,1) both}.arsenal.intro .det-stage{animation:enterFlash .7s .4s ease-out both}.arsenal.intro :is(.det-name,.det-sub,.det-chips){animation:enterU .45s .55s ease-out both}.arsenal.intro .det-sub{animation-delay:.6s}.arsenal.intro .det-chips{animation-delay:.65s}.arsenal.intro .det-body{animation:enterFade .6s .75s both}.arsenal.intro .det-foot{animation:enterU .45s .9s ease-out both}.ars-head,.tal-head{position:absolute;left:30px;top:18px;right:30px;height:72px;display:flex;align-items:center;gap:22px}.ars-head h1,.tal-head h1{margin:0}.ars-collect,.ars-ess{height:60px;display:flex;align-items:center;gap:12px;border-radius:30px;background:linear-gradient(180deg,#22162eeb,#0c0814f2);box-shadow:0 0 0 1px #000,0 0 0 2px #e8b86099,0 0 0 3px #000,0 8px 16px #0009}.ars-collect{margin-left:auto;width:520px;padding:0 24px 0 6px}.ac-crest{flex:none;width:54px;height:63px;margin-top:8px;padding-bottom:9px;display:flex;align-items:center;justify-content:center;background:url(/ui/crest-red.svg) center / 100% 100% no-repeat;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}.ac-crest b{font-family:var(--font-display);font-weight:400;font-size:16px;color:#fff4d8;text-shadow:0 2px 2px #000}.ac-body{flex:1;min-width:0}.ap-top{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;color:var(--dim)}.ap-top b{font-family:var(--font-display);font-weight:400;font-size:18px;color:var(--gold)}.ap-bar{position:relative;height:9px;margin:3px 0 4px;border-radius:5px;overflow:hidden;background:#0a0705;box-shadow:0 0 0 1px #000,0 0 0 2px #e8b86059}.ap-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#fff0b0,#d8a040 55%,#8a5a14);box-shadow:0 0 10px #ffc85080}.ap-rar{display:flex;justify-content:space-between;font-size:12px;color:var(--dim)}.ap-rar span{display:flex;align-items:center;gap:5px}.ap-rar i{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 1px #000,0 0 6px currentColor}.ars-ess{padding:0 24px 0 12px;box-shadow:0 0 0 1px #000,0 0 0 2px #be96ff99,0 0 0 3px #000,0 8px 16px #0009,0 0 18px #aa78ff33}.ars-ess span{display:flex;filter:drop-shadow(0 0 8px rgba(190,140,255,.6))}.ars-ess b{display:block;font-family:var(--font-display);font-weight:400;font-size:24px;color:#e8d0ff;line-height:1}.ars-ess small{color:#a890c8}.ars-nav{left:34px;top:104px;width:290px;height:776px;padding:26px 22px 22px;display:flex;flex-direction:column;gap:8px}.nav-tabs{display:flex;flex-direction:column;gap:2px}.nav-tab{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;width:100%;padding:6px 10px;border:none;background:none;color:#e8d8b8;font-family:var(--font);font-size:16px;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s}.nav-tab:hover{background:#e8b86014}.nav-tab.on{background:linear-gradient(90deg,#e8b8604d,#e8b8600a);box-shadow:inset 3px 0 0 var(--gold),inset 0 0 0 1px #e8b86038;color:#fff2c8}.nav-icon{display:flex}.nav-count{font-size:12px;color:var(--dim);padding:1px 7px;border-radius:9px;background:#0006}.nav-tab.on .nav-count{color:var(--gold)}.nav-sep{height:1px;margin:5px 8px;background:linear-gradient(90deg,transparent,rgba(232,184,96,.55),transparent)}.nav-filters{margin-top:auto;display:flex;flex-direction:column;gap:6px;transition:opacity .2s}.nav-filters.off{opacity:.3;pointer-events:none}.nf-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:4px;font-size:15px;color:#f4e2b8}.nf-title small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--dim)}.nf-gems{display:flex;justify-content:space-between;padding:2px 8px}.gem-toggle{width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;padding:0;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.7),var(--q) 45%,color-mix(in srgb,var(--q) 45%,#000));box-shadow:0 0 0 2px #000,0 0 0 3px #6a5030;opacity:.4;transition:opacity .15s,transform .15s}.gem-toggle:hover{opacity:.8;transform:scale(1.1)}.gem-toggle.on{opacity:1;box-shadow:0 0 0 2px #000,0 0 0 3px var(--gold),0 0 12px var(--q)}.nf-pills{display:grid;gap:4px}.nf-pills.tiers{grid-template-columns:repeat(6,minmax(0,1fr))}.nf-pills.cls{grid-template-columns:repeat(7,minmax(0,1fr))}.pill{height:30px;min-width:0;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:15px;cursor:pointer;white-space:nowrap;font-family:var(--font);font-size:14px;color:#d8c8a8;background:#0000006b;box-shadow:inset 0 0 0 1px #e8b86047;transition:background .15s,box-shadow .15s,color .15s}.pill:hover{background:#e8b8601f;color:#fff2c8}.pill.on{color:#fff4d8;background:linear-gradient(180deg,#e8b86073,#96641e4d);box-shadow:inset 0 0 0 1px var(--gold),0 0 10px #f3cd6a4d}.pill.on[style*=--cc]{background:color-mix(in srgb,var(--cc) 24%,rgba(0,0,0,.4));box-shadow:inset 0 0 0 1px var(--cc),0 0 10px color-mix(in srgb,var(--cc) 45%,transparent)}.pill.icon{padding:0}.pill span{display:flex}.nf-switch{display:flex;align-items:center;gap:10px;margin:8px 0 2px;cursor:pointer;font-size:15px;color:#f4e2b8}.nf-switch input{position:absolute;opacity:0;pointer-events:none}.nf-switch .sw{position:relative;flex:none;width:40px;height:22px;border-radius:11px;background:#00000080;box-shadow:inset 0 0 0 1px #e8b86059;transition:background .15s}.nf-switch .sw:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff2c8,#a07a3a);box-shadow:0 1px 3px #000;transition:transform .15s}.nf-switch input:checked+.sw{background:linear-gradient(180deg,#78dc5a80,#28781e80);box-shadow:inset 0 0 0 1px #7fe05a}.nf-switch input:checked+.sw:after{transform:translate(18px)}.reset-f{width:100%;margin-top:2px}.ars-main{left:344px;top:104px;width:772px;height:776px;padding:26px 24px 18px;display:flex;flex-direction:column;gap:12px}.ars-main>.orn-title i{max-width:240px}.ars-toolbar{flex:none;display:flex;align-items:center;gap:14px}.ars-searchbox{flex:1;min-width:0;height:40px;display:flex;align-items:center;gap:8px;padding:0 8px 0 14px;border-radius:20px;cursor:text;background:#00000073;box-shadow:inset 0 0 0 1px #e8b8604d,inset 0 2px 6px #00000080}.ars-searchbox:focus-within{box-shadow:inset 0 0 0 1px var(--gold),0 0 12px #f3cd6a40}.search-icon{display:flex}.ars-search{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);font-family:var(--font);font-size:16px}.ars-search::placeholder{color:#7a6a62}.ars-clear{flex:none;width:24px;height:24px;padding:0;border:none;border-radius:50%;cursor:pointer;background:#e8b86026;color:var(--gold);font-size:18px;line-height:1}.ars-clear.off{visibility:hidden}.ars-count{color:var(--dim);font-size:14px;white-space:nowrap}.ars-sort{display:flex;align-items:center;gap:4px}.ars-sort small{margin-right:4px;color:var(--dim);font-size:13px}.ars-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-content:start;padding:4px 6px 8px 2px}.ars-empty{grid-column:1 / -1;text-align:center;color:var(--dim);padding:60px 0;font-size:18px}.slot{--q: #cfd2d6;position:relative;height:134px;min-width:0;padding:11px 5px 8px;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--text);font-family:var(--font);background:radial-gradient(ellipse 80% 55% at 50% 34%,color-mix(in srgb,var(--q) 15%,transparent),transparent 75%),linear-gradient(180deg,#281c36d1,#0c0814eb);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--q) 30%,#000),inset 0 -3px color-mix(in srgb,var(--q) 70%,transparent),0 4px 10px #00000080;transition:transform .12s,box-shadow .15s}.slot:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--q),inset 0 -3px 0 var(--q),0 0 16px color-mix(in srgb,var(--q) 40%,transparent),0 8px 14px #0009}.slot.sel{box-shadow:inset 0 0 0 2px var(--gold),inset 0 -3px 0 var(--q),0 0 18px #f3cd6a73,0 8px 14px #0009}.slot-art{width:76px;height:76px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--q) 26%,transparent),#06040ceb 72%);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px color-mix(in srgb,var(--q) 70%,#000),inset 0 0 14px color-mix(in srgb,var(--q) 22%,transparent)}.slot-art.r4{box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px var(--q),inset 0 0 18px #ff8c1e73,0 0 12px #ff8c1e66}.slot-name{max-width:100%;max-height:30px;overflow:hidden;font-size:13px;line-height:1.15;text-align:center;color:color-mix(in srgb,var(--q) 82%,#fff);text-shadow:0 1px 2px #000}.slot-tier{position:absolute;left:7px;top:5px;font-family:var(--font-display);font-size:12px;color:#f3cd6abf;text-shadow:0 1px 2px #000}.slot-badges{position:absolute;right:5px;top:5px;display:flex;flex-direction:column;gap:3px}.slot-badge{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#06040ce0;box-shadow:0 0 0 1px #000,0 0 0 2px #e8b86073}.slot.unknown{background:linear-gradient(180deg,#1c1624c7,#0a0710e6);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 -3px color-mix(in srgb,var(--q) 28%,transparent),0 4px 10px #00000080}.slot.unknown:hover{box-shadow:inset 0 0 0 1px #e8b86066,inset 0 -3px color-mix(in srgb,var(--q) 50%,transparent),0 8px 14px #0009}.slot.unknown.sel{box-shadow:inset 0 0 0 2px var(--gold),inset 0 -3px color-mix(in srgb,var(--q) 50%,transparent),0 0 18px #f3cd6a66}.slot.unknown .slot-art{background:radial-gradient(circle at 50% 40%,#ffffff0d,#06040ceb 72%);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #3a3342}.slot.unknown .slot-art .gi{opacity:.5}.slot.unknown .slot-name{color:#857a8c}.slot.tlock{opacity:.6}.slot.small{width:62px;height:auto;padding:4px;gap:0}.slot.small .slot-art{width:54px;height:54px}.slot.small .slot-badges{right:1px;top:1px}.slot.small .slot-badge{width:17px;height:17px}.slot.small .slot-badge .gi{width:10px;height:10px}.legend-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-content:start;padding:4px 6px 10px 2px}.legend-card{position:relative;padding:14px;border-radius:10px;cursor:pointer;text-align:center;background:radial-gradient(ellipse at 50% 24%,rgba(255,140,30,.16),transparent 60%),linear-gradient(180deg,#281c36d1,#0c0814eb);box-shadow:inset 0 0 0 1px #ff8c1e47,0 6px 14px #00000080;transition:transform .12s,box-shadow .15s}.legend-card:hover{transform:translateY(-3px)}.legend-card.open{box-shadow:inset 0 0 0 1px var(--q4),inset 0 -3px 0 var(--q4),0 0 18px #ff8c1e40,0 6px 14px #00000080}.legend-card.sel{box-shadow:inset 0 0 0 2px var(--gold),inset 0 -3px 0 var(--q4),0 0 20px #f3cd6a66}.legend-card:not(.open) .lc-art{filter:grayscale(.6) brightness(.75)}.lc-art{height:112px;display:flex;align-items:center;justify-content:center}.lc-art .item,.det-art .item{position:relative;cursor:default}.lc-name{font-family:var(--font-head);font-size:19px;line-height:1.1;color:var(--q4);text-shadow:0 2px 2px #000;margin-top:6px}.lc-sub{margin-top:2px;font-size:13px;color:var(--dim)}.lc-open{margin-top:10px;color:#7fe05a;font-size:14px}.lc-cost{margin-top:10px;display:flex;flex-direction:column;gap:8px;align-items:center}.lc-bar{position:relative;width:100%;height:18px;border-radius:9px;overflow:hidden;background:#0a0705;box-shadow:0 0 0 1px #000,0 0 0 2px #5a3a8a}.lc-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#e0b0ff,#7a3ad8)}.lc-bar span{position:relative;display:flex;justify-content:center;font-size:12px;font-weight:800;line-height:18px;text-shadow:0 1px 2px #000}.sets-view{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.sets-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.sets-filter .pill{font-size:13px;padding:0 10px 0 7px}.sets-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start;padding:4px 6px 10px 2px}.sets-group{grid-column:1 / -1;display:flex;align-items:center;gap:10px;margin-top:6px}.sets-group:first-child{margin-top:0}.sets-group span{display:flex}.sets-group b{font-family:var(--font-head);font-weight:400;font-size:21px;color:var(--cc);text-shadow:0 2px 2px #000}.sets-group i{flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--cc) 60%,transparent),transparent)}.set-card{position:relative;padding:12px 14px;border-radius:10px;background:radial-gradient(ellipse 70% 60% at 0% 0%,color-mix(in srgb,var(--cc) 12%,transparent),transparent 70%),linear-gradient(180deg,#281c36d1,#0c0814eb);box-shadow:inset 3px 0 color-mix(in srgb,var(--cc) 75%,transparent),inset 0 0 0 1px #e8b86033,0 6px 14px #00000080}.set-card.tlock .set-pieces,.set-card.tlock .set-bonuses{opacity:.6}.set-head{display:flex;align-items:center;gap:10px}.set-head b{flex:1;min-width:0;font-family:var(--font-head);font-weight:400;font-size:19px;line-height:1.1;color:var(--gold)}.set-got{color:var(--dim);font-size:14px;white-space:nowrap}.set-card.tlock .set-got{color:#ff9a8a}.set-tier{flex:none;width:30px;height:36px;padding-bottom:5px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;color:#fff4d8;text-shadow:0 1px 2px #000;background:url(/ui/crest-red.svg) center / 100% 100% no-repeat}.set-card.tlock .set-tier{background-image:url(/ui/crest-dark.svg);color:#a8987a}.set-pieces{display:flex;gap:6px;margin:10px 0 8px}.set-bonus{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.3;color:#8a8090;margin:4px 0}.set-bonus.on{color:#6dff7a}.sb-n{flex:none;width:22px;height:26px;padding-bottom:4px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gold);background:url(/ui/crest-dark.svg) center / 100% 100% no-repeat;border-radius:0;box-shadow:none}.recipe-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:0 6px 10px 2px}.recipe-note{margin:0 0 4px;text-align:center;color:var(--dim);font-size:14px;line-height:1.35}.recipe-row{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr);align-items:center;padding:6px 12px;border-radius:8px;background:linear-gradient(180deg,#281c36b3,#0c0814d9);box-shadow:inset 0 0 0 1px #e8b8602e}.rc-cell{display:flex;align-items:center;gap:10px;min-width:0;font-size:15px;line-height:1.15}.rc-op{font-size:24px;color:var(--gold);text-align:center;font-family:var(--font-display);font-weight:400}.ars-detail{left:1136px;top:104px;width:430px;height:776px;padding:26px 26px 20px;display:flex;flex-direction:column;gap:6px}.det-stage{position:relative;flex:none;height:198px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--q) 30%,transparent),transparent 62%),linear-gradient(180deg,#0003,#0000008c);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--q) 40%,transparent),inset 0 0 40px #0009}.det-rays{position:absolute;left:50%;top:50%;width:560px;height:560px;margin:-280px 0 0 -280px;opacity:.3;background:repeating-conic-gradient(color-mix(in srgb,var(--q) 22%,transparent) 0deg 5deg,transparent 5deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 8%,transparent 50%);mask-image:radial-gradient(circle,#000 8%,transparent 50%);animation:raysSpin 60s linear infinite}.det-stage.r1 .det-rays{opacity:.45}.det-stage.r2 .det-rays{opacity:.6}.det-stage.r3 .det-rays{opacity:.75}.det-stage.r4 .det-rays{opacity:1}@keyframes raysSpin{to{transform:rotate(360deg)}}.det-pedestal{position:absolute;left:50%;bottom:14px;width:190px;height:26px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--q) 45%,transparent),transparent 70%)}.det-art{position:relative;animation:floaty 4s ease-in-out infinite}.det-art.unknown{filter:grayscale(.9) brightness(.6)}@keyframes floaty{50%{transform:translateY(-6px)}}.det-rarity{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:6px;padding:2px 10px 2px 8px;border-radius:11px;font-size:13px;color:var(--q);background:#0009;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--q) 50%,transparent)}.det-rarity i{width:8px;height:8px;border-radius:50%;background:var(--q);box-shadow:0 0 6px var(--q)}.det-tier{position:absolute;right:10px;top:8px;width:34px;height:40px;padding-bottom:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:15px;color:#fff4d8;text-shadow:0 1px 2px #000;background:url(/ui/crest-red.svg) center / 100% 100% no-repeat;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.det-tier.locked{background-image:url(/ui/crest-dark.svg);color:#a8987a}.det-name{font-family:var(--font-head);font-size:28px;text-align:center;text-shadow:0 2px 3px #000;line-height:1.05;margin-top:8px}.det-sub{text-align:center;color:var(--dim);font-size:15px}.det-chips{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:2px 0 4px}.tag{font-size:13px;padding:2px 10px;border-radius:11px;background:#00000073;box-shadow:inset 0 0 0 1px #e8b86059;color:#e0d0b0}.tag.good{color:#8ff07a;box-shadow:inset 0 0 0 1px #6edc5a8c}.tag.bad{color:#ff9a8a;box-shadow:inset 0 0 0 1px #dc64508c}.tag.legend{color:var(--q4);box-shadow:inset 0 0 0 1px #ff8c1e8c}.det-body{flex:1;min-height:0;overflow-y:auto;padding:4px 4px 14px 2px;display:flex;flex-direction:column;gap:12px;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 16px),transparent)}.det-sec>.orn-title{margin-bottom:8px;font-size:16px}.det-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.det-stat{display:flex;gap:9px;align-items:center;padding:6px 8px;border-radius:8px;background:#0000005c;box-shadow:inset 0 0 0 1px #e8b8602e}.ds-icon{flex:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#3a2618,#0a0604 75%);box-shadow:0 0 0 1px #000,0 0 0 2px #b8892f,0 0 0 3px #000}.det-stat small{display:block;font-size:12px;color:var(--dim);line-height:1.1}.det-stat b{display:block;font-weight:400;font-size:18px;color:#fff4dc;line-height:1.15}.det-stat i{display:block;font-style:normal;font-size:12px;color:#a8987c}.det-bonus>div{display:flex;align-items:center;gap:8px;color:#6dff7a;font-size:16px;padding:1px 0}.det-bonus i{width:7px;height:7px;transform:rotate(45deg);background:#6dff7a;flex:none;box-shadow:0 0 6px #6dff7a99}.det-effect{display:flex;gap:10px;align-items:flex-start;padding:7px 9px;margin-bottom:5px;border-radius:6px;background:#00000059;box-shadow:inset 3px 0 #ffd76ab3;font-size:15px;line-height:1.3}.det-effect b{display:block;color:#ffd76a;font-weight:400}.det-effect span:last-child{color:#e8f8e0}.de-icon{flex:none;margin-top:1px;display:flex}.de-icon.star{color:#ffd76a;font-size:18px;line-height:1}.det-effect.aura{box-shadow:inset 3px 0 #ffd76a66;color:#ffe7a0}.det-minis{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.det-mini{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 3px;border:none;border-radius:6px;cursor:pointer;background:#0000006b;font-family:var(--font);font-size:13px;box-shadow:inset 0 0 0 1px #e8b86029;transition:background .15s}.det-mini:hover{background:#e8b8601f}.det-mini-art{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#0c0907;box-shadow:inset 0 0 0 1px currentColor}.det-mini-art.r0{color:#8a8a8a}.det-mini-art.r1{color:var(--q1)}.det-mini-art.r2{color:var(--q2)}.det-mini-art.r3{color:var(--q3)}.det-mini-art.r4{color:var(--q4)}.det-setb>div{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:#c8bca8;margin:4px 0}.det-recipe{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:6px;border-radius:6px;background:#00000040}.dr-in,.dr-out{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.dr-out{padding-left:14px}.det-recipe>b,.dr-in>b,.dr-out>b{color:var(--gold);font-size:18px;font-weight:400}.det-flavor{margin:2px 6px;padding:8px 14px;text-align:center;color:#ffd98a;font-size:16px;line-height:1.35;border-top:1px solid rgba(232,184,96,.25);border-bottom:1px solid rgba(232,184,96,.25)}.det-flavor:before{content:"« ";color:#c8963e}.det-flavor:after{content:" »";color:#c8963e}.det-tags{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.det-tags span{font-size:12px;color:#a8987c;padding:1px 9px;border-radius:9px;background:#00000059}.det-foot{flex:none;display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid rgba(232,184,96,.3)}.det-source,.det-price{display:flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;border-radius:8px;background:#00000061;box-shadow:inset 0 0 0 1px #e8b86038}.det-source{flex:1;min-width:0}.det-source span,.det-price span{display:flex}.det-source small,.det-price small{display:block;font-size:12px;color:var(--dim);line-height:1.1}.det-source b{display:block;font-weight:400;font-size:15px;color:#f4e2b8;line-height:1.2}.det-price b{display:block;font-family:var(--font-display);font-weight:400;font-size:22px;line-height:1;color:var(--gold)}.det-unlock{width:100%;display:flex;flex-direction:column;gap:8px}.det-unlock .btn.wide{margin:0}.help-head{position:absolute;left:30px;top:18px;right:30px;height:72px;display:flex;align-items:center;gap:22px}.help-head h1{margin:0}.help-head p{margin:0 4px 0 auto;color:var(--dim);font-size:16px;text-shadow:0 2px 2px #000}.help-toc{left:34px;top:104px;width:300px;height:776px;padding:26px 22px 22px;display:flex;flex-direction:column;gap:10px}.help-toc .nav-tab{grid-template-columns:30px 1fr;padding:7px 10px}.help-page{left:354px;top:104px;width:1212px;height:776px;padding:30px 36px 22px}.hp-anim{height:100%;display:flex;flex-direction:column;gap:18px;animation:hpIn .25s ease-out}@keyframes hpIn{0%{opacity:0;transform:translateY(6px)}}.hp-head{flex:none;display:flex;align-items:center;gap:22px;padding-bottom:18px;border-bottom:1px solid rgba(232,184,96,.25)}.hp-icon{flex:none;width:78px;height:78px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#3a2618,#0a0604 75%);box-shadow:0 0 0 1px #000,0 0 0 3px #b8892f,0 0 0 4px #000,0 0 22px #f3cd6a40}.hp-head h2{margin:0;font-size:34px;font-weight:400;line-height:1.1;color:var(--gold);text-shadow:0 2px 3px #000}.hp-head p{margin:4px 0 0;font-size:18px;color:#e8d0a0}.hp-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:34px}.hp-main{min-height:0;display:flex;flex-direction:column;gap:14px}.hp-text{flex:1;min-height:0;overflow-y:auto;padding:0 16px 18px 0;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 18px),transparent)}.hp-text p{margin:0 0 12px;font-size:17px;line-height:1.58;color:var(--text)}.hp-text p b{font-weight:400;color:#ffe08a}.hp-text h4{display:flex;align-items:center;gap:10px;margin:18px 0 6px;font-family:var(--font-display);font-size:21px;font-weight:400;color:var(--gold);text-shadow:0 2px 2px #000}.hp-text h4:before{content:"";width:8px;height:8px;flex:none;transform:rotate(45deg);background:#e8b85c;box-shadow:0 0 0 1px #1a0802}.hp-text h4:first-child{margin-top:0}.hp-aside{min-height:0;display:flex;flex-direction:column;gap:12px}.hp-facts{flex:none;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}.hp-fact{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background:#0000005c;box-shadow:inset 0 0 0 1px #e8b86033}.hp-fact b{flex:none;font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1;color:var(--gold);text-shadow:0 2px 2px #000}.hp-fact span{font-size:14px;line-height:1.2;color:#e8dcc0}.hp-tip{margin:16px 8px 0;padding:14px 18px}.hp-tip b{display:block;margin-bottom:4px;font-family:var(--font-display);font-weight:400;font-size:19px;color:#6a2a0a}.hp-tip p{margin:0;font-size:16px;line-height:1.45}.hp-foot{flex:none;display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(232,184,96,.25)}.hp-foot span{color:var(--dim);font-size:15px}.demo{display:flex;flex-direction:column;gap:8px}.dm-stage{position:relative;width:400px;height:250px;flex:none;border-radius:8px;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 25%,rgba(90,60,120,.35),transparent 70%),linear-gradient(180deg,#1a1022f5,#0a0610fa);box-shadow:inset 0 0 0 1px #e8b86059,inset 0 0 30px #0009,0 8px 18px #00000080}.dm-world,.dm-layer{position:absolute;top:0;right:0;bottom:0;left:0}.dm-abs{position:absolute}.dm-stage .item{cursor:default}.dm-drag{z-index:6}.dm-grid{border-radius:4px;background-color:#00000073;background-size:36px 36px;background-image:linear-gradient(rgba(232,184,96,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(232,184,96,.14) 1px,transparent 1px);box-shadow:inset 0 0 0 1px #e8b86052}.dm-label{font-size:12px;line-height:1.2;color:var(--dim);white-space:nowrap}.dm-label.warn{color:#ff8a6a}.dm-label.center{width:120px;text-align:center}.dm-label.right{width:116px;text-align:right}.dm-title{font-family:var(--font-head);font-size:17px;color:var(--gold);white-space:nowrap}.dm-name{font-family:var(--font-head);font-size:14px;line-height:1.1;width:130px}.dm-num{font-family:var(--font-display);font-size:16px;color:#fff0d0;text-shadow:0 1px 2px #000;white-space:nowrap}.dm-num.gold{font-size:18px;color:var(--gold)}.dm-count{display:inline-grid}.dm-count>span{grid-area:1 / 1}.dm-inline{margin-left:4px}.dm-inline.ess{font-family:var(--font-display);font-size:18px;color:#e8d0ff}.dm-hearts{display:flex;gap:2px;filter:drop-shadow(0 0 4px rgba(255,40,40,.5))}.dm-hearts .gi{display:block}.dm-cursor{z-index:30;width:22px;height:26px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.85))}.dm-ripple{z-index:29;width:28px;height:28px;border-radius:50%;border:2px solid #ffe08a;box-shadow:0 0 10px #ffd26ecc;opacity:0}.dm-key{z-index:28;min-width:34px;height:34px;padding:0 8px;display:flex;align-items:center;justify-content:center;border-radius:6px;opacity:0;font-family:var(--font-display);font-size:18px;color:#2a1a08;background:linear-gradient(180deg,#fff4d6,#d8b878);box-shadow:0 3px #7a5a24,0 5px 8px #0009}.dm-float{z-index:25;white-space:nowrap;font-family:var(--font-display);font-size:16px;color:#ffd76a;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.8);opacity:0}.dm-float.dmg{color:#ff6a5a;font-size:20px}.dm-float.good{color:#7fe05a;font-size:20px}.dm-float.poison{color:#8fe060;font-size:18px}.dm-float.burn{color:#ffa040;font-size:18px}.dm-float.cyan{color:#8fe8ff}.dm-float.purple{color:#d8b0ff}.dm-bar{border-radius:4px;overflow:hidden;background:#0a0705;box-shadow:0 0 0 1px #000,0 0 0 2px #e8b8604d}.dm-bar i{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left}.dm-medal{border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--cc) 30%,#1a120c),#0a0705 72%);box-shadow:0 0 0 1px #000,0 0 0 3px #c8963e,0 0 0 4px #000,0 0 14px color-mix(in srgb,var(--cc) 40%,transparent)}.dm-medal.small{width:34px;height:34px;flex:none}.dm-vs{font-family:var(--font-display);font-size:24px;color:#f3cd6a;text-shadow:0 0 10px rgba(255,180,60,.7),0 2px 2px #000}.dm-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:14px;white-space:nowrap;color:#f4e2b8;background:linear-gradient(180deg,#3a2a20,#1a120c);box-shadow:inset 0 0 0 1px #8a6a3a,0 3px 6px #0009}.dm-btn.red{padding:8px 18px;font-family:var(--font-display);font-size:20px;color:#fff0d8;background:linear-gradient(180deg,#d04a2a,#7a1a0c);box-shadow:inset 0 0 0 1px #ffb070,0 4px 8px #0009}.dm-btn.on,.dm-btn.gold{color:#fff8e0;background:linear-gradient(180deg,#dcae52,#7a520e);box-shadow:inset 0 0 0 1px #ffe2a0,0 0 10px #ffc85080}.dm-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 9px;border-radius:10px;font-size:13px;white-space:nowrap;background:#000000a6;box-shadow:inset 0 0 0 1px currentColor}.dm-chip.gold{color:var(--gold)}.dm-chip.green{color:#8fe060}.dm-chip.red{color:#ff7a6a}.dm-chip.orange{color:#ffa040}.dm-chip.blue{color:#9ad0ff}.dm-chip.purple{color:#c8a0ff}.dm-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#e8dcc0;white-space:nowrap;opacity:0}.dm-card{z-index:12;padding:8px 10px;border-radius:6px;font-size:13px;line-height:1.35;color:#e8dcc0;background:#0e0907f5;box-shadow:inset 0 0 0 1px #8a6a3a,0 6px 14px #000000b3}.dm-card b{display:block;font-family:var(--font-head);font-weight:400;font-size:15px;color:#fff0d0}.dm-card b.cyan{color:#8fe8ff}.dm-card.opp{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;width:160px}.dm-card.opp .dm-medal{grid-row:span 2}.dm-card.legend{z-index:0;width:196px;height:98px}.dm-card.pick{padding:4px;width:120px}.dm-mini{grid-column:1 / -1;display:flex;align-items:center;gap:4px;margin-top:6px}.dm-mini .item{position:relative}.dm-toast{z-index:12;padding:6px 12px;border-radius:6px;font-size:13px;white-space:nowrap;color:#e8dcc0;background:#0e0907f5;box-shadow:inset 0 0 0 1px #6a4aa0,0 6px 14px #000000b3}.dm-toast b{font-weight:400}.dm-shelf{height:8px;border-radius:3px;background:linear-gradient(180deg,#a87a44,#5a3a1a);box-shadow:0 3px 6px #0009}.dm-price{display:inline-flex;align-items:center;gap:3px;padding:0 7px 0 4px;height:19px;border-radius:10px;font-size:13px;color:#f3cd6a;background:#000000c7;box-shadow:inset 0 0 0 1px #6a5030}.dm-price .gi{display:block}.dm-lock{z-index:3;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#000000bf;box-shadow:0 0 0 1px #6a5030}.dm-lock.on{box-shadow:0 0 0 1px #8fd0ff,0 0 8px #6eb4ffcc;opacity:0}.dm-sell{height:52px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;font-family:var(--font-display);font-size:16px;color:#f3cd6a;background:#0006;box-shadow:inset 0 0 0 1px #e8b86066;border:1px dashed rgba(232,184,96,.45)}.dm-burst{z-index:20;width:90px;height:90px;border-radius:50%;opacity:0;background:radial-gradient(circle,rgba(255,240,190,.9),rgba(255,190,90,.35) 40%,transparent 70%)}.dm-banner{z-index:15;white-space:nowrap;font-family:var(--font-display);font-size:30px;color:#ffe08a;text-shadow:0 2px 3px #000,0 0 16px rgba(255,190,80,.7)}.dm-banner.red{color:#ff8a6a;text-shadow:0 2px 3px #000,0 0 16px rgba(255,80,60,.7)}.dm-ench{z-index:3;font-size:11px;color:#8fe8ff;text-shadow:0 0 3px #000,0 0 6px rgba(110,210,255,.9);opacity:0}.dm-star{z-index:3;font-size:14px;color:var(--gold);text-shadow:0 0 3px #000,0 0 6px rgba(255,200,80,.9)}.dm-anvil{z-index:4;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#b07ad8,#4a1a7a);box-shadow:0 0 0 1px #000,0 0 0 2px #e0b0ff,0 0 12px #c88cffcc}.dm-bonus{display:flex;gap:8px;align-items:flex-start;width:200px;font-size:13px;line-height:1.3;color:#6dff7a}.dm-bonus b{flex:none;width:22px;height:26px;padding-bottom:4px;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:12px;color:var(--gold);background:url(/ui/crest-dark.svg) center / 100% 100% no-repeat}.dm-skill{width:52px;height:52px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#3a2a20,#120a06);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #b8892f,0 4px 8px #0009}.dm-skill i{position:absolute;left:4px;top:2px;font-style:normal;font-size:11px;color:#fff0d0;text-shadow:0 1px 2px #000}.dm-skill small{position:absolute;right:4px;bottom:2px;font-size:11px;color:#ff8a7a;text-shadow:0 1px 2px #000}.dm-cd{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;transform-origin:bottom}.dm-ghost{filter:sepia(1) hue-rotate(200deg) saturate(2) brightness(1.2) drop-shadow(0 0 8px rgba(140,170,255,.9))}.dm-cloud{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#3a2a5a,#120a20);box-shadow:0 0 0 1px #000,0 0 0 2px #8a6ac8,0 0 16px #a078ff99}.dm-crest{width:46px;height:54px;padding-bottom:8px;display:flex;align-items:center;justify-content:center;background:url(/ui/crest-red.svg) center / 100% 100% no-repeat;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}.dm-crest.dark{width:42px;height:50px;background-image:url(/ui/crest-dark.svg)}.dm-crestnum{font-family:var(--font-display);font-size:22px;color:#fff4d8;text-shadow:0 2px 2px #000}.dm-pill{display:flex;align-items:center;padding:4px 14px 4px 8px;border-radius:16px;background:#140a1ecc;box-shadow:0 0 0 1px #000,0 0 0 2px #6a4aa0}.dm-stamp{z-index:6;padding:4px 12px;border-radius:4px;rotate:-8deg;font-family:var(--font-display);font-size:18px;color:#7fe05a;box-shadow:inset 0 0 0 2px #7fe05a;background:#0009;opacity:0}.dm-tier{width:34px;height:40px;padding-bottom:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;color:#fff4d8;background:url(/ui/crest-red.svg) center / 100% 100% no-repeat}.dm-tier.dark{background-image:url(/ui/crest-dark.svg);color:#a8987a}.dm-node{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#3a2a20,#120a06);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #6a5030,0 4px 8px #0009}.dm-node.choice{border-radius:50%}.dm-rank{z-index:3;position:absolute;right:-6px;bottom:-6px;padding:0 4px;border-radius:6px;font-size:11px;color:#fff0d0;background:#000000d9;box-shadow:0 0 0 1px #6a5030}.dm-swap{position:absolute;left:-6px;top:-6px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;background:#6a4aa0;box-shadow:0 0 0 1px #000}.dm-ringfx{z-index:2;width:48px;height:48px;border-radius:8px;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 3px #3ad050,0 0 12px #50e65a80}.dm-ringfx.gold{box-shadow:inset 0 0 0 1px #000,inset 0 0 0 3px var(--gold),0 0 16px #ffc85099}.dm-opt{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;font-size:14px;color:#f0e2c0}.dm-caps{position:relative;height:40px;flex:none}.dm-cap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.25;color:#f0e2c0;opacity:0}.dm-cap b{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:400;font-size:14px;color:#2a1a08;background:radial-gradient(circle at 40% 35%,#fff4cc,#d8a040);box-shadow:0 0 0 1px #000}.talents.intro .tal-tabs>*{animation:enterD .45s calc(.12s + var(--i, 0) * .05s) cubic-bezier(.2,.8,.3,1.25) both}.talents.intro .tal-summary{animation:enterL .55s .1s cubic-bezier(.2,.8,.3,1) both}.talents.intro .tal-tree{animation:enterFade .5s .05s both}.talents.intro .tal-detail{animation:enterR .55s .16s cubic-bezier(.2,.8,.3,1) both}.talents.intro .t-rail{transform-origin:top;animation:enterGrowY .95s .3s cubic-bezier(.4,0,.2,1) both}.talents.intro .tier-medal{animation:enterPop .5s calc(.32s + var(--r, 0) * .12s) cubic-bezier(.3,1.3,.5,1) both}.talents.intro .t-cell{animation:enterPop .5s calc(.4s + var(--r, 0) * .12s + var(--c, 0) * .05s) cubic-bezier(.3,1.3,.5,1) both}.t-row>.t-cell:nth-child(3){--c: 1}.t-row>.t-cell:nth-child(4){--c: 2}.talents.intro .t-hint{animation:enterFade .5s 1.25s both}.talents.intro .sum-list>*,.talents.intro .tal-detail>*{animation:enterU .4s .5s ease-out both}.tal-points{margin-left:auto;display:flex;align-items:center;gap:12px}.tal-points b{display:block;font-family:var(--font-head);font-size:20px;color:var(--gold)}.tal-points small{color:var(--dim)}.pts-medal{width:54px;height:63px;padding-bottom:9px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:26px;color:#fff4d8;text-shadow:0 2px 2px #000;background:url(/ui/crest-dark.svg) center / 100% 100% no-repeat;border-radius:0;box-shadow:none}.pts-medal.glow{background-image:url(/ui/crest-green.svg);animation:ptsGlow 1.6s ease-in-out infinite}@keyframes ptsGlow{50%{filter:drop-shadow(0 0 12px rgba(120,255,90,.7))}}.tal-tabs{position:absolute;left:396px;top:20px;width:700px;height:68px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;z-index:2}.tal-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0 4px;border:none;border-radius:8px;cursor:pointer;text-align:center;font-family:var(--font);color:#e8d8b8;background:linear-gradient(180deg,#1e1428e0,#0c0814f0);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #e8b86059,0 6px 12px #0000008c;transition:transform .12s,box-shadow .15s}.tal-tab:hover{transform:translateY(-2px)}.tal-tab.on{box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px var(--cc),inset 0 -4px 0 var(--cc),0 0 16px color-mix(in srgb,var(--cc) 45%,transparent)}.tt-icon{flex:none;display:flex}.tt-text{max-width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;line-height:1.1}.tt-text b{max-width:100%;font-family:var(--font-head);font-weight:400;font-size:14px;color:var(--cc);white-space:nowrap}.cls-ban b.long{font-size:19px}.tt-text small{font-size:11px;color:var(--dim);white-space:nowrap}.tal-summary{left:34px;top:104px;width:340px;height:776px;padding:26px 24px 20px;display:flex;flex-direction:column;gap:12px}.sum-class{display:flex;align-items:center;gap:8px;font-size:16px;color:var(--cc);text-shadow:0 1px 2px #000}.sum-list{display:flex;flex-direction:column;gap:7px;overflow-y:auto;flex:1;min-height:0}.sum-line{display:flex;gap:10px;align-items:center;color:#6dff7a;font-size:15px;line-height:1.25}.sum-line i{width:8px;height:8px;transform:rotate(45deg);background:var(--gold);flex:none;box-shadow:0 0 0 1px #000}.sum-empty{flex:1;color:var(--dim);text-align:center;line-height:1.35;padding-top:20px}.sum-foot{border-top:1px solid rgba(200,150,60,.25);padding-top:10px;display:flex;flex-direction:column;gap:8px}.sum-foot b{color:var(--gold)}.tal-tree{left:396px;top:104px;width:700px;height:776px;padding:24px 26px 14px;display:flex;flex-direction:column;gap:6px}.t-body{position:relative;flex:1;min-height:0}.t-rail{position:absolute;left:41px;top:56px;width:8px;height:560px;border-radius:4px;background:#0a0705;box-shadow:0 0 0 1px #000,0 0 0 2px #4a3820}.t-rail-fill{position:absolute;left:0;right:0;top:0;border-radius:4px;background:linear-gradient(180deg,#fff2c0,#c8963e);box-shadow:0 0 10px #ffc85099;transition:height .35s ease-out}.t-rows{position:relative;display:flex;flex-direction:column}.t-row{height:112px;display:grid;grid-template-columns:90px repeat(3,1fr);align-items:center;justify-items:center}.t-tier{display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;z-index:1}.tier-medal{width:40px;height:47px;padding-bottom:7px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:17px;color:#a8987a;background:url(/ui/crest-dark.svg) center / 100% 100% no-repeat;border-radius:0;box-shadow:none}.t-row.open .tier-medal{background-image:url(/ui/crest-red.svg);color:#fff4d8;filter:drop-shadow(0 0 8px rgba(255,200,80,.35))}.t-tier small{font-size:12px;color:var(--dim);background:#0009;padding:0 6px;border-radius:6px}.t-cell{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}.t-node{position:relative;width:68px;height:68px;border:none;border-radius:10px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#2e2620,#0c0907 75%);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 3px #5a4830,inset 0 0 0 4px #000,0 6px 12px #000000b3;transition:transform .1s}.t-node.choice{border-radius:50%}.t-node:hover{transform:scale(1.07)}.t-node:active{transform:scale(.96)}.t-node.locked{filter:grayscale(1) brightness(.55);cursor:not-allowed}.t-node.avail{animation:availPulse 2s infinite;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 3px #3ad050,inset 0 0 0 4px #000,0 0 14px #50e65a73}@keyframes availPulse{50%{box-shadow:inset 0 0 0 1px #000,inset 0 0 0 3px #3ad050,inset 0 0 0 4px #000,0 0 24px #50e65acc}}.t-node.some{box-shadow:inset 0 0 0 1px #000,inset 0 0 0 3px #3ad050,inset 0 0 0 4px #000,0 6px 12px #000000b3}.t-node.max{box-shadow:inset 0 0 0 1px #000,inset 0 0 0 3px var(--gold),inset 0 0 0 4px #000,0 0 18px #ffc85080}.t-node.sel{outline:2px solid #fff2c8;outline-offset:3px}.t-icon{display:flex}.t-node .t-rank{position:absolute;right:-8px;bottom:-7px;min-width:34px;padding:0 5px;height:20px;border-radius:10px;font-size:12px;display:flex;align-items:center;justify-content:center;background:#0a0705;color:#3ad050;box-shadow:0 0 0 1px #000,0 0 0 2px #4a3820}.t-node.max .t-rank{color:var(--gold)}.t-node.locked .t-rank,.t-node.none .t-rank,.t-node.avail .t-rank{color:#a8987a}.t-choice{position:absolute;left:-6px;top:-6px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#f0dcff;background:radial-gradient(circle at 50% 40%,#7a4ab0,#2a1048 75%);box-shadow:0 0 0 1px #000,0 0 0 2px #e8b85c,0 0 8px #b478ff99}.t-label{font-size:14px;color:#d8c8a8;text-align:center;text-shadow:0 1px 2px #000;max-width:180px;line-height:1.1}.t-label small{display:block;margin-top:2px;font-size:12px;color:#c8a0ff}.t-label.locked{color:#6a6258}.t-label.locked small{color:#6a5a78}.t-label.max{color:var(--gold)}.t-hint{text-align:center;font-size:13px;color:var(--dim)}.tal-detail{left:1118px;top:104px;width:450px;height:776px;padding:26px 26px 20px;display:flex;flex-direction:column;gap:12px}.td-head{display:flex;gap:16px;align-items:center}.td-icon{width:90px;height:90px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#2e2620,#0c0907 75%);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 3px #5a4830,inset 0 0 0 4px #000}.td-icon.on{box-shadow:inset 0 0 0 1px #000,inset 0 0 0 3px var(--gold),inset 0 0 0 4px #000,0 0 18px #ffc85059}.td-name{font-family:var(--font-display);font-size:28px;color:var(--gold);line-height:1.05;text-shadow:0 2px 2px #000}.td-rank{color:var(--dim);margin-top:4px;font-size:14px}.td-pips{display:flex;gap:6px}.td-pips i{flex:1;height:8px;border-radius:4px;background:#0a0705;box-shadow:0 0 0 1px #000,0 0 0 2px #4a3820}.td-pips i.on{background:linear-gradient(180deg,#8fff7a,#2a9a2a)}.td-choose{font-size:13px;color:#c8a0ff}.td-option{display:flex;align-items:center;gap:12px;padding:8px 12px;border:none;border-radius:8px;cursor:pointer;text-align:left;font-family:var(--font);color:var(--text);background:#0006;box-shadow:inset 0 0 0 1px #c8a0ff40;transition:box-shadow .15s,background .15s}.td-option:hover{background:#3c1e5a59}.td-option.on{cursor:default;background:#3c1e5a73;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px var(--gold),0 0 14px #ffc8504d}.to-icon{flex:none;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#3a2850,#0c0610 75%);box-shadow:0 0 0 1px #000,0 0 0 2px #8a6ab8}.td-option.on .to-icon{box-shadow:0 0 0 1px #000,0 0 0 2px #e8b85c}.to-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.to-text b{font-weight:400;font-size:17px;color:#fff0d0}.to-text small{font-size:13px;color:#b8e8a8;line-height:1.25}.to-mark{flex:none;padding:1px 8px;border-radius:9px;font-size:12px;color:#1a0c02;background:linear-gradient(180deg,#ffe9a0,#e8b04a)}.td-block{padding:10px 14px;border-radius:8px;background:#00000073;box-shadow:inset 0 0 0 1px #ffdca01f}.td-block small{display:block;color:var(--dim);text-transform:uppercase;letter-spacing:1px;font-size:11px;margin-bottom:4px}.td-val{font-size:18px;color:#6dff7a;line-height:1.25}.td-val.dim{color:var(--dim)}.td-block.next .td-val{color:#ffe08a}.td-block.max .td-val{color:var(--gold);text-align:center}.td-req{color:#ff8a7a}.td-btns{display:flex;gap:12px;margin-top:auto}.td-btns .btn{flex:1;font-size:18px;padding:10px}.gold-count{position:relative}.gold-delta{position:absolute;left:44px;top:-8px;font-family:var(--font-display);font-weight:700;font-size:24px;pointer-events:none;animation:goldFloat 1.2s ease-out forwards;text-shadow:0 2px 2px #000}.gold-delta.up{color:#7fff7a}.gold-delta.down{color:#ff7a6a}@keyframes goldFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-34px)}}.tb-income{font-size:14px;color:var(--dim);margin-left:-8px;white-space:nowrap}.icon-btn{padding:6px 9px}kbd{font-family:var(--font);font-size:11px;font-weight:800;padding:0 5px;border-radius:3px;background:#0000008c;color:#d8c8a8;box-shadow:0 0 0 1px #6a5030;margin-left:4px}.item.fresh{animation:freshPop .55s ease-out}@keyframes freshPop{0%{transform:scale(.6);filter:brightness(2.6)}60%{transform:scale(1.08)}to{transform:scale(1);filter:none}}.confirm-modal{width:500px}.confirm{text-align:center}.confirm p{font-size:17px;line-height:1.45;margin:6px 0 20px}.confirm-btns{display:flex;gap:16px;justify-content:center}.confirm-btns .btn{min-width:150px;font-size:17px;padding:9px 18px}.tips{width:820px;display:grid;grid-template-columns:1fr 1fr;column-gap:26px}.tips h2,.tips .btn.big{grid-column:1 / -1}.tips h2{text-align:center}.tip-row{display:flex;gap:14px;align-items:flex-start;margin:10px 0}.tip-icon{width:58px;height:58px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#3a2410,#120804);box-shadow:0 0 0 2px #000,0 0 0 3px #c8963e}.tip-row b{font-family:var(--font-head);font-size:20px;color:var(--gold)}.tips .btn.big{display:flex;margin:20px auto 0}.bar-fill.lag{background:linear-gradient(180deg,#ffe0a0,#c86a20);transition:width .5s ease-in .35s}.bar-fill.lag:after{display:none}.sk-btn.poor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#1e3cc861;border-radius:6px;pointer-events:none}.result-run{display:flex;justify-content:center;gap:22px;margin:14px 0 0;font-size:17px;color:var(--dim)}.result-run b{color:var(--text)}.hub-corner{position:absolute;right:30px;bottom:8px;display:flex;gap:10px;align-items:center}.slot{height:130px}.slot-name{max-height:32px;line-height:1.15;padding-bottom:1px;font-size:13px}.ware .lock{top:auto;bottom:6px;right:8px}.item.craftable{box-shadow:inset 0 0 0 1px #000000d9,inset 0 0 16px #d8a0ff59,0 0 0 2px #d8a0ffbf,0 0 14px #c882ff8c;animation:craftGlow 1.6s ease-in-out infinite}@keyframes craftGlow{50%{box-shadow:inset 0 0 0 1px #000000d9,inset 0 0 20px #d8a0ff80,0 0 0 2px #f0c8fff2,0 0 22px #c882ffcc}}.craft-btn{position:absolute;z-index:7;width:28px;height:28px;transform:translate(-50%,-50%);padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:radial-gradient(circle at 40% 32%,#f0c860,#a86a1c 60%,#5a3608);box-shadow:0 0 0 2px #140802,0 0 0 4px #e8c070,0 0 0 5px #140802,0 0 16px #ffd278e6;animation:craftPulse 1.2s ease-in-out infinite}.craft-btn:hover{filter:brightness(1.25);animation:none;transform:translate(-50%,-50%) scale(1.15)}.craft-btn:active{transform:translate(-50%,-50%) scale(.95)}@keyframes craftPulse{50%{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 0 2px #140802,0 0 0 4px #fff0b8,0 0 0 5px #140802,0 0 26px #ffdc8c}}.note.craft{align-items:center}.note.craft .btn{flex:none;min-height:24px;padding:1px 8px;font-size:12px}.hero-portrait .lvl-badge{left:-12px;bottom:12px;z-index:3}.account{padding:0;overflow:hidden}.acc-head{position:absolute;left:30px;top:18px;right:30px;height:72px;display:flex;align-items:center;gap:22px}.acc-head h1{margin:0}.acc-head p{margin:0 4px 0 auto;color:var(--dim);font-size:16px;text-shadow:0 2px 2px #000}.acc-body{position:absolute;left:34px;right:34px;top:104px;bottom:20px;display:flex;gap:40px;justify-content:center;align-items:flex-start}.acc-body>.ornate{position:relative}.account.intro .acc-body>:first-child{animation:enterL .55s .08s cubic-bezier(.2,.8,.3,1) both}.account.intro .acc-body>:last-child{animation:enterR .55s .14s cubic-bezier(.2,.8,.3,1) both}.acc-info{width:470px;margin-top:50px;padding:34px 38px 30px}.acc-info h2{margin:0 0 18px;font-size:26px;color:#5a2a0a;background:none;-webkit-background-clip:border-box;background-clip:border-box;filter:none}.acc-perk{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px}.acc-perk>span{flex:none;display:flex;margin-top:2px}.acc-perk b{display:block;font-family:var(--font-head);font-weight:400;font-size:19px;color:#3a1a08}.acc-perk p{margin:3px 0 0;font-size:15px;line-height:1.4;color:#4a2a10}.acc-note{margin:18px 0 0;font-size:15px;color:#6a3a14}.acc-panel{width:560px;min-height:520px;padding:30px 44px 28px;display:flex;flex-direction:column;gap:6px}.acc-tabs{display:flex;justify-content:center;gap:6px;margin:8px 0 14px}.acc-tabs .pill{min-width:130px;font-size:15px;height:34px;border-radius:17px}.acc-form{display:flex;flex-direction:column;gap:10px}.acc-sub{font-size:14.5px;line-height:1.45;color:#d8c8a8}.acc-field{display:flex;flex-direction:column;gap:4px}.acc-field>span{font-size:13px;color:var(--dim)}.acc-input{width:100%;height:38px;padding:0 14px;border:none;border-radius:6px;outline:none;font-family:var(--font);font-size:17px;color:var(--text);background:#00000080;box-shadow:inset 0 0 0 1px #e8b86052,inset 0 2px 6px #00000080;transition:box-shadow .15s}.acc-input:focus{box-shadow:inset 0 0 0 1px var(--gold),0 0 12px #f3cd6a40}.acc-input::placeholder{color:#6a5a52}.acc-input[inputmode=numeric]{letter-spacing:4px;font-size:20px}.acc-input[inputmode=numeric]::placeholder{letter-spacing:1px;font-size:15px}.acc-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:4px}.acc-actions .btn{min-width:160px}.acc-link{padding:0;border:none;background:none;cursor:pointer;font-family:var(--font);font-size:14px;color:var(--gold);text-decoration:underline dotted;text-underline-offset:3px}.acc-link:hover{color:#fff2c8}.acc-msg{min-height:19px;font-size:14px;line-height:1.35}.acc-msg.err{color:#ff8a7a}.acc-msg.ok{color:#7fe05a}.acc-profile{width:400px;height:776px;flex:none;padding:34px 32px 26px;display:flex;flex-direction:column;align-items:center;gap:10px}.acc-crest{width:96px;height:112px;padding-bottom:16px;display:flex;align-items:center;justify-content:center;background:url(/ui/crest-red.svg) center / 100% 100% no-repeat;filter:drop-shadow(0 6px 10px rgba(0,0,0,.7))}.acc-crest b{font-family:var(--font-display);font-weight:400;font-size:46px;color:#fff4d8;text-shadow:0 2px 3px #000}.acc-login{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-head);font-size:32px;color:var(--gold);text-shadow:0 2px 3px #000}.acc-since{margin-bottom:10px;font-size:14px;color:var(--dim)}.acc-profile>.orn-title{align-self:stretch}.acc-meter{display:flex;gap:6px;margin:2px 0 8px}.acc-meter i{width:70px;height:8px;border-radius:4px;background:#00000080;box-shadow:inset 0 0 0 1px #e8b8604d}.acc-meter i.on{background:linear-gradient(90deg,#4ac04a,#8fe060);box-shadow:0 0 8px #6ee65a80}.acc-status{align-self:stretch;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;font-size:15px;line-height:1.3;color:#e8dcc0;background:#0000004d;box-shadow:inset 0 0 0 1px #e8b86024}.acc-status>span:first-child{flex:none;display:flex}.acc-status>span:last-child{min-width:0;overflow-wrap:anywhere}.acc-out{margin-top:auto;align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:10px}.acc-out .btn{width:100%}.acc-out .btn.small{width:auto}.acc-main{flex:1;height:776px;padding:22px 14px 22px 26px}.acc-grid{height:100%;padding:4px 12px 4px 0;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.acc-col{display:flex;flex-direction:column;gap:20px}.acc-card{padding:14px 18px;border-radius:10px;display:flex;flex-direction:column;gap:10px;background:#00000052;box-shadow:inset 0 0 0 1px #e8b86038,0 6px 14px #00000059}.acc-card-head{display:flex;align-items:center;gap:12px}.acc-card-icon{flex:none;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#3a2618,#0a0604 75%);box-shadow:0 0 0 1px #000,0 0 0 2px #b8892f,0 0 0 3px #000}.acc-card-head b{flex:1;font-family:var(--font-head);font-weight:400;font-size:21px;color:var(--gold);text-shadow:0 2px 2px #000}.acc-chip{padding:2px 11px;border-radius:11px;font-size:13px;color:#ffb070;box-shadow:inset 0 0 0 1px #ffaa6499;background:#0006}.acc-chip.good{color:#7fe05a;box-shadow:inset 0 0 0 1px #6edc5a99}.acc-text{margin:0;font-size:14.5px;line-height:1.45;color:#e8dcc0}.acc-text b{font-weight:400;color:#fff0d0}.acc-text.warn{color:#ffb070}.acc-card .acc-form+.acc-form{padding-top:12px;border-top:1px solid rgba(232,184,96,.2)}.acc-apps{display:flex;flex-wrap:wrap;gap:6px}.acc-setup{display:flex;gap:18px;align-items:flex-start}.acc-qr{flex:none;width:176px;height:176px;padding:6px;border-radius:8px;background:#fffaf0;box-shadow:0 0 0 2px #b8892f,0 0 16px #ffd27859}.acc-qr svg{display:block;width:100%;height:100%}.acc-steps{display:flex;flex-direction:column;gap:9px;font-size:14px;line-height:1.4;color:#e8dcc0}.acc-step{display:flex;gap:9px;align-items:flex-start}.acc-step i{flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;color:#2a1a08;background:radial-gradient(circle at 40% 35%,#fff4cc,#d8a040)}.acc-secret{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.acc-secret code{padding:6px 10px;border-radius:5px;font-family:var(--font);font-size:15px;letter-spacing:1px;color:#fff0d0;background:#0000008c;box-shadow:inset 0 0 0 1px #e8b8604d}.acc-recovery{display:flex;flex-direction:column;gap:12px}.acc-codes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.acc-codes code{padding:7px 0;border-radius:6px;text-align:center;font-family:var(--font);font-size:18px;letter-spacing:2px;color:#fff0d0;background:#0000008c;box-shadow:inset 0 0 0 1px #e8b86059;-webkit-user-select:all;user-select:all}.hub-corner .acc-btn{gap:8px}.hub-corner .acc-btn.on{box-shadow:0 0 10px #6edc5a40}.admin{padding:0;overflow:hidden}.adm-tabs{margin:0 0 0 24px}.adm-panel{left:34px;top:104px;width:1532px;height:776px;padding:26px 30px 22px;display:flex;flex-direction:column;gap:12px}.admin.intro .adm-panel{animation:enterU .5s .08s cubic-bezier(.2,.8,.3,1) both}.adm-note{margin:0;font-size:14.5px;line-height:1.45;color:var(--dim)}.adm-loading{padding:60px 0;text-align:center;font-size:17px;color:var(--dim)}.adm-scroll{flex:1;min-height:0;overflow:auto;padding-right:8px}.adm-table{width:100%;border-collapse:separate;border-spacing:0 4px;font-size:15px}.adm-table th{position:sticky;top:0;z-index:1;padding:8px 12px;text-align:left;font-family:var(--font-display);font-weight:400;font-size:16px;color:var(--gold);background:#100a16f7}.adm-table:not(.users) th:not(:first-child){width:190px;text-align:center}.adm-table td{padding:8px 12px;color:#e8dcc0;background:#0000004d;vertical-align:middle}.adm-table td:first-child{border-radius:6px 0 0 6px}.adm-table td:last-child{border-radius:0 6px 6px 0}.adm-table tr.adm-group td{padding:14px 4px 2px;font-family:var(--font-head);font-size:18px;color:var(--gold);background:none}.adm-perm b{display:block;font-weight:400}.adm-perm small{font-size:12px;color:var(--dim)}.adm-cell{text-align:center;white-space:nowrap}.adm-cell .nf-switch{display:inline-flex;margin:0}.nf-switch.locked{opacity:.6;cursor:not-allowed}.adm-lock{display:inline-flex;margin-left:8px;vertical-align:middle}.adm-bar{display:flex;align-items:center;gap:12px}.adm-search{width:380px}.adm-count{margin-left:auto;font-size:14px;color:var(--dim)}.adm-table.users td b{font-weight:400;color:#fff0d0}.adm-table.users td small{color:var(--dim)}.adm-table.users .acc-chip{margin-left:8px}.adm-table tr.banned td{opacity:.6}.adm-dim{color:#6a5a52}.adm-select{padding:4px 8px;border:none;border-radius:5px;font-family:var(--font);font-size:14px;color:var(--text);background:#0000008c;box-shadow:inset 0 0 0 1px #e8b86059}.adm-actions{display:flex;flex-wrap:wrap;gap:6px}.adm-grant{display:flex;flex-direction:column;gap:12px;width:380px;text-align:left}.adm-grant h2{text-align:center}.acc-role{font-size:14px;color:#c8a0ff}.cls-headline{position:absolute;left:30px;top:18px;right:30px;height:72px;display:flex;align-items:center;gap:22px}.cls-headline h1{margin:0}.cls-headline p{margin:0 4px 0 auto;color:var(--dim);font-size:16px;text-shadow:0 2px 2px #000}.cls-roster{position:absolute;left:34px;top:100px;width:1532px;height:112px;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.cls-ban{position:relative;display:grid;grid-template-columns:60px 1fr;align-items:center;gap:12px;padding:10px 14px 12px;font-family:var(--font);text-align:left;color:#f4e2b8;cursor:pointer;border:0;border-radius:8px;background:linear-gradient(180deg,#1e1428d6,#0c0814eb);box-shadow:inset 0 0 0 1px #e8b86033,0 8px 18px #0000008c;transition:translate .18s,box-shadow .18s,filter .18s}.cls-ban:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:2px;background:var(--cc);opacity:.4;box-shadow:0 0 10px var(--cc);transition:left .2s,right .2s,opacity .2s}.cls-ban:hover{translate:0 -3px;filter:brightness(1.12)}.cls-ban:focus-visible{outline:2px solid #fff2c0;outline-offset:3px}.cls-ban.on{translate:0 -6px;background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 24%,rgba(30,20,40,.9)),#0c0814f0);box-shadow:inset 0 0 0 2px #e8b85c,0 0 28px color-mix(in srgb,var(--cc) 40%,transparent),0 12px 24px #0009}.cls-ban.on:after{left:0;right:0;opacity:1}.cls-ban.on:before{content:"";position:absolute;left:50%;bottom:-9px;width:12px;height:12px;translate:-50% 0;rotate:45deg;background:linear-gradient(135deg,#ffe6a0,#b07a28);box-shadow:0 0 0 2px #1a0802,0 0 10px #ffc864cc;z-index:1}.cls-ban .med{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--cc) 30%,#1a120c),#0a0705 72%);box-shadow:0 0 0 2px #140802,0 0 0 4px #8a6a32,0 0 0 5px #140802;transition:box-shadow .2s}.cls-ban.on .med{box-shadow:0 0 0 2px #140802,0 0 0 4px #e8b85c,0 0 0 5px #140802,0 0 18px color-mix(in srgb,var(--cc) 65%,transparent)}.cls-ban .txt{min-width:0}.cls-ban b{display:block;font-family:var(--font-head);font-weight:700;font-size:23px;line-height:1.1;color:var(--cc);text-shadow:0 2px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cls-ban small{display:block;margin-top:3px;font-size:14px;color:var(--dim)}.cls-ban .key{position:absolute;top:6px;right:9px;font-size:12px;color:#e8b86073}.cls-panel{left:34px;top:232px;width:1532px;height:648px;overflow:hidden;background:radial-gradient(ellipse 420px 380px at 15% 42%,color-mix(in srgb,var(--cc, #e8b85c) 20%,transparent),transparent),linear-gradient(180deg,#1e1428e0,#0c0814f0)}.cls-body{height:100%;display:grid;grid-template-columns:400px 1fr 480px;gap:34px;padding:34px 40px 30px}.cls-body>*{min-height:0}.cls-body.swap .cls-hero{animation:enterFade .3s ease-out both}.cls-body.swap .cls-emblem .disc{animation:enterPop .45s cubic-bezier(.3,1.3,.5,1) both}.cls-body.swap .cls-about{animation:enterU .32s .04s ease-out both}.cls-body.swap .cls-kit{animation:enterU .32s .08s ease-out both}.cls-hero{display:flex;flex-direction:column;align-items:center;text-align:center}.cls-id{margin:auto 0;display:flex;flex-direction:column;align-items:center}.cls-emblem{position:relative;width:250px;height:250px;margin:0 0 18px;display:grid;place-items:center}.cls-emblem:before{content:"";position:absolute;top:-34px;right:-34px;bottom:-34px;left:-34px;border-radius:50%;opacity:.6;background:repeating-conic-gradient(color-mix(in srgb,var(--cc) 45%,transparent) 0deg 3deg,transparent 3deg 15deg);mask:radial-gradient(circle,#000 34%,transparent 70%);animation:clsRays 60s linear infinite}@keyframes clsRays{to{rotate:360deg}}.cls-emblem .disc{position:relative;width:218px;height:218px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--cc) 38%,#1a120c),#0a0705 72%);box-shadow:0 0 0 3px #140802,0 0 0 8px #c8963e,0 0 0 10px #140802,0 0 0 12px #e8b86059,0 0 60px color-mix(in srgb,var(--cc) 45%,transparent),inset 0 0 34px #000}.cls-emblem .disc svg{filter:drop-shadow(0 4px 6px rgba(0,0,0,.8)) drop-shadow(0 0 16px color-mix(in srgb,var(--cc) 50%,transparent))}.cls-name{font-family:var(--font-head);font-weight:700;font-size:48px;line-height:1;color:var(--cc);text-shadow:0 3px 4px #000,0 0 24px color-mix(in srgb,var(--cc) 35%,transparent)}.cls-motto{margin-top:6px;font-size:19px;color:#e8d8b4;text-shadow:0 2px 2px #000}.cls-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px}.cls-tags span{padding:3px 11px;border-radius:12px;font-size:14px;color:#f4e2b8;background:color-mix(in srgb,var(--cc) 16%,rgba(0,0,0,.4));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc) 45%,transparent)}.cls-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.cls-meta>div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border-radius:6px;background:#0000004d;box-shadow:inset 0 0 0 1px #e8b86029}.cls-meta small{font-size:13px;color:var(--dim)}.cls-diff{display:flex;align-items:center;gap:6px}.cls-diff i{width:11px;height:11px;rotate:45deg;background:#2a2018;box-shadow:inset 0 0 0 1px #6a5030}.cls-diff i.on{background:linear-gradient(135deg,#ffe6a0,#c08a30);box-shadow:0 0 6px #ffc86499}.cls-diff em{margin-left:4px;font-style:normal;font-size:15px;color:#f4e2b8}.cls-res{display:flex;align-items:center;gap:7px;font-size:15px;color:#f4e2b8}.cls-res i{width:34px;height:9px;border-radius:5px;background:linear-gradient(90deg,var(--rc),color-mix(in srgb,var(--rc) 50%,#fff));box-shadow:0 0 8px color-mix(in srgb,var(--rc) 60%,transparent),inset 0 0 0 1px #00000080}.cls-h{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:16px;color:#f3cd6a;text-shadow:0 2px 2px #000}.cls-h:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(232,184,96,.55),transparent)}.cls-h em{order:2;font-style:normal;font-size:13px;color:var(--dim)}.cls-about{display:flex;flex-direction:column}.cls-desc{margin:4px 0 22px;font-size:19px;line-height:1.45;color:var(--text)}.cls-passive{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start;margin-bottom:20px;padding:12px 14px;border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--cc) 14%,rgba(0,0,0,.35)),#00000040);box-shadow:inset 3px 0 0 var(--cc),inset 0 0 0 1px #e8b86024;cursor:help}.cls-passive .pi{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#2e2620,#0e0a08);box-shadow:0 0 0 2px #140802,0 0 0 3px #8a6a32}.cls-passive b{font-size:18px;color:#ffe08a}.cls-passive p{margin:3px 0 0;font-size:15px;line-height:1.4;color:#e0d2b4}.cls-gear{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.cls-gear>div{display:grid;grid-template-columns:22px 74px 1fr;gap:8px;align-items:baseline;font-size:15px}.cls-gear span{align-self:center;display:flex}.cls-gear b{color:var(--gold);font-weight:400}.cls-gear p{margin:0;color:#e0d2b4;line-height:1.35}.cls-base{display:flex;flex-wrap:wrap;gap:8px}.cls-base span{padding:4px 12px;border-radius:5px;font-size:15px;color:#a8f08a;background:#00000052;box-shadow:inset 0 0 0 1px #7fe05a40}.cls-kit{display:flex;flex-direction:column}.cls-skills{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.cls-skill{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 10px;border-radius:6px;text-align:center;background:#0000004d;box-shadow:inset 0 0 0 1px #e8b86024;cursor:help;transition:background .15s,box-shadow .15s}.cls-skill:hover{background:color-mix(in srgb,var(--cc) 12%,rgba(0,0,0,.3));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc) 55%,transparent)}.cls-skill .si{width:58px;height:58px;border-radius:6px;display:grid;place-items:center;background:radial-gradient(circle,#2e2620,#0e0a08);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #8a6a3a,0 0 12px color-mix(in srgb,var(--cc) 22%,transparent)}.cls-skill .sn{font-size:13px;line-height:1.15;color:#e8dcc0;min-height:30px;display:flex;align-items:center}.cls-skill.locked .si{box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #4a3a28}.cls-skill.locked .sn{color:#8a8070}.cls-skill .lv{position:absolute;top:5px;right:5px;display:flex;align-items:center;gap:2px;padding:1px 5px;border-radius:8px;font-size:11px;color:#e8b85c;background:#1a0e08;box-shadow:inset 0 0 0 1px #6a5030}.cls-record{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cls-record>div{display:flex;flex-direction:column;align-items:center;padding:8px 6px;border-radius:6px;background:#0000004d;box-shadow:inset 0 0 0 1px #e8b86024}.cls-record b{font-size:24px;color:#ffe6a0;text-shadow:0 2px 2px #000}.cls-record small{font-size:13px;color:var(--dim)}.cls-record.none{display:block;padding:14px;border-radius:6px;text-align:center;font-size:15px;color:var(--dim);background:#00000040;box-shadow:inset 0 0 0 1px #e8b8601f}.cls-path{margin-top:auto}.btn.cls-go{width:100%;margin:16px 0 0}.cls-tip{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;margin-top:auto;padding:12px 14px;border-radius:6px;background:#e8b86012;box-shadow:inset 0 0 0 1px #e8b86033}.cls-tip p{margin:0;font-size:15px;line-height:1.45;color:#e0d2b4}.cls-tip b{color:#f3cd6a;font-weight:400}.docs-toc{left:34px;top:104px;width:320px;height:776px;padding:26px 22px 22px;display:flex;flex-direction:column;gap:10px}.docs-toc .nav-tab{grid-template-columns:30px 1fr;padding:8px 10px}.docs-note{margin-top:auto;text-align:center;font-size:14px;color:var(--dim)}.docs-page{left:374px;top:104px;width:1192px;height:776px;padding:28px 34px 26px}.dp-anim{height:100%;display:flex;flex-direction:column;gap:20px;animation:hpIn .25s ease-out}.dp-head{flex:none;display:flex;align-items:center;gap:22px;padding-bottom:18px;border-bottom:1px solid rgba(232,184,96,.25)}.dp-head h2{margin:0;font-size:34px;font-weight:400;line-height:1.1;color:var(--gold);text-shadow:0 2px 3px #000}.dp-head p{margin:4px 0 0;font-size:18px;color:#e8d0a0}.doc-stamp{margin-left:auto;align-self:flex-start;padding:5px 12px;border-radius:14px;font-size:14px;color:#e8d0a0;white-space:nowrap;background:#00000059;box-shadow:inset 0 0 0 1px #e8b8604d}.dp-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:34px}.doc-sheet{min-height:0;height:100%;padding:10px 8px 10px 0}.doc-scroll{height:100%;overflow-y:auto;padding:18px 30px 24px 36px}.doc-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a0703a,#6a4420)}.doc-scroll::-webkit-scrollbar-track{background:#5a321426}.doc-text{max-width:780px;-webkit-user-select:text;user-select:text}.doc-text *{-webkit-user-select:text;user-select:text}.doc-text h4{display:flex;align-items:center;gap:10px;margin:24px 0 8px;font-family:var(--font-display);font-size:22px;font-weight:400;color:#6a2a0a}.doc-text h4:before{content:"";width:8px;height:8px;flex:none;rotate:45deg;background:#a0602a;box-shadow:0 0 0 1px #3c140066}.doc-text h4:first-child{margin-top:4px}.doc-text p{margin:0 0 10px;font-size:17px;line-height:1.6;color:var(--ink)}.doc-text ul{margin:0 0 12px;padding:0;list-style:none}.doc-text li{position:relative;margin:0 0 7px;padding-left:22px;font-size:17px;line-height:1.55;color:var(--ink)}.doc-text li:before{content:"";position:absolute;left:5px;top:.66em;width:6px;height:6px;rotate:45deg;background:#a0602a}.doc-text a{color:#7a2a08;text-decoration:underline;text-decoration-color:#7a2a0873;text-underline-offset:3px}.doc-text a:hover{color:#a8400c}.dp-aside{min-height:0;display:flex;flex-direction:column;gap:10px}.doc-outline{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.doc-jump{padding:6px 10px;border:0;border-radius:6px;background:none;text-align:left;font-size:15px;line-height:1.25;color:#e8d8b8;cursor:pointer;transition:background .15s}.doc-jump:hover{background:#e8b8601a;color:#fff2c8}.dp-contact{margin-top:auto;display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;padding:14px;border-radius:6px;background:#0000004d;box-shadow:inset 0 0 0 1px #e8b86033}.dp-contact b{display:block;margin-bottom:2px;font-weight:400;font-size:15px;color:#f3cd6a}.dp-contact a{font-size:15px;color:#e8d8b8;word-break:break-all;-webkit-user-select:text;user-select:text}.dp-contact a:hover{color:#ffe6a0}.modal.doc-modal-box{max-width:none}.doc-modal-box .modal-body{padding:28px 30px 26px}.doc-modal{width:860px;display:flex;flex-direction:column;gap:16px}.doc-modal .dp-head{padding:0 44px 14px 0}.doc-modal .dp-head h2{font-size:30px}.doc-modal .doc-stamp{display:inline-block;margin:6px 0 0}.doc-modal .doc-sheet{height:600px}.docs.intro .help-head{animation:enterD .5s .05s ease-out both}.docs.intro .docs-toc{animation:enterL .55s .08s cubic-bezier(.2,.8,.3,1) both}.docs.intro .docs-toc .nav-tab{animation:enterL .4s calc(.25s + var(--i, 0) * .05s) ease-out both}.docs.intro .docs-page{animation:enterR .55s .14s cubic-bezier(.2,.8,.3,1) both}.docs.intro .doc-sheet{transform-origin:top;animation:enterUnroll .6s .45s cubic-bezier(.3,.8,.3,1) both}.docs.intro .dp-aside{animation:enterFade .5s .8s both}.hub-legal{position:absolute;left:0;right:0;top:856px;display:flex;justify-content:center;align-items:center;gap:8px}.hub-legal button{padding:2px 4px;border:0;background:none;font-size:14px;color:#f0e0c0b8;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.8);cursor:pointer}.hub-legal button:hover{color:#ffe6a0;text-decoration:underline;text-underline-offset:3px}.hub-legal i{width:4px;height:4px;rotate:45deg;background:#e8b8608c}.hub.intro .hub-legal{animation:introFade .6s 3s both}.acc-doc{display:inline;padding:0;border:0;background:none;font:inherit;color:#ffd98a;text-decoration:underline;text-decoration-color:#ffd98a73;text-underline-offset:3px;cursor:pointer}.acc-doc:hover{color:#fff0c0;text-decoration-color:currentColor}.acc-consent{align-items:flex-start;margin-top:12px;line-height:1.45}.acc-consent .sw{margin-top:1px}.cam-screen{--pan: .9s cubic-bezier(.65, 0, .3, 1);overflow:hidden}.cam-bg{position:absolute;top:0;left:-100px;width:1800px;height:900px;background-position:center;background-size:cover;transform:translate(calc(var(--cam, 0px) * var(--parallax, .18)));transition:transform var(--pan)}.cam-world{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transform:translate(var(--cam, 0px));transition:transform var(--pan)}.cam-center{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .6s,filter .6s}.cam-left .cam-center,.cam-right .cam-center{opacity:.16;filter:blur(2px) saturate(.5);cursor:pointer}.cam-left .cam-center>*,.cam-right .cam-center>*{pointer-events:none}.cam-page{opacity:0;pointer-events:none;transition:opacity .7s}.cam-left .cam-page.left,.cam-right .cam-page.right{opacity:1;pointer-events:auto}.cam-nav{position:absolute;top:340px;z-index:4;width:120px;padding:0;border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--font);transition:opacity .45s,transform .45s}.cam-nav.left{left:12px}.cam-nav.right{right:12px}.cam-nav.hide{opacity:0;pointer-events:none}.cam-nav.left.hide{transform:translate(-40px)}.cam-nav.right.hide{transform:translate(40px)}.cn-art{width:120px;height:200px;background:url(/ui/nav-arrow.svg) center / contain no-repeat;filter:drop-shadow(0 6px 10px rgba(0,0,0,.75)) drop-shadow(0 0 10px rgba(255,190,90,.25));transition:filter .2s,transform .2s;animation:navNudgeL 4s ease-in-out infinite}.cam-nav.right .cn-art{animation-name:navNudgeR}@keyframes navNudgeL{0%,72%,to{transform:translate(0)}80%{transform:translate(-7px)}88%{transform:translate(0)}94%{transform:translate(-3px)}}@keyframes navNudgeR{0%,72%,to{transform:scaleX(-1)}80%{transform:scaleX(-1) translate(-7px)}88%{transform:scaleX(-1)}94%{transform:scaleX(-1) translate(-3px)}}.cam-nav:hover .cn-art{animation:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.75)) drop-shadow(0 0 18px rgba(255,200,100,.75)) brightness(1.15)}.cam-nav.left:hover .cn-art{transform:translate(-6px)}.cam-nav.right:hover .cn-art{transform:scaleX(-1) translate(-6px)}.cam-nav:active .cn-art{filter:drop-shadow(0 4px 6px rgba(0,0,0,.75)) brightness(.95)}.cn-label{margin-top:-18px;font-size:21px;color:#f3cd6a;text-shadow:0 2px 2px #000,0 0 10px rgba(8,4,18,.95),0 0 18px rgba(8,4,18,.9);letter-spacing:.5px}.cam-nav:hover .cn-label{color:#ffe9a8}.cn-badge{position:absolute;top:58px;right:18px;z-index:1;animation:badgePulse 1.6s ease-in-out infinite}.cam-nav.right .cn-badge{right:auto;left:18px}.cn-badge.hide{display:none}@keyframes badgePulse{50%{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(255,90,60,.9))}}.hub{background:#0a0614}.hub .cam-bg{background-image:url(/ui/hub-bg.webp)}.hub:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 30% 16% at 50% 15%,rgba(14,6,30,.55),transparent 75%),radial-gradient(ellipse 40% 34% at 50% 86%,rgba(8,4,18,.55),transparent 72%),linear-gradient(90deg,rgba(8,4,18,.55),transparent 13%,transparent 87%,rgba(8,4,18,.55)),linear-gradient(0deg,rgba(8,4,18,.35),transparent 30%)}.hub .embers{z-index:1;left:-300px;right:-300px;transform:translate(calc(var(--cam, 0px) * .5));transition:transform var(--pan)}.hub .embers span{width:3px;height:3px;background:#f6f0a8;box-shadow:0 0 8px 3px #dcf0788c;animation-name:firefly}@keyframes firefly{0%{transform:translate(0);opacity:0}15%{opacity:.95}50%{transform:translate(calc(var(--dx) * .5),-45px);opacity:.5}85%{opacity:.9}to{transform:translate(var(--dx),-100px);opacity:0}}.ornate,.glass{border-radius:6px;background:linear-gradient(180deg,#1e1428db,#0c0814eb);box-shadow:0 10px 26px #0009,inset 0 0 30px #00000073}.ornate{position:absolute}.glass{position:relative}.ornate:before,.glass:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:22px solid transparent;border-image:url(/ui/ornate-frame.svg) 32 / 22px stretch;pointer-events:none;z-index:2}.vellum{position:relative;color:var(--ink);border-radius:6px;background:url(/ui/parchment.svg);box-shadow:inset 0 0 44px #6e3c148c,0 12px 28px #000000b3}.vellum:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:26px solid transparent;border-image:url(/ui/ornate-frame.svg) 32 / 26px stretch;pointer-events:none;filter:brightness(.85) sepia(.4)}.vellum:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:9px;box-shadow:0 0 0 4px #3a2010,inset 0 0 0 3px #3a2010;pointer-events:none}.orn-title{display:flex;align-items:center;justify-content:center;gap:10px;color:#f3cd6a;font-size:21px;text-shadow:0 2px 2px #000}.orn-title i{flex:1;max-width:120px;height:1px;position:relative;background:linear-gradient(90deg,transparent,#e8b85c)}.orn-title i:last-child{background:linear-gradient(90deg,#e8b85c,transparent)}.orn-title i:after{content:"";position:absolute;top:-3px;width:6px;height:6px;transform:rotate(45deg);background:#e8b85c;box-shadow:0 0 0 1px #1a0802}.orn-title i:first-child:after{right:-2px}.orn-title i:last-child:after{left:-2px}.orn-title.small{font-size:17px}.hub-hero{left:-500px;top:22px;width:916px;height:856px;padding:30px 38px 22px;display:flex;flex-direction:column;gap:12px}.hub-hero>.orn-title{font-size:26px}.hub-hero>.orn-title i{max-width:300px}.hero-cols{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:44px}.hero-col{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.hero-col+.hero-col:before{content:"";position:absolute;left:-22px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(232,184,92,.5) 15%,rgba(232,184,92,.5) 85%,transparent)}.hero-top{display:flex;align-items:center;gap:20px}.hero-id{flex:1;min-width:0}.name-wrap{position:relative;display:block}.name-input{width:100%;font-size:27px;text-align:left;background:transparent;border:none;border-bottom:1px solid rgba(232,184,96,.4);border-radius:0;padding:2px 28px 5px 0;box-shadow:none;color:var(--gold-hi)}.name-input:focus{outline:none;border-bottom-color:var(--gold)}.pen{position:absolute;right:2px;top:14px;pointer-events:none}.hero-lvl{margin-top:8px;font-size:18px;color:#f4e2b8}.hero-xp{font-size:14px;color:#c8a0ff;margin-top:3px}.hero-crest{width:90px;height:104px;flex:none;padding-bottom:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;background:url(/ui/crest-red.svg) center / 100% 100% no-repeat;filter:drop-shadow(0 6px 10px rgba(0,0,0,.7))}.hero-crest small{font-size:11px;color:#f8d8b0;text-transform:uppercase;letter-spacing:1px}.hero-crest b{font-family:var(--font-display);font-size:42px;color:#fff4d8;text-shadow:0 2px 3px #000}.hub-card{display:flex;align-items:center;gap:14px;padding:8px 14px;border-radius:8px;background:#00000061;box-shadow:inset 0 0 0 1px #e8b86038,inset 0 0 14px #0006}.hc-emblem{width:46px;height:46px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#3a2618,#0a0604 75%);box-shadow:0 0 0 1px #000,0 0 0 2px #b8892f,0 0 0 3px #000}.hc-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.hc-line b{font-family:var(--font-display);font-size:21px;line-height:1.1;color:#fff0d0}.hub-card.league .hc-line b{color:var(--lc)}.hub-card.ess .hc-line b{color:#e0c8ff}.hub-card.collection{--lc: #e8b85c}.hc-line span{color:var(--dim);font-size:15px}.hub-card small{display:block;color:var(--dim);font-size:13px;margin-top:3px;line-height:1.25}.hero-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-pair .hub-card{gap:10px;padding:9px 10px}.hero-pair .hc-emblem{width:40px;height:40px}.hero-pair .hc-line b{font-size:19px}.mini-bar{height:7px;border-radius:3px;margin-top:5px;background:#0a0705;box-shadow:0 0 0 1px #000;overflow:hidden}.mini-bar i{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--lc) 55%,#000),var(--lc))}.mini-bar.xp{height:9px;margin-top:7px}.mini-bar.xp i{background:linear-gradient(90deg,#5a1ea8,#c890ff);box-shadow:0 0 6px #be78ff99}.hub-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hs-tile{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:6px 10px;border-radius:8px;background:#00000059;box-shadow:inset 0 0 0 1px #e8b86029}.hs-tile>span{grid-row:1 / 3;display:flex}.hs-tile b{font-size:20px;color:#fff4dc;line-height:1.1;white-space:nowrap}.hs-tile small{font-size:12px;color:var(--dim);line-height:1.1}.hub-classes{flex:1;display:flex;flex-direction:column;gap:7px}.hub-hero .hc-row{flex:1;display:grid;grid-template-columns:56px 1fr auto;gap:14px;padding:5px 18px 5px 12px;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--cc) 16%,rgba(0,0,0,.45)),#00000059 75%);box-shadow:inset 3px 0 0 var(--cc),inset 0 0 0 1px color-mix(in srgb,var(--cc) 28%,transparent)}.hub-hero .hc-icon{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--cc) 28%,#1a120c),#0a0705 72%);box-shadow:0 0 0 1px #000,0 0 0 2px #b8892f,0 0 0 3px #000}.hc-info{min-width:0;display:flex;flex-direction:column;gap:2px}.hub-hero .hc-info b{font-size:21px;line-height:1.1}.hc-info small{font-size:13px;color:var(--dim)}.hc-name{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;min-width:0}.hc-passive{flex:none;padding:1px 10px 2px;border-radius:10px;font-size:12px;color:#e8c890;background:#00000073;box-shadow:inset 0 0 0 1px #e8b86047}.hc-stats{display:grid;grid-template-columns:auto auto;column-gap:6px;align-items:baseline}.hub-hero .hc-stats b{justify-self:end;font-family:var(--font);font-size:20px;color:#fff4dc}.hc-stats small{font-size:13px;color:var(--dim)}.hc-stats.none{display:flex;align-items:center;gap:6px;font-size:15px;color:var(--dim)}.server-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--dim)}.server-status .dot{width:9px;height:9px;border-radius:50%;background:#8a3a2a;box-shadow:0 0 6px #ff5a3a}.server-status.on .dot{background:#3ad050;box-shadow:0 0 8px #3ad050}.hub-title{position:absolute;left:400px;top:44px;width:800px;display:flex;flex-direction:column;align-items:center}.ht-ornament{width:110px;height:144px;margin-bottom:4px;background:url(/ui/title-helm.svg) center / contain no-repeat;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}.hub-title .logo-title{font-size:86px;line-height:1;margin-top:-2px;white-space:nowrap;padding:0 8px .24em;margin-bottom:-.24em;letter-spacing:1px;filter:drop-shadow(0 3px 0 #1a0a02) drop-shadow(0 0 3px #1a0a02) drop-shadow(0 0 24px rgba(255,170,60,.35))}.ht-divider{width:400px;height:24px;margin-top:14px;background:url(/ui/divider.svg) center / 100% 100% no-repeat}.hub-cta{position:absolute;left:480px;top:362px;width:640px;height:128px;padding:0 64px 0 30px;border:none;cursor:pointer;display:flex;align-items:center;gap:22px;text-align:left;color:#fff0d8;font-family:var(--font);background:url(/ui/cta.svg) center / 100% 100% no-repeat;filter:drop-shadow(0 10px 14px rgba(0,0,0,.6));transition:transform .15s,filter .15s}.hub-cta:hover{transform:scale(1.02);filter:drop-shadow(0 10px 14px rgba(0,0,0,.6)) drop-shadow(0 0 20px rgba(255,120,50,.6))}.hub-cta:active{transform:scale(.99)}.cta-medal{position:relative;width:90px;height:90px;flex:none;display:flex;align-items:center;justify-content:center}.cta-medal:before{content:"";position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:50%;background:radial-gradient(circle,rgba(255,140,40,.5),rgba(255,90,20,.15) 45%,transparent 68%);pointer-events:none;animation:medalGlow 2.4s ease-in-out infinite}@keyframes medalGlow{50%{opacity:.6;transform:scale(.94)}}.cta-swirl{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:url(/ui/swirl.svg) center / contain no-repeat;animation:swirl 9s linear infinite;pointer-events:none;filter:brightness(1.3);mix-blend-mode:screen}@keyframes swirl{to{transform:rotate(360deg)}}.cta-icon{position:relative;width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--cc) 30%,#2a0a06),#120404 72%);box-shadow:0 0 0 2px #1a0802,0 0 0 5px #e8b85c,0 0 0 6px #1a0802,0 0 22px #ff963c99}.cta-icon .gi{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--cc) 70%,transparent)) drop-shadow(0 2px 2px #000)}.cta-text{flex:1;display:flex;flex-direction:column;gap:6px}.cta-text b{font-family:var(--font-display);font-weight:400;font-size:40px;line-height:1;color:#fff0d8;text-shadow:0 2px 3px #000}.cta-text small{font-size:18px;color:#ffd8b0;text-shadow:0 1px 2px #000}.cta-chevron{display:flex;filter:drop-shadow(0 2px 2px #000);transition:transform .15s}.hub-cta:hover .cta-chevron{transform:translate(4px)}.hub-tiles{position:absolute;left:470px;top:522px;width:660px;display:flex;gap:21px}.hub-tile{position:relative;flex:1;height:138px;border:none;cursor:pointer;padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#f4e2b8;font-family:var(--font);transition:transform .15s,filter .15s}.hub-tile:hover{transform:translateY(-3px);filter:brightness(1.15) drop-shadow(0 0 12px rgba(255,190,90,.35))}.hub-tile .tile-icon{display:flex;margin-bottom:4px;filter:drop-shadow(0 2px 4px #000) drop-shadow(0 0 10px rgba(255,190,90,.35))}.hub-tile .tile-title{font-family:var(--font-display);font-size:24px;color:#fff0d8;text-shadow:0 2px 2px #000}.hub-tile small{font-size:14px;color:#d8c49c}.hub-tile .badge{position:absolute;top:12px;right:14px;z-index:3}.hub-tip{position:absolute;left:494px;top:688px;width:612px;height:66px;padding:0 30px 0 16px;display:flex;align-items:center;gap:12px;border-style:solid;border-width:0 30px;border-image:url(/ui/tip-banner.svg) 0 30 fill / 0 30px stretch;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}.tip-bulb{display:flex;flex:none;filter:drop-shadow(0 0 8px rgba(255,215,106,.7))}.tip-text{font-size:16px;line-height:1.3;color:#f0e0c0}.tip-text b{color:#ffd76a;font-weight:400}.tip-text.in{animation:tipIn .4s ease-out}@keyframes tipIn{0%{opacity:0;transform:translateY(4px)}}.tip-dots{position:absolute;left:494px;top:762px;width:612px;display:flex;justify-content:center;gap:9px}.tip-dot{width:9px;height:9px;padding:0;border:none;border-radius:50%;cursor:pointer;background:#f0dcb459;box-shadow:0 0 0 1px #0009}.tip-dot.on{background:#f3cd6a;box-shadow:0 0 0 1px #1a0802,0 0 8px #ffcd6acc}.hero-road{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid rgba(232,184,92,.25)}.road{display:flex}.road-step{flex:1;min-width:0;display:flex;gap:12px;align-items:flex-start;padding:0 18px}.road-step:first-child{padding-left:4px}.road-step+.road-step{border-left:1px solid rgba(232,184,92,.2)}.road-step .lvl-badge.small{flex:none;position:static;width:38px;height:44px;font-size:17px}.road-items{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:1px}.road-item{display:flex;align-items:center;gap:7px;font-size:15px;color:#f0e2c0;line-height:1.15}.road-item>span:first-child{flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1a1008;box-shadow:0 0 0 1px #8a5a2a}.road-item>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.road-more{font-size:13px;color:var(--dim);padding-left:29px;cursor:help}.road-done{flex:1;align-self:center;text-align:center;color:var(--dim);font-size:16px}.hub-quests{position:absolute;left:1184px;top:22px;width:916px;height:856px;padding:34px 42px 24px;display:flex;flex-direction:column;gap:6px}.q-head{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:3px double rgba(110,60,20,.45)}.q-compass,.q-glass{display:flex}.q-heading{flex:1}.q-heading b{display:block;font-family:var(--font-display);font-weight:400;font-size:42px;line-height:1;color:#4a1208}.q-heading small{display:block;margin-top:6px;font-size:15px;color:var(--ink-dim)}.q-reset{display:flex;flex-direction:column;align-items:flex-end;font-size:14px;color:var(--ink-dim);line-height:1.25}.q-reset b{font-weight:400;color:var(--ink);font-size:18px}.q-list{flex:1;min-height:0;display:flex;flex-direction:column}.quest{flex:1;display:grid;grid-template-columns:76px 1fr 190px 150px;gap:22px;align-items:center;padding:8px 6px;border-bottom:1px solid rgba(110,60,20,.28)}.quest:last-child{border-bottom:none}.quest.first{border-top:3px double rgba(110,60,20,.45)}.quest.claimed{opacity:.55}.q-icon{width:72px;height:72px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#9a2a14,#3a0804 75%);box-shadow:0 0 0 2px #1a0802,0 0 0 5px #c8963e,0 0 0 6px #1a0802,0 4px 8px #00000073}.q-icon.sun{background:radial-gradient(circle at 50% 38%,#d88a1a,#6a2a04 75%)}.q-main{min-width:0}.q-title{font-size:21px;line-height:1.2;color:var(--ink)}.quest.done .q-title{color:#1e4a0c}.q-main small{display:block;margin-top:6px;font-size:15px;color:var(--ink-dim)}.hub-quests .q-bar{height:26px;margin-top:10px}.hub-quests .q-bar .bar-text{font-size:15px}.q-rewards{display:flex;flex-direction:column;gap:6px}.q-reward{display:inline-flex;align-items:baseline;gap:6px;color:#5a3a08}.q-reward>span:first-child{align-self:center;display:flex}.q-reward b{font-weight:400;font-size:21px}.q-reward small{font-size:14px;color:var(--ink-dim)}.q-reward.ess{color:#4a1a7a}.q-act{display:flex;justify-content:center}.q-pct{font-family:var(--font-display);font-size:28px;color:var(--ink-dim)}.q-stamp{font-size:18px;color:#2a5a14;border:2px solid #2a5a14;border-radius:5px;padding:2px 12px;transform:rotate(-7deg)}.q-claim{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:7px;cursor:pointer;font-family:var(--font);font-size:19px;color:#eaffd8;text-shadow:0 1px 2px #000;background:linear-gradient(180deg,#5aa83a,#2e6a18 60%,#1a4008);box-shadow:0 0 0 1px #0a1a04,0 0 0 3px #b8e070,0 0 0 4px #0a1a04,0 0 16px #8cdc5a99;animation:claimGlow 1.8s ease-in-out infinite}.q-claim:hover{filter:brightness(1.15)}@keyframes claimGlow{50%{box-shadow:0 0 0 1px #0a1a04,0 0 0 3px #d8ff90,0 0 0 4px #0a1a04,0 0 26px #a0f064e6}}.q-foot{display:flex;align-items:center;justify-content:center;gap:34px;padding-top:14px;border-top:3px double rgba(110,60,20,.45);font-size:17px;color:var(--ink-dim)}.hub-corner{top:20px;right:22px;bottom:auto;z-index:4;display:flex;gap:10px;transition:opacity .45s}.cam-left .hub-corner,.cam-right .hub-corner{opacity:0;pointer-events:none}.hub.intro{animation:none}.hub.intro .cam-bg{animation:introBg 2.2s cubic-bezier(.2,.7,.2,1) both}@keyframes introBg{0%{scale:1.12;filter:brightness(0) saturate(.4)}40%{filter:brightness(.45) saturate(.7)}}.hub.intro .embers{animation:introFade 1.6s 1.8s both}.hub.intro .ht-ornament{animation:introHelm .9s .55s cubic-bezier(.3,1.4,.5,1) both}@keyframes introHelm{0%{opacity:0;translate:0 -70px;scale:1.7;filter:blur(8px) brightness(2.5)}70%{opacity:1;filter:blur(0) brightness(1.8) drop-shadow(0 0 26px rgba(255,210,120,.9))}}.ht-ornament{position:relative}.ht-ornament:after{content:"";position:absolute;left:50%;top:52%;width:240px;height:240px;margin:-120px 0 0 -120px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,236,180,.85),rgba(255,190,90,.35) 35%,transparent 68%)}.hub.intro .ht-ornament:after{animation:introBurst 1s 1.05s ease-out both}@keyframes introBurst{0%{opacity:0;scale:.2}18%{opacity:1}to{opacity:0;scale:2.2}}.hub.intro .hub-title .logo-title{background-image:linear-gradient(105deg,transparent 44%,rgba(255,255,255,.2) 47%,#ffffff 50%,rgba(255,255,255,.2) 53%,transparent 56%),var(--metal);background-size:300% 100%,100% 100%;background-repeat:no-repeat;background-position:100% 0,0 0;animation:introTitle 1.1s 1.15s cubic-bezier(.2,.8,.2,1) both,introShine 1s 2.35s ease-in-out both}@keyframes introTitle{0%{opacity:0;letter-spacing:18px;filter:blur(14px) drop-shadow(0 3px 0 #1a0a02)}to{opacity:1;letter-spacing:1px;filter:blur(0) drop-shadow(0 3px 0 #1a0a02) drop-shadow(0 0 3px #1a0a02) drop-shadow(0 0 24px rgba(255,170,60,.35))}}@keyframes introShine{to{background-position:0% 0,0 0}}.hub.intro .hub-title{animation:introGlow 1.2s 2.3s ease-in-out both}@keyframes introGlow{45%{filter:drop-shadow(0 0 16px rgba(255,205,110,.75)) brightness(1.12)}}.hub.intro .ht-divider{animation:introUnroll .7s 1.9s cubic-bezier(.3,.8,.3,1) both}@keyframes introUnroll{0%{opacity:0;scale:0 1}}.hub.intro .hub-cta{animation:introRise .6s 2.2s cubic-bezier(.2,.9,.3,1.2) both}.hub.intro .hub-tile{animation:introRise .55s 2.45s cubic-bezier(.2,.9,.3,1.2) both}.hub.intro .hub-tile:nth-child(2){animation-delay:2.57s}.hub.intro .hub-tile:nth-child(3){animation-delay:2.69s}.hub.intro .hub-tip,.hub.intro .tip-dots{animation:introRise .5s 2.85s ease-out both}@keyframes introRise{0%{opacity:0;translate:0 34px}}.hub.intro .cam-nav.left{animation:introNavL .6s 2.6s cubic-bezier(.2,.9,.3,1.1) both}.hub.intro .cam-nav.right{animation:introNavR .6s 2.6s cubic-bezier(.2,.9,.3,1.1) both}@keyframes introNavL{0%{opacity:0;translate:-90px 0}}@keyframes introNavR{0%{opacity:0;translate:90px 0}}.hub.intro .hub-corner{animation:introFade .6s 2.9s both}@keyframes introFade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.hub.intro *,.hub.intro *:after{animation-duration:.01s!important;animation-delay:0s!important}}