@font-face{font-family:Philosopher;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/philosopher-cyrillic-ext-400-normal-BrnnJ3rv.woff2)format("woff2"),url(/assets/philosopher-cyrillic-ext-400-normal-mml9c7Sb.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Philosopher;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/philosopher-cyrillic-400-normal-rO9G5b9V.woff2)format("woff2"),url(/assets/philosopher-cyrillic-400-normal-DZnqStNc.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Philosopher;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/philosopher-vietnamese-400-normal-DY6v984L.woff2)format("woff2"),url(/assets/philosopher-vietnamese-400-normal-CFxKbRMV.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Philosopher;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/philosopher-latin-ext-400-normal-Cwf1jii5.woff2)format("woff2"),url(/assets/philosopher-latin-ext-400-normal-ds14TGsn.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Philosopher;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/philosopher-latin-400-normal-Bzabqyc3.woff2)format("woff2"),url(/assets/philosopher-latin-400-normal-7DoqQltp.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Philosopher;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/philosopher-cyrillic-ext-700-normal-TKAXkbHv.woff2)format("woff2"),url(/assets/philosopher-cyrillic-ext-700-normal-GYrG2z2D.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Philosopher;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/philosopher-cyrillic-700-normal-Bn4mKDIK.woff2)format("woff2"),url(/assets/philosopher-cyrillic-700-normal-DOTYQGsN.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Philosopher;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/philosopher-vietnamese-700-normal-JKG3wCVA.woff2)format("woff2"),url(/assets/philosopher-vietnamese-700-normal-ClkipUbS.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Philosopher;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/philosopher-latin-ext-700-normal-odr4amX4.woff2)format("woff2"),url(/assets/philosopher-latin-ext-700-normal-DYc_1V12.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Philosopher;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/philosopher-latin-700-normal-B0uR-cIJ.woff2)format("woff2"),url(/assets/philosopher-latin-700-normal-B72uQoYN.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Forum;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/forum-cyrillic-ext-400-normal-BSCAI33M.woff2)format("woff2"),url(/assets/forum-cyrillic-ext-400-normal-TGijUAgN.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Forum;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/forum-cyrillic-400-normal-Cl8kDjnZ.woff2)format("woff2"),url(/assets/forum-cyrillic-400-normal-oUH9Q3Rg.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Forum;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/forum-latin-ext-400-normal-DLTF5K7p.woff2)format("woff2"),url(/assets/forum-latin-ext-400-normal-BEE3Byq0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Forum;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/forum-latin-400-normal-OEvxT1Ba.woff2)format("woff2"),url(/assets/forum-latin-400-normal-DH65psBc.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--gold:#ffd100;--gold-soft:#f3d27a;--gold-line:#c9a45c;--gold-dark:#7a5a22;--parchment:#ead7ae;--ink:#2b1b0b;--bg:#0b0906;--panel:#0c0906ed;--panel-2:#16110bf2;--line:#4d3d22;--text:#f2ead9;--muted:#a89a80;--blue:#2f7cff;--mana:#1d6cff;--xp:#8a3fe8;--hp:#1fb33a;--red:#d22a1e;--good:#1eff00;--bad:#ff4040;--font-title:"Forum", "Philosopher", Georgia, serif;--font:"Philosopher", "Trebuchet MS", system-ui, sans-serif;--shadow:0 10px 40px #000000bf}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;font-size:15px;overflow:hidden}button{font-family:inherit}a{color:var(--gold-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0006}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#6a5226,#3e2f14);border:1px solid #1a1206;border-radius:6px}.title-font{font-family:var(--font-title);letter-spacing:.04em}.gold-text{color:var(--gold);text-shadow:0 1px #000,0 0 12px #ffbe3c59}.muted{color:var(--muted)}.good{color:var(--good)}.bad{color:var(--bad)}.frame{box-shadow:inset 0 0 0 1px #0a0703, inset 0 0 0 3px #c9a45c2e, 0 0 0 1px #000, var(--shadow);background:radial-gradient(at top,#5a3c1940,#0000 60%),linear-gradient(#18120bf7,#0a0805f7);border:2px solid #5b4623;border-radius:8px;padding:18px;position:relative}.frame:before,.frame:after{content:"";border:2px solid var(--gold-line);pointer-events:none;width:22px;height:22px;position:absolute}.frame:before{border-bottom:none;border-right:none;border-radius:8px 0 0;top:-4px;left:-4px}.frame:after{border-top:none;border-left:none;border-radius:0 0 8px;bottom:-4px;right:-4px}.frame-title{white-space:nowrap;font-family:var(--font-title);letter-spacing:.06em;color:var(--gold);text-shadow:0 1px #000,0 0 10px #ffb42866;border:2px solid var(--gold-line);z-index:2;background:linear-gradient(#4a1c0d,#26090298 60%,#1a0701);border-radius:4px;padding:5px 28px 6px;font-size:19px;position:absolute;top:-17px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #000,0 4px 10px #0009,inset 0 1px #ffdc9640}.frame-close{border:2px solid var(--gold-line);color:#ffe8b0;cursor:pointer;z-index:3;background:radial-gradient(circle at 35% 30%,#d8452a,#7a1206 70%);border-radius:50%;width:28px;height:28px;font-size:16px;font-weight:700;line-height:1;position:absolute;top:8px;right:8px;box-shadow:0 0 0 1px #000,0 2px 6px #0009}.frame-close:hover{filter:brightness(1.25)}.parchment{color:var(--ink);background:radial-gradient(#fff5d78c,#0000 70%),linear-gradient(#ecd9ad,#d8bf87);border:1px solid #8a6a36;border-radius:4px;box-shadow:inset 0 0 24px #78501473}.btn{min-height:36px;font-family:var(--font);letter-spacing:.02em;color:var(--gold);text-shadow:0 1px #000;cursor:pointer;background:linear-gradient(#b8321d 0%,#7d160a 48%,#5a0d04 52%,#6d1406 100%);border:1px solid #1f0400;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:7px 20px;font-size:15px;font-weight:700;transition:filter .12s,transform 80ms;display:inline-flex;position:relative;box-shadow:0 0 0 1px #c9a45c,inset 0 1px #ffd28c73,inset 0 -2px 4px #0006,0 3px 8px #0000008c}.btn:hover:not(:disabled){filter:brightness(1.2)saturate(1.1)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{filter:grayscale(.85)brightness(.65);cursor:default}.btn.gold{color:#2a1602;text-shadow:0 1px #fff0c899;background:linear-gradient(#ffe89a 0%,#e0ae3e 48%,#b8861c 52%,#d09a2c 100%);border-color:#3a2206}.btn.dark{color:var(--gold-soft);background:linear-gradient(#3a3024 0%,#221a10 50%,#17110a 100%)}.btn.blue{color:#e6f2ff;background:linear-gradient(#3a7bd5 0%,#1c4a9a 50%,#12306a 100%)}.btn.big{min-height:48px;padding:10px 34px;font-size:18px}.btn.small{min-height:28px;padding:3px 12px;font-size:13px}.btn.block{width:100%}.icon-btn{width:34px;height:34px;box-shadow:0 0 0 1px var(--gold-line);color:var(--gold-soft);cursor:pointer;background:linear-gradient(#3a2e1c,#17110a);border:1px solid #000;border-radius:6px;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.icon-btn:hover{filter:brightness(1.3)}.input{width:100%;font-family:var(--font);color:var(--text);-webkit-user-select:text;user-select:text;background:#000000a6;border:1px solid #6b5530;border-radius:4px;outline:none;padding:10px 12px;font-size:16px;box-shadow:inset 0 2px 6px #000c}.input:focus{border-color:var(--gold);box-shadow:inset 0 2px 6px #000c,0 0 8px #ffd10059}label.field{margin-bottom:12px;display:block}label.field>span{color:var(--gold-soft);letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px;font-size:13px;display:block}.icon{background:#111 50%/cover no-repeat;border:1px solid #000;border-radius:5px;flex:none;width:48px;height:48px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #5a4a2e,0 2px 6px #0009}.icon:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 0 10px #0000008c}.icon.q-common{box-shadow:0 0 0 1px #9d9d9d,0 2px 6px #0009}.icon.q-uncommon{box-shadow:0 0 0 1px #1eff00,0 0 8px #1eff0059}.icon.q-rare{box-shadow:0 0 0 1px #0070dd,0 0 10px #0070dd80}.icon.q-epic{box-shadow:0 0 0 1px #a335ee,0 0 12px #a335ee8c}.icon.q-legendary{box-shadow:0 0 0 1px #ff8000,0 0 14px #ff8000a6}.icon.locked{filter:grayscale()brightness(.45)}.icon .count{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000,0 0 3px #000;z-index:2;font-size:12px;font-weight:700;position:absolute;bottom:1px;right:3px}.tooltip{z-index:1000;color:#fff;pointer-events:none;background:linear-gradient(#0a0e26f7,#060816f7);border:1px solid #bebed28c;border-radius:5px;max-width:320px;padding:10px 12px;font-size:13.5px;line-height:1.4;animation:80ms ease-out tt-in;position:fixed;box-shadow:0 0 0 1px #000,0 8px 24px #000000b3}@keyframes tt-in{0%{opacity:0;transform:translateY(3px)}}.tooltip .tt-title{margin-bottom:2px;font-size:15px;font-weight:700}.tooltip .tt-row{justify-content:space-between;gap:16px;display:flex}.tooltip .tt-yellow{color:var(--gold)}.tooltip .tt-green{color:var(--good)}.tooltip .tt-gray{color:#9d9d9d}.tooltip .tt-red{color:var(--bad)}.tooltip .tt-blue{color:#74b6ff}.tooltip .tt-flavor{color:#ffd27a;margin-top:4px;font-style:italic}.tooltip .tt-sep{height:6px}.bar{background:#000000bf;border:1px solid #000;border-radius:3px;height:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #4a3a20,inset 0 2px 4px #000000b3}.bar>.fill{border-radius:2px;transition:width .45s;position:absolute;inset:0 auto 0 0}.bar>.fill:after{content:"";background:linear-gradient(#ffffff59,#fff0 50%,#00000040);position:absolute;inset:0}.bar.mana>.fill{background:linear-gradient(90deg,#0b3fb0,#2a7bff)}.bar.xp>.fill{background:linear-gradient(90deg,#5a1cb0,#b066ff)}.bar.hp>.fill{background:linear-gradient(90deg,#0f7a24,#2fdc4a)}.bar>.label{z-index:1;text-align:center;color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000;font-size:11px;font-weight:700;line-height:12px;display:block;position:relative}.toasts{z-index:2000;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%)}.toast{font-family:var(--font-title);letter-spacing:.03em;text-shadow:0 2px 2px #000,0 0 8px #000;font-size:20px;animation:.25s ease-out toast-in,.5s ease-in 3.3s forwards toast-out}.toast.error{color:#ff3b30}.toast.info{color:var(--gold)}.toast.success{color:#3dff5c}.toast.loot{color:#c77dff;font-size:22px}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}}@keyframes toast-out{to{opacity:0}}.modal-back{z-index:900;background:radial-gradient(#0000008c,#000000e0);justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.confirm-box{width:min(420px,92vw);animation:.2s ease-out panel-in}.confirm-text{text-align:center;color:#fff;margin-bottom:16px;font-size:17px;line-height:1.4}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.grow{flex:1;min-width:0}.center{text-align:center}.spacer{flex:1}.divider{background:linear-gradient(90deg, transparent, var(--gold-line), transparent);opacity:.6;height:1px;margin:12px 0}.badge{background:#0000008c;border:1px solid #ffffff2e;border-radius:10px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-flex}.gold-coin{vertical-align:-1px;background:radial-gradient(circle at 35% 30%,#fff3b0,#e0a820 55%,#8a5a08);border-radius:50%;width:12px;height:12px;display:inline-block;box-shadow:0 0 0 1px #3a2206}.kbd{text-align:center;min-width:18px;color:var(--gold-soft);background:#0009;border:1px solid #6b5530;border-radius:3px;padding:0 4px;font-size:11px;display:inline-block}.spinner{border:3px solid #ffd1002e;border-top-color:var(--gold);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boot{background:radial-gradient(#1a130a,#050403);flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;font-size:22px;display:flex}.small{font-size:12.5px}.small-caps{letter-spacing:.08em;text-transform:uppercase;font-size:12px}.form-error{color:#ffb4a8;background:#780a0059;border:1px solid #ff503c66;border-radius:4px;margin:-2px 0 12px;padding:7px 10px;font-size:14px}.section-title{font-family:var(--font-title);letter-spacing:.05em;color:var(--gold);text-shadow:0 1px #000;border-bottom:1px solid #c9a45c4d;margin:14px 0 8px;padding-bottom:4px;font-size:18px}.section-title:first-child{margin-top:0}.bonus-line{margin:4px 0;font-size:14px;line-height:1.4}.mini-portrait{object-fit:cover;border:2px solid #6b5530;border-radius:50%;flex:none;width:34px;height:34px;box-shadow:0 0 0 1px #000}.mini-portrait.big{width:56px;height:56px}.select{font-family:var(--font);color:var(--text);background:#0009;border:1px solid #6b5530;border-radius:4px;padding:4px 8px}.login-screen{height:100%;position:relative;overflow:hidden}.login-bg{background:url(/img/bg/login_bg.webp) 50%/cover no-repeat;animation:40s ease-in-out infinite alternate slow-zoom;position:absolute;inset:-3%}@keyframes slow-zoom{0%{transform:scale(1)}to{transform:scale(1.08)translate(-1%,-1%)}}.login-vignette{background:radial-gradient(at 50% 55%,#0000001a,#000000bf 75%),linear-gradient(#00000059,#0000 30% 70%,#000c);position:absolute;inset:0}.login-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:26px;height:100%;padding:20px;display:flex;position:relative}.logo{flex-direction:column;align-items:center;animation:1.2s ease-out logo-in;display:flex}@keyframes logo-in{0%{opacity:0;transform:translateY(-20px)scale(.95)}}.logo-emblem{filter:drop-shadow(0 6px 18px #000c)drop-shadow(0 0 30px #ffbe3c59);width:130px;margin-bottom:-6px}.logo-title{font-family:var(--font-title);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#fff6c9 0%,#ffd35a 38%,#c8871a 62%,#ffe28a 100%);color:#0000;filter:drop-shadow(0 3px #2a1504)drop-shadow(0 0 22px #ffaa2873);text-align:center;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,6vw,66px);line-height:1}.logo-sub{font-family:var(--font-title);letter-spacing:.4em;text-transform:uppercase;color:#e8d6b0;text-shadow:0 2px 4px #000;margin-top:6px;font-size:18px}.login-box{width:min(380px,92vw);padding-top:26px;animation:.8s ease-out .3s both fade-in}.login-switch{text-align:center;color:var(--muted);margin-top:14px;font-size:14px}.verify-text{color:#e8d6b0;overflow-wrap:anywhere;margin:0 0 14px;font-size:15px;line-height:1.45}.code-input{text-align:center;letter-spacing:.4em;font-variant-numeric:tabular-nums;font-size:28px}.verify-links{flex-wrap:wrap;justify-content:center;gap:6px 16px;display:flex}.login-features{font-family:var(--font-title);color:#efdcb2;text-shadow:0 2px 4px #000;flex-wrap:wrap;justify-content:center;gap:8px;font-size:16px;display:flex}.login-footer{z-index:1;color:#bfae8a;text-shadow:0 1px 2px #000;justify-content:space-between;padding:10px 18px;font-size:13px;display:flex;position:absolute;bottom:0;left:0;right:0}.create-screen{height:100%;position:relative;overflow:auto}.create-bg{background:linear-gradient(#00000059,#0000008c),url(/img/bg/create_bg.webp) 50%/cover no-repeat;position:fixed;inset:0}.create-top{z-index:1;justify-content:space-between;align-items:center;padding:16px 24px 0;display:flex;position:relative}.create-heading{font-size:32px}.create-layout{z-index:1;grid-template-columns:minmax(250px,300px) 1fr minmax(300px,380px);align-items:start;gap:26px;padding:34px 24px 12px;display:grid;position:relative}.faction-block+.faction-block{margin-top:16px}.faction-head{text-shadow:0 1px #000;align-items:center;gap:8px;margin-bottom:8px;font-size:20px;display:flex}.faction-head img{filter:drop-shadow(0 2px 3px #000);height:34px}.race-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.race-btn{color:var(--text);cursor:pointer;background:#00000080;border:1px solid #000;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:0 0 5px;font-size:13px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #5a4a2e}.race-btn img{aspect-ratio:1;object-fit:cover;filter:saturate(.7)brightness(.8);width:100%;transition:filter .2s}.race-btn:hover img{filter:none}.race-btn.active{box-shadow:0 0 0 2px var(--gold), 0 0 18px #ffd10073;transform:translateY(-2px)}.race-btn.active img{filter:none}.race-btn.alliance.active{box-shadow:0 0 0 2px #6fa8ff,0 0 18px #5096ff8c}.race-btn.horde.active{box-shadow:0 0 0 2px #ff5a4a,0 0 18px #ff46328c}.create-center{flex-direction:column;align-items:center;gap:14px;padding-top:10px;display:flex}.hero-portrait-big{aspect-ratio:1;background:conic-gradient(#fff3b0,#b8861c,#fff3b0,#8a5a12,#fff3b0);border-radius:50%;width:min(330px,60vw);padding:7px;position:relative;box-shadow:0 0 0 3px #1a0f04,0 0 50px #ffc85059,0 20px 40px #000c}.hero-portrait-big.alliance{box-shadow:0 0 0 3px #1a0f04,0 0 60px #468cff8c,0 20px 40px #000c}.hero-portrait-big.horde{box-shadow:0 0 0 3px #1a0f04,0 0 60px #ff3c2880,0 20px 40px #000c}.hero-portrait-big>img:first-child{object-fit:cover;border:3px solid #1a0f04;border-radius:50%;width:100%;height:100%;animation:.5s ease-out portrait-in}@keyframes portrait-in{0%{opacity:0;filter:brightness(2);transform:scale(.94)}}.hero-class-badge{border:3px solid var(--gold-line);border-radius:50%;width:72px;height:72px;position:absolute;bottom:4%;right:4%;box-shadow:0 0 0 2px #000,0 6px 14px #000000b3}.create-name-row{gap:8px;width:min(330px,80vw);display:flex}.name-input{text-align:center;font-family:var(--font-title);font-size:22px}.create-summary{text-shadow:0 1px 2px #000;font-size:17px}.faction-motto{color:#e8d6b0;text-shadow:0 2px 4px #000;font-size:20px}.class-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.class-btn{color:var(--text);cursor:pointer;background:#00000080;border:1px solid #000;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;font-size:13px;font-weight:700;display:flex;box-shadow:0 0 0 1px #5a4a2e}.class-btn img{border:1px solid #000;border-radius:6px;width:48px;height:48px}.class-btn.active{box-shadow:0 0 0 2px var(--cc), 0 0 16px color-mix(in srgb, var(--cc) 60%, transparent)}.class-btn:disabled{opacity:.35;filter:grayscale();cursor:not-allowed}.class-info p{margin:8px 0;font-size:14px;line-height:1.45}.ability-preview{gap:8px;margin-top:8px;display:flex}.ability-preview-item{color:var(--muted);flex-direction:column;align-items:center;gap:3px;font-size:11px;display:flex}.create-lore{z-index:1;max-width:900px;margin:8px auto 24px;padding:12px 18px;font-size:15px;line-height:1.5;position:relative}.world-screen{background:#0a1a2a;height:100%;position:relative;overflow:hidden}.map-viewport{overscroll-behavior:contain;scrollbar-width:none;background:radial-gradient(#1c3a52,#07121c);position:absolute;inset:0;overflow:auto}.map-viewport::-webkit-scrollbar{display:none}.map-canvas{aspect-ratio:16/9;width:max(100%,177.778vh);position:relative}.map-img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.world-vignette{pointer-events:none;background:radial-gradient(#0000 55%,#0000008c),linear-gradient(#00000073,#0000 16% 80%,#0009);position:absolute;inset:0}.zone-marker{z-index:2;cursor:pointer;color:var(--text);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.zone-medal{aspect-ratio:1;width:clamp(48px,5.2vw,76px);box-shadow:0 0 0 2px #000, 0 0 18px var(--zc), 0 6px 14px #000c;background:conic-gradient(#fff3b0,#b8861c,#fff3b0,#8a5a12,#fff3b0);border-radius:50%;padding:3px;transition:transform .2s,box-shadow .2s;position:relative}.zone-medal img{object-fit:cover;border:2px solid #120a02;border-radius:50%;width:100%;height:100%}.zone-marker:hover .zone-medal{box-shadow:0 0 0 2px #000, 0 0 30px var(--zc), 0 0 50px var(--zc), 0 6px 14px #000c;transform:scale(1.12)}.zone-marker.current .zone-medal:after{content:"";border:2px solid var(--gold);border-radius:50%;animation:1.8s ease-out infinite pulse-ring;position:absolute;inset:-8px}@keyframes pulse-ring{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.zone-check{color:#fff;background:radial-gradient(circle at 35% 30%,#6dff7a,#129a2a);border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:-4px;right:-4px}.zone-label{border:1px solid var(--gold-line);white-space:nowrap;background:linear-gradient(#140c04eb,#080502eb);border-radius:4px;flex-direction:column;align-items:center;padding:3px 12px 4px;display:flex;box-shadow:0 0 0 1px #000,0 4px 10px #0009}.zone-name{font-family:var(--font-title);color:var(--gold);text-shadow:0 1px #000;font-size:clamp(12px,1.1vw,16px)}.zone-lvl{text-shadow:0 1px #000;font-size:11px;font-weight:700}.poi-marker{z-index:2;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%,-50%)}.poi-marker img{filter:drop-shadow(0 4px 6px #000c)drop-shadow(0 0 10px #ffd26473);height:clamp(40px,4.4vw,64px);transition:transform .2s}.poi-marker:hover img{transform:scale(1.12)translateY(-2px)}.poi-marker span{font-family:var(--font-title);color:#fff3c4;border:1px solid var(--gold-line);text-shadow:0 1px #000;white-space:nowrap;background:#281404e0;border-radius:12px;padding:2px 10px;font-size:clamp(12px,1.05vw,15px)}.poi-marker.arena span{background:#460a06e6}.hero-frame{z-index:5;align-items:center;gap:0;display:flex;position:absolute;top:14px;left:14px}.hero-frame-portrait{z-index:2;cursor:pointer;background:conic-gradient(#fff3b0,#b8861c,#fff3b0,#8a5a12,#fff3b0);border-radius:50%;width:92px;height:92px;padding:4px;position:relative;box-shadow:0 0 0 2px #000,0 6px 16px #000c}.hero-frame-portrait img{object-fit:cover;border:2px solid #120a02;border-radius:50%;width:100%;height:100%}.hero-level{width:30px;height:30px;color:var(--gold);border:2px solid var(--gold-line);background:radial-gradient(circle at 35% 30%,#4a2a10,#120801);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:-2px;left:-4px;box-shadow:0 0 0 1px #000}.hero-frame-body{border:1px solid var(--gold-line);background:linear-gradient(#140e07f0,#080603f0);border-left:none;border-radius:0 8px 8px 0;min-width:250px;margin-left:-18px;padding:8px 14px 9px 28px;box-shadow:0 0 0 1px #000,0 6px 16px #000000b3}.hero-frame-name{text-shadow:0 1px #000;align-items:center;gap:6px;font-size:17px;font-weight:700;display:flex}.mini-crest{height:18px}.hero-frame-sub{color:var(--muted);margin-bottom:4px;font-size:12px}.hero-frame-stats{gap:14px;margin-top:5px;font-size:13px;font-weight:700;display:flex}.points-alert{font-family:var(--font);color:#fff;cursor:pointer;background:linear-gradient(#2a8a2a,#0f4a10);border:1px solid #7dff7a;border-radius:12px;margin-top:6px;padding:4px 12px;font-size:13px;font-weight:700;animation:1.6s ease-in-out infinite glow-pulse;position:absolute;top:100%;left:104px}@keyframes glow-pulse{50%{box-shadow:0 0 14px #78ff78cc}}.world-topright{z-index:5;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:14px;right:14px}.online-badge{font-family:var(--font);color:var(--gold-soft);border:1px solid var(--gold-line);cursor:pointer;background:#0a0703e0;border-radius:16px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:700;display:flex}.dot{border-radius:50%;width:9px;height:9px}.dot.on{background:#3dff5c;box-shadow:0 0 8px #3dff5c}.dot.off{background:#ff4a3a}.queue-indicator{border:1px solid var(--gold-line);background:#0a0703f0;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;animation:.3s fade-in;display:flex;box-shadow:0 0 20px #ffb43c40}.queue-eye{border:2px solid var(--gold-line);background:radial-gradient(circle,#ffe070 0 22%,#b86a10 23% 40%,#0000 41%),radial-gradient(circle,#3a1a04,#120801);border-radius:50%;width:30px;height:30px;animation:3s linear infinite spin}.chat-frame{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;border:1px solid #c9a45c59;border-radius:6px;width:min(430px,44vw);position:absolute;bottom:86px;left:14px}.chat-frame.collapsed{width:auto}.chat-tabs{border-bottom:1px solid #c9a45c40;align-items:center;padding:3px 6px;display:flex}.chat-tab{color:var(--gold);background:#3c280a99;border-radius:4px 4px 0 0;padding:2px 10px;font-size:12px;font-weight:700}.chat-toggle{width:22px;height:20px;color:var(--gold-soft);cursor:pointer;background:0 0;border:1px solid #6b5530;border-radius:3px;margin-left:auto}.chat-lines{-webkit-user-select:text;user-select:text;height:160px;padding:6px 8px;font-size:13.5px;line-height:1.35;overflow-y:auto}.chat-line .chan{color:#ffc0a0}.chat-line .txt{color:#ffe0cc}.chat-line.system .sys{color:#ffd100}.chat-input{width:100%;font-family:var(--font);color:#fff;-webkit-user-select:text;user-select:text;background:#0009;border:none;border-top:1px solid #c9a45c40;outline:none;padding:7px 10px;font-size:14px}.micro-menu{z-index:6;background:linear-gradient(#1e160cf5,#0a0703f5);border:2px solid #5b4623;border-radius:10px;gap:6px;padding:7px 10px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #c9a45c40,0 8px 24px #000000b3}.micro-btn{width:70px;font-family:var(--font);color:var(--gold-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:4px 2px 3px;font-size:11.5px;font-weight:700;display:flex}.micro-btn img{border:1px solid #000;border-radius:6px;width:38px;height:38px;box-shadow:0 0 0 1px #5a4a2e}.micro-emoji{background:#00000080;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;display:flex;box-shadow:0 0 0 1px #5a4a2e}.micro-btn:hover,.micro-btn.active{background:#ffd1001a;border-color:#ffd10066}.micro-btn.active img{box-shadow:0 0 0 1px var(--gold), 0 0 10px #ffd10099}.micro-btn.glow img{animation:1.6s ease-in-out infinite glow-pulse}.panel-layer{z-index:20;background:#00000059;justify-content:center;align-items:center;padding:40px 16px 96px;animation:.15s fade-in;display:flex;position:absolute;inset:0}.panel{width:min(900px,96vw);max-height:100%;padding-top:28px;animation:.2s ease-out panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.frame-scrollable{flex-direction:column;display:flex}.frame-scroll{flex:1;min-height:0;margin-right:-8px;padding-right:8px;overflow-y:auto}.zone-intro{align-items:baseline;gap:16px;margin-bottom:10px;display:flex}.zone-intro p{color:#e5d4b0;margin:0;line-height:1.45}.zone-intro-lvl{flex:none;font-weight:700}.enemy-list{flex-direction:column;gap:10px;display:flex}.enemy-card{background:linear-gradient(90deg,#281c0cb3,#0a070399);border:1px solid #4d3d22;border-radius:6px;gap:14px;padding:10px;display:flex}.enemy-card.boss{background:linear-gradient(90deg,#501408bf,#14060299);border-color:#a8622a;box-shadow:inset 0 0 20px #ff641e26}.enemy-card.locked{filter:grayscale(.7)brightness(.7)}.enemy-portrait{flex:none;width:92px;height:92px;position:relative}.enemy-portrait img{object-fit:cover;border:2px solid #6b5530;border-radius:8px;width:100%;height:100%;box-shadow:0 0 0 1px #000}.boss .enemy-portrait img{border-color:#e0a040;box-shadow:0 0 0 1px #000,0 0 14px #ff8c2880}.enemy-level{border:2px solid var(--gold-line);text-shadow:0 1px #000;background:#120801;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex;position:absolute;top:-6px;left:-6px}.enemy-body{flex:1;min-width:0}.enemy-name{color:#ffd9a0;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.boss-tag{color:#fff;background:linear-gradient(#d4561a,#7a1a04);border:1px solid #ffb070;border-radius:3px;padding:0 6px;font-size:11px}.win-tag{color:var(--good);font-size:12px}.enemy-title{color:var(--muted);font-size:13px}.enemy-quote{color:#ffd27a;margin:4px 0;font-size:14px;font-style:italic}.enemy-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.enemy-abilities{gap:4px;display:inline-flex}.enemy-lore{margin-top:4px;font-size:13px;line-height:1.35}.enemy-actions{flex-direction:column;flex:none;justify-content:space-between;align-items:stretch;gap:8px;width:140px;display:flex}.reward-preview{text-align:right;color:#d9c9a6;font-size:13px}.loot-preview{justify-content:flex-end;align-items:center;gap:6px;margin-top:4px;display:flex}.locked-note{color:var(--bad);text-align:center;font-size:12px}.char-layout{grid-template-columns:300px 1fr;gap:20px;display:grid}.paperdoll{border:2px solid #5b4623;border-radius:8px;position:relative;overflow:hidden}.paperdoll-img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.paperdoll-shade{background:linear-gradient(#0000 50%,#000000eb);position:absolute;inset:0}.paperdoll-info{text-align:center;text-shadow:0 1px 2px #000;font-size:14px;position:absolute;bottom:10px;left:0;right:0}.equip-slots{justify-content:space-around;margin:12px 0;display:flex}.equip-slot{flex-direction:column;align-items:center;gap:4px;display:flex}.empty-slot{opacity:.6;background:#0000008c;justify-content:center;align-items:center;font-size:22px;display:flex}.record{flex-direction:column;gap:4px;font-size:13.5px;display:flex}.stat-table{grid-template-columns:1fr 1fr;gap:2px 18px;display:grid}.stat-row{border-bottom:1px dotted #c9a45c33;justify-content:space-between;gap:10px;padding:3px 0;font-size:14px;display:flex}.stat-row b{color:#fff}.bag-grid{grid-template-columns:repeat(8,44px);gap:6px;display:grid}.bag-empty{opacity:.6;background:#00000080}.skills-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.ability-rows{flex-direction:column;gap:8px;display:flex}.ability-row{background:#00000059;border:1px solid #3d301a;border-radius:6px;align-items:center;gap:12px;padding:8px;display:flex}.ability-row.locked{opacity:.55}.ability-row-name{color:#fff;flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.ability-row-desc{color:var(--gold);margin:2px 0;font-size:13.5px;line-height:1.35}.pips{gap:3px;display:inline-flex}.pips i{background:#2a2215;border:1px solid #6b5530;border-radius:50%;width:9px;height:9px}.pips i.on{background:radial-gradient(circle at 35% 30%,#fff3b0,#e0a820);border-color:#8a5a08;box-shadow:0 0 6px #ffc83cb3}.badge.ends{color:#ffb4a0}.badge.free{color:#9dff9a}.ability-row-actions{flex-direction:column;flex:none;gap:6px;display:flex}.bar-preview{align-items:center;gap:10px;display:flex}.bar-slot{background:#0009;border:1px solid #000;border-radius:6px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative;box-shadow:0 0 0 1px #5a4a2e,inset 0 0 12px #000c}.bar-slot .kbd{z-index:2;position:absolute;top:-8px;left:-6px}.bar-slot.locked{opacity:.5}.talent-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.talent{cursor:pointer;text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;display:flex}.talent:hover{background:#ffd10014}.talent.locked{opacity:.4;filter:grayscale();cursor:default}.talent.maxed .icon{box-shadow:0 0 0 1px var(--gold), 0 0 10px #ffd10080}.talent-name{font-size:12px;line-height:1.15}.shop-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.shop-avatar{border:2px solid var(--gold-line);border-radius:50%;width:56px;height:56px}.gold-amount{color:var(--gold);font-size:20px;font-weight:700}.shop-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.shop-item{background:#00000059;border:1px solid #3d301a;border-radius:6px;align-items:center;gap:10px;padding:8px;display:flex}.shop-item.owned{opacity:.6}.sell-row{flex-wrap:wrap;gap:10px;display:flex}.sell-item{flex-direction:column;align-items:center;gap:4px;display:flex}.arena-modes{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mode-card{text-align:center;background:radial-gradient(at top,#8c1e0a59,#0006);border:1px solid #5b4623;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:14px;display:flex}.mode-card.classic{background:radial-gradient(at top,#28468c59,#0006)}.mode-crest{filter:drop-shadow(0 4px 8px #000);height:70px}.mode-title{color:var(--gold);font-size:21px}.mode-desc{color:#d9c9a6;min-height:38px;font-size:13.5px}.queue-count{color:#fff;background:#1a8a2a;border-radius:8px;margin-left:4px;padding:0 6px;font-size:11px}.arena-bottom{grid-template-columns:1.2fr 1fr;gap:16px;margin-top:6px;display:grid}.duel-settings{align-items:center;gap:6px;margin-bottom:6px;display:flex}.online-rows,.history-rows{flex-direction:column;gap:4px;max-height:260px;display:flex;overflow-y:auto}.online-row{background:#00000059;border-radius:5px;align-items:center;gap:8px;padding:5px 8px;display:flex}.status{background:#00000080;border-radius:8px;padding:1px 6px;font-size:11px}.status.idle{color:#7dff7a}.status.queue{color:#ffd100}.status.game{color:#ff7a6a}.history-row{background:#00000059;border-left:3px solid #666;border-radius:4px;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:flex}.history-row.win{border-left-color:#3dff5c}.history-row.loss{border-left-color:#ff4a3a}.history-row .res{width:78px;font-weight:700}.history-row.win .res{color:#3dff5c}.history-row.loss .res{color:#ff6a5a}.tabs{border-bottom:1px solid #5b4623;gap:4px;margin-bottom:10px;display:flex}.tab{font-family:var(--font);color:var(--muted);cursor:pointer;background:#0006;border:1px solid #3d301a;border-bottom:none;border-radius:6px 6px 0 0;padding:7px 18px;font-size:14px;font-weight:700}.tab.active{color:var(--gold);border-color:var(--gold-line);background:linear-gradient(#3a2410,#1a0f06)}.leader-row{border-bottom:1px solid #c9a45c1f;grid-template-columns:40px 1fr 50px 80px 110px;align-items:center;gap:8px;padding:5px 8px;font-size:14px;display:grid}.leader-row.head{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.leader-row .who{align-items:center;gap:8px;min-width:0;display:flex}.leader-row.me{background:#ffd1001a}.leader-row .place{text-align:center;font-weight:700}.leader-row.top1 .place{color:#ffd100;font-size:18px}.leader-row.top2 .place{color:#d8d8e8;font-size:16px}.leader-row.top3 .place{color:#e0955a;font-size:15px}.duel-popup{z-index:950;width:min(420px,94vw);animation:.25s ease-out panel-in;position:fixed;top:90px;left:50%;transform:translate(-50%)}.duel-popup .frame{padding-top:26px}@media (width<=1100px){.create-layout{grid-template-columns:1fr}.create-center{order:-1}.char-layout,.arena-bottom,.arena-modes,.shop-grid{grid-template-columns:1fr}.talent-grid{grid-template-columns:repeat(3,1fr)}.chat-frame{display:none}}@media (width<=700px){.hero-frame-body{min-width:0}.micro-btn{width:50px;font-size:10px}.micro-btn img,.micro-emoji{width:32px;height:32px}.enemy-card{flex-wrap:wrap}.enemy-actions{width:100%}.bag-grid{grid-template-columns:repeat(6,44px)}.create-center{order:1}.hero-portrait-big{width:min(220px,56vw)}.logo-sub{letter-spacing:.25em;font-size:14px}}.battle-screen{height:100%;position:relative;overflow:hidden}.battle-bg{filter:saturate(1.15)brightness(1.18);background:radial-gradient(at 50% 42%,#140c062e,#0604038c 78%),url(/img/bg/battle_bg.webp) 50%/cover no-repeat;position:absolute;inset:0}.battle-layout{z-index:1;grid-template-columns:minmax(200px,250px) 1fr minmax(260px,320px);gap:16px;height:100%;padding:12px 16px;display:grid;position:relative}.battle-side{flex-direction:column;gap:22px;min-height:0;padding-top:16px;display:flex}.side-card{background:radial-gradient(at top,#5a3c1959,#0000 60%),linear-gradient(#1c140cf5,#0c0805f7);padding:14px}.log-card{flex-direction:column;flex:1;min-height:0;padding-top:22px;display:flex}.chat-card{flex-direction:column;flex:none;height:260px;padding-top:22px;display:flex}.battle-center{--bsize:min(calc(100vh - 300px), calc(100vw - 640px), 760px);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.board-wrap{box-shadow:0 0 0 2px #000, 0 0 0 4px var(--gold-line), 0 0 0 6px #000, inset 0 0 0 2px #8a6a36, inset 0 0 18px #000c, 0 24px 60px #000000d9;background:linear-gradient(135deg,#3b2812,#1d1208 45%,#3a2711 55%,#140c05);border-radius:10px;padding:14px;position:relative}.board-wrap:before{content:"";pointer-events:none;border:1px solid #ffd78259;border-radius:6px;position:absolute;inset:6px}.board{width:max(300px, var(--bsize));height:max(300px, var(--bsize));touch-action:none;border:2px solid #000;position:relative;overflow:hidden}.board:after{content:"";pointer-events:none;mix-blend-mode:multiply;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.15  0 0 0 0 0.1  0 0 0 0 0.05  0 0 0 0.22 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.sq{width:12.5%;height:12.5%;position:absolute}.sq.light{background:linear-gradient(135deg,#efe0bb,#dcc594)}.sq.dark{background:linear-gradient(135deg,#8e6d45,#6d5031)}.sq.last:before{content:"";background:#ffd63c61;position:absolute;inset:0}.sq.selected:before{content:"";background:#5ac8ff73;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #a0e6ffe6}.sq.check{background:radial-gradient(circle, #ff2814f2 0%, #c8000099 45%, transparent 75%), inherit}.sq.check:after{content:"";background:radial-gradient(circle,#ff3c1ed9,#ff000040 55%,#0000 75%);animation:1s ease-in-out infinite check-pulse;position:absolute;inset:0}@keyframes check-pulse{50%{opacity:.55}}.sq.holy:after{content:"";background:radial-gradient(circle,#ffec8c8c,#ffc83c26 70%);position:absolute;inset:0;box-shadow:inset 0 0 12px #ffdc5ae6}.sq.cand:after{content:"";z-index:3;box-shadow:inset 0 0 0 3px var(--tc,#fff), inset 0 0 22px var(--tc,#fff);background:color-mix(in srgb, var(--tc,#fff) 22%, transparent);pointer-events:none;animation:1.1s ease-in-out infinite cand-pulse;position:absolute;inset:0}@keyframes cand-pulse{50%{opacity:.55}}.sq.cand-sel:after{content:"";z-index:3;background:color-mix(in srgb, var(--tc,#fff) 50%, transparent);position:absolute;inset:0;box-shadow:inset 0 0 0 4px #fff}.board.targeting{cursor:crosshair}.dest-dot{z-index:4;pointer-events:none;background:radial-gradient(circle,#143c148c,#143c1459);border-radius:50%;width:30%;height:30%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff40}.dest-capture{z-index:4;pointer-events:none;border:5px solid #c81e1499;border-radius:50%;position:absolute;inset:4%;box-shadow:inset 0 0 10px #ff281480}.coord{z-index:2;pointer-events:none;opacity:.8;font-size:clamp(9px,1.2vw,12px);font-weight:700;position:absolute}.sq.light .coord{color:#7a5a30}.sq.dark .coord{color:#f0dfb8}.coord.rank{top:2px;left:3px}.coord.file{bottom:1px;right:4px}.piece{z-index:5;pointer-events:none;will-change:transform;width:12.5%;height:12.5%;transition:transform .28s cubic-bezier(.25,.9,.35,1);position:absolute;top:0;left:0}.piece-svg{filter:drop-shadow(0 4px 3px #0000008c);width:100%;height:100%}.piece.born .piece-svg{animation:.6s ease-out piece-born}@keyframes piece-born{0%{filter:brightness(3)drop-shadow(0 0 20px #fff);opacity:0;transform:scale(.2)}60%{filter:brightness(1.6)drop-shadow(0 0 12px #fff);opacity:1;transform:scale(1.15)}}.piece.dragging{width:14%;height:14%}.piece.dragging .piece-svg{filter:drop-shadow(0 12px 8px #0009)}.piece.fx-frozen:before{content:"";z-index:2;background:linear-gradient(135deg,#dcf5ff8c,#78c8ff40 45%,#c8f0ff80);border:1px solid #dcfaffe6;border-radius:20%;position:absolute;inset:6%;box-shadow:inset 0 0 12px #b4ebfff2,0 0 12px #78d2ffcc}.piece.fx-frozen .piece-svg{filter:drop-shadow(0 4px 3px #0000008c)saturate(.4)hue-rotate(180deg)brightness(1.15)}.piece.fx-shield:after{content:"";z-index:3;background:radial-gradient(circle at 40% 30%,#fffad273,#ffd24633 55%,#ffc8280d 70%);border:2px solid #ffec96e6;border-radius:50%;animation:1.8s ease-in-out infinite shield-pulse;position:absolute;inset:-2%;box-shadow:inset 0 0 14px #ffe16ef2,0 0 16px #ffd246cc}@keyframes shield-pulse{50%{opacity:.8;transform:scale(1.05)}}.piece.fx-poison .piece-svg{filter:drop-shadow(0 0 8px #50ff3cf2)drop-shadow(0 4px 3px #0000008c)}.piece.fx-poison:before{content:"";z-index:2;background:radial-gradient(circle at 30% 80%,#5aff3c80 0 8%,#0000 9%),radial-gradient(circle at 70% 60%,#5aff3c73 0 6%,#0000 7%);animation:1.4s linear infinite drip;position:absolute;inset:12% 20% 0}@keyframes drip{0%{opacity:1;transform:translateY(-10%)}to{opacity:0;transform:translateY(20%)}}.piece.fx-thorns:after{content:"";z-index:3;border:3px dashed #64dc3cf2;border-radius:50%;animation:6s linear infinite spin;position:absolute;inset:2%;box-shadow:0 0 10px #50c828cc}.piece.fx-doom .piece-svg{filter:drop-shadow(0 0 10px #aa3cff)brightness(.7)saturate(.5)}.piece.fx-taunt .piece-svg{filter:drop-shadow(0 0 9px #ff2814)drop-shadow(0 4px 3px #0000008c);animation:.5s ease-in-out infinite taunt-shake}@keyframes taunt-shake{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.piece-badges{z-index:6;flex-direction:column;gap:1px;display:flex;position:absolute;top:0;right:0}.pbadge{background:#000c;border:1px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 2px;font-size:11px;line-height:1;display:inline-flex;box-shadow:0 1px 3px #000}.pbadge sub{color:#fff;font-size:9px;font-weight:700}.pbadge.frozen{border-color:#8fdcff}.pbadge.shield{border-color:#ffe07a}.pbadge.poison,.pbadge.thorns{border-color:#7dff5a}.pbadge.doom{border-color:#c77dff}.pbadge.taunt{border-color:#ff5a4a}.fx-layer{z-index:20;pointer-events:none;position:absolute;inset:0}.fx{width:12.5%;height:12.5%;position:absolute}.fx-ring{border:3px solid var(--fc);box-shadow:0 0 18px var(--fc), inset 0 0 12px var(--fc);animation:.9s ease-out forwards fx-ring;animation-delay:inherit;opacity:0;border-radius:50%;position:absolute;inset:0}@keyframes fx-ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.9)}}.fx-core{background:radial-gradient(circle, #fff, var(--fc) 45%, transparent 70%);animation:.8s ease-out forwards fx-core;animation-delay:inherit;opacity:0;border-radius:50%;position:absolute;inset:20%}@keyframes fx-core{0%{opacity:1;transform:scale(.3)}40%{opacity:.95;transform:scale(1.4)}to{opacity:0;transform:scale(2)}}.fx-spark{width:6px;height:6px;box-shadow:0 0 8px var(--fc), 0 0 14px var(--fc);animation:.9s ease-out forwards fx-spark;animation-delay:inherit;opacity:0;background:#fff;border-radius:50%;margin:-3px;position:absolute;top:50%;left:50%}@keyframes fx-spark{0%{transform:rotate(var(--a)) translateY(0);opacity:1}to{transform:rotate(var(--a)) translateY(-160%);opacity:0}}.fx-kill .fx-core{background:radial-gradient(circle,#fff6c0,#ff7a20 40%,#a01000 65%,#0000 75%)}.fx-freeze .fx-core{background:radial-gradient(circle,#fff,#9fe6ff 40%,#50a0ff66 65%,#0000 75%)}.fx-summon .fx-ring{border-radius:20%}.fx-summon:before{content:"";background:linear-gradient(0deg, var(--fc), transparent);opacity:0;height:700%;animation:1s ease-out forwards pillar;position:absolute;bottom:30%;left:20%;right:20%}@keyframes pillar{0%{opacity:0;transform:scaleX(.2)}30%{opacity:.8;transform:scaleX(1)}to{opacity:0}}.fx-title{font-family:var(--font-title);white-space:nowrap;text-shadow:0 0 2px #000,0 3px #000,0 0 24px;font-size:clamp(24px,4vw,44px);animation:1.4s ease-out forwards fx-title;position:absolute;top:38%;left:50%;transform:translate(-50%)}@keyframes fx-title{0%{opacity:0;transform:translate(-50%,20px)scale(.7)}15%{opacity:1;transform:translate(-50%)scale(1.1)}30%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-30px)}}.promo-picker{z-index:40;background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.promo-title{font-family:var(--font-title);color:var(--gold);font-size:22px}.promo-btn{border:2px solid var(--gold-line);cursor:pointer;background:radial-gradient(circle,#4a3a20,#1a1208);border-radius:8px;width:76px;height:76px;padding:4px}.promo-btn:hover{box-shadow:0 0 16px #ffd10099}.promo-btn svg{width:100%;height:100%}.target-hint{z-index:30;white-space:nowrap;color:#fff;border:1px solid var(--tc);box-shadow:0 0 16px color-mix(in srgb, var(--tc) 60%, transparent);background:#000000e0;border-radius:24px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-weight:700;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%,-100%)}.target-hint img{border-radius:50%;width:30px;height:30px}.draw-offer{z-index:30;border:1px solid var(--gold-line);white-space:nowrap;background:#000000e6;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.unit-frame{width:calc(max(300px, var(--bsize)) + 28px);align-items:center;gap:0;min-height:70px;display:flex;position:relative}.uf-portrait{z-index:2;background:conic-gradient(#fff3b0,#b8861c,#fff3b0,#8a5a12,#fff3b0);border-radius:50%;flex:none;width:70px;height:70px;padding:3px;position:relative;box-shadow:0 0 0 2px #000,0 4px 12px #000c}.unit-frame.elite .uf-portrait{background:conic-gradient(#ffd27a,#ff6a1a,#ffd27a,#8a2a06,#ffd27a);box-shadow:0 0 0 2px #000,0 0 18px #ff6e1ecc}.uf-portrait img{object-fit:cover;border:2px solid #120a02;border-radius:50%;width:100%;height:100%}.uf-level{width:26px;height:26px;color:var(--gold);border:2px solid var(--gold-line);background:radial-gradient(circle at 35% 30%,#4a2a10,#120801);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:-3px;left:-5px}.uf-body{background:linear-gradient(#140e07f0,#080603f0);border:1px solid #6b5530;border-left:none;border-radius:0 8px 8px 0;flex-direction:column;flex:1;gap:3px;min-width:0;margin-left:-14px;padding:5px 12px 6px 22px;transition:box-shadow .25s;display:flex;box-shadow:0 0 0 1px #000}.unit-frame.active .uf-body{border-color:var(--gold);box-shadow:0 0 0 1px #000,0 0 14px #ffd10080}.uf-name{text-shadow:0 1px #000;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.uf-you{color:#000;background:var(--gold);border-radius:6px;padding:0 6px;font-size:10px}.uf-dc{color:var(--bad);font-size:11px;animation:1s infinite check-pulse}.uf-rating{font-size:12px}.uf-title{color:var(--muted);margin-top:-3px;font-size:11.5px}.uf-body .bar{height:12px}.uf-body .bar>.label{font-size:10px;line-height:10px}.uf-abilities{gap:3px;margin:0 8px;display:flex}.uf-clock{text-align:center;color:#bfb29a;background:#000c;border:1px solid #4d3d22;border-radius:6px;flex:none;min-width:92px;margin-left:8px;padding:6px 12px;font-family:Consolas,Menlo,monospace;font-size:26px;font-weight:700}.uf-clock.running{color:#fff;border-color:var(--gold);box-shadow:0 0 12px #ffd10059}.uf-clock.low{color:#ff4a3a;border-color:#ff4a3a;animation:.8s infinite check-pulse}.uf-turn{color:var(--gold);border:1px solid var(--gold-line);background:#000000b3;border-radius:14px;flex:none;margin-left:8px;padding:4px 12px;font-weight:700;animation:1.4s infinite check-pulse}.battle-controls{width:calc(max(300px, var(--bsize)) + 28px);justify-content:space-between;align-items:center;gap:12px;display:flex}.action-bar{background:linear-gradient(#1e160cf5,#0a0703f5);border:2px solid #5b4623;border-radius:8px;gap:8px;padding:6px 8px;display:flex;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #c9a45c33}.action-bar.classic-note{color:var(--muted);padding:10px 14px;font-size:13px}.ab-btn{cursor:pointer;background:#000;border:1px solid #000;border-radius:6px;width:58px;height:58px;padding:0;transition:transform 80ms,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #6b5530,0 3px 6px #0009}.ab-btn img{width:100%;height:100%;display:block}.ab-btn.ready:hover{box-shadow:0 0 0 1px var(--gold), 0 0 14px var(--school);transform:translateY(-2px)}.ab-btn.ready{box-shadow:0 0 0 1px #8a7040, 0 0 8px color-mix(in srgb, var(--school) 45%, transparent)}.ab-btn.casting{box-shadow:0 0 0 2px #fff, 0 0 18px var(--school), 0 0 30px var(--school);animation:.8s ease-in-out infinite casting}@keyframes casting{50%{filter:brightness(1.4)}}.ab-btn.disabled img{filter:grayscale(.85)brightness(.55)}.ab-btn.nomana img{filter:grayscale(.4)brightness(.55)sepia()hue-rotate(180deg)saturate(3)}.ab-key{color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;font-size:12px;font-weight:700;position:absolute;top:1px;left:3px}.ab-cost{color:#9ecbff;text-shadow:0 0 3px #000,0 0 3px #000;font-size:12px;font-weight:700;position:absolute;bottom:1px;right:3px}.ab-uses{color:#ffd100;text-shadow:0 0 3px #000,0 0 3px #000;font-size:11px;font-weight:700;position:absolute;bottom:1px;left:3px}.cd-shade{background:conic-gradient(#000000b8 var(--p,360deg), #00000040 0);color:#fff;text-shadow:0 0 4px #000;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex;position:absolute;inset:0}.cd-shade.small{background:#000000a6;font-size:13px}.battle-buttons{gap:8px;display:flex}.combat-log{-webkit-user-select:text;user-select:text;flex:1;min-height:0;font-size:13px;line-height:1.35;overflow-y:auto}.log-line{border-bottom:1px solid #ffffff0a;flex-wrap:wrap;align-items:center;gap:4px;padding:2px;display:flex}.log-line.system{color:var(--gold);justify-content:center;font-weight:700}.log-line.effect{font-style:italic}.log-line.ability,.log-line.effect{display:block}.log-line.ability .log-icon{vertical-align:-4px;margin-right:4px}.log-num{width:32px;color:var(--muted);font-size:12px}.log-dot{border:1px solid #000;border-radius:50%;width:9px;height:9px}.log-dot.w{background:#f1ead8}.log-dot.b{background:#3a3642}.log-icon{border-radius:3px;width:18px;height:18px}.game-chat{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.game-chat-lines{-webkit-user-select:text;user-select:text;flex:1;min-height:0;font-size:13px;overflow-y:auto}.wname{color:#f1ead8}.bname{color:#b8a8ff}.game-chat .chat-input{border:1px solid #4d3d22;border-radius:4px}.quick-chat{flex-wrap:wrap;gap:4px;display:flex}.quick-chat .btn.small{min-height:22px;padding:1px 7px;font-size:11px}.lost-pieces{flex-wrap:wrap;gap:0;min-height:28px;display:flex}.lost-piece{filter:drop-shadow(0 2px 2px #0009);width:26px;height:26px;margin-right:-6px}.legend{color:var(--muted);grid-template-columns:1fr 1fr;gap:4px 8px;font-size:12px;display:grid}.enemy-mini{margin-top:8px}.gameover{flex-direction:column;align-items:center;width:min(520px,94vw);animation:.4s ease-out panel-in;display:flex}.gameover-banner{letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(#fff6c9,#ffd35a 40%,#c8871a 65%,#ffe28a);color:#0000;filter:drop-shadow(0 4px #2a1504)drop-shadow(0 0 30px #ffaa2899);-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,9vw,84px);line-height:1;animation:.7s cubic-bezier(.2,1.4,.4,1) banner-in}.gameover.loss .gameover-banner{background:linear-gradient(#ffb0a0,#e03a2a 45%,#7a0a04 70%,#ff7a5a);filter:drop-shadow(0 4px #1a0402)drop-shadow(0 0 30px #ff281480);-webkit-background-clip:text;background-clip:text}.gameover.draw .gameover-banner{background:linear-gradient(#fff,#c8d0e0 45%,#6a7288 70%,#e6ecf5);filter:drop-shadow(0 4px #0a0c12)drop-shadow(0 0 24px #c8d2ff66);-webkit-background-clip:text;background-clip:text}@keyframes banner-in{0%{opacity:0;transform:scale(2.2)}}.gameover-reason{color:#e8d6b0;text-shadow:0 2px 3px #000;margin:8px 0 16px;font-size:17px}.gameover-rewards{width:100%}.reward-row{border-bottom:1px dotted #c9a45c40;justify-content:space-between;padding:4px 0;font-size:16px;display:flex}.xp-text{color:#c89bff}.levelup{text-align:center;color:var(--gold);text-shadow:0 0 20px #ffd100cc,0 2px #000;margin-top:12px;font-size:30px;animation:1.2s ease-out levelup}@keyframes levelup{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.new-abilities{align-items:center;gap:8px;margin-top:10px;display:flex}.loot-row{background:#0006;border:1px solid #5b4623;border-radius:6px;align-items:center;gap:12px;margin-top:12px;padding:8px;animation:1.6s ease-in-out infinite loot-glow;display:flex}@keyframes loot-glow{50%{box-shadow:0 0 18px #c878ff80}}@media (width<=1250px){.battle-layout{grid-template-columns:1fr minmax(240px,300px)}.battle-side.left{display:none}.battle-center{--bsize:min(calc(100vh - 300px), calc(100vw - 400px), 760px)}}@media (width<=860px){html,body,#root{overflow:auto}.battle-screen{height:auto;min-height:100%;overflow:visible}.battle-layout{grid-template-columns:1fr;height:auto;padding:8px}.battle-center{--bsize:calc(100vw - 48px)}.battle-side.right{padding-top:10px}.log-card{flex:none;height:240px}.uf-clock{min-width:70px;font-size:20px}.uf-abilities{display:none}.battle-controls{flex-direction:column}}