.lp{--pw: clamp(360px, 28.1vw, 560px);--k: calc(var(--pw) / 470);--lp-red: #d3201b;--lp-red-hi: #ff3b26;--lp-iron: #1b1716;--lp-iron-hi: #4a403b;--lp-text: #c9c1b6;--lp-muted: #8d857d;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:auto;-webkit-user-select:text;user-select:text;font-family:Georgia,Times New Roman,serif;color:var(--lp-text);background:#070303;z-index:20}.lp-art{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/ui/login/bg.webp) center / cover no-repeat,radial-gradient(ellipse at 55% 25%,#8a1a08,#3a0a05 35%,#0b0303 75%) center / cover}.lp-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 40% 50%,transparent 55%,rgba(0,0,0,.55) 100%),linear-gradient(to top,rgba(60,8,0,.35),transparent 30%)}.lp-embers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.lp-embers i{position:absolute;bottom:-10px;left:calc(4% + var(--i) * 4.6%);width:3px;height:3px;border-radius:50%;background:#ffb347;box-shadow:0 0 6px 2px #ff6e14cc,0 0 14px 4px #ff280059;opacity:0;animation:lp-ember calc(7s + var(--i) * .53s) linear calc(var(--i) * -.9s) infinite}@keyframes lp-ember{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:.9}to{transform:translate(calc(var(--i) * 3px - 20px),-95vh) scale(.3);opacity:0}}@media(prefers-reduced-motion:reduce){.lp-embers{display:none}}.lp-panel{position:absolute;top:0;bottom:0;right:calc(var(--k) * 22);width:var(--pw);display:flex;flex-direction:column}.lp-panel:before{content:"";position:absolute;inset:calc(var(--k) * 46) calc(var(--k) * 34) calc(var(--k) * 46);background:url(/ui/login/panel_texture.webp) center / cover no-repeat,radial-gradient(ellipse at 50% 30%,#2a2522,#161210 60%,#0d0b0a);box-shadow:inset 0 0 calc(var(--k) * 40) #000000d9,0 0 calc(var(--k) * 30) #000c;border:1px solid #000}.lp-frame-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.lp-inner{position:relative;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4a1510 transparent;padding:calc(var(--k) * 92) calc(var(--k) * 55) calc(var(--k) * 100);display:flex;flex-direction:column;align-items:stretch}.lp-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lp-frame .iron{fill:var(--lp-iron);stroke:#5b4c42;stroke-width:1.2;stroke-linejoin:round}.lp-frame .iron-hi{fill:#6b5a4c;opacity:.6}.lp-frame .ember{fill:#ff3a14;filter:drop-shadow(0 0 3px #ff5a1e)}.lp-pillar{position:absolute;top:calc(var(--k) * 40);bottom:calc(var(--k) * 40);width:calc(var(--k) * 12);background:linear-gradient(90deg,#070606,#3b322d 35%,#17120f 60%,#050404);border-left:1px solid #000;border-right:1px solid #000;box-shadow:0 0 calc(var(--k) * 8) #ff3c1440,0 0 2px #000}.lp-pillar-l{left:calc(var(--k) * 22)}.lp-pillar-r{right:calc(var(--k) * 22)}.lp-chain{position:absolute;top:calc(var(--k) * 70);bottom:calc(var(--k) * 70);width:calc(var(--k) * 12);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='26' viewBox='0 0 12 26'%3E%3Cellipse cx='6' cy='6.5' rx='4' ry='6' fill='none' stroke='%23050404' stroke-width='3.4'/%3E%3Cellipse cx='6' cy='6.5' rx='4' ry='6' fill='none' stroke='%235a4a40' stroke-width='1.6'/%3E%3Crect x='4.6' y='12' width='2.8' height='14' rx='1.4' fill='%23302824' stroke='%23050404'/%3E%3C/svg%3E") center top / 100% auto repeat-y;filter:drop-shadow(0 0 3px rgba(0,0,0,.9))}.lp-chain-l{left:calc(var(--k) * 6)}.lp-chain-r{right:calc(var(--k) * 6)}.lp-drape{position:absolute;left:calc(var(--k) * 34);right:calc(var(--k) * 34);height:calc(var(--k) * 60)}.lp-drape .chain{fill:none;stroke:#0a0807;stroke-width:7;stroke-dasharray:9 3;vector-effect:non-scaling-stroke}.lp-drape .chain-b{stroke:#5a4a40;stroke-width:2;stroke-dasharray:7 5}.lp-drape-t{top:calc(var(--k) * 24)}.lp-drape-b{bottom:calc(var(--k) * 24);transform:scaleY(-1)}.lp-jewel{position:absolute;left:50%;width:calc(var(--k) * 70);margin-left:calc(var(--k) * -35)}.lp-jewel-t{top:calc(var(--k) * 40)}.lp-jewel-b{bottom:calc(var(--k) * 40);transform:scaleY(-1)}.lp-spire{position:absolute;width:calc(var(--k) * 44);filter:drop-shadow(0 0 4px rgba(0,0,0,.9)) drop-shadow(0 0 8px rgba(255,60,20,.25))}.lp-s-tl,.lp-s-ml,.lp-s-bl{left:calc(var(--k) * 6)}.lp-s-tr,.lp-s-mr,.lp-s-br{right:calc(var(--k) * 6)}.lp-s-tl,.lp-s-tr{top:calc(var(--k) * -6)}.lp-s-ml,.lp-s-mr{top:38%}.lp-s-bl,.lp-s-br{bottom:calc(var(--k) * -6);transform:scaleY(-1)}.lp-title{margin:0 0 calc(var(--k) * 40);display:flex;flex-direction:column;align-items:center;font-family:var(--font-display);font-weight:700;line-height:.95;text-transform:uppercase;text-align:center}.lp-title-art img{width:calc(var(--k) * 375);max-width:100%;height:auto;margin-top:calc(var(--k) * -6)}.lp-title span{display:block;color:transparent;background:linear-gradient(180deg,#fff1c8,#ffc354 28%,#ff6a12,#b3170b 82%,#520604);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 calc(var(--k) * 10) rgba(255,80,10,.65)) drop-shadow(0 calc(var(--k) * 2) 0 #1a0402)}.lp-t1{font-size:calc(var(--k) * 34);letter-spacing:.18em}.lp-t2{font-size:calc(var(--k) * 112);font-weight:900;letter-spacing:.02em}.lp-t3{font-size:calc(var(--k) * 37);letter-spacing:.14em;margin-top:calc(var(--k) * 6)}.lp-sub{margin:0 0 calc(var(--k) * 14);font-family:var(--font-display);font-size:calc(var(--k) * 20);font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-align:center;color:#e8d9c0}.lp-form{display:flex;flex-direction:column;gap:calc(var(--k) * 16)}.lp-field{position:relative;display:flex;align-items:center;height:calc(var(--k) * 48);border:1px solid #4c4743;border-radius:calc(var(--k) * 5);background:linear-gradient(#0a0909d1,#12100fd1);box-shadow:inset 0 1px 3px #000c,0 0 0 1px #0009;transition:border-color .15s,box-shadow .15s}.lp-field:focus-within{border-color:#9b2a1c;box-shadow:inset 0 1px 3px #000c,0 0 calc(var(--k) * 10) #dc281459}.lp-ico{flex:none;display:grid;place-items:center;width:calc(var(--k) * 50);height:100%}.lp-ico svg,.lp-eye svg{width:calc(var(--k) * 20);height:calc(var(--k) * 20);fill:#a8a29c}.lp-ico .cut{fill:none;stroke:#a8a29c;stroke-width:2}.lp .line{fill:none!important;stroke:#b9b3ad;stroke-width:1.8}#hud .lp-field input{flex:1;min-width:0;height:100%;padding:0 calc(var(--k) * 8) 0 0;border:0;outline:0;background:transparent;box-shadow:none;color:#e9e3da;font-family:Georgia,Times New Roman,serif;font-size:max(16px,calc(var(--k) * 16));-webkit-user-select:text;user-select:text}.lp-field input::placeholder{color:#9d968f;opacity:1}#hud .lp-eye{flex:none;display:grid;place-items:center;width:calc(var(--k) * 48);height:100%;padding:0;border:0;background:none;box-shadow:none}#hud .lp-eye:hover svg .line,.lp-eye:hover .line{stroke:#fff}.lp-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:calc(var(--k) * 26);margin-top:calc(var(--k) * 4)}.lp-check{display:inline-flex;align-items:center;gap:calc(var(--k) * 12);cursor:pointer;font-size:max(13px,calc(var(--k) * 15));color:#d6cfc6}.lp-check input{position:absolute;opacity:0;width:1px;height:1px}.lp-box{display:grid;place-items:center;width:calc(var(--k) * 22);height:calc(var(--k) * 22);border:1px solid #6a5f57;border-radius:3px;background:#120f0e}.lp-box svg{width:80%;height:80%;fill:none;stroke:#fff;stroke-width:2.4;opacity:0}.lp-check input:checked+.lp-box{background:linear-gradient(#c2241c,#7a0d0a);border-color:#e0453a;box-shadow:0 0 6px #dc281480}.lp-check input:checked+.lp-box svg{opacity:1}.lp-check input:focus-visible+.lp-box{outline:2px solid var(--gold-hi);outline-offset:2px}#hud .lp-link{padding:0;border:0;background:none;box-shadow:none;color:var(--lp-red-hi);font-family:Georgia,Times New Roman,serif;font-size:max(13px,calc(var(--k) * 14));text-decoration:underline;text-underline-offset:2px}#hud .lp-link:hover{color:#ff7a5a}.lp-error,.lp-notice{margin:0;padding:calc(var(--k) * 8) calc(var(--k) * 12);border:1px solid #7a1a12;border-radius:3px;background:#46080499;color:#ffb3a3;font-size:max(13px,calc(var(--k) * 14));line-height:1.35}.lp-notice{margin-bottom:calc(var(--k) * 14);border-color:#5a4a30;background:#281e0a99;color:#f0d9a8}#hud .lp-big{position:relative;display:grid;place-items:center;height:calc(var(--k) * 82);margin:calc(var(--k) * 14) calc(var(--k) * -20) 0;padding:0;border:0;background:none;box-shadow:none;color:#fff4ea;font-family:var(--font-display);font-size:calc(var(--k) * 28);font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 8px rgba(255,120,60,.6),0 2px 2px #2a0000;filter:drop-shadow(0 0 calc(var(--k) * 12) rgba(255,48,0,.67));transition:filter .15s}#hud .lp-big:before{content:"";position:absolute;inset:calc(var(--k) * 8) 0;clip-path:polygon(0 50%,5% 0,95% 0,100% 50%,95% 100%,5% 100%);background:linear-gradient(#6a5446,#2a211c 40%,#6a5446)}#hud .lp-big:after{content:"";position:absolute;inset:calc(var(--k) * 12) calc(var(--k) * 5);clip-path:polygon(0 50%,5% 0,95% 0,100% 50%,95% 100%,5% 100%);background:radial-gradient(ellipse at 50% 50%,#e2321a,#a3140c 45%,#5a0705),#8a0f0a;box-shadow:inset 0 0 20px #000}#hud .lp-has-button-art .lp-big:before{top:0;right:0;bottom:0;left:0;clip-path:none;background:var(--lp-button-art) center / 100% 100% no-repeat}#hud .lp-has-button-art .lp-big:after{display:none}#hud .lp-big-long{font-size:calc(var(--k) * 22);letter-spacing:.1em}#hud .lp-big span{position:relative;z-index:1;padding-left:.16em}#hud .lp-big:hover:not(:disabled){filter:drop-shadow(0 0 calc(var(--k) * 18) rgba(255,70,10,.9)) brightness(1.1);color:#fff}#hud .lp-big:focus-visible{outline:2px solid var(--gold-hi);outline-offset:-4px}#hud .lp-big:disabled{opacity:.8}.lp-or{display:flex;align-items:center;gap:calc(var(--k) * 14);margin-top:calc(var(--k) * 22);color:#b0a89f;font-family:var(--font-display);font-size:max(11px,calc(var(--k) * 12));letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}.lp-or:before,.lp-or:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#5d544d 40%,#5d544d)}.lp-or:after{transform:scaleX(-1)}.lp-social{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--k) * 8);margin:calc(var(--k) * 4) 0 0}.lp-soc-wrap{position:relative;display:block}#hud .lp-soc{width:100%;height:calc(var(--k) * 60);display:grid;place-items:center;padding:0;border:1px solid #3e3936;border-radius:calc(var(--k) * 4);background:linear-gradient(#1d1b1b,#0f0e0e);box-shadow:inset 0 1px #ffffff0d,0 2px 4px #0009}#hud .lp-soc:disabled{opacity:1;cursor:not-allowed}.lp-soc svg{width:calc(var(--k) * 32);height:calc(var(--k) * 32)}.lp-soc-wrap:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);padding:4px 8px;border:1px solid #5a4426;background:#0d0a08;color:var(--gold);font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.lp-soc-wrap:hover:after{opacity:1}.lp-foot{display:flex;flex-direction:column;align-items:center;gap:calc(var(--k) * 8);margin:calc(var(--k) * 44) 0 0;color:#a39b92;font-size:max(13px,calc(var(--k) * 15))}#hud .lp-cta{display:inline-flex;align-items:center;gap:calc(var(--k) * 10);padding:0;border:0;background:none;box-shadow:none;color:var(--lp-red-hi);font-family:var(--font-display);font-size:max(13px,calc(var(--k) * 17));font-weight:700;letter-spacing:.14em;text-transform:uppercase}#hud .lp-cta:before,#hud .lp-cta:after{content:"";width:calc(var(--k) * 56);height:calc(var(--k) * 10);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 10'%3E%3Cpath d='M0 5h40' stroke='%23b3231a' stroke-width='1.2'/%3E%3Cpath d='M40 5l6-4 2 4-2 4zM48 5l4-3 4 3-4 3z' fill='%23d3201b'/%3E%3Cpath d='M30 5l5-3-2 3 2 3z' fill='%23b3231a'/%3E%3C/svg%3E") center / contain no-repeat}#hud .lp-cta:before{transform:scaleX(-1)}#hud .lp-cta:hover{color:#ff7a5a}.lp-forgot p{margin:0;font-size:max(14px,calc(var(--k) * 15));line-height:1.5;color:#d0c8bd}.lp-forgot code{color:var(--gold-hi)}@media(max-width:760px){.lp{--pw: 100vw}.lp-art{background:url(/ui/login/bg_mobile.webp) center / cover no-repeat,radial-gradient(ellipse at 50% 25%,#8a1a08,#3a0a05 35%,#0b0303 75%) center / cover}.lp-panel{right:0}.lp-panel:before{inset:calc(var(--k) * 30) calc(var(--k) * 26);opacity:.74}.lp-inner{padding:calc(var(--k) * 60) calc(var(--k) * 50) calc(var(--k) * 90)}.lp-s-ml,.lp-s-mr{display:none}}@media(max-height:700px)and (min-width:761px){.lp-title{margin-bottom:calc(var(--k) * 20)}}.lp-form:has(>.lp-sub){gap:calc(var(--k) * 13)}.lp-form:has(>.lp-sub) .lp-foot{margin-top:calc(var(--k) * 18)}.sp{--u: min(calc(100vw / 1672), calc(100vh / 941));--sp-orange: #ff7a1a;--sp-ember: #ff4a12;--sp-gold: #e9c27a;--sp-text: #d8cfc2;--sp-muted: #9a8f84;--sp-edge: #7a2a10;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:auto;color:var(--sp-text);font-family:Georgia,Times New Roman,serif;background:#070303;z-index:10}.sp-art{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/ui/select/bg.webp) center top / cover no-repeat,radial-gradient(ellipse at 55% 25%,#8a1a08,#3a0a05 35%,#0b0303 75%) center / cover}.sp-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 55%,transparent 50%,rgba(0,0,0,.6) 100%),linear-gradient(to top,rgba(10,2,0,.55),transparent 22%)}.sp-embers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.sp-embers i{position:absolute;bottom:-10px;left:calc(3% + var(--i) * 8.3%);width:3px;height:3px;border-radius:50%;background:#ffb347;box-shadow:0 0 6px 2px #ff6e14cc,0 0 14px 4px #ff280059;opacity:0;animation:sp-ember calc(8s + var(--i) * .61s) linear calc(var(--i) * -1.1s) infinite}@keyframes sp-ember{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:.85}to{transform:translate(calc(var(--i) * 4px - 24px),-95vh) scale(.3);opacity:0}}@media(prefers-reduced-motion:reduce){.sp-embers{display:none}}.sp-stage{position:absolute;left:50%;top:50%;width:calc(var(--u) * 1672);height:calc(var(--u) * 941);transform:translate(-50%,-50%);font-size:calc(var(--u) * 16)}.sp-head{position:absolute;left:calc(var(--u) * 430);top:0;width:calc(var(--u) * 832);height:calc(var(--u) * 196);margin:0;pointer-events:none}.sp-crest{margin:0;line-height:0}.sp-crest img{width:100%;height:auto}.sp-subtitle{position:absolute;left:0;right:0;top:calc(var(--u) * 174);margin:0;text-align:center;font-family:var(--font-display);font-weight:600;font-size:calc(var(--u) * 15);letter-spacing:.14em;text-transform:uppercase;color:#e9d6b8;text-shadow:0 0 6px #000,0 1px 2px #000}.sp .account-bar{position:absolute;top:calc(var(--u) * 16);right:calc(var(--u) * 18);z-index:3;display:flex;align-items:center;gap:calc(var(--u) * 16);font-size:max(12px,calc(var(--u) * 16))}.sp-who-am-i{display:flex;align-items:center;gap:8px;line-height:1.1;text-shadow:0 1px 3px #000}.sp-who-am-i img{width:1.7em;height:1.7em;filter:grayscale(.4) brightness(1.3)}.sp-who-am-i small{display:block;font-size:.78em;color:#cfc2b0}.sp-who-am-i b{font-size:1.1em;color:#fff3dc}.sp .account-bar .panel-link,.sp .account-bar .sp-logout{display:inline-flex;align-items:center;gap:.45em;padding:.45em .9em;border:1px solid #6b4a26;border-radius:3px;background:linear-gradient(#2b1a12,#120a07);color:#f0dcb0;font-family:Georgia,serif;font-size:1em;letter-spacing:.02em;text-decoration:none;box-shadow:inset 0 1px #ffd2961f,0 0 10px #000000b3}.sp .account-bar .panel-link:hover,.sp .account-bar .panel-link:focus-visible,.sp .account-bar .sp-logout:hover{border-color:var(--sp-orange);color:#fff3d0}.sp-ico{width:1.15em;height:1.15em;flex:none}.sp-frame{position:absolute;left:calc(var(--u) * 322);top:calc(var(--u) * 200);width:calc(var(--u) * 1056);height:calc(var(--u) * 646);display:grid;grid-template-columns:575fr 437fr;gap:calc(var(--u) * 12);padding:calc(var(--u) * 16);border:calc(var(--u) * 3) solid #1a0d08;border-radius:calc(var(--u) * 6);background:linear-gradient(#0a05038c,#0a05038c),url(/ui/login/panel_texture.webp) center / cover no-repeat,#120b08;box-shadow:0 0 0 calc(var(--u) * 2) #4a2a14,0 0 0 calc(var(--u) * 4) #0c0604,0 0 calc(var(--u) * 14) calc(var(--u) * 3) #ff5a148c,0 0 calc(var(--u) * 60) #000000e6,inset 0 0 calc(var(--u) * 30) #000c}.sp-frame:before,.sp-frame:after{content:"";position:absolute;inset:calc(var(--u) * -26);pointer-events:none;background:var(--sp-spike) left top / calc(var(--u) * 54) calc(var(--u) * 54) no-repeat,var(--sp-spike-r) right top / calc(var(--u) * 54) calc(var(--u) * 54) no-repeat,var(--sp-spike-b) left bottom / calc(var(--u) * 54) calc(var(--u) * 54) no-repeat,var(--sp-spike-br) right bottom / calc(var(--u) * 54) calc(var(--u) * 54) no-repeat;filter:drop-shadow(0 0 calc(var(--u) * 4) rgba(255,80,20,.6))}.sp-frame:after{inset:calc(var(--u) * -20) calc(50% - var(--u) * 20);background:var(--sp-crown) center top / calc(var(--u) * 40) calc(var(--u) * 30) no-repeat,var(--sp-crown-b) center bottom / calc(var(--u) * 40) calc(var(--u) * 30) no-repeat}.sp{--sp-spike: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Cpath d='M2 2 L30 14 L22 18 L44 24 L24 26 L26 44 L18 22 L14 30 Z' fill='%23140a06' stroke='%23a0521e' stroke-width='1.4'/%3E%3Cpath d='M8 8 L20 14 L14 20 Z' fill='%23ff6a1a'/%3E%3C/svg%3E");--sp-spike-r: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Cg transform='translate(54 0) scale(-1 1)'%3E%3Cpath d='M2 2 L30 14 L22 18 L44 24 L24 26 L26 44 L18 22 L14 30 Z' fill='%23140a06' stroke='%23a0521e' stroke-width='1.4'/%3E%3Cpath d='M8 8 L20 14 L14 20 Z' fill='%23ff6a1a'/%3E%3C/g%3E%3C/svg%3E");--sp-spike-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Cg transform='translate(0 54) scale(1 -1)'%3E%3Cpath d='M2 2 L30 14 L22 18 L44 24 L24 26 L26 44 L18 22 L14 30 Z' fill='%23140a06' stroke='%23a0521e' stroke-width='1.4'/%3E%3Cpath d='M8 8 L20 14 L14 20 Z' fill='%23ff6a1a'/%3E%3C/g%3E%3C/svg%3E");--sp-spike-br: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Cg transform='translate(54 54) scale(-1 -1)'%3E%3Cpath d='M2 2 L30 14 L22 18 L44 24 L24 26 L26 44 L18 22 L14 30 Z' fill='%23140a06' stroke='%23a0521e' stroke-width='1.4'/%3E%3Cpath d='M8 8 L20 14 L14 20 Z' fill='%23ff6a1a'/%3E%3C/g%3E%3C/svg%3E");--sp-crown: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 30'%3E%3Cpath d='M2 28 L10 18 L14 22 L20 2 L26 22 L30 18 L38 28 Z' fill='%23140a06' stroke='%23a0521e' stroke-width='1.3'/%3E%3Cpath d='M20 12 L23 22 L17 22 Z' fill='%23ff6a1a'/%3E%3C/svg%3E");--sp-crown-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 30'%3E%3Cg transform='translate(0 30) scale(1 -1)'%3E%3Cpath d='M2 28 L10 18 L14 22 L20 2 L26 22 L30 18 L38 28 Z' fill='%23140a06' stroke='%23a0521e' stroke-width='1.3'/%3E%3Cpath d='M20 12 L23 22 L17 22 Z' fill='%23ff6a1a'/%3E%3C/g%3E%3C/svg%3E")}.sp-panel{position:relative;min-height:0;display:flex;flex-direction:column;padding:calc(var(--u) * 14) calc(var(--u) * 20);border:1px solid #3a1d10;border-radius:calc(var(--u) * 4);background:linear-gradient(#0c0705b8,#080403db);box-shadow:inset 0 0 0 1px #ff782814,inset 0 0 calc(var(--u) * 24) #000c}.sp-panel h2,.sp-opts legend{display:flex;align-items:center;gap:calc(var(--u) * 10);margin:0 0 calc(var(--u) * 6);padding:0;font-family:var(--font-display);font-weight:700;font-size:calc(var(--u) * 26);letter-spacing:.02em;color:var(--sp-gold);text-shadow:0 1px 0 #000,0 0 10px rgba(255,120,30,.3)}.sp-panel h2 img{width:calc(var(--u) * 32);height:calc(var(--u) * 32)}.sp-chars{flex:1 1 auto;min-height:calc(var(--u) * 120);margin:0;padding:0 calc(var(--u) * 6) 0 0;list-style:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6a2a12 transparent}.sp-empty{flex:1 1 auto;margin:calc(var(--u) * 10) 0;font-size:calc(var(--u) * 16)}.sp .save{display:flex;align-items:center;gap:calc(var(--u) * 14);height:calc(var(--u) * 54);margin:0 0 calc(var(--u) * 2);padding:0 calc(var(--u) * 10) 0 calc(var(--u) * 6);border:1px solid transparent;border-bottom-color:#783c1e40;border-radius:calc(var(--u) * 4);cursor:pointer;outline-offset:-2px}.sp .save:hover{background:#ff78280f}.sp .save.selected{border-color:var(--sp-orange);background:linear-gradient(90deg,#781e068c,#280a0499);box-shadow:0 0 calc(var(--u) * 10) #ff64148c,inset 0 0 calc(var(--u) * 12) #ff5a1440}.sp-portrait{flex:none;width:calc(var(--u) * 50);height:calc(var(--u) * 50);border-radius:50%;overflow:hidden;border:1px solid #6b3a1c;background:radial-gradient(circle at 50% 35%,#3a2218,#0b0605 75%);box-shadow:inset 0 0 6px #000}.sp-portrait img{width:100%;height:100%;object-fit:cover}.sp-portrait img.sp-portrait-icon{padding:14%;object-fit:contain}.sp-who{display:flex;flex-direction:column;min-width:0;line-height:1.15}.sp-name{font-family:Georgia,serif;font-size:calc(var(--u) * 20);font-weight:400;color:#fff1dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-meta{font-size:calc(var(--u) * 15);color:#cfc4b6}.sp .save .save-class{opacity:1;font-size:inherit}.sp .save-gold{margin-left:auto;font-size:calc(var(--u) * 15);color:#f0dcb4;white-space:nowrap}.sp-more{position:relative;flex:none}.sp-more-gap{width:calc(var(--u) * 34);flex:none}.sp-more-btn{width:calc(var(--u) * 34);height:calc(var(--u) * 28);padding:0;font-size:calc(var(--u) * 11);letter-spacing:-.1em;color:#f0e0c0;border-color:#5a3a22}.sp-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:5;min-width:130px;padding:4px;border:1px solid #6b3a1c;background:#140b07;box-shadow:0 8px 24px #000000d9}.sp-menu button{display:block;width:100%;padding:6px 10px;text-align:left;font-size:13px;border:0;background:transparent;box-shadow:none}.sp-menu button:hover,.sp-menu button:focus-visible{background:#ff5a1426}.sp-danger{color:#ff8a70!important}.sp-play{flex:none;display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 14);align-self:center;width:calc(var(--u) * 420);height:calc(var(--u) * 52);margin:calc(var(--u) * 6) 0 calc(var(--u) * 2);padding:0 calc(var(--u) * 30);font-family:var(--font-display);font-weight:700;font-size:calc(var(--u) * 22);letter-spacing:.06em;text-transform:uppercase;color:#fff0d8;text-shadow:0 1px 0 #3a0000,0 0 8px rgba(0,0,0,.8);border:calc(var(--u) * 10) solid transparent;border-radius:0;border-image:url(/ui/login/button_login.png) 40 110 fill / calc(var(--u) * 26) calc(var(--u) * 64) stretch;background:none;box-shadow:none;filter:drop-shadow(0 0 calc(var(--u) * 8) rgba(255,50,0,.5))}.sp-play:hover:not(:disabled){filter:drop-shadow(0 0 calc(var(--u) * 14) rgba(255,90,20,.85)) brightness(1.1);color:#fff}.sp-play span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sp-play .sp-ico{width:1.2em;height:1.2em}.sp .new-title{font-weight:400;margin:calc(var(--u) * 6) 0;font-size:calc(var(--u) * 17);color:#f0dcb4}.sp .classes{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 10);margin:0}.sp .class-card{display:flex;align-items:center;gap:calc(var(--u) * 12);height:calc(var(--u) * 76);padding:calc(var(--u) * 6) calc(var(--u) * 10);text-align:left;font-size:calc(var(--u) * 13);line-height:1.25;color:#ddd2c4;border:1px solid #3a2416;border-radius:calc(var(--u) * 4);background:linear-gradient(#1e120ce6,#0c0705f2)}.sp .class-card img{flex:none;width:calc(var(--u) * 58);height:calc(var(--u) * 58);object-fit:contain}.sp .class-card b{display:block;margin-bottom:calc(var(--u) * 3);font-family:var(--font-display);font-size:calc(var(--u) * 16);letter-spacing:.04em;text-transform:uppercase;color:#f2a85a}.class-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sp .class-card.on{border-color:var(--sp-orange);box-shadow:0 0 calc(var(--u) * 10) #ff641499,inset 0 0 calc(var(--u) * 14) #ff5a1433}.sp .new-char{flex:none;display:flex;gap:calc(var(--u) * 14);margin-top:calc(var(--u) * 14)}.sp .new-char input{flex:1;min-width:0;height:calc(var(--u) * 38);padding:0 calc(var(--u) * 12);font-size:max(12px,calc(var(--u) * 16));border-color:#4a2a18;background:#060302d9}.sp .new-char button{display:inline-flex;align-items:center;gap:calc(var(--u) * 8);height:calc(var(--u) * 38);padding:0 calc(var(--u) * 16);font-size:max(12px,calc(var(--u) * 16));color:#f6e2bf;border-color:#8a3a16;background:linear-gradient(#5a1a0c,#2a0a05)}.sp-plus{font-size:1.35em;line-height:1;color:var(--sp-gold)}.sp-right{padding:0;overflow:hidden}.sp-hero{position:relative;flex:1 1 auto;min-height:calc(var(--u) * 150);background:radial-gradient(ellipse 60% 55% at 55% 70%,rgba(255,80,20,.28),transparent 70%),linear-gradient(to bottom,#00000040,#0000000d 40%,#080302f2),url(/ui/select/bg.webp) 78% 55% / 340% auto no-repeat;border-bottom:1px solid #3a1d10}.sp-hero-title{position:absolute;left:calc(var(--u) * 14);top:calc(var(--u) * 12);z-index:2;display:flex;align-items:center;gap:calc(var(--u) * 10);line-height:1.1;text-shadow:0 2px 4px #000}.sp-hero-title img{width:calc(var(--u) * 52);height:calc(var(--u) * 56)}.sp-hero-title b{display:block;font-family:Georgia,serif;font-weight:400;font-size:calc(var(--u) * 28);color:#fff1dc}.sp-hero-title small{white-space:nowrap;font-size:calc(var(--u) * 16);color:#e6c792}.sp-figure{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.sp-figure-icon{position:absolute;left:50%;top:55%;width:calc(var(--u) * 120);transform:translate(-50%,-50%);opacity:.85}.sp-figure-icon.loading{animation:sp-pulse 1.4s ease-in-out infinite}@keyframes sp-pulse{50%{opacity:.35}}.sp-opts{flex:none;padding:calc(var(--u) * 10) calc(var(--u) * 20) calc(var(--u) * 14)}.sp-opts fieldset{margin:0 0 calc(var(--u) * 6);padding:0;border:0}.sp-opts legend{width:100%;margin-bottom:calc(var(--u) * 6);padding-bottom:calc(var(--u) * 4);font-size:calc(var(--u) * 20);border-bottom:1px solid rgba(120,60,30,.4)}.sp-opts legend img{width:calc(var(--u) * 28);height:calc(var(--u) * 28)}.sp .radio{display:flex;align-items:flex-start;gap:calc(var(--u) * 10);margin:calc(var(--u) * 5) 0 calc(var(--u) * 5) calc(var(--u) * 10);font-size:calc(var(--u) * 17);line-height:1.25;cursor:pointer}.sp .radio input{flex:none;width:calc(var(--u) * 18);height:calc(var(--u) * 18);margin:calc(var(--u) * 2) 0 0;accent-color:var(--sp-orange);box-shadow:none}.sp .radio b{font-weight:400;color:#fff1dc}.sp .radio small{font-size:calc(var(--u) * 14);color:#d2c6b8;opacity:1}.sp .radio.locked{opacity:1;cursor:default}.sp .radio.locked b,.sp .radio.locked small{color:var(--sp-muted)}.sp .coop{display:grid;grid-template-columns:1fr 1fr;gap:0 calc(var(--u) * 12);margin:calc(var(--u) * 4) 0 0 calc(var(--u) * 10)}.sp .coop label{margin:0;font-size:max(11px,calc(var(--u) * 14))}.sp .coop input{display:block;width:100%;margin-top:2px;padding:calc(var(--u) * 4) calc(var(--u) * 8);font-size:max(12px,calc(var(--u) * 15))}.sp .coop .hint{grid-column:1 / -1;margin:calc(var(--u) * 4) 0 0;font-size:max(11px,calc(var(--u) * 13))}.sp-nav{position:absolute;left:calc(var(--u) * 372);top:calc(var(--u) * 866);width:calc(var(--u) * 932);height:calc(var(--u) * 62);display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 10);padding:0 calc(var(--u) * 12);border:1px solid #3a1d10;border-radius:calc(var(--u) * 6);background:linear-gradient(#140a06eb,#060302f2);box-shadow:0 0 0 calc(var(--u) * 2) #0c0604,0 0 calc(var(--u) * 10) #ff501459}.sp-nav button{position:relative;display:inline-flex;align-items:center;gap:calc(var(--u) * 10);height:calc(var(--u) * 42);padding:0 calc(var(--u) * 18);font-size:calc(var(--u) * 17);color:#efe0c6;border-color:#4a2a18}.sp-nav button img{width:calc(var(--u) * 26);height:calc(var(--u) * 26)}.sp-nav button.on,.sp-nav button[aria-pressed=true]{border-color:var(--sp-orange);background:linear-gradient(#6a1c0a,#2a0a05);box-shadow:0 0 calc(var(--u) * 10) #ff5a1499}.sp-soon{position:absolute;left:50%;bottom:calc(var(--u) * -9);transform:translate(-50%);padding:0 4px;font-size:max(9px,calc(var(--u) * 10));white-space:nowrap;color:#c9b49a;background:#120806;border:1px solid #3a2416}.sp .legacy{position:absolute;left:50%;top:calc(var(--u) * 204);z-index:4;width:min(640px,90vw);transform:translate(-50%);margin:0;box-shadow:0 10px 30px #000000e6}.sp .sp-error{position:absolute;left:50%;bottom:calc(var(--u) * 82);z-index:4;display:flex;align-items:center;gap:10px;max-width:min(640px,90vw);transform:translate(-50%);padding:8px 12px;font-size:14px;color:#ffd9c8;border:1px solid #9a2a12;background:#1e0603f2}.sp .sp-error button{padding:0 6px}.sp .sp-dialog{z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,94vw);max-height:86vh}.sp-guide h3{margin:12px 0 6px;font-family:var(--font-display);font-size:15px;color:var(--gold)}.sp-guide .help-row{display:flex;gap:10px;padding:3px 0;font-size:13px}.sp-guide .help-row b{flex:0 0 110px;color:var(--gold-hi)}.sp-guide-list{margin:0;padding-left:18px;font-size:13px;line-height:1.45}.sp-options .options{position:fixed;z-index:6;top:50%;transform:translate(-50%,-50%);max-height:86vh}@media(max-width:899px),(max-aspect-ratio:1/1){.sp{--u: .82px;overflow-y:auto}.sp-art{position:fixed;background:url(/ui/select/bg_mobile.webp) center top / cover no-repeat,radial-gradient(ellipse at 55% 25%,#8a1a08,#3a0a05 35%,#0b0303 75%) center / cover}.sp-stage{position:relative;left:auto;top:auto;width:auto;height:auto;transform:none;padding:64px 12px 16px;display:flex;flex-direction:column;gap:14px}.sp .account-bar{position:absolute;top:10px;right:10px;left:10px;justify-content:flex-end;flex-wrap:wrap;gap:8px;font-size:13px}.sp-head{position:relative;left:auto;width:100%;height:auto}.sp-subtitle{position:static;margin-top:4px;font-size:11px}.sp-frame{position:relative;left:auto;top:auto;width:auto;height:auto;grid-template-columns:1fr}.sp-frame:after{display:none}.sp-chars{max-height:260px}.sp-play{width:100%}.sp-hero{min-height:300px}.sp-nav{position:relative;left:auto;top:auto;width:auto;height:auto;flex-wrap:wrap;padding:8px}.sp .legacy{position:relative;left:auto;top:auto;transform:none;width:auto}.sp .sp-error{position:fixed;bottom:12px}}@media(max-width:520px){.sp .classes{grid-template-columns:1fr}}.save .gm-badge{margin-left:.4em;padding:0 .35em;border:1px solid #d9a441;border-radius:3px;color:#f3cf7a;font-size:.7em;letter-spacing:.08em;vertical-align:middle}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+0000-002F,U+003A-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2190-2193,U+2212,U+2215}:root{--gold: #d8b45a;--bone: #d9cfb8;--blood: #a3121a;--panel: #0f0b08;--panel2: #1e1712;--edge: #4a3a28;--magic: #7c8cff;--rare: #f2e05a;--unique: #c8a060;--metal-hi: #3a3128;--metal: #1d1813;--metal-lo: #0b0907;--gold-hi: #f3dc98;--gold-mid: #b08a44;--gold-lo: #5e4520;--title: #e6c983;--font-display: "Cinzel", "Trajan Pro", Georgia, "Times New Roman", serif;--mu: clamp(.6px, min(.1vh, .0535vw), 1.7px);--s: calc(var(--mu) * 52);--hud-h: calc(var(--mu) * 205)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--bone);font-family:Georgia,Times New Roman,serif;-webkit-user-select:none;user-select:none;accent-color:var(--gold)}#game,#game canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block}#labels,#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud button,#hud input,#hud canvas,.panel-box,.hb-center,.orb{pointer-events:auto}button{font-family:inherit;color:var(--bone);background:linear-gradient(#2f271f,#17120e 60%,#100c09);border:1px solid #5a4426;border-radius:2px;box-shadow:inset 0 1px #ffe1a01f,inset 0 -1px #0009;cursor:pointer}button:hover:not(:disabled){border-color:var(--gold);color:#f4ead2}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,.save:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}input{font-family:inherit;color:var(--bone);background:#0b0806;border:1px solid #5a4426;border-radius:2px;box-shadow:inset 0 2px 4px #000c;padding:6px 8px}.hint{font-size:11px;opacity:.7}.gold{color:var(--gold);font-weight:700}.tt-bad{color:#ff5050}.primary{width:100%;margin-top:8px;padding:10px;font-family:var(--font-display);font-weight:700;letter-spacing:.04em;font-size:16px;color:#ffe0b0;background:linear-gradient(#5a1a10,#2a0a06)}.error{margin-top:14px;color:#ff6060}.footer{margin-top:26px}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-size:22px;letter-spacing:.12em;color:var(--title)}.hudbar{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:calc(var(--mu) * 1227);height:calc(var(--mu) * 205)}.hb-side{position:absolute;bottom:0;z-index:3;height:calc(var(--mu) * 204.6);pointer-events:none}.hb-side:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:url(/ui/hud/lato-sx.webp) center / 100% 100% no-repeat;filter:drop-shadow(0 calc(var(--mu) * 4) calc(var(--mu) * 8) rgba(0,0,0,.7));pointer-events:none}.hb-side-l{left:0;width:calc(var(--mu) * 305.4)}.hb-side-r{right:0;width:calc(var(--mu) * 303.4)}.hb-side-r:after{background-image:url(/ui/hud/lato-dx.webp)}.hb-candle{position:absolute;z-index:3;width:calc(var(--mu) * 46);height:calc(var(--mu) * 58);margin:calc(var(--mu) * -34) 0 0 calc(var(--mu) * -23);background:radial-gradient(ellipse 50% 50% at 50% 55%,rgba(255,210,120,.55),rgba(255,130,40,.22) 45%,transparent 72%);mix-blend-mode:screen;animation:candle 2.3s ease-in-out infinite alternate}.hb-side-l .hb-candle{left:calc(var(--mu) * 113.6);top:calc(var(--mu) * 131.4)}.hb-side-r .hb-candle{left:calc(var(--mu) * 188.7);top:calc(var(--mu) * 132.6);animation-delay:-1.1s}@keyframes candle{0%{opacity:.75;transform:scaleX(.96)}35%{opacity:1;transform:scale(1.04,1.08)}60%{opacity:.82;transform:scale(.98,.97)}to{opacity:.95;transform:scale(1.02,1.05)}}.orb{position:absolute;z-index:1;width:calc(var(--mu) * 135);height:calc(var(--mu) * 135);pointer-events:auto}.hb-side-l .orb{left:calc(var(--mu) * 143.4);top:calc(var(--mu) * 42.5)}.hb-side-r .orb{left:calc(var(--mu) * 24.2);top:calc(var(--mu) * 41)}.orb-ball{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 38%,#1a0f10,#080506 55%,#020101)}.orb-mana .orb-ball{background:radial-gradient(circle at 50% 38%,#0d1020,#05060c 55%,#010102)}.orb-fill{--wave: calc(var(--mu) * 7);position:absolute;left:0;right:0;bottom:0;overflow:hidden;transition:height .16s linear}.orb-body{position:absolute;left:0;right:0;bottom:0;top:var(--wave);overflow:hidden}.orb-liquid{position:absolute;left:0;right:0;bottom:0;height:calc(var(--mu) * 135)}.orb-life .orb-liquid{background:radial-gradient(ellipse 70% 40% at 50% 30%,rgba(255,90,70,.35),transparent 70%),radial-gradient(circle at 46% 58%,#d01c22,#9a0c13 36%,#560509,#220103)}.orb-mana .orb-liquid{background:radial-gradient(ellipse 70% 40% at 50% 30%,rgba(110,170,255,.35),transparent 70%),radial-gradient(circle at 46% 58%,#2f5ef0,#1b38b8 36%,#0c1a66,#030826)}.orb-liquid:before,.orb-liquid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/ui/liquido.svg) 0 0 / calc(var(--mu) * 210) repeat;mix-blend-mode:soft-light;opacity:.95;animation:orb-drift 30s linear infinite}.orb-liquid:after{background-size:calc(var(--mu) * 150);mix-blend-mode:screen;opacity:.16;animation-duration:19s;animation-direction:reverse}@keyframes orb-drift{to{background-position:calc(var(--mu) * 210) calc(var(--mu) * -210)}}.orb-wave{position:absolute;left:0;width:200%;height:calc(var(--wave) * 2);top:calc(var(--wave) * .35);-webkit-mask:url(/ui/onda.svg) 0 0 / 50% 100% repeat-x;mask:url(/ui/onda.svg) 0 0 / 50% 100% repeat-x;animation:orb-wave 3.4s linear infinite}.orb-wave-back{top:0;animation-duration:5.2s;animation-direction:reverse}.orb-life .orb-wave-back{background:#7a0810}.orb-life .orb-wave-front{background:linear-gradient(#ff8a7a,#d0242c 30%,#9a0c13 60%,transparent);opacity:.9}.orb-mana .orb-wave-back{background:#13308c}.orb-mana .orb-wave-front{background:linear-gradient(#a8d0ff,#3f72f0 30%,#1b38b8 60%,transparent);opacity:.9}@keyframes orb-wave{to{transform:translate(-50%)}}.orb-glass{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(ellipse 30% 18% at 33% 21%,rgba(255,255,255,.55),rgba(255,255,255,.1) 60%,transparent 75%),radial-gradient(ellipse 50% 22% at 50% 93%,rgba(255,230,210,.14),transparent 70%),radial-gradient(circle at 50% 46%,transparent 58%,rgba(0,0,0,.45) 78%,rgba(0,0,0,.9));box-shadow:inset 0 0 0 1px #000000e6}.orb-glass:after{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;border:calc(var(--mu) * 2.4) solid transparent;border-top-color:#ffffff40;transform:rotate(-42deg);filter:blur(.4px)}.orb-text{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:max(12px,calc(var(--mu) * 19));letter-spacing:.02em;color:#f6eedb;text-shadow:0 0 2px #000,0 1px 2px #000,0 0 8px rgba(0,0,0,.9);pointer-events:none}.hb-center{position:absolute;left:50%;bottom:calc(var(--mu) * 7);z-index:2;transform:translate(-50%);min-width:calc(var(--mu) * 690);padding:calc(var(--mu) * 10) calc(var(--mu) * 36) calc(var(--mu) * 13);border:calc(var(--mu) * 2) solid #040302;border-radius:calc(var(--mu) * 4);background:linear-gradient(rgba(255,228,170,.07),transparent calc(var(--mu) * 18)),radial-gradient(ellipse 60% 120% at 50% 0%,rgba(120,50,16,.22),transparent 70%),linear-gradient(#25211d,#151310 45%,#0b0a08);box-shadow:inset 0 0 0 1px #8f703b,inset 0 0 0 calc(1px + var(--mu) * 3) #191512,inset 0 0 0 calc(2px + var(--mu) * 3) #4e3c20,inset 0 calc(var(--mu) * 10) calc(var(--mu) * 22) #0000008c,0 calc(var(--mu) * 6) calc(var(--mu) * 18) #000000d9;pointer-events:auto}.hb-center:after{content:"";position:absolute;left:50%;bottom:calc(var(--mu) * -9);width:calc(var(--mu) * 15);height:calc(var(--mu) * 15);transform:translate(-50%) rotate(45deg);border:1px solid #000;background:radial-gradient(circle,#ffd27a 0 18%,#f07a22 36%,#6a1c06 62%,transparent 64%),linear-gradient(135deg,#e9cd88,#8a6730 50%,#3a2810);box-shadow:0 0 calc(var(--mu) * 8) #ff781e8c}.hb-crown{position:absolute;left:50%;top:calc(var(--mu) * -56);z-index:3;width:calc(var(--mu) * 92);height:calc(var(--mu) * 92);transform:translate(-50%);pointer-events:none}.hb-crown:before,.hb-crown:after{content:"";position:absolute;top:calc(var(--mu) * 24);right:78%;width:calc(var(--mu) * 150);height:calc(var(--mu) * 38);background:url(/ui/hud/ala.svg) center / 100% 100% no-repeat;filter:drop-shadow(0 calc(var(--mu) * 2) calc(var(--mu) * 3) rgba(0,0,0,.8))}.hb-crown:after{right:auto;left:78%;transform:scaleX(-1)}.hb-fire{position:absolute;top:-34%;right:-60%;bottom:-10%;left:-60%;background:radial-gradient(ellipse 34% 46% at 50% 44%,rgba(255,170,70,.75),transparent 70%),radial-gradient(ellipse 50% 40% at 50% 40%,rgba(255,90,20,.45),transparent 72%);mix-blend-mode:screen;filter:blur(calc(var(--mu) * 3));animation:fire 1.7s ease-in-out infinite alternate}@keyframes fire{0%{opacity:.7;transform:scale(.97,.95)}50%{opacity:1;transform:scale(1.03,1.08)}to{opacity:.8;transform:scaleY(1.02)}}.hb-ring{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/ui/hud/ouroboros.webp) center / contain no-repeat;filter:drop-shadow(0 0 calc(var(--mu) * 5) rgba(255,110,30,.65))}.info{display:flex;gap:calc(var(--mu) * 10);align-items:center;height:calc(var(--mu) * 32);margin:0 0 calc(var(--mu) * 9);font-family:var(--font-display);line-height:1}.hb-plate{--c: calc(var(--mu) * 7);position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:calc(var(--mu) * 6);height:100%;padding:0 calc(var(--mu) * 14);font-size:max(11px,calc(var(--mu) * 15));font-weight:700;white-space:nowrap;color:#ecd9a6;text-transform:uppercase;text-shadow:0 1px 1px #000;background:linear-gradient(160deg,#e2c27a,#6e5226 45%,#b8924c 70%,#4a3416);clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c))}.hb-plate:before{content:"";position:absolute;inset:max(1px,calc(var(--mu) * 1.6));z-index:-1;background:linear-gradient(rgba(255,230,170,.08),transparent 40%),linear-gradient(#1f1b17,#0b0a08);clip-path:inherit}.lvl{color:var(--title)}.gold-info .gold{color:#f2e2b4}.coin{flex:none;width:calc(var(--mu) * 17);height:calc(var(--mu) * 17);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1bb,#e2b44e 38%,#8f6722 72%,#4a3410);box-shadow:0 0 0 1px #2a1d0a,0 0 calc(var(--mu) * 5) #ffc85a73}.xpbar{flex:1;height:calc(var(--mu) * 14);padding:calc(var(--mu) * 3);border-radius:calc(var(--mu) * 7);background:#050404;box-shadow:inset 0 calc(var(--mu) * 2) calc(var(--mu) * 4) #000000f2,0 0 0 1px #000,0 0 0 calc(1px + var(--mu) * 1.5) #6a5330,0 0 0 calc(2px + var(--mu) * 1.5) #000}.xpbar>div{position:relative;height:100%;border-radius:calc(var(--mu) * 4);background:linear-gradient(#fff4c4,#f2bd4e 40%,#a8701c);box-shadow:0 0 calc(var(--mu) * 8) #ffbe50a6}.xpbar>div:after{content:"";position:absolute;right:calc(var(--mu) * -4);top:50%;width:calc(var(--mu) * 14);height:calc(var(--mu) * 14);transform:translateY(-50%);background:radial-gradient(circle,rgba(255,245,210,.9),transparent 65%)}.bars,.belt-slots,.skillbar{display:flex;align-items:flex-start;gap:calc(var(--mu) * 6)}.right-slot{display:flex}.belt-slot,.skill,.menu-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(var(--mu) * 5);width:var(--s);padding:0;font-size:calc(var(--s) * .5);background:none;border:0;box-shadow:none}.belt-slot:hover:not(:disabled),.skill:hover:not(:disabled),.menu-btn:hover:not(:disabled){border:0}.well{position:relative;display:grid;place-items:center;width:var(--s);height:var(--s);overflow:hidden;border-radius:calc(var(--mu) * 3);line-height:1;background:radial-gradient(circle at 50% 38%,rgba(90,74,56,.28),transparent 70%),linear-gradient(#0c0a08,#171411);box-shadow:inset 0 0 0 1px #000,inset 0 calc(var(--mu) * 3) calc(var(--mu) * 7) #000000eb,0 0 0 1px #8b6c38,0 0 0 calc(1px + var(--mu) * 1.6) #0a0806,0 0 0 calc(1px + var(--mu) * 2.6) #3d3020;transition:box-shadow .12s}.well>span:first-child{filter:drop-shadow(0 1px 1px #000)}.belt-slot:hover .well,.skill:hover .well,.menu-btn:hover .well{box-shadow:inset 0 0 0 1px #000,inset 0 calc(var(--mu) * 3) calc(var(--mu) * 7) #000000eb,0 0 0 1px #d6ae5c,0 0 0 calc(1px + var(--mu) * 1.6) #0a0806,0 0 calc(var(--mu) * 10) calc(var(--mu) * 2) #ff96324d}.key{display:grid;place-items:center;width:calc(var(--s) * .84);height:calc(var(--mu) * 22);font-family:var(--font-display);font-size:max(10px,calc(var(--mu) * 15));font-weight:700;line-height:1;color:#e4cf9c;text-shadow:0 1px 1px #000;background:linear-gradient(#1d1a16,#0a0908);border:1px solid #6a5330;border-radius:calc(var(--mu) * 2);box-shadow:0 0 0 1px #000,inset 0 1px #ffe6aa14}.mouse-key{width:auto;height:72%}.menu-glyph{width:44%;height:36%;background:linear-gradient(#f1d68e,#a07a38) 0 0 / 100% 18% no-repeat,linear-gradient(#f1d68e,#a07a38) 0 50% / 100% 18% no-repeat,linear-gradient(#f1d68e,#a07a38) 0 100% / 100% 18% no-repeat;filter:drop-shadow(0 1px 1px #000)}.potion-mana{filter:hue-rotate(220deg) drop-shadow(0 1px 1px #000)!important}.skill.selected .well{box-shadow:inset 0 0 calc(var(--s) * .28) #ffa03c73,0 0 0 1px #000,0 0 0 calc(1px + var(--mu) * 1.6) #e9c46e,0 0 0 calc(1px + var(--mu) * 2.8) #3a2a10,0 0 calc(var(--mu) * 12) calc(var(--mu) * 3) #ff963266}.skill.selected .key{color:var(--gold-hi);border-color:#b8924c}.skill.unknown .skill-glyph{opacity:.25}.skill.nomana .well{background:linear-gradient(#0a1230,#050818)}.skill.empty .well{opacity:.75}.cd{position:absolute;left:0;right:0;bottom:0;background:#000000b8;box-shadow:0 -1px #ffaa4699}.bar-sep{position:relative;flex:none;width:calc(var(--mu) * 16);height:calc(var(--s) + var(--mu) * 27);background:linear-gradient(90deg,transparent 34%,#000 34% 40%,#4b3b25 40% 60%,#000 60% 66%,transparent 66%) center / 100% 86% no-repeat}.bar-sep:before{content:"";position:absolute;left:50%;top:calc(var(--s) * .5);width:calc(var(--mu) * 10);height:calc(var(--mu) * 10);transform:translate(-50%,-50%) rotate(45deg);border:1px solid #000;background:radial-gradient(circle,#ffc46a 0 16%,#c0501a 34%,transparent 40%),linear-gradient(135deg,#ecd08c,#8a6730 50%,#3a2810)}.badges{position:absolute;right:calc(50% + var(--mu) * 196);bottom:100%;display:flex;gap:6px;margin-bottom:calc(var(--mu) * 6);white-space:nowrap}.badge{padding:3px 10px;font-family:var(--font-display);font-size:max(11px,calc(var(--mu) * 13));font-weight:700;color:#ffe6a0;border-color:#a8843f;background:linear-gradient(#3a1a0c,#160905);animation:pulse 1.4s infinite}@keyframes pulse{50%{box-shadow:0 0 10px #ff8c32bf}}@media(max-width:900px),(max-aspect-ratio:1/1){:root{--mu: clamp(.36px, min(.11vh, .112vw), 1.2px)}.hudbar{width:calc(var(--mu) * 983)}.hb-center{min-width:0}.belt-slots,.bars>.bar-sep:first-of-type{display:none}}.target{position:absolute;top:14px;left:50%;transform:translate(-50%);text-align:center}.target-name{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.04em;text-shadow:0 1px 3px #000,0 0 8px #000}.target-bar{width:220px;height:9px;margin:5px auto 0;padding:1px;border-radius:5px;background:#120303;box-shadow:0 0 0 1px #000,0 0 0 2px #7a5f32,0 0 0 3px #000}.target-bar>div{height:100%;border-radius:4px;background:linear-gradient(#e04048,#9a0c13 55%,#4a0409)}.party{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;font-size:13px}.member{width:170px;padding:4px 7px 5px;background:linear-gradient(#1e1b17e0,#090807e0);border:1px solid #6a5330;box-shadow:0 0 0 1px #000,inset 0 1px #ffe4aa14}.member.self{border-color:var(--gold)}.member small{font-family:var(--font-display);color:var(--title)}.member.dead{opacity:.5}.member-bar{height:5px;margin-top:3px;background:#120303;box-shadow:0 0 0 1px #000}.member-bar>div{height:100%;background:linear-gradient(#d0333a,#7a0a10)}.minimap-wrap{position:absolute;top:8px;right:8px;width:clamp(140px,22vh,200px);height:clamp(140px,22vh,200px);pointer-events:none}.minimap{position:absolute;top:7%;right:7%;bottom:7%;left:7%;width:86%;height:86%;border-radius:50%;background:radial-gradient(circle,#0e0b088c,#000000d1);pointer-events:none!important}.minimap-frame{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/ui/cornice-minimappa.svg) center / contain no-repeat}.automap{position:absolute;left:50%;top:50%;width:min(620px,92vw);height:min(620px,92vw);transform:translate(-50%,-55%);background:#00000059;pointer-events:none!important}.banner{position:absolute;top:22%;left:0;right:0;text-align:center;font-family:var(--font-display);font-weight:700;font-size:clamp(22px,4vw,40px);color:#e8dcc0;letter-spacing:.08em;text-shadow:0 2px 10px #000;animation:fade 3.5s forwards}@keyframes fade{0%{opacity:0}15%,70%{opacity:1}to{opacity:0}}.toasts{position:absolute;left:50%;bottom:calc(var(--hud-h) + 72px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.toast{padding:5px 16px;font-size:14px;background:linear-gradient(#1c1814eb,#080706eb);border:1px solid #6a5330;box-shadow:0 0 0 1px #000,inset 0 1px #ffe4aa14}.toast-warn{color:#ff8a70}.toast-good{color:#9fe08a}.toast-epic{font-family:var(--font-display);font-weight:700;color:var(--unique);font-size:20px;border-color:var(--unique)}.debug{position:absolute;bottom:4px;right:8px;font:11px ui-monospace,monospace;opacity:.45}.death{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#3c000040,#000000bf);font-size:18px}.death-title{font-family:var(--font-display);font-weight:900;font-size:46px;color:#c0141c;letter-spacing:.08em;text-shadow:0 2px 8px #000}.panel-box{position:absolute;top:60px;padding:14px 16px;max-height:calc(100vh - var(--hud-h) - 80px);overflow:auto;border:8px solid transparent;border-image:url(/ui/cornice-ferro.svg) 32 / 24px / 8px stretch;background:radial-gradient(ellipse 90% 70px at 50% 0%,rgba(150,60,18,.28),transparent 100%),linear-gradient(rgba(255,228,170,.05),transparent 120px),url(/ui/filigrana.svg) 0 0 / 36px 36px,linear-gradient(#1b1815,#0e0c0a 40%,#080706);box-shadow:inset 0 0 0 1px #000000e6,inset 0 0 30px #0009,0 14px 48px #000000e6;scrollbar-color:#6a5330 #0b0a08;scrollbar-width:thin}.panel-box h2{position:relative;margin:0 30px 14px;padding-bottom:9px;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--title);text-shadow:0 1px 0 #000,0 0 14px rgba(255,140,50,.3);background:linear-gradient(90deg,transparent,#5e4622 15%,#d9b66c 42%,transparent 46% 54%,#d9b66c 58%,#5e4622 85%,transparent) bottom / 100% 1px no-repeat}.panel-box h2:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;transform:translate(-50%) rotate(45deg);border:1px solid #000;background:radial-gradient(circle,#ffc46a 0 18%,#c0501a 36%,transparent 42%),linear-gradient(135deg,#ecd08c,#8a6730 50%,#3a2810);box-shadow:0 0 6px #ff781e73}.panel-box h2 small{font-family:Georgia,serif;font-weight:400;letter-spacing:0;text-transform:none;color:var(--bone);opacity:.75;font-size:12px}.panel-box button,.badge{background:linear-gradient(rgba(255,228,170,.07),transparent 45%),linear-gradient(#25211d,#12100e 60%,#0b0a08);border:1px solid #6a5330;box-shadow:0 0 0 1px #000,inset 0 1px #ffe4aa1a,inset 0 -1px #000000b3}.panel-box button:hover:not(:disabled){border-color:#d6ae5c;box-shadow:0 0 0 1px #000,0 0 10px #ff963240,inset 0 1px #ffe4aa24}.panel-box .primary,.primary{color:#ffe2b4;border-color:#b0782e;background:linear-gradient(rgba(255,210,150,.16),transparent 45%),linear-gradient(#6a1e0e,#3a0e06 60%,#1e0603);text-shadow:0 1px 1px #000}.close{position:absolute;top:2px;right:2px;width:26px;height:26px;padding:0;font-size:12px;line-height:1;color:var(--title);border-radius:50%;border:1px solid #a3803e!important;background:radial-gradient(circle at 35% 30%,#4a423a,#16130f 65%,#070605)!important;box-shadow:0 0 0 1px #000,inset 0 1px #ffe4aa2e!important}.close:hover:not(:disabled){color:#ffd9a0;box-shadow:0 0 0 1px #000,0 0 10px #ff781e8c!important}.inventory{right:12px;width:372px}.character,.vendor,.waypoint,.stash{left:12px;width:360px}.skills{left:12px;width:420px}.stash{width:372px}.stash-gold{display:flex;gap:8px;align-items:center;margin-top:8px;font-size:13px}.stash-gold button{padding:3px 8px;font-size:12px}.help{left:50%;transform:translate(-50%);width:min(540px,94vw)}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.menu-entry{display:flex;align-items:center;gap:10px;padding:8px 10px;font-family:var(--font-display);font-size:14px;font-weight:700;text-align:left}.menu-entry:last-child:nth-child(odd){grid-column:span 2}.menu-entry.on{border-color:#e9c46e}.menu-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;font-size:17px;border-radius:2px;background:linear-gradient(#0c0a08,#171411);box-shadow:0 0 0 1px #6a5330,inset 0 2px 5px #000000e6}.menu-label{flex:1;min-width:0;white-space:nowrap}.menu-entry kbd{flex:none}.panel-box kbd{min-width:26px;padding:2px 5px;font-family:var(--font-display);font-size:11px;font-weight:700;text-align:center;color:#e4cf9c;background:linear-gradient(#1d1a16,#0a0908);border:1px solid #6a5330;border-radius:2px;box-shadow:0 0 0 1px #000}.menu-sub{margin:4px 0 6px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.help-list .help-row{font-size:13px;padding:2px 0}.equip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.slot{position:relative;height:58px;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(90,74,56,.24),transparent 70%),linear-gradient(#0c0a08,#161310);border:1px solid #000;border-radius:3px;box-shadow:0 0 0 1px #7a5f32,0 0 0 2px #0a0806,inset 0 3px 7px #000000e6;cursor:pointer}.slot:hover{box-shadow:0 0 0 1px #d6ae5c,0 0 0 2px #0a0806,0 0 10px #ff963240,inset 0 3px 7px #000000e6}.slot-weapon,.slot-body,.slot-offhand{height:84px}.slot-name{font-family:var(--font-display);font-size:10px;letter-spacing:.05em;color:#8e7f66}.slot-item{font-size:30px}.grid{position:relative;background:#070605;border:1px solid #000;box-shadow:0 0 0 1px #7a5f32,0 0 0 2px #0a0806,inset 0 2px 8px #000000e6}.cell{position:absolute;border:1px solid rgba(110,86,48,.28);box-shadow:inset 0 1px 3px #0009}.inv-item,.held{position:absolute;display:grid;place-items:center;background:#281e14d9;border:1px solid;border-radius:3px;margin:1px;cursor:pointer}.held{position:fixed;z-index:10;pointer-events:none;opacity:.85}.inv-footer{margin-top:8px;font-size:14px}.inv-footer .close{position:static;float:right}.vendor-list{display:flex;flex-direction:column;gap:3px}.offer{display:flex;align-items:center;gap:8px;padding:4px 8px;text-align:left}.offer-icon{font-size:18px}.offer-name{flex:1;font-size:13px}.offer-price{color:var(--gold);font-size:13px}.attrs .attr,.derived>div,.help-row{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px solid rgba(110,86,48,.3);font-size:14px}.attr b{margin-left:auto}.plus{padding:0 7px;color:#ffe080;border-color:#8a6a20}.points{margin:6px 0;color:#ffe080}.derived{margin:10px 0;font-size:13px}.derived>div{font-size:13px}.xpline{font-size:12px;opacity:.75;margin-bottom:8px}.skill-row{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(110,86,48,.3)}.skill-row.selected .skill-icon{border-color:var(--gold)}.skill-row.locked{opacity:.55}.skill-icon{width:44px;height:44px;font-size:22px;flex:none}.skill-info{flex:1}.skill-name{font-family:var(--font-display);font-weight:700;font-size:15px;color:#eee2c4}.skill-desc{font-size:12px;opacity:.75;margin:2px 0}.skill-stats{font-size:12px;color:#b0c0ff}.wp{display:block;width:100%;margin:4px 0;padding:8px;text-align:left}.help-row b{color:var(--gold);white-space:nowrap}.quit{width:100%;margin-top:10px;padding:8px}.tooltip{position:fixed;z-index:20;max-width:290px;padding:9px 12px;font-size:13px;line-height:1.45;text-align:center;background:radial-gradient(ellipse 80% 30px at 50% 0%,rgba(150,60,18,.3),transparent 100%),linear-gradient(#181512f7,#070605f7);border:1px solid #8a6c3a;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 2px #5e462280,0 8px 24px #000000d9;pointer-events:none}.tt-name{font-family:var(--font-display);font-size:15px;font-weight:700}.tt-base{font-size:12px;opacity:.85;margin-bottom:4px}.tt-mod{color:var(--magic)}.tt-extra{margin-top:6px;font-size:11px;opacity:.7}.label{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;font-size:13px;text-shadow:0 1px 2px #000}.label-gold,.label-item{padding:0 4px;background:#0009}.label-gold{color:var(--gold)}.label-npc{color:#ffd070}.label-portal{color:#a0c0ff;font-size:12px}.label-ally{color:#9fe08a}.label-gm{display:flex;flex-direction:column;align-items:center;line-height:1.15;pointer-events:none;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.9)}.label-gm .gm-crest{display:flex;align-items:flex-end;gap:1px;filter:drop-shadow(0 0 3px rgba(255,170,60,.55))}.label-gm .gm-laurel{width:13px;height:21px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round}.label-gm .gm-flip{transform:scaleX(-1)}.label-gm .gm-badge{display:flex;flex-direction:column;align-items:center}.label-gm .gm-crown-icon{width:16px;height:11px;fill:var(--gold-hi);stroke:var(--gold-lo);stroke-width:.6}.label-gm .gm-badge span{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:1px;color:var(--gold-hi)}.label-gm .gm-name{font-size:14px;color:#f4ead2}.label-gm .gm-title{font-size:12px;color:var(--gold)}.gm-create .gm-crown{color:var(--gold)}.label-dmg{font-weight:700;font-size:16px;color:#ffd27a}.label-dmg.fire{color:#ff8a30}.label-dmg.cold{color:#90d8ff}.label-dmg.on-player{color:#ff4040}.label-miss{font-style:italic;color:#aaa}@media(max-width:720px){.inventory{left:8px;right:8px;width:auto}}.skills{width:470px}.tree{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.tree-col{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 4px 8px;background:linear-gradient(#00000073,#0003);border:1px solid #000;box-shadow:0 0 0 1px #7a5f3299,inset 0 2px 8px #0009}.tree-name{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}.tree-cell{display:flex;flex-direction:column;align-items:center;position:relative}.tree-cell+.tree-cell:before{content:"";position:absolute;top:-8px;width:2px;height:8px;background:linear-gradient(#8a6a32,#3a2a14)}.node{position:relative;width:48px;height:48px;padding:0;font-size:24px;background:radial-gradient(circle at 50% 38%,rgba(90,74,56,.24),transparent 70%),linear-gradient(#0c0a08,#161310)!important;border:1px solid #000!important;border-radius:3px;box-shadow:0 0 0 1px #6a5330,0 0 0 2px #0a0806,inset 0 3px 7px #000000e6!important}.node.passive{border-radius:50%}.node.learned{box-shadow:0 0 0 1px #b8924c,0 0 0 2px #0a0806,inset 0 0 10px #ffa0464d!important}.node.locked .node-icon{opacity:.3;filter:grayscale(1)}.node.picked{box-shadow:0 0 0 2px #e9c46e,0 0 0 3px #2a1d0a,0 0 12px 2px #ff8c3280!important}.node-level{position:absolute;right:1px;bottom:0;font-size:11px;font-weight:700;color:#fff;text-shadow:0 0 3px #000}.node-plus{position:absolute;top:-2px;right:2px;font-size:13px;font-weight:700;color:#9fe08a}.node-name{font-size:11px;text-align:center;max-width:120px;line-height:1.15;min-height:2.3em;opacity:.85}.skill-detail{padding:10px;background:linear-gradient(#00000080,#00000040);border:1px solid #000;box-shadow:0 0 0 1px #7a5f3299,inset 0 2px 8px #0009}.skill-detail .skill-name{display:flex;gap:10px;align-items:center}.skill-big{font-size:30px}.skill-kind{font-size:11px;opacity:.65}.skill-detail .skill-stats{margin:6px 0 0;padding-left:18px}.skill-next{margin-top:6px;font-size:12px;color:#9fe08a}.skill-syn{margin-top:4px;font-size:12px;color:#d8b0ff}.skill-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;font-size:12px}.hotkeys{display:flex;gap:3px;margin-left:auto}.hotkeys button{min-width:28px;padding:2px 6px}.hotkeys button.on{border-color:#e9c46e;color:var(--gold-hi);box-shadow:0 0 0 1px #000,0 0 8px #ff963266}.label-heal{font-weight:700;font-size:15px;color:#7ef08a}.buffs{position:absolute;left:50%;bottom:calc(var(--hud-h) + 24px);transform:translate(-50%);display:flex;gap:6px;pointer-events:none}.buff{position:relative;width:38px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;background:linear-gradient(#171411,#0a0908);border:1px solid #8b6c38;border-radius:3px;box-shadow:0 0 0 1px #000,inset 0 2px 5px #000c;overflow:hidden}.buff small{font-size:10px;line-height:1}.buff-bar{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,#f2bd4e,#ffe9a8);box-shadow:0 0 4px #ffbe50b3}.buff.gm-buff{border-color:#4f9a5a}.buff.gm-debuff{border-color:#a8403a}.buff.gm-debuff .buff-bar{background:#c0503f}@media(max-width:600px){.skills{width:calc(100vw - 24px)}}.skill-actions .primary{width:auto;padding:6px 18px}.tt-set{margin-top:6px;font-size:12px}.tt-set-name,.tt-set-on{color:#4ee06a}.tt-set-off{color:#7a7468}.dialog{left:12px;width:400px}.quest{padding:8px 0;border-bottom:1px solid rgba(110,86,48,.3)}.quest-name{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--gold)}.quest.rewarded .quest-name{color:#8a8270}.quest.done .quest-name{color:#9fe08a}.quest-text{margin:4px 0;font-size:13px;font-style:italic;opacity:.85}.quest-reward{font-size:12px;color:#b0c0ff}.wp-act{margin:8px 0 2px;font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}.tabs{display:flex;gap:4px;margin-bottom:8px}.tabs button{flex:1;padding:4px 8px}.tabs button.on{border-color:#e9c46e;color:var(--gold-hi);box-shadow:0 0 0 1px #000,inset 0 0 10px #ff963240}.options{left:50%;transform:translate(-50%);width:min(440px,94vw)}.opt-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid rgba(110,86,48,.3);font-size:14px}.opt-label{flex:1;color:var(--gold)}.opt-row input[type=range]{width:150px;padding:0;box-shadow:none;background:transparent;border:0}.opt-row input[type=checkbox]{width:18px;height:18px;margin:0}.opt-row output{width:44px;text-align:right;font-variant-numeric:tabular-nums}.opt-quality{border-bottom:0}.opt-choices{display:flex;gap:4px}.opt-choices button{padding:4px 9px;font-size:13px}.opt-choices button.selected{border-color:#e9c46e;color:var(--gold-hi);box-shadow:0 0 0 1px #000,inset 0 0 10px #ff96324d,inset 0 1px #ffe1a01f}.opt-note{margin:0 0 4px;padding-bottom:7px;border-bottom:1px solid rgba(110,86,48,.3)}.boot{position:fixed;top:0;right:0;bottom:0;left:0;background:#070303}.legacy{max-width:640px;margin:0 auto 20px;padding:12px 16px;border:1px solid #5a4426;background:#140c06d9;font-size:13px;line-height:1.4}.legacy p{margin:0 0 10px}.legacy button{padding:5px 12px}