:root{--bg: #120e0a;--panel-a: #3a3024;--panel-b: #28201a;--edge-dark: #120c06;--edge-light: #7a6644;--text: #f3e7c9;--muted: #b8a888;--gold: #ffcf4a;--mana: #56c8ff;--hp: #d83a3a;--energy: #5a6aff;--stamina: #4ac85a;--bad: #ff6a5a;--good: #7aff8a;--display: "Cinzel", "Trajan Pro", Georgia, serif;--title: "Cinzel Decorative", "Cinzel", Georgia, serif;--body: "Alegreya", "Palatino Linotype", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--body);font-size:17px;-webkit-user-select:none;user-select:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:none}[hidden]{display:none!important}b{font-weight:400;color:var(--gold)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--edge-dark);box-shadow:inset 0 0 0 1px #000,inset 2px 2px #00000080}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#a88a52,var(--edge-light) 45%,#5a4a30);border:2px solid var(--edge-dark);box-shadow:inset 1px 1px #ffe6aa59,inset -1px -1px #0006}::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#ffe08a,var(--gold) 45%,#b8901e)}::-webkit-scrollbar-button,::-webkit-scrollbar-corner{display:none;background:var(--edge-dark)}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--edge-light) var(--edge-dark);scrollbar-width:thin}}.panel{background:linear-gradient(var(--panel-a),var(--panel-b));border:3px solid var(--edge-dark);box-shadow:inset 0 0 0 2px var(--edge-light),inset 0 0 0 4px var(--panel-b),0 4px #00000073;padding:12px 14px}.btn{pointer-events:auto;font-family:var(--display);font-size:14px;line-height:1.2;padding:9px 12px;color:#ffe9a8;background:#6b4f2a;border:2px solid var(--edge-dark);box-shadow:inset -2px -3px #4a3418,inset 2px 2px #9a7440;cursor:pointer;text-transform:uppercase;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.2)}.btn:active:not(:disabled){box-shadow:inset 2px 3px #4a3418;transform:translateY(1px)}.btn:disabled{cursor:not-allowed;filter:grayscale(.8) brightness(.7)}.btn.gold{background:#b8860b;box-shadow:inset -2px -3px #7a5a08,inset 2px 2px #e8b83a;color:#fff6d0}.btn.purple,.btn.phantom{background:#5a4ab8;box-shadow:inset -2px -3px #3a2f80,inset 2px 2px #8a7ae8;color:#f0ecff}.btn.red{background:#9a2a20;box-shadow:inset -2px -3px #6a1a14,inset 2px 2px #d04a3a}.btn.big{font-size:17px;padding:14px 18px}.btn.small{padding:6px 8px;font-size:12px}.btn.active{background:#2f7a3a;box-shadow:inset -2px -3px #1f5a2a,inset 2px 2px #5aaa5a}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:6px 0 12px}.shop-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;text-align:center;background:#00000040;border:2px solid #1a140c}.shop-card.gold{box-shadow:inset 0 0 18px #ffcf4a1f}.shop-card.mana{box-shadow:inset 0 0 18px #56c8ff1f}.shop-card .shop-ico{width:22px;height:22px;margin-bottom:4px}.shop-card.gold .shop-ico{border-radius:11px}.shop-amt{font:700 20px var(--display);text-shadow:2px 2px 0 #000}.shop-card.gold .shop-amt{color:var(--gold)}.shop-card.mana .shop-amt{color:var(--mana)}.shop-name{font-size:13px;color:var(--muted);margin-bottom:6px}.shop-card .btn{width:100%}.shop-status{min-height:22px;color:var(--muted)}.shop-status.good{color:var(--good)}.shop-status.bad{color:var(--bad)}.btn.sol{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(90deg,#7b3fe0,#1fae8a);box-shadow:inset -2px -3px #0000004d,inset 2px 2px #ffffff40;color:#f2fff8}.sol-mark{display:inline-block;width:14px;height:11px;flex:none;background:linear-gradient(90deg,#9945ff,#14f195);clip-path:polygon(20% 0,100% 0,80% 26%,0 26%,20% 37%,100% 37%,80% 63%,0 63%,20% 74%,100% 74%,80% 100%,0 100%)}.sol-t{color:#14f195}.shop-card.skin{padding-top:4px;box-shadow:inset 0 0 18px #14f1951f}.shop-card.skin canvas{width:96px;height:128px}.shop-card.skin .shop-name{font-family:var(--display);color:#14f195}.shop-grid.skins{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.skin-divider{margin:6px 0 0;font-family:var(--display);font-size:13px;color:#14f195;text-transform:uppercase}input,select{pointer-events:auto;font-family:var(--body);font-size:18px;padding:6px 10px;color:var(--text);background:#1a140e;border:2px solid var(--edge-dark);box-shadow:inset 0 0 0 2px #4a3a28;outline:none}input:focus{box-shadow:inset 0 0 0 2px var(--gold)}h1,h2,h3{font-family:var(--display);font-weight:400;color:var(--gold);text-shadow:2px 2px 0 #000;margin:0 0 10px}h2{font-size:22px}h3{font-size:15px}.login{pointer-events:auto!important;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a08141a,#0a0814bf)}.login:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,transparent 2px 4px);pointer-events:none}.login-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;padding:16px;max-width:100%;max-height:100%;overflow-y:auto}.login .title-block{display:flex;flex-direction:column;align-items:center;animation:login-rise .9s cubic-bezier(.2,.8,.2,1) both}.login .crest{width:clamp(84px,13vw,140px);height:auto;margin-bottom:-6px;animation:crest-glow 4s ease-in-out infinite}.login .logo{position:relative;margin:0;font-family:var(--title);font-weight:900;font-size:clamp(34px,7.5vw,96px);line-height:1.05;letter-spacing:3px;color:#c86a12;text-shadow:0 2px 0 #7a3208,0 5px 0 #2a0e04,0 8px 12px rgba(0,0,0,.6),0 0 34px rgba(255,170,50,.5)}.login .logo:before,.login .logo:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;pointer-events:none}.login .logo:before{background-image:linear-gradient(180deg,#fff8d6,#ffe07a 30%,#ffb52e 55%,#c86a12 78%,#ffd35a)}.login .logo:after{background-image:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.9) 50%,transparent 60%);background-repeat:no-repeat;background-size:250% 100%;background-position:150% 0;animation:logo-shine 6s ease-in-out 1.2s infinite}.login .tagline{display:flex;align-items:center;gap:14px;margin-top:10px;font-family:var(--display);font-weight:600;font-size:clamp(11px,1.6vw,15px);letter-spacing:.32em;text-transform:uppercase;text-align:center;color:#f3e2b8;text-shadow:0 0 10px rgba(0,0,0,.9),0 2px 2px #000}.login .flourish{position:relative;flex:none;width:clamp(24px,6vw,70px);height:1px;background:linear-gradient(90deg,transparent,#ffcf4a)}.login .flourish:last-child{transform:scaleX(-1)}.login .flourish:after{content:"";position:absolute;right:-3px;top:-3px;width:7px;height:7px;background:#ffcf4a;transform:rotate(45deg);box-shadow:0 0 8px #ffb52e}.login-panel{position:relative;width:min(440px,100%);display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:center;margin-top:8px;padding:36px 30px 34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 88'%3E%3Cpath d='M50 0l25 44H25zM25 44l25 44H0zM75 44l25 44H50z' fill='%23ffcf4a' fill-opacity='.045'/%3E%3C/svg%3E") 50% 56% / 190px auto no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .7 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(ellipse at 50% -10%,rgba(255,196,100,.2),transparent 55%),radial-gradient(ellipse at 50% 120%,rgba(60,190,230,.1),transparent 55%),linear-gradient(180deg,#221b14f0,#0e0b09f5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #c4943e;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 6px #100c08eb,inset 0 0 0 7px #e8b84a8c,inset 0 0 0 8px #000000b3,inset 0 0 50px #000000a6,0 0 0 3px #140e08,0 0 0 4px #6e5024,0 24px 70px #000000bf,0 0 60px #50c8ff1a;animation:login-rise .9s cubic-bezier(.2,.8,.2,1) .15s both}.login .corner{position:absolute;width:46px;height:46px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff0b0'/%3E%3Cstop offset='.5' stop-color='%23e8b04a'/%3E%3Cstop offset='1' stop-color='%238a5a1a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-linecap='round'%3E%3Cpath d='M8 17v27M17 8h27' stroke-width='2.4'/%3E%3Cpath d='M14 22v12M22 14h12' stroke-width='1.2' opacity='.7'/%3E%3Cpath d='M15 15c6 0 9 3 9 9M15 15c0 6 3 9 9 9' stroke-width='1.3'/%3E%3C/g%3E%3Cpath d='M8 1.5l6.5 6.5L8 14.5 1.5 8z' fill='%2344cfff' stroke='url(%23g)' stroke-width='1.8'/%3E%3Cpath d='M8 4.5l2 3.5H6z' fill='%23e8fbff' opacity='.85'/%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(0 0 5px rgba(90,210,255,.35)) drop-shadow(0 2px 1px rgba(0,0,0,.8));pointer-events:none}.login .corner.tl{top:-9px;left:-9px}.login .corner.tr{top:-9px;right:-9px;transform:scaleX(-1)}.login .corner.bl{bottom:-9px;left:-9px;transform:scaleY(-1)}.login .corner.br{bottom:-9px;right:-9px;transform:scale(-1)}.login .panel-head{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);isolation:isolate;display:flex;align-items:center;gap:10px;padding:8px 30px;font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;color:#2a1606;text-shadow:0 1px 0 rgba(255,244,200,.7);filter:drop-shadow(0 3px 4px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(255,190,70,.3))}.login .panel-head:before,.login .panel-head:after{content:"";position:absolute;z-index:-1;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%)}.login .panel-head:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff2b8,#8a5a1a)}.login .panel-head:after{top:2px;right:2px;bottom:2px;left:2px;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,15px 100%,0 50%);background:linear-gradient(180deg,rgba(255,255,255,.45),transparent 45%),linear-gradient(180deg,#ffe38a,#e8a82e 55%,#b06c12)}.login .panel-head>span:not(.triforce){margin-right:-.3em}.login .triforce{flex:none;width:13px;height:11px;background:linear-gradient(180deg,#5a2e06,#2a1606);-webkit-mask:var(--triforce) center / contain no-repeat;mask:var(--triforce) center / contain no-repeat;--triforce: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 88'%3E%3Cpath d='M50 0l25 44H25zM25 44l25 44H0zM75 44l25 44H50z'/%3E%3C/svg%3E")}.login h2{font-family:var(--title);font-size:24px;color:#ffd35a;text-shadow:0 2px 0 #3a1208,0 0 18px rgba(255,170,50,.4)}.login-panel .row{display:flex;gap:10px}.login-panel .row input{flex:1;min-width:0}.account-form{display:flex;flex-direction:column;gap:10px}.account-form .btn{flex:1}.login-panel p{margin:0 0 8px;color:var(--muted)}.login .field{position:relative;display:block}.login .field input{width:100%;padding-left:52px}.login .field:before{content:"";position:absolute;z-index:1;left:40px;top:9px;bottom:9px;width:1px;background:linear-gradient(180deg,transparent,rgba(232,184,74,.5),transparent);pointer-events:none;transition:background .2s}.login .field:focus-within:before{background:linear-gradient(180deg,transparent,rgba(95,224,255,.8),transparent)}.login input{height:46px;font-size:17px;color:#f6ead0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 40%),linear-gradient(180deg,#080605e6,#140f0be6);border:1px solid #4a3820;border-bottom-color:#7a5e30;border-radius:2px;box-shadow:inset 0 3px 10px #000000d9,inset 0 0 0 1px #0009,0 1px #ffdc8c1a;transition:border-color .2s,box-shadow .25s}.login input::placeholder{color:#8a785a;font-style:italic}.login input:focus{border-color:#5fe0ff;box-shadow:inset 0 3px 10px #000000d9,inset 0 0 14px #5fe0ff1f,0 0 0 1px #5fe0ff4d,0 0 18px #50c8ff59}.login input:-webkit-autofill{-webkit-text-fill-color:#f6ead0;-webkit-box-shadow:inset 0 0 0 100px #140e09;caret-color:#f6ead0}.login .field-icon{position:absolute;z-index:1;left:12px;top:50%;width:17px;height:17px;transform:translateY(-50%);background:linear-gradient(180deg,#f0cf80,#9a7236);pointer-events:none;transition:background .2s;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.login .field:focus-within .field-icon{background:linear-gradient(180deg,#e8fbff,#5fe0ff)}.login .field-icon[data-icon=name]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1l6 2.2v4.3c0 3.6-2.6 6.4-6 7.5-3.4-1.1-6-3.9-6-7.5V3.2z'/%3E%3C/svg%3E")}.login .field-icon[data-icon=pass]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 7V5a4 4 0 018 0v2h1v8H3V7zm2 0h4V5a2 2 0 00-4 0z'/%3E%3C/svg%3E")}.login .btn{--notch: 13px;position:relative;isolation:isolate;overflow:hidden;height:46px;padding:0 20px;font-weight:700;font-size:14px;letter-spacing:.16em;border:0;box-shadow:none;clip-path:polygon(var(--notch) 0,calc(100% - var(--notch)) 0,100% 50%,calc(100% - var(--notch)) 100%,var(--notch) 100%,0 50%);transition:transform .12s,filter .2s}.login .btn:after{content:"";position:absolute;z-index:-1;top:2px;right:2px;bottom:2px;left:2px;clip-path:polygon(calc(var(--notch) - 1px) 0,calc(100% - var(--notch) + 1px) 0,100% 50%,calc(100% - var(--notch) + 1px) 100%,calc(var(--notch) - 1px) 100%,0 50%)}.login .btn:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);transition:left .55s ease;pointer-events:none}.login .btn:hover:not(:disabled):before{left:120%}.login .btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.login .btn:active:not(:disabled){box-shadow:none;filter:brightness(.95);transform:translateY(1px)}.login .btn.gold{color:#2a1404;text-shadow:0 1px 0 rgba(255,240,190,.7);background:linear-gradient(180deg,#fff6c8,#b87a1e 60%,#5a3208)}.login .btn.gold:after{background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 42%),linear-gradient(180deg,#ffe690,#f6b83a 48%,#d88a14 52%,#a4600c)}.login .btn.ghost{color:#f3dca0;text-shadow:0 1px 2px #000;background:linear-gradient(180deg,#d8aa56,#6a4a1e 60%,#3a2810)}.login .btn.ghost:after{background:linear-gradient(180deg,rgba(255,220,150,.12),transparent 45%),linear-gradient(180deg,#3a2c1e,#1c150e)}.login .btn.ghost:hover:not(:disabled){color:#fff0c0}.login .btn.phantom{--notch: 16px;height:52px;font-size:15px;color:#f6f2ff;text-shadow:0 0 8px rgba(190,170,255,.8),0 1px 2px rgba(20,0,60,.9);background:linear-gradient(180deg,#efeaff,#8a78e8 50%,#3a2688)}.login .btn.phantom:after{background:radial-gradient(ellipse at 50% 120%,rgba(140,230,255,.35),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.35),transparent 42%),linear-gradient(180deg,#9a86ff,#6a50e8 48%,#4a30c0 52%,#2c1a7a);animation:arcane-pulse 3s ease-in-out infinite}.login .btn.big{width:100%}.login #l-continue{height:54px;font-size:16px}.ph-icon{display:inline-block;width:16px;height:16px;margin-right:12px;vertical-align:-2px;background:#fff;border-radius:8px 8px 3px 3px;box-shadow:inset -4px 0 #ab9ff2,0 0 8px #fff9}.login .divider{display:flex;align-items:center;gap:12px;margin:4px 0;font-family:var(--display);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#c8aa70;text-shadow:0 1px 2px #000}.login .divider:before,.login .divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(232,184,74,.7));box-shadow:0 1px #0009}.login .divider:after{background:linear-gradient(90deg,rgba(232,184,74,.7),transparent)}.login .divider .gem{flex:none;width:7px;height:7px;margin:0 -4px;background:linear-gradient(135deg,#e8fbff,#44cfff 50%,#1a6a9a);border:1px solid #e8b84a;transform:rotate(45deg);box-shadow:0 0 6px #5fe0ff99}.status{min-height:22px;color:var(--muted)}.status.error{color:var(--bad)}.login .status:empty{min-height:0;margin-top:-12px}.login .status.error{color:#ff8a70;text-shadow:0 0 10px rgba(255,60,30,.35)}.login a{color:var(--mana)}@keyframes login-rise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes login-fade{0%{opacity:0}}@keyframes logo-shine{0%{background-position:150% 0}35%,to{background-position:-50% 0}}@keyframes crest-glow{0%,to{filter:drop-shadow(0 0 10px rgba(110,210,255,.4)) drop-shadow(0 4px 0 rgba(0,0,0,.6))}50%{filter:drop-shadow(0 0 22px rgba(110,210,255,.8)) drop-shadow(0 4px 0 rgba(0,0,0,.6))}}@keyframes arcane-pulse{0%,to{box-shadow:inset 0 -2px #14003c80,inset 0 0 8px #c8b4ff33}50%{box-shadow:inset 0 -2px #14003c80,inset 0 0 22px #c8b4ff99}}@media(max-width:560px){.login .flourish{display:none}.login .tagline{letter-spacing:.16em}.login-panel{padding:34px 18px 32px}}@media(prefers-reduced-motion:reduce){.login *,.login *:before,.login *:after{animation:none!important;transition:none!important}}#hud{position:absolute;top:0;right:0;bottom:0;left:0}.stats{position:absolute;top:12px;left:12px;width:270px;display:flex;flex-direction:column;gap:6px}.stats-name{font-family:var(--display);font-size:15px;display:flex;justify-content:space-between}.stats-name .lv{color:var(--mana)}.bar{position:relative;height:16px;background:#140f0a;border:2px solid var(--edge-dark);box-shadow:inset 0 0 0 1px #3a2e22;overflow:hidden}.bar .fill{position:absolute;inset:0 auto 0 0;width:100%;transition:width .15s linear;background-image:repeating-linear-gradient(90deg,transparent 0 7px,rgba(0,0,0,.25) 7px 8px)}.bar span{position:relative;display:block;text-align:center;font-size:13px;line-height:12px;text-shadow:1px 1px 0 #000}.bar.hp .fill{background-color:var(--hp)}.bar.energy .fill{background-color:var(--energy)}.bar.stamina{height:8px}.bar.stamina .fill{background-color:var(--stamina);transition:none}.bar.mana .fill{background-color:var(--mana)}.currency{display:flex;align-items:center;gap:6px;font-size:18px}.currency b{margin-right:14px}.coin,.manaicon{width:12px;height:12px;display:inline-block}.coin{background:var(--gold);border-radius:6px;box-shadow:inset -2px -2px #b8860b}.manaicon{background:var(--mana);transform:rotate(45deg) scale(.85);box-shadow:inset -2px -2px #2a88c0}#h-mana{color:var(--mana)}.combat{font-family:var(--display);font-size:12px;color:var(--bad);animation:blink .8s steps(2) infinite}.topright{position:absolute;top:12px;right:12px;display:flex;align-items:flex-start;gap:8px}.side-btns{display:flex;flex-direction:column;gap:8px}.ranks-btn{--rb-hi: #ffcf4a;--rb-rim: #b8860b;--rb-glow: 255, 207, 74;--rb-text: #ffe9a8;--rb-bg: #4a3a24, #221810;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:66px;padding:9px 10px 6px;font-size:11px;letter-spacing:.14em;color:var(--rb-text);text-shadow:0 1px 0 var(--edge-dark),0 0 6px rgba(var(--rb-glow),.55);background:radial-gradient(circle at 50% 36%,rgba(var(--rb-glow),.42),transparent 58%),linear-gradient(var(--rb-bg));border:2px solid var(--edge-dark);box-shadow:inset 0 0 0 2px var(--rb-rim),inset 0 0 0 3px var(--edge-dark),inset 0 -3px 0 3px #00000040,0 4px #00000073,0 0 10px rgba(var(--rb-glow),.2);transition:box-shadow .15s}.ranks-btn:before{content:"";position:absolute;top:0;left:-60%;width:36%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,246,208,.4),transparent);transform:skew(-20deg);animation:ranks-shine 4.5s ease-in-out infinite;pointer-events:none}.ranks-btn:hover:not(:disabled),.ranks-btn.open{filter:brightness(1.15);box-shadow:inset 0 0 0 2px var(--rb-hi),inset 0 0 0 3px var(--edge-dark),inset 0 -3px 0 3px #00000040,0 4px #00000073,0 0 16px rgba(var(--rb-glow),.55)}.ranks-btn.shop{--rb-hi: #7ad06a;--rb-rim: #2f7a3a;--rb-glow: 110, 210, 100;--rb-text: #eaffe0;--rb-bg: #2a4a24, #122210}.ranks-btn.shop:before{animation-delay:.35s}.ranks-btn.skins:before{animation-delay:.7s}.ranks-btn.skins{--rb-hi: #a89aff;--rb-rim: #5a4ab8;--rb-glow: 150, 130, 255;--rb-text: #f0ecff;--rb-bg: #36305a, #16122a}.ranks-btn .big-icon{position:relative;width:32px;height:28px;filter:drop-shadow(1px 0 0 var(--edge-dark)) drop-shadow(-1px 0 0 var(--edge-dark)) drop-shadow(0 1px 0 var(--edge-dark)) drop-shadow(0 -1px 0 var(--edge-dark)) drop-shadow(0 0 5px rgba(var(--rb-glow),.6));animation:ranks-bob 2.4s ease-in-out infinite}.ranks-btn:hover .big-icon{animation:ranks-hop .5s ease-out infinite alternate}.ranks-btn span{position:relative}.ranks-btn kbd{position:absolute;top:3px;right:4px;font:9px var(--display);color:var(--muted);text-shadow:none;opacity:.8}.ranks-btn .spark{position:absolute;width:2px;height:2px;background:#fffdf0;box-shadow:2px 0 #fffdf0,-2px 0 #fffdf0,0 2px #fffdf0,0 -2px #fffdf0;opacity:0;animation:ranks-twinkle 2.6s steps(1) infinite;pointer-events:none}.ranks-btn .spark:nth-child(1){top:10px;left:11px}.ranks-btn .spark:nth-child(2){top:24px;right:11px;animation-delay:1.3s}@keyframes ranks-shine{0%,65%{left:-60%}to{left:130%}}@keyframes ranks-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes ranks-hop{0%{transform:translateY(0) scale(1)}to{transform:translateY(-3px) scale(1.08)}}@keyframes ranks-twinkle{0%,60%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1)}80%{opacity:.6;transform:scale(.5)}}@media(prefers-reduced-motion:reduce){.ranks-btn:before,.ranks-btn .big-icon,.ranks-btn .spark{animation:none!important}}.minimap{padding:6px;text-align:center}.trophyicon{width:14px;height:14px;display:inline-block;vertical-align:-2px}.trophy-t{color:#ffb347}.currency .trophy-t .trophyicon{vertical-align:-1px}.lb-you{margin:4px 0 10px}.lb-scroll{max-height:55vh;overflow-y:auto}.leaderboard td{white-space:nowrap}.leaderboard tr.top1 td:first-child{color:gold}.leaderboard tr.top2 td:first-child{color:#d8d8e8}.leaderboard tr.top3 td:first-child{color:#d08a4a}.leaderboard tr.me td{background:#ffcf4a33;color:#fff6d0}.minimap canvas{display:block;width:180px;height:180px;image-rendering:pixelated}#h-zone-small{font-family:var(--display);font-size:12px;margin-top:6px;color:var(--muted)}.feed{position:absolute;top:232px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.feed div{background:#0000008c;padding:2px 8px;font-size:15px;animation:fadeout 6s forwards}.feed div.me{border-left:3px solid var(--gold)}.feed .sword{color:var(--bad);margin:0 6px}.zone-banner{position:absolute;top:16%;left:50%;transform:translate(-50%);text-align:center;font-family:var(--display);font-size:clamp(22px,4vw,40px);color:#fff2c8;text-shadow:3px 3px 0 #000;opacity:0;white-space:nowrap}.zone-banner.show{animation:banner 3.2s forwards}.zone-banner small{display:block;font-size:14px;margin-top:10px}.zone-banner small.pvp{color:var(--bad)}.zone-banner small.safe{color:var(--good)}.prot-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);font-family:var(--display);font-size:14px;padding:8px 12px;color:#bff4ff;background:#143c50bf;border:2px solid #56c8ff;text-shadow:1px 1px 0 #000;white-space:nowrap}.crosshair{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background:linear-gradient(#fff,#fff) center/2px 14px no-repeat,linear-gradient(#fff,#fff) center/14px 2px no-repeat;opacity:.75;mix-blend-mode:difference}.crosshair.locked{background:none;border:2px solid var(--bad);width:22px;height:22px;margin:-11px 0 0 -11px;transform:rotate(45deg);opacity:1;mix-blend-mode:normal}.prompt{position:absolute;left:50%;top:62%;transform:translate(-50%);font-family:var(--display);font-size:15px;padding:8px 12px;background:#000000a6;border:2px solid var(--gold);color:#fff2c8;animation:pulse 1.2s ease-in-out infinite}.actionbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:10px}.hotbar{display:flex;gap:6px}.slot{position:relative;width:58px;height:58px;background:linear-gradient(#2e261c,#1c160f);border:3px solid var(--edge-dark);box-shadow:inset 0 0 0 2px var(--edge-light);display:flex;align-items:center;justify-content:center;overflow:hidden}.slot.active{border-color:#ffe14d;box-shadow:inset 0 0 0 2px #fff6a0,0 0 10px #ffe14d80}.slot img{width:40px;height:40px;image-rendering:pixelated}.slot .key{position:absolute;top:2px;left:4px;font-family:var(--display);font-size:12px;text-shadow:1px 1px 0 #000}.slot .cost{position:absolute;bottom:1px;right:3px;font-size:13px;color:#a8b8ff;text-shadow:1px 1px 0 #000}.slot .cd{position:absolute;left:0;right:0;bottom:0;height:0;background:#000000b3}.slot .cdt{position:absolute;font-family:var(--display);font-size:16px;text-shadow:2px 2px 0 #000}.slot.noenergy img{filter:grayscale(1) brightness(.6)}.slot .empty{color:#5a4a3a;font-size:22px}.specials{display:flex;gap:6px;padding-left:10px;border-left:2px solid rgba(255,240,200,.25);--accent: #888}.special{position:relative;width:116px;height:58px;padding:0 6px 0 30px;background:linear-gradient(#2e261c,#1c160f);border:3px solid var(--edge-dark);box-shadow:inset 0 0 0 2px var(--edge-light);display:flex;align-items:center;overflow:hidden}.special .skey{position:absolute;left:5px;top:50%;transform:translateY(-50%);font-family:var(--display);font-size:16px;color:var(--accent);text-shadow:2px 2px 0 #000}.special .sname{font-size:12px;line-height:1.05;color:#f0e6d0;text-shadow:1px 1px 0 #000}.special .cost{position:absolute;bottom:0;right:3px;font-size:11px;color:#a8b8ff;text-shadow:1px 1px 0 #000}.special .cd{position:absolute;left:0;right:0;bottom:0;height:0;background:#000000b8}.special .cdt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--display);font-size:16px;text-shadow:2px 2px 0 #000}.special.ready{border-color:var(--accent);animation:special-ready 1.6s ease-in-out infinite}.special.noenergy .sname,.special.noenergy .skey{opacity:.45}@keyframes special-ready{50%{box-shadow:inset 0 0 0 2px var(--edge-light),0 0 10px var(--accent)}}.chat{--chat-h: 210px;--chat-line: rgba(122, 102, 68, .45);position:absolute;left:12px;bottom:14px;width:min(340px,28vw);display:flex;flex-direction:column;pointer-events:auto;text-shadow:1px 1px 0 rgba(0,0,0,.9)}.chat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#282016eb,#0e0a07db 34px,#0a0705c7);border:1px solid #000;border-radius:3px;box-shadow:inset 0 0 0 1px #7a66448c,inset 0 1px #ffdc9614,0 10px 28px #00000080;opacity:0;transition:opacity .2s ease,box-shadow .2s ease}.chat:hover:before,.chat.open:before,.chat.collapsed:before{opacity:1}.chat.open:before{box-shadow:inset 0 0 0 1px #ffcf4a8c,inset 0 1px #ffdc961f,0 12px 32px #0009}.chat-grip{position:absolute;left:0;right:0;top:-4px;height:9px;cursor:ns-resize;z-index:2}.chat-grip:after{content:"";position:absolute;left:50%;top:3px;width:36px;height:3px;margin-left:-18px;border-radius:2px;background:var(--edge-light);opacity:0;transition:opacity .2s,background .2s}.chat:hover .chat-grip:after{opacity:.6}.chat-grip:hover:after,.chat.resizing .chat-grip:after{opacity:1;background:var(--gold)}.chat.collapsed .chat-grip{display:none}.chat-head{display:flex;align-items:stretch;gap:2px;height:28px;padding:0 4px 0 10px;border-bottom:1px solid transparent;opacity:0;transition:opacity .2s,border-color .2s}.chat:hover .chat-head,.chat.open .chat-head,.chat.collapsed .chat-head{opacity:1;border-bottom-color:var(--chat-line)}.chat.collapsed .chat-head{border-bottom-color:transparent}.chat-unread{align-self:center;min-width:18px;margin-left:4px;padding:0 5px;font-family:var(--display);font-size:10px;font-weight:700;line-height:16px;text-align:center;color:#fff;background:var(--hp);border-radius:8px;box-shadow:0 0 0 1px #000}.chat-online{flex:1;display:flex;align-items:center;gap:6px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.chat-online:empty{visibility:hidden}.chat-online:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 6px var(--good)}.chat-icon-btn{pointer-events:auto;flex:none;align-self:center;width:24px;height:22px;padding:0;display:grid;place-items:center;font-size:15px;line-height:1;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:2px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.chat-icon-btn:hover{color:var(--gold);border-color:#ffcf4a80;background:#ffcf4a14}.chat-icon-btn .emote{width:16px;height:16px;margin:0;filter:grayscale(.6) drop-shadow(1px 1px 0 #000);transition:filter .15s,transform .15s}.chat-icon-btn:hover .emote,.chat-icon-btn.on .emote{filter:drop-shadow(1px 1px 0 #000);transform:scale(1.12)}.chat-body{position:relative}.chat-log{pointer-events:auto;height:var(--chat-h);padding:4px 0 2px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;scrollbar-width:none;-webkit-mask-image:linear-gradient(transparent,#000 18px);mask-image:linear-gradient(transparent,#000 18px)}.chat-log::-webkit-scrollbar{width:6px}.chat-log::-webkit-scrollbar-track{background:transparent;box-shadow:none}.chat-log::-webkit-scrollbar-thumb{background:transparent;border:0;border-radius:3px;box-shadow:none}.chat:hover .chat-log::-webkit-scrollbar-thumb,.chat.open .chat-log::-webkit-scrollbar-thumb{background:#b8a88859}.chat.open .chat-log,.chat:hover .chat-log{scrollbar-width:thin;scrollbar-color:rgba(184,168,136,.35) transparent}.chat-msg{flex:none;position:relative;font-size:15px;line-height:1.4;padding:1px 10px 1px 12px;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;animation:chat-in .18s ease-out;transition:opacity .6s ease}.chat-log:before{content:"";flex:1 0 auto}.chat-msg:before{content:"";position:absolute;left:4px;top:3px;bottom:3px;width:2px;border-radius:1px;background:transparent}.chat:not(.open):not(:hover):not(.collapsed) .chat-msg{background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.3) 70%,transparent)}.chat:not(.open):not(:hover) .chat-msg.stale{opacity:0}.chat:hover .chat-msg:hover,.chat.open .chat-msg:hover{background:#fff0c80d}.chat-msg.self:before{background:#ffcf4a59}.chat-log .chat-msg.mention{background:linear-gradient(90deg,rgba(255,207,74,.2),rgba(255,207,74,.04) 80%,transparent)}.chat-msg.mention:before{background:var(--gold);box-shadow:0 0 6px #ffcf4ab3}.chat-time{display:none;margin-right:6px;font-size:12px;font-variant-numeric:tabular-nums;color:#b8a8888c}.chat.open .chat-time,.chat:hover .chat-time{display:inline}.chat-badge{display:inline-block;min-width:22px;margin-right:6px;padding:0 4px;font-family:var(--display);font-size:10px;font-weight:700;line-height:15px;text-align:center;vertical-align:1px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.8);border-radius:2px;box-shadow:inset 0 0 0 1px #0009,inset 0 1px #ffffff40}.chat-badge.lv-common{background:#4d4536;color:#d8ccb0}.chat-badge.lv-rare{background:linear-gradient(#3a8a46,#256030)}.chat-badge.lv-epic{background:linear-gradient(#7a48c0,#4e2888)}.chat-badge.lv-legend{color:#2a1a04;text-shadow:0 1px 0 rgba(255,240,180,.6);background:linear-gradient(#ffe28a,#d09a1c);box-shadow:inset 0 0 0 1px #0009,0 0 6px #ffcf4a8c}.chat-name{font-weight:700;cursor:pointer}.chat-name:hover{text-decoration:underline;text-underline-offset:2px}.chat-colon{margin-right:5px;color:var(--muted)}.chat-text{color:var(--text)}.chat-at{font-weight:700;color:var(--gold)}.chat-msg.sys{font-size:14px;color:#c9bb9a}.chat-msg.sys .chat-text{color:inherit}.chat-msg.sys b{font-weight:700;color:var(--text)}.chat-tag{display:inline-block;margin-right:6px;font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;vertical-align:1px;color:var(--mana)}.chat-msg.ev-kill .chat-tag{color:var(--bad)}.chat-msg.ev-good .chat-tag{color:var(--good)}.chat-msg.ev-warn,.chat-msg.ev-warn .chat-tag{color:var(--bad)}.chat-log .chat-msg.ev-kill.mine{background:linear-gradient(90deg,rgba(216,58,58,.2),transparent 80%)}.emote{width:18px;height:18px;margin:0 1px;vertical-align:-3px;filter:drop-shadow(1px 1px 0 #000)}@keyframes chat-in{0%{opacity:0;transform:translateY(4px)}}.chat-more{pointer-events:auto;position:absolute;left:50%;bottom:6px;transform:translate(-50%);padding:3px 12px;white-space:nowrap;font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.5px;color:#1a1206;text-shadow:none;background:linear-gradient(#ffe28a,var(--gold));border:0;border-radius:11px;box-shadow:0 0 0 1px #000,0 4px 10px #00000080;cursor:pointer}.chat-more:hover{background:#fff0b8}.chat-emotes{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;margin:4px 6px 0;padding:5px;background:#00000080;border:1px solid var(--chat-line);border-radius:3px;animation:chat-in .15s ease-out}.chat-emote-pick{pointer-events:auto;display:grid;place-items:center;padding:4px;background:transparent;border:1px solid transparent;border-radius:2px;cursor:pointer;transition:background .12s,border-color .12s}.chat-emote-pick:hover{border-color:#ffcf4a99;background:#ffcf4a1f}.chat-emote-pick .emote{width:22px;height:22px;transition:transform .12s}.chat-emote-pick:hover .emote{transform:scale(1.15)}.chat-bar{display:flex;align-items:stretch;gap:4px;margin:4px 6px 6px;padding-right:3px;background:#00000059;border:1px solid rgba(122,102,68,.35);border-radius:3px;transition:border-color .15s,background .15s,box-shadow .15s}.chat:not(.open):not(:hover) .chat-bar{background:#0000004d;border-color:transparent}.chat.open .chat-bar{background:#0009;border-color:#ffcf4a99;box-shadow:0 0 0 1px #0009,0 0 12px #ffcf4a1f}.chat-channel{flex:none;display:flex;align-items:center;padding:0 8px;font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold);border-right:1px solid rgba(122,102,68,.35);opacity:.6;transition:opacity .15s}.chat.open .chat-channel{opacity:1}.chat input{flex:1;min-width:0;font-family:var(--body);font-size:15px;padding:6px 4px;color:var(--text);caret-color:var(--gold);background:transparent;border:0;box-shadow:none;text-shadow:1px 1px 0 #000}.chat input::placeholder{color:#d8ccb080}.chat input:focus{outline:none;box-shadow:none}.chat-count{align-self:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.chat-count.full{color:var(--bad)}.chat-hints{display:none;gap:12px;padding:0 10px 6px;font-size:12px;color:#b8a888bf;white-space:nowrap;overflow:hidden}.chat.open .chat-hints{display:flex}.chat-hints kbd{margin-right:4px;padding:0 4px;font-family:var(--display);font-size:9px;font-weight:700;line-height:14px;color:var(--text);background:#ffffff12;border:1px solid rgba(122,102,68,.6);border-bottom-width:2px;border-radius:2px}.chat.collapsed .chat-body,.chat.collapsed .chat-emotes,.chat.collapsed .chat-bar,.chat.collapsed .chat-hints{display:none}@media(prefers-reduced-motion:reduce){.chat-msg,.chat-emotes{animation:none}}.toasts{position:absolute;top:28%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.toast{font-size:18px;padding:4px 12px;background:#000000b3;text-shadow:1px 1px 0 #000;animation:fadeout 3.4s forwards;white-space:nowrap}.toast.error{color:#ff9a8a}.toast.good{color:var(--good)}.toast.info{color:#bfe8ff}.reward{position:absolute;top:36%;left:50%;transform:translate(-50%);text-align:center;text-shadow:3px 3px 0 #000}.reward.small{top:58%;font-size:13px}.reward.small .r-vals{font-size:15px;margin-top:4px}.reward.show{animation:pop 3s forwards}.r-title{font-family:var(--display);font-size:40px;color:var(--gold);text-shadow:3px 3px 0 #8a3a10,6px 6px 0 #000}.r-vals{font-family:var(--display);font-size:19px;margin-top:10px}.r-vals .gold{color:var(--gold);margin-right:14px}.r-vals .mana{color:var(--mana)}.r-note{color:var(--muted);margin-top:6px}.labels{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.nameplate{position:absolute;left:0;top:0;text-align:center;white-space:nowrap;font-size:15px;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;will-change:transform}.nameplate .lvl{color:var(--mana);margin-left:4px}.nameplate .hpbar{width:56px;height:5px;margin:2px auto 0;background:#000;border:1px solid #000}.nameplate .hpbar div{height:100%;background:var(--hp)}.nameplate.prot .nm{color:#9ff0ff}.nameplate.npc .nm{color:#ffb070}.nameplate.locked .nm{color:var(--bad)}.nameplate.locked .nm:before{content:"> "}.nameplate.locked .nm:after{content:" <"}.nameplate .bubble{display:inline-block;max-width:240px;white-space:normal;margin-bottom:4px;padding:2px 8px;color:#1a140e;text-shadow:none;background:#f3e7c9;border:2px solid #1a140e}.dmg{position:absolute;left:0;top:0;font-family:var(--display);font-size:18px;color:#fff;text-shadow:2px 2px 0 #000;will-change:transform,opacity}.dmg.hurt{color:#ff5a4a}.dmg.crit{color:var(--gold);font-size:24px}.dmg.dealt{color:#fff6c0}.dmg.blocked{color:#9a9a9a}.dmg.miss{color:#9ad8ff;font-size:14px}.lockhint{position:absolute;left:50%;top:78%;transform:translate(-50%);font-family:var(--display);font-size:17px;color:#fff;text-shadow:2px 2px 0 #000;animation:blink 1.2s steps(2) infinite}.hud-btns{position:absolute;right:12px;bottom:10px;display:flex;gap:8px}.death{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#3c000059,#140000cc);text-align:center;text-shadow:2px 2px 0 #000}.death h1{font-size:clamp(22px,5vw,44px);color:#ff4a3a;text-shadow:4px 4px 0 #3a0000}.death p{margin:6px 0;font-size:21px}.death .bad{color:var(--bad)}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;padding:16px}.modal-panel{pointer-events:auto;position:relative;width:min(760px,100%);max-height:86vh;overflow-y:auto;padding:18px 20px}.modal-panel .close{position:absolute;top:10px;right:10px;pointer-events:auto;font-family:var(--display);font-size:14px;width:30px;height:30px;color:#ffe9a8;background:#9a2a20;border:2px solid var(--edge-dark);cursor:pointer}.npc-line{color:var(--muted);font-style:italic;margin:0 0 10px}.gold-line{margin-bottom:10px}.items{display:flex;flex-direction:column;gap:6px}.item{display:flex;align-items:center;gap:12px;padding:8px 10px;background:#00000040;border:2px solid #1a140c}.item.equipped{border-color:var(--gold)}.item .icon{width:48px;height:48px;image-rendering:pixelated;flex:none}.item .info{flex:1;min-width:0}.iname{font-family:var(--display);font-size:16px;margin-bottom:4px}.iname .tier{color:var(--muted);font-size:12px}.istats{color:#d8e8ff;font-size:15px}.idesc{color:var(--muted);font-size:14px}.picker{display:flex;flex-direction:column;gap:4px;margin:-2px 0 4px 24px;padding:6px;background:#00000059;border:2px solid #1a140c}.pick{display:flex;align-items:center;gap:10px;padding:4px 8px;background:transparent;border:2px solid transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pick:hover{border-color:var(--gold);background:#ffffff0a}.pick .icon{width:32px;height:32px;image-rendering:pixelated;flex:none}.pick .iname{flex:1;margin:0}.buy{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.req,.price{font-size:15px}.price{color:var(--gold)}.bad{color:var(--bad)!important}.good{color:var(--good)!important}.slots{display:flex;gap:4px}.shrine{display:flex;flex-direction:column;align-items:center;gap:14px}.bigstat{font-family:var(--display);font-size:19px}.bigstat b{font-size:38px;margin-left:10px}.shrine .bar{width:100%;height:22px}.shrine .bar span{line-height:18px;font-size:15px}table{border-collapse:collapse;width:100%}td,th{padding:3px 8px;text-align:left;font-size:17px}th{font-family:var(--display);font-size:13px;color:var(--gold);font-weight:400}tr:nth-child(2n) td{background:#0000002e}.compare{width:auto}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.kbd{font-family:var(--display);font-size:13px;color:var(--gold);white-space:nowrap}.settings label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.settings input[type=range]{width:180px}.fatal{pointer-events:auto!important;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;background:#000000d9;text-align:center;padding:16px}@keyframes blink{50%{opacity:.35}}@keyframes pulse{50%{transform:translate(-50%) scale(1.05)}}@keyframes fadeout{0%,75%{opacity:1}to{opacity:0}}@keyframes banner{0%{opacity:0;letter-spacing:12px}15%,75%{opacity:1;letter-spacing:2px}to{opacity:0}}@keyframes pop{0%{opacity:0;transform:translate(-50%) scale(.4)}10%{opacity:1;transform:translate(-50%) scale(1.15)}18%,80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1)}}@media(max-width:1500px){.actionbar{flex-direction:column-reverse;align-items:center;gap:8px}.specials{padding-left:0;border-left:none}.special{height:44px}}@media(max-width:700px){.stats{width:200px}.minimap canvas{width:110px;height:110px}.feed{top:160px}.chat{width:min(280px,45vw)}.chat-log{height:min(var(--chat-h),120px)}}.slot canvas.anim-icon{width:46px;height:46px}.item canvas.anim-icon{image-rendering:auto}.hero-select{display:flex;gap:16px;align-items:flex-start;margin-top:10px}.hero-stage{flex:none;width:260px;display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:10px;background:radial-gradient(ellipse at 50% 70%,#ffdc8c29,#00000059 70%);border:2px solid var(--edge-dark);text-align:center}.hero-stage canvas{width:260px;height:340px;display:block}canvas.char-canvas[data-live]{cursor:grab;touch-action:pan-y}canvas.char-canvas[data-live]:active{cursor:grabbing}.hero-stage .idesc{padding:0 10px}.hero-stage.tier-5{box-shadow:0 0 18px #7fd8ff59 inset}.hero-stage.tier-6{box-shadow:0 0 22px #ff6a1a66 inset}.hero-stage.tier-7{box-shadow:0 0 26px #ffd86073 inset;animation:stage-glow 2.4s ease-in-out infinite}.hero-stage.tier-8{box-shadow:0 0 26px #9945ff66 inset,0 0 12px #14f19540 inset}@keyframes stage-glow{50%{box-shadow:0 0 40px #ffd860b3 inset}}.hero-name{font-family:var(--display);font-size:20px;color:var(--gold)}.small-note{font-size:12px}.hero-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.hero-card{display:flex;flex-direction:column;align-items:center;padding:4px 2px 6px;background:#0000004d;border:2px solid var(--edge-dark);color:inherit;font:inherit;font-size:12px;cursor:pointer}.hero-card canvas{width:96px;height:128px}.hero-card:hover,.skin-row:hover{border-color:#8a6a3a}.hero-card.sel,.skin-row.sel{border-color:var(--gold);box-shadow:0 0 10px #ffcf4a73}.hero-card.current span:after{content:" ✓";color:#7fe07f}.skin-list{flex:1;display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow-y:auto}.skin-row{display:flex;align-items:center;gap:10px;padding:2px 8px 2px 2px;background:#0000004d;border:2px solid var(--edge-dark);color:inherit;font:inherit;text-align:left;cursor:pointer}.skin-row canvas{width:54px;height:72px;flex:none}.skin-row.tier-5{background:linear-gradient(90deg,#7fd8ff24,#0000004d)}.skin-row.tier-6{background:linear-gradient(90deg,#ff6a1a29,#0000004d)}.skin-row.tier-8{background:linear-gradient(90deg,#9945ff2e,#14f1951a,#0000004d)}.skin-row.tier-7{background:linear-gradient(90deg,#ffd8602e,#b44dff1a,#0000004d)}@media(max-width:640px){.hero-select{flex-direction:column;align-items:stretch}.hero-stage{width:auto}}.modal-panel.wide{width:min(1060px,100%)}.modal-panel.narrow{width:min(420px,100%)}.burn-note{color:#ff9a4a;font-size:13px;margin:0 0 10px}.coin-table{width:100%;margin-bottom:12px}.coin-val{word-break:break-all}.docs{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:start}.docs-nav{position:sticky;top:0;display:flex;flex-direction:column;gap:4px}.docs-tab{pointer-events:auto;text-align:left;font-family:var(--display);font-size:14px;color:var(--text);background:#00000040;border:2px solid #1a140c;padding:7px 10px;cursor:pointer}.docs-tab:hover{border-color:var(--edge-light)}.docs-tab.sel{color:var(--gold);border-color:var(--gold)}.docs-body{font-size:17px;line-height:1.45}.docs-body .docs-title{margin-top:0}.docs-body h3{color:var(--gold);margin:18px 0 6px}.docs-body p,.docs-body ul,.docs-body ol{margin:0 0 10px}.docs-body li{margin-bottom:4px}.docs-body .note{color:var(--muted);font-size:15px;font-style:italic}.docs-table{overflow-x:auto;margin:6px 0 12px}.docs-table td{font-size:15px;vertical-align:top}.docs-table th{white-space:nowrap}.docs-body .gold-t{color:var(--gold)}.docs-body .mana-t{color:var(--mana)}.docs-body .hp-t{color:var(--hp)}.docs-body .energy-t{color:#8a9aff}.docs-body .stam-t{color:var(--stamina)}@media(max-width:700px){.docs{grid-template-columns:1fr}.docs-nav{position:static;flex-direction:row;flex-wrap:wrap}.docs-tab{font-size:12px;padding:5px 7px}}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;touch-action:manipulation}.tc,.chat-close,.chat-send{display:none}html.touch{--sl: max(10px, env(safe-area-inset-left, 0px));--sr: max(10px, env(safe-area-inset-right, 0px));--st: max(8px, env(safe-area-inset-top, 0px));--sb: max(8px, env(safe-area-inset-bottom, 0px))}html.touch,html.touch body{overscroll-behavior:none;-webkit-touch-callout:none}html.touch .tc-look{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;touch-action:none}html.touch .tc-stick{display:block;position:absolute;left:calc(var(--sl) + 84px);top:calc(100% - var(--sb) - 96px);width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;background:radial-gradient(circle,#0000001f 0,#0000001f 52%,#00000052 53%,#00000052);border:2px solid rgba(255,240,200,.4);box-shadow:0 0 0 1px #00000073,inset 0 0 0 1px #00000073;opacity:.4;pointer-events:none;transition:opacity .2s}html.touch .tc-stick.active{opacity:1;transition:none}.tc-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:radial-gradient(circle at 40% 32%,#fff6d8,#d8b870 45%,#8a6a36);box-shadow:0 4px 10px #0009,inset 0 -3px #00000040,0 0 0 2px #0000008c}html.touch .tc-stick.sprint{border-color:var(--stamina);box-shadow:0 0 0 1px #00000073,0 0 20px #4ac85a8c}.tc-stick.sprint .tc-knob{background:radial-gradient(circle at 40% 32%,#eaffd8,#7ad07a 45%,#2f7a3a)}html.touch .tc-cluster{--accent: #ffcf4a;display:block;position:absolute;right:var(--sr);bottom:var(--sb);width:0;height:0;transform-origin:100% 100%}.tc-btn{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;border-radius:50%;color:#f3e7c9;font:700 8px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;text-shadow:1px 1px 0 #000;background:radial-gradient(circle at 50% 28%,#56422ae0,#140e09e0);border:2px solid rgba(0,0,0,.85);box-shadow:inset 0 0 0 2px #ffe6aa4d,0 3px 8px #00000073;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .08s,filter .08s}.tc-btn .glyph{width:22px;height:22px;filter:drop-shadow(1px 1px 0 #000)}.tc-btn.down{transform:scale(.9);filter:brightness(1.35)}.tc-attack{right:14px;bottom:14px;width:88px;height:88px;background:radial-gradient(circle at 50% 30%,#6e4e26,#1e1409 72%);box-shadow:inset 0 0 0 3px var(--accent),inset 0 0 22px #000000b3,0 0 18px #ffbe4647,0 4px 10px #0000008c}.tc-weapon{display:grid;place-items:center}.tc-weapon canvas.anim-icon{width:58px;height:58px;image-rendering:pixelated;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.7))}.tc-weapon .glyph{width:38px;height:38px}.tc-dash{right:205px;bottom:79px;width:50px;height:50px;color:#bfe8ff}.tc-block{right:143px;bottom:173px;width:50px;height:50px}.tc-block.down{color:#9ff0ff;box-shadow:inset 0 0 0 2px #56c8ff,0 0 16px #56c8ff99}.tc-lock{right:35px;bottom:207px;width:46px;height:46px}.tc-lock .glyph{width:20px;height:20px}.tc-lock.on{color:#ff8a70;box-shadow:inset 0 0 0 2px var(--bad),0 0 14px #ff503c99}.tc-specials,html.touch .tc-specials .specials{position:absolute;right:0;bottom:0;width:0;height:0;padding:0;border:0}html.touch .tc-specials .special{position:absolute;width:60px;height:60px;padding:4px;justify-content:center;text-align:center;border-radius:50%;border:2px solid rgba(0,0,0,.85);background:radial-gradient(circle at 50% 30%,#4a3a26,#170f08 75%);box-shadow:inset 0 0 0 2px var(--accent),0 3px 8px #00000080;pointer-events:auto;touch-action:none;transition:transform .08s,filter .08s}html.touch .tc-specials .special:nth-child(1){right:132px;bottom:28px}html.touch .tc-specials .special:nth-child(2){right:102px;bottom:102px}html.touch .tc-specials .special:nth-child(3){right:28px;bottom:132px}html.touch .tc-specials .special .skey{display:none}html.touch .tc-specials .special .sname{max-width:54px;font-family:var(--display);font-size:6.5px;font-weight:700;line-height:1.15;letter-spacing:-.01em;text-transform:uppercase}html.touch .tc-specials .special .cost{right:50%;bottom:2px;transform:translate(50%);font-size:9px}html.touch .tc-specials .special .cdt{font-size:18px}html.touch .tc-specials .special.down{transform:scale(.9);filter:brightness(1.35)}@keyframes special-ready-touch{50%{box-shadow:inset 0 0 0 2px var(--accent),0 0 14px var(--accent)}}html.touch .tc-specials .special.ready{animation:special-ready-touch 1.6s ease-in-out infinite}html.touch .tc-top{display:flex;position:absolute;top:var(--st);right:var(--sr);gap:8px}.tc-icon-btn{position:relative;width:42px;height:42px;display:grid;place-items:center;padding:0;color:#f3e7c9;background:linear-gradient(#3e3326,#1c1610);border:2px solid var(--edge-dark);border-radius:6px;box-shadow:inset 0 0 0 1px var(--edge-light),0 3px #00000073;pointer-events:auto;cursor:pointer}.tc-icon-btn:active{transform:translateY(2px);box-shadow:inset 0 0 0 1px var(--gold),0 1px #00000073}.tc-icon-btn .glyph{width:20px;height:20px;filter:drop-shadow(1px 1px 0 #000)}.tc-icon-btn .trophy-big{width:25px;height:22px}.tc-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font:700 10px/18px var(--display);color:#fff;background:var(--hp);box-shadow:0 0 0 1px #000}html.touch .topright{display:contents}html.touch .side-btns,html.touch .hud-btns,html.touch .lockhint,html.touch .chat-hints,html.touch .chat-grip,html.touch #h-chat-toggle,html.touch .slot .key{display:none!important}html.touch .minimap{position:absolute;top:var(--st);left:var(--sl);padding:4px}html.touch .minimap canvas{width:84px;height:84px}html.touch #h-zone-small{max-width:84px;margin-top:3px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}html.touch .stats{top:var(--st);left:calc(var(--sl) + 102px);width:196px;padding:6px 8px;gap:4px}html.touch .stats-name{font-size:12px}html.touch .stats .bar{height:13px}html.touch .stats .bar span{font-size:10px;line-height:9px}html.touch .stats .bar.stamina{height:5px}html.touch .currency{gap:4px;font-size:13px}html.touch .currency b{margin-right:8px}html.touch .combat{font-size:10px}html.touch .prot-banner{top:calc(var(--st) + 52px);left:auto;right:var(--sr);transform:none;padding:4px 8px;font-size:10px}html.touch .feed{top:calc(var(--st) + 82px);right:var(--sr)}html.touch .feed div{font-size:12px}html.touch .feed div:nth-child(n+4){display:none}html.touch .actionbar{bottom:var(--sb)}html.touch .hotbar{gap:5px}html.touch .slot{width:46px;height:46px;border-width:2px;pointer-events:auto;touch-action:none;transition:transform .08s}html.touch .slot canvas.anim-icon{width:36px;height:36px}html.touch .slot img{width:32px;height:32px}html.touch .slot .cost{font-size:10px}html.touch .slot.down{transform:scale(.9)}html.touch .prompt{top:auto;bottom:calc(var(--sb) + 64px);padding:10px 20px;font-size:14px;font-weight:700;letter-spacing:.06em;color:#2a1404;text-shadow:0 1px 0 rgba(255,240,190,.6);background:linear-gradient(180deg,#fff0a8,#ffc83a 45%,#d8880e 55%,#9a560a);border:2px solid #1a0e04;border-radius:4px;box-shadow:0 4px 14px #00000080,0 0 18px #ffb43273;pointer-events:auto;cursor:pointer}html.touch .zone-banner{top:20%;font-size:24px}html.touch .zone-banner small{margin-top:6px;font-size:11px}html.touch .toasts{top:24%}html.touch .toast{max-width:64vw;font-size:14px;text-align:center;white-space:normal}html.touch .reward{top:28%}html.touch .reward.small{top:56%}html.touch .r-title{font-size:28px}html.touch .r-vals{margin-top:6px;font-size:14px}html.touch .nameplate{font-size:12px}html.touch .nameplate .hpbar{width:44px;height:4px}html.touch .dmg{font-size:15px}html.touch .dmg.crit{font-size:19px}html.touch .death h1{font-size:28px}html.touch .death p{font-size:15px}html.touch .chat{top:calc(var(--st) + 112px);left:var(--sl);bottom:auto;width:min(250px,32vw);pointer-events:none}html.touch .chat:not(.open):before,html.touch .chat:not(.open) .chat-head,html.touch .chat:not(.open) .chat-bar,html.touch .chat:not(.open) .chat-emotes,html.touch .chat:not(.open) .chat-more{display:none}html.touch .chat:not(.open) .chat-log{height:84px;scrollbar-width:none}html.touch .chat:not(.open) .chat-msg{font-size:12px;padding:0 8px}html.touch .chat:not(.open) .chat-time{display:none}html.touch .chat.open{z-index:5;top:var(--st);left:var(--sl);right:calc(var(--sr) + 150px);width:auto;max-width:640px;pointer-events:auto}html.touch .chat.open .chat-head{order:-2;opacity:1}html.touch .chat.open .chat-bar{order:-1}html.touch .chat.open .chat-emotes{order:0}html.touch .chat.open .chat-body{order:1}html.touch .chat.open .chat-log{height:min(var(--chat-h),42vh);touch-action:pan-y}html.touch .chat input{font-size:16px}html.touch .chat-close{display:grid;width:34px;height:30px}html.touch .chat-close .glyph{width:12px;height:12px}html.touch .chat-send{display:block;margin:3px 0;padding:0 14px;font:700 12px var(--display);letter-spacing:.1em;text-transform:uppercase;color:#2a1404;text-shadow:none;background:linear-gradient(#ffe08a,#d8a02a);border:1px solid #1a0e04;border-radius:2px;pointer-events:auto}html.touch .modal{z-index:10;padding:var(--st) var(--sr) var(--sb) var(--sl);background:#0009;pointer-events:auto}html.touch .modal-panel{width:min(860px,100%);max-height:100%;padding:12px 14px;overscroll-behavior:contain;touch-action:pan-y}html.touch .modal-panel.narrow{width:min(420px,100%)}html.touch .modal-panel.menu-panel{width:min(560px,100%)}html.touch .modal-panel .close{position:sticky;float:right;top:0;z-index:2;width:40px;height:40px;margin:-4px -6px 0 10px;font-size:16px}html.touch .modal-panel h2{font-size:19px}html.touch .modal .btn{min-height:40px}html.touch .modal .btn.small{min-width:40px;padding:8px 12px;font-size:13px}html.touch .modal select{font-size:16px}html.touch .docs-tab{padding:9px 11px}.menu-head{margin:0 52px 12px 0}.menu-name{font:20px var(--display);color:var(--gold);text-shadow:2px 2px 0 #000}.menu-sub{font-size:14px;color:var(--muted)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.menu-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:90px;padding:12px 6px;color:var(--text);font:700 12px var(--display);letter-spacing:.12em;text-transform:uppercase;text-shadow:1px 1px 0 #000;background:linear-gradient(#3a2e20,#1c150e);border:2px solid var(--edge-dark);box-shadow:inset 0 0 0 1px var(--edge-light),0 3px #00000073;pointer-events:auto;cursor:pointer}.menu-tile:active{transform:translateY(2px);filter:brightness(1.2)}.menu-tile .glyph{width:30px;height:30px;filter:drop-shadow(2px 2px 0 #000)}.menu-tile .trophy-big{width:34px;height:30px}.menu-tile.gold{color:var(--gold)}.menu-tile.purple{color:#c9b8ff}.menu-resume{width:100%;margin-top:14px}.settings h3{margin:16px 0 2px}@media(orientation:portrait){html.touch #hud .rotate{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;align-items:center;justify-content:center;padding:24px;text-align:center;background:radial-gradient(ellipse at center,#2a2016,#0c0906);pointer-events:auto}}.rotate-phone{width:88px;height:88px;color:var(--gold);animation:rotate-hint 2.6s ease-in-out infinite}.rotate h2{margin:14px 0 6px;font-size:22px}.rotate p{margin:0;color:var(--muted)}@keyframes rotate-hint{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media(max-height:430px){html.touch .tc-cluster{transform:scale(.86)}}@media(max-height:350px){html.touch .tc-cluster{transform:scale(.76)}html.touch .chat:not(.open){display:none}}@media(max-height:430px){html .hero-stage{width:156px;gap:4px}html .hero-stage canvas{width:140px;height:183px}.npc-line:has(+.hero-select){display:none}.hero-name{font-size:16px}.hero-stage .btn.big{max-width:100%;padding:10px 8px;font-size:13px;white-space:normal}}@media(max-height:540px){.hero-stage{width:196px}.hero-stage canvas{width:180px;height:236px}.hero-card canvas{width:72px;height:96px}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.skin-list,.lb-scroll{max-height:none}}@media(max-height:540px)and (orientation:landscape){.login-inner{flex-direction:row;justify-content:center;gap:clamp(20px,5vw,56px);margin:auto 0}.login .crest{width:64px}.login .logo{font-size:clamp(30px,6vw,52px)}.login .tagline{margin-top:6px;font-size:10px;letter-spacing:.18em}.login .flourish{display:none}.login-panel{margin-top:12px;padding:28px 18px;gap:8px}.login input,.login .btn{height:42px}.login .btn.phantom,.login #l-continue{height:46px}}@media(prefers-reduced-motion:reduce){.rotate-phone,html.touch .tc-specials .special.ready{animation:none}}