:root{--bg: #070b22;--navy: #10194a;--navy2: #1a2a6c;--text: #e8edff;--dim: #95a0c8;--faint: #56608a;--gold: #ffb636;--gold1: #ffe29a;--gold2: #c98a1c;--trim: #d9a743;--green: #3ddc84;--blue: #3d9bff;--purple: #b45cff;--red: #ff3b4e;--hp: #ff4d5e;--rage: #ff8a3d;--xp: #5ab0ff;--zone: #ff9a3c;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1100px 700px at 50% -20%,color-mix(in srgb,var(--zone) 22%,#1d2f8a) 0%,transparent 65%),radial-gradient(900px 600px at 110% 110%,#2a1660 0%,transparent 60%),linear-gradient(180deg,#0b1336,var(--bg));color:var(--text);font:14px/1.4 Inter,system-ui,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:background 1s}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,.title{font-family:Cinzel,serif;letter-spacing:.05em;margin:0}.ic{width:20px;height:20px;object-fit:contain;vertical-align:-5px}.small{font-size:12px;color:var(--dim)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#app{height:100%;display:grid;grid-template-rows:auto auto 1fr auto}.main{display:grid;grid-template-columns:330px 1fr 410px;gap:14px;padding:10px 14px 14px;min-height:0}.bottomnav{display:none}.hud{display:flex;align-items:center;gap:14px;padding:8px 16px;position:relative;background:linear-gradient(180deg,#121c55,#0a1033);box-shadow:0 2px 0 var(--trim),0 3px #000,0 10px 30px #00000080;z-index:5}.brand{font-family:Cinzel,serif;font-weight:800;font-size:24px;letter-spacing:.08em;background:linear-gradient(180deg,var(--gold1),var(--gold) 55%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #3a2400) drop-shadow(0 0 14px rgba(255,182,54,.35));display:flex;align-items:center;gap:8px}.brand .gem{width:14px;height:14px;transform:rotate(45deg);background:linear-gradient(135deg,#fff,var(--zone));box-shadow:0 0 12px var(--zone)}.lvbadge{position:relative;width:48px;height:48px;flex:none}.lvbadge svg{width:100%;height:100%;transform:rotate(-90deg)}.lvbadge circle{fill:#0a1033;stroke-width:4}.lvbadge .track{stroke:#233066}.lvbadge .fill{fill:none;stroke:url(#none);stroke:var(--xp);stroke-dasharray:119.4;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--xp));transition:stroke-dashoffset .3s}.lvbadge span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:Russo One,sans-serif;font-size:18px;color:#fff;text-shadow:0 2px 0 #000}.who .nm{font-weight:800}.who .ttl,.ttl{font-family:Cinzel,serif;font-size:11px;color:var(--gold);font-style:normal;text-shadow:0 0 8px rgba(255,182,54,.5)}.who .pw{font-family:Russo One,sans-serif;font-size:16px;color:var(--gold1)}.who .swd{color:var(--gold)}.res{display:flex;gap:6px;margin-left:auto}.rchip{display:flex;align-items:center;gap:4px;padding:3px 10px 3px 4px;border-radius:999px;background:linear-gradient(180deg,#0a1133,#141f57);box-shadow:inset 0 1px 3px #000,0 0 0 1px #2a3a85;font-family:Russo One,sans-serif;font-size:13px}.rchip .ic{width:24px;height:24px}.crest{display:flex;align-items:center;gap:6px;cursor:pointer;--tc: var(--green)}.crest .shield{width:54px;height:58px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 14%,100% 58%,50% 100%,0 58%,0 14%);background:linear-gradient(160deg,#fff6,transparent 40%),linear-gradient(180deg,var(--tc),color-mix(in srgb,var(--tc) 40%,#000));font-family:Russo One,sans-serif;font-size:15px;color:#fff;text-shadow:0 2px 2px #000}.crest.blue{--tc: var(--blue)}.crest.purple{--tc: var(--purple)}.crest.gold{--tc: var(--gold)}.crest.mythic{--tc: var(--red)}.crest.mythic .shield{animation:mythpulse 1.6s infinite}.delta-up{color:var(--green);font-family:Russo One,sans-serif;text-shadow:0 0 8px rgba(61,220,132,.5)}.delta-down{color:var(--red);font-family:Russo One,sans-serif}.ticker{height:24px;overflow:hidden;position:relative;font-size:12px;color:var(--dim);background:linear-gradient(90deg,transparent,rgba(255,182,54,.08),transparent)}.ticker .msg{position:absolute;white-space:nowrap;top:4px;left:100%;animation:tick 22s linear forwards}@keyframes tick{to{transform:translate(calc(-100vw - 100%))}}.frame{position:relative;display:flex;flex-direction:column;min-height:0;border-radius:14px;background:linear-gradient(180deg,#1c2868f0,#0a0f2cf7);box-shadow:0 0 0 1px #000,0 0 0 3px var(--trim),0 0 0 4px #3a2400,inset 0 0 40px #5078ff14,0 16px 40px #0000008c}.frame:before,.frame:after{content:"";position:absolute;top:-9px;width:16px;height:16px;transform:rotate(45deg);z-index:2;background:linear-gradient(135deg,var(--gold1),var(--gold2));box-shadow:0 0 0 2px #3a2400,0 0 10px #ffb63699}.frame:before{left:18px}.frame:after{right:18px}.frame-h{padding:12px 16px 10px;display:flex;align-items:baseline;gap:10px;background:linear-gradient(180deg,rgba(255,182,54,.14),transparent);border-bottom:1px solid rgba(217,167,67,.35);border-radius:14px 14px 0 0}.frame-h h2{font-size:18px;background:linear-gradient(180deg,var(--gold1),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.frame-h .sub{font-size:12px;color:var(--dim);margin-left:auto}.frame-b{padding:14px 16px;overflow:auto;min-height:0;flex:1}.frame-b::-webkit-scrollbar{width:8px}.frame-b::-webkit-scrollbar-thumb{background:#2a3a85;border-radius:4px}.sechead{display:flex;align-items:baseline;justify-content:space-between;margin:4px 0 10px}.sechead h3{font-size:16px;color:var(--gold1)}.sechead .cap{font-size:12px;color:var(--dim)}.sechead .cap.hot{color:var(--gold);font-weight:800}.sechead:not(:first-child){margin-top:18px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:0;font-weight:800;background:linear-gradient(180deg,#3557d4,#1d2f86);color:#fff;text-shadow:0 1px 0 #000;box-shadow:inset 0 1px #ffffff59,0 0 0 1px #0a1240,0 3px #0a1240;transition:transform .06s,filter .1s}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff59,0 0 0 1px #0a1240,0 1px #0a1240}.btn:disabled{filter:grayscale(.8) brightness(.6);cursor:default;transform:none}.btn.gold{background:linear-gradient(180deg,var(--gold1),var(--gold) 50%,var(--gold2));color:#2a1800;text-shadow:0 1px 0 rgba(255,255,255,.4);box-shadow:inset 0 1px #fff8,0 0 0 1px #5a3a00,0 3px #5a3a00,0 0 16px #ffb63659}.btn.danger{background:linear-gradient(180deg,#d4354a,#861d2a);box-shadow:inset 0 1px #ffffff4d,0 0 0 1px #400a12,0 3px #400a12}.btn.big{padding:11px 22px;font-size:16px;font-family:Cinzel,serif}.btn.pulse{animation:btnpulse 1.2s infinite}@keyframes btnpulse{50%{box-shadow:inset 0 1px #fff8,0 0 0 1px #5a3a00,0 3px #5a3a00,0 0 28px #ffb636e6}}.btn .ic{width:18px;height:18px}select{background:#0a1133;color:var(--text);border:1px solid #2a3a85;border-radius:8px;padding:6px 8px;font-weight:700}input[type=checkbox]{accent-color:var(--gold)}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#0a1133;box-shadow:0 0 0 1px #2a3a85;font-size:12px;font-weight:700;cursor:pointer}.gbar{position:relative;height:18px;border-radius:9px;overflow:hidden;background:linear-gradient(180deg,#050816,#0f1740);box-shadow:inset 0 2px 4px #000,0 0 0 1px #000,0 0 0 2px #d9a74359}.gbar>i{position:absolute;inset:0 auto 0 0;border-radius:9px;transition:width .15s linear;box-shadow:inset 0 2px #ffffff59,inset 0 -3px #00000040}.gbar>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;font-weight:800;text-shadow:0 1px 2px #000,0 0 4px #000}.gbar.hp>i{background:linear-gradient(180deg,#ff7a86,var(--hp) 50%,#a3142a)}.gbar.ehp>i{background:linear-gradient(180deg,#d79bff,var(--purple) 50%,#5b1fa8)}.gbar.rage>i{background:linear-gradient(180deg,#ffc08a,var(--rage) 50%,#b54208)}.gbar.fury>i{background:linear-gradient(90deg,#ffd166,#ff8a3d,#ffd166);background-size:200% 100%;animation:furyflow .8s linear infinite;box-shadow:0 0 14px #ff8a3d}@keyframes furyflow{to{background-position:-200% 0}}.gbar.xp>i{background:linear-gradient(180deg,#9fd3ff,var(--xp) 50%,#1d4fb8)}.gbar.sm{height:12px}.gbar.sm>span{font-size:9.5px}.gbar .ticks{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(0,0,0,.45) calc(10% - 1px) 10%);pointer-events:none}.arena{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden;border-radius:16px;box-shadow:0 0 0 1px #000,0 0 0 3px var(--trim),0 0 0 4px #3a2400,0 16px 40px #0009;isolation:isolate}.arena-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:#10194a center / cover no-repeat;transition:background-image .8s;animation:bgdrift 40s ease-in-out infinite alternate;transform-origin:50% 60%}@keyframes bgdrift{to{transform:scale(1.08) translate(-1.5%)}}.arena:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 30%,rgba(4,6,20,.75) 100%),linear-gradient(180deg,rgba(4,6,20,.55),transparent 25%,transparent 55%,rgba(4,6,20,.92))}.arena.boss:before{background:radial-gradient(ellipse at 50% 45%,transparent 30%,rgba(80,0,10,.75) 100%),linear-gradient(180deg,rgba(4,6,20,.55),transparent 25%,transparent 55%,rgba(4,6,20,.92));animation:bosspulse 2s infinite}@keyframes bosspulse{50%{opacity:.75}}.arena.hurt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 60px #ff283c8c;animation:fadeout .35s forwards}.arena-top{display:flex;align-items:center;gap:14px;padding:12px 14px 0;flex-wrap:wrap}.ribbon{flex:none;display:flex;align-items:baseline;gap:10px;padding:6px 18px 6px 14px;border-radius:6px 30px 30px 6px;background:linear-gradient(90deg,color-mix(in srgb,var(--zone) 70%,#000),#0000004d);box-shadow:inset 4px 0 0 var(--zone),0 4px 14px #0006}.ribbon .zn{font-family:Cinzel,serif;font-weight:800;font-size:20px;text-shadow:0 2px 0 #000,0 0 14px var(--zone)}.ribbon .st{font-size:12px;font-weight:700;color:#ffe;opacity:.85;white-space:nowrap}.path{display:flex;gap:6px;align-items:center;flex:1;min-width:160px}.path i{width:12px;height:12px;transform:rotate(45deg);background:#0000008c;box-shadow:0 0 0 1px #ffffff40;flex:none}.path i.done{background:linear-gradient(135deg,var(--gold1),var(--gold));box-shadow:0 0 8px var(--gold)}.path i.cur{background:var(--zone);box-shadow:0 0 12px var(--zone);animation:curpulse 1s infinite}@keyframes curpulse{50%{transform:rotate(45deg) scale(1.35)}}.path i.boss{width:18px;height:18px;box-shadow:0 0 0 2px #ff3b4e}.switch{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:700;text-shadow:0 1px 2px #000}.switch input{display:none}.switch .knob{width:38px;height:20px;border-radius:10px;background:#222b55;position:relative;box-shadow:inset 0 2px 4px #000;transition:background .2s}.switch .knob:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#ccd;transition:left .2s}.switch input:checked+.knob{background:var(--green)}.switch input:checked+.knob:after{left:20px;background:#fff}.foe-wrap{position:relative;flex:1;min-height:120px;display:grid;place-items:center}.foe-aura{position:absolute;width:58%;aspect-ratio:1;max-height:90%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--zone) 45%,transparent),transparent 65%);animation:aura 3s ease-in-out infinite}@keyframes aura{50%{transform:scale(1.12);opacity:.7}}.arena.boss .foe-aura{background:radial-gradient(circle,rgba(255,50,70,.55),transparent 65%)}.foe-img{position:relative;max-height:92%;max-width:70%;object-fit:contain;animation:bob 2.6s ease-in-out infinite;filter:drop-shadow(0 12px 18px rgba(0,0,0,.6)) drop-shadow(0 0 16px color-mix(in srgb,var(--zone) 50%,transparent))}.arena.boss .foe-img{max-height:100%;max-width:85%;filter:drop-shadow(0 12px 18px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(255,50,70,.7))}@keyframes bob{50%{transform:translateY(-8px)}}.foe-wrap.hit .foe-img{animation:hitflash .18s}@keyframes hitflash{30%{filter:brightness(2.2) drop-shadow(0 0 10px #fff);transform:translate(6px) scale(.97)}}.foe-wrap.die .foe-img{animation:die .4s forwards}@keyframes die{to{transform:scale(1.3);opacity:0;filter:blur(6px) brightness(3)}}.foe-wrap.spawn .foe-img{animation:spawn .45s cubic-bezier(.2,1.4,.4,1),bob 2.6s .45s ease-in-out infinite}@keyframes spawn{0%{transform:translateY(-40px) scale(.6);opacity:0}}.foe-wrap.down .foe-img{opacity:.25;filter:grayscale(1)}.dmg-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fnum{position:absolute;font-family:Russo One,sans-serif;font-size:22px;color:#fff;text-shadow:0 2px 0 #000,0 0 2px #000,0 0 2px #000;animation:rise .95s ease-out forwards;white-space:nowrap}.fnum.crit{font-size:34px;color:#ffd166;text-shadow:0 3px 0 #6a3a00,0 0 14px rgba(255,180,0,.8)}.fnum.skill{font-size:30px;color:#7fe3ff;text-shadow:0 3px 0 #003a5a,0 0 14px rgba(0,200,255,.8)}.fnum.fury{font-size:38px;color:var(--rage);font-family:Cinzel,serif;font-weight:800;text-shadow:0 3px 0 #4a1a00,0 0 18px var(--rage)}@keyframes rise{0%{transform:translateY(10px) scale(.6);opacity:0}15%{transform:translateY(0) scale(1.15);opacity:1}to{transform:translateY(-70px) scale(.9);opacity:0}}.plate{width:min(440px,92%);margin:0 auto;padding:8px 12px 10px;border-radius:12px;background:#050819b3;box-shadow:0 0 0 1px #d9a74366;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pname{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-weight:800;font-size:15px;text-shadow:0 1px 2px #000}.pname .php{margin-left:auto;font-size:12px;color:var(--dim);font-family:Russo One,sans-serif}.bossbadge{display:none;font-family:Cinzel,serif;font-size:11px;padding:2px 8px;border-radius:4px;background:linear-gradient(180deg,#ff5a6a,#a3142a);box-shadow:0 0 12px #ff3c50b3}.arena.boss .bossbadge{display:inline-block}.arena.boss .pname{color:#ffb0b8;font-family:Cinzel,serif}.tbar{height:3px;margin-top:5px;border-radius:2px;background:#ffffff14;overflow:hidden}.tbar i{display:block;height:100%;background:var(--zone);transition:width .1s linear}.tbar i.warn{background:var(--red);box-shadow:0 0 6px var(--red)}.hero{display:flex;align-items:center;gap:14px;padding:12px 16px 6px}.weapon{flex:none;transform-origin:70% 90%}.weapon.swing{animation:swing .22s ease-out}@keyframes swing{40%{transform:rotate(-22deg) translate(10px) scale(1.08)}}.weapon.spin{animation:wspin .4s ease-out}@keyframes wspin{50%{transform:rotate(-180deg) scale(1.25);filter:drop-shadow(0 0 16px #7fe3ff)}to{transform:rotate(-360deg)}}.bars{flex:1;display:flex;flex-direction:column;gap:6px}.log{margin:4px 14px 12px;padding:6px 10px;border-radius:10px;background:#040614a6;min-height:104px;font-size:12.5px}.log .ln{padding:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:fin .3s ease-out}.log .ln:nth-child(n+3){opacity:.6}.log .ln:nth-child(n+5){opacity:.35}@keyframes fin{0%{opacity:0;transform:translate(-10px)}}.log .xp{color:var(--dim);font-size:11px;font-weight:400}.log .sys{color:var(--gold1);font-weight:700}.log .bad{color:#ff8a8f;font-weight:700}.log .drop{font-weight:700}.log .mat{color:#9fe8ff}.log .ic{width:18px;height:18px;margin-right:4px}.banner{position:absolute;left:0;right:0;top:34%;text-align:center;pointer-events:none;z-index:5;animation:bnr 2.6s forwards}.banner .b1{font-family:Cinzel,serif;font-weight:800;font-size:46px;letter-spacing:.12em;background:linear-gradient(180deg,#fff,var(--gold1) 40%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #3a2400) drop-shadow(0 0 20px rgba(255,182,54,.8))}.banner .b2{font-weight:800;color:#fff;text-shadow:0 2px 4px #000;letter-spacing:.2em;text-transform:uppercase;font-size:13px}.banner.zone .b1{background:linear-gradient(180deg,#fff,var(--zone));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 #000) drop-shadow(0 0 22px var(--zone))}.banner:before{content:"";position:absolute;left:10%;right:10%;top:50%;height:90px;transform:translateY(-55%);z-index:-1;background:radial-gradient(ellipse,rgba(0,0,0,.7),transparent 70%)}@keyframes bnr{0%{transform:scale(2);opacity:0}12%{transform:scale(1);opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.fly{position:fixed;z-index:45;width:48px;height:48px;pointer-events:none;animation:fly 1.2s cubic-bezier(.5,0,.7,1) forwards}.fly img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px var(--rc, #3ddc84))}.fly.r-green{--rc: var(--green)}.fly.r-blue{--rc: var(--blue)}.fly.r-purple{--rc: var(--purple)}.fly.r-gold{--rc: var(--gold)}.fly.r-red{--rc: var(--red)}@keyframes fly{0%{transform:scale(.4);opacity:0}20%{transform:translateY(-50px) scale(1.3);opacity:1}35%{transform:translateY(-40px) scale(1.2)}to{transform:translate(var(--dx),var(--dy)) scale(.35);opacity:.4}}.t-green{color:var(--green)}.t-blue{color:var(--blue)}.t-purple{color:var(--purple)}.t-gold{color:var(--gold);text-shadow:0 0 10px rgba(255,182,54,.5)}.t-red{color:var(--red);text-shadow:0 0 12px rgba(255,59,78,.7)}.tile{--rc: var(--green);position:relative;width:64px;height:64px;border-radius:12px;flex:none;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--rc) 38%,transparent),#070b22 72%);box-shadow:0 0 0 1px #000,0 0 0 2px color-mix(in srgb,var(--rc) 85%,#000),inset 0 0 14px color-mix(in srgb,var(--rc) 35%,transparent),0 4px 8px #00000080;overflow:hidden;cursor:pointer;transition:transform .12s}.tile:hover{transform:translateY(-3px) scale(1.04)}.tile img{position:absolute;top:2%;right:2%;bottom:2%;left:2%;width:96%;height:96%;object-fit:contain;z-index:1;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--rc) 70%,transparent))}.tile .glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:26px;opacity:.8}.tile.r-blue{--rc: var(--blue)}.tile.r-purple{--rc: var(--purple)}.tile.r-gold{--rc: var(--gold)}.tile.r-red{--rc: var(--red)}.tile.r-gold:after,.tile.r-red:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:2;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%);animation:sheen 3.2s ease-in-out infinite;pointer-events:none}@keyframes sheen{0%{transform:translate(-60%)}60%,to{transform:translate(60%)}}.tile.r-red{animation:mythpulse 1.6s ease-in-out infinite}@keyframes mythpulse{50%{box-shadow:0 0 0 1px #000,0 0 0 2px var(--red),0 0 24px var(--red),inset 0 0 20px #ff3b4e80}}.tile .enh{position:absolute;right:4px;top:2px;font-family:Russo One,sans-serif;font-size:13px;color:#fff;z-index:3;text-shadow:0 0 3px #000,0 0 3px #000,0 0 10px var(--rc)}.tile .new{position:absolute;left:5px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);z-index:3;animation:twinkle 1s infinite}.tile .lock{position:absolute;left:3px;bottom:1px;font-size:11px;z-index:3}.tile .perfect{position:absolute;right:4px;bottom:1px;font-size:14px;color:#fff;z-index:3;text-shadow:0 0 8px #fff,0 0 14px var(--gold);animation:twinkle 1.2s infinite}@keyframes twinkle{50%{opacity:.4}}.tile.empty{--rc: #2a3a85;background:radial-gradient(circle,#121b4a,#070b22);cursor:default;box-shadow:inset 0 2px 6px #000,0 0 0 1px #1d2a66}.tile.empty:hover{transform:none}.tile.empty .glyph{opacity:.18;font-size:24px}.tile.e7{box-shadow:0 0 0 1px #000,0 0 0 2px var(--rc),0 0 14px color-mix(in srgb,var(--rc) 80%,transparent),inset 0 0 16px color-mix(in srgb,var(--rc) 40%,transparent)}.tile.e9{animation:enhpulse 1.4s ease-in-out infinite}@keyframes enhpulse{50%{box-shadow:0 0 0 1px #000,0 0 0 2px var(--rc),0 0 26px var(--rc),inset 0 0 24px color-mix(in srgb,var(--rc) 55%,transparent)}}.tile.e10:before{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;z-index:0;background:conic-gradient(from 0deg,transparent,var(--rc),#fff,var(--rc),transparent 40%);animation:spin 2.4s linear infinite;opacity:.6}@keyframes spin{to{transform:rotate(1turn)}}.tile.sm{width:46px;height:46px;border-radius:9px}.tile.lg{width:140px;height:140px;border-radius:18px}.tile.xl{width:116px;height:116px;border-radius:16px}.tile.hero{width:86px;height:86px;border-radius:50%}.tile.sel{outline:3px solid var(--gold);outline-offset:2px}.doll{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start}.doll .col{display:flex;flex-direction:column;gap:8px}.doll .mid{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:4px}.slot{display:flex;flex-direction:column;align-items:center;gap:2px}.slot>span{font-size:9.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}.slot .tile{width:58px;height:58px}.slot.main .tile{width:116px;height:116px}.powerplaque{text-align:center;padding:6px 16px;border-radius:10px;background:linear-gradient(180deg,#ffb63638,#ffb6360a);box-shadow:0 0 0 1px #d9a74399}.powerplaque .k{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold1)}.powerplaque .v{font-family:Russo One,sans-serif;font-size:24px;color:#fff;text-shadow:0 2px 0 #3a2400,0 0 12px rgba(255,182,54,.6)}.setgauge{text-align:center;font-size:10px;color:var(--gold1);font-family:Cinzel,serif}.setgauge .pips{display:flex;gap:4px;justify-content:center;margin-bottom:3px}.setgauge i{width:10px;height:10px;transform:rotate(45deg);background:#1b2560;box-shadow:0 0 0 1px #3a4a95}.setgauge i.on{background:var(--gold);box-shadow:0 0 8px var(--gold)}.setbox{margin-top:14px;padding:8px 10px;border-radius:10px;background:#ffb6360f;box-shadow:0 0 0 1px #d9a7434d;font-size:12px}.setbox .on{color:var(--gold);font-weight:700}.setbox .off{color:var(--faint)}.stats{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.st{display:grid;grid-template-columns:20px 1fr;grid-template-rows:auto auto;padding:6px 8px;border-radius:8px;background:#00000040;box-shadow:inset 0 0 0 1px #1f2b6a}.st .g{grid-row:span 2;font-size:16px;align-self:center}.st .k{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.st .v{font-family:Russo One,sans-serif;font-size:15px}.itabs{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:10px 8px 8px;border-bottom:1px solid rgba(217,167,67,.35);background:linear-gradient(180deg,rgba(255,182,54,.1),transparent);border-radius:14px 14px 0 0}.itabs button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;background:none;border:0;border-radius:10px;color:var(--dim);font-size:10px;font-weight:700}.itabs .ti{width:34px;height:34px;object-fit:contain;filter:saturate(.6) brightness(.8);transition:transform .15s,filter .15s}.itabs button:hover .ti{transform:translateY(-2px) scale(1.08);filter:none}.itabs button.on{color:var(--gold1);background:radial-gradient(circle at 50% 40%,rgba(255,182,54,.25),transparent 70%)}.itabs button.on .ti{filter:drop-shadow(0 0 8px rgba(255,182,54,.7));transform:scale(1.1)}.badge{position:absolute;top:0;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(180deg,#ff6a7a,#c4142e);color:#fff;font-size:11px;line-height:18px;box-shadow:0 0 0 2px #0a1033,0 0 8px #ff3c50b3;animation:badgepop .4s}@keyframes badgepop{0%{transform:scale(0)}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:9px;justify-items:center}.grid>.small{grid-column:1 / -1;justify-self:start}.matsrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.mat{display:flex;align-items:center;gap:4px;padding:3px 10px 3px 4px;border-radius:999px;background:#0a1133;box-shadow:0 0 0 1px #2a3a85;font-family:Russo One,sans-serif}.mat .ic{width:24px;height:24px}.card2{padding:12px;border-radius:12px;background:#00000040;box-shadow:inset 0 0 0 1px #1f2b6a}.odds{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:13px}.codexrow{display:flex;align-items:center;gap:6px;margin-bottom:6px}.codexrow .nm{width:130px;font-size:12px;color:var(--dim);flex:none}.tile.unfound img{filter:brightness(0) opacity(.35)}.findrow{display:flex;gap:10px;align-items:center;padding:6px;border-radius:10px;margin-bottom:6px;background:#0003}.talents{display:grid;grid-template-columns:1fr 1fr;gap:10px}.talent{padding:10px;border-radius:12px;background:linear-gradient(180deg,#16215c,#0b1238);box-shadow:inset 0 0 0 1px #2a3a85;display:flex;flex-direction:column;gap:6px}.talent.has{box-shadow:inset 0 0 0 1px var(--gold2),0 0 12px #ffb63626}.talent.maxed{box-shadow:inset 0 0 0 2px var(--gold),0 0 16px #ffb63659}.talent .tn{font-family:Cinzel,serif;font-weight:800;color:var(--gold1)}.talent .td{font-size:12px;color:var(--dim);flex:1}.talent .pips{display:flex;gap:4px}.talent .pips i{width:14px;height:6px;border-radius:3px;background:#1b2560}.talent .pips i.on{background:var(--gold);box-shadow:0 0 6px var(--gold)}.bounty{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;margin-bottom:8px;background:linear-gradient(90deg,#17225e,#0b1238);box-shadow:inset 0 0 0 1px #2a3a85}.bounty.done:not(.claimed){box-shadow:inset 0 0 0 2px var(--gold),0 0 18px #ffb63640}.bounty.claimed{opacity:.5}.bounty.bonus{background:linear-gradient(90deg,#3a2a0a,#0b1238)}.bounty .bi{width:44px;height:44px;object-fit:contain;flex:none}.bounty .bt{flex:1;display:flex;flex-direction:column;gap:4px}.bounty .bn{font-weight:800}.bounty .tick{font-size:22px;color:var(--green);font-weight:800}.rewards{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.rewards.sm{justify-content:flex-start}.rw{display:inline-flex;align-items:center;gap:2px;font-family:Russo One,sans-serif;font-size:12px;padding:1px 8px 1px 2px;border-radius:999px;background:#00000059}.rw .ic{width:22px;height:22px}.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.feat{--fc: #cd7f32;padding:8px 6px;border-radius:12px;text-align:center;background:linear-gradient(180deg,#16215c,#0b1238);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fc) 50%,#000)}.feat.silver{--fc: #c9d3ea}.feat.gold{--fc: #ffcf5a}.feat.mythic{--fc: #ff3b4e}.feat .fi{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--fc) 70%,transparent))}.feat .ft{font-family:Cinzel,serif;font-weight:800;font-size:12px;color:var(--fc)}.feat .fd{font-size:10.5px;color:var(--dim)}.feat .fs{font-size:10px;font-weight:800;margin-top:3px;color:var(--dim)}.feat .fs.hot{color:var(--gold)}.feat.locked{opacity:.55}.feat.locked .fi{filter:grayscale(1) brightness(.5)}.feat.ready{cursor:pointer;box-shadow:inset 0 0 0 2px var(--fc),0 0 18px color-mix(in srgb,var(--fc) 50%,transparent);animation:btnpulse 1.2s infinite}.feat.claimed{cursor:pointer}.podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;align-items:end;margin-bottom:12px}.pod{text-align:center}.pod .pn{font-weight:800;font-size:12px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pod .pb{border-radius:10px 10px 4px 4px;padding:8px 4px;display:flex;flex-direction:column;gap:2px;font-size:10px}.pod .pb b{font-family:Russo One,sans-serif;font-size:22px}.pod.p1 .pb{height:96px;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:#2a1800;box-shadow:0 0 20px #ffb63680}.pod.p2 .pb{height:76px;background:linear-gradient(180deg,#eef2ff,#8a95b8);color:#10183a}.pod.p3 .pb{height:62px;background:linear-gradient(180deg,#f0b07a,#8a4e1e);color:#2a1200}.pod.you .pn{color:var(--gold)}.rank{display:grid;grid-template-columns:44px 1fr auto auto;gap:8px;padding:7px 10px;border-radius:10px;align-items:center;margin-bottom:3px;background:#00000038;box-shadow:inset 3px 0 0 var(--tc, #2a3a85)}.rank .n{font-family:Russo One,sans-serif;color:var(--dim)}.rank .rn{font-weight:700}.rank .rp{font-family:Russo One,sans-serif;font-size:13px}.rank.you{background:linear-gradient(90deg,#ffb63647,#ffb6360d);box-shadow:inset 0 0 0 1px var(--gold),0 0 14px #ffb6364d}.t-goldb{--tc: var(--gold)}.t-purpleb{--tc: var(--purple)}.t-blueb{--tc: var(--blue)}.t-greenb{--tc: var(--green)}.card{--rc: var(--green);width:320px;max-width:100%;border-radius:16px;padding:14px;position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 22%,#16205a),#0a1033 60%);box-shadow:0 0 0 1px #000,0 0 0 2px var(--rc),0 0 34px color-mix(in srgb,var(--rc) 35%,transparent),0 20px 40px #00000080}.card.r-blue{--rc: var(--blue)}.card.r-purple{--rc: var(--purple)}.card.r-gold{--rc: var(--gold)}.card.r-red{--rc: var(--red)}.card .cn{font-family:Cinzel,serif;font-weight:800;font-size:19px;color:var(--rc);text-shadow:0 0 12px color-mix(in srgb,var(--rc) 50%,transparent)}.card .cr{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.1em}.card .cimg{display:flex;justify-content:center;margin:10px 0}.card .ln2{display:flex;justify-content:space-between;font-size:13px;padding:2px 0}.card .imp{font-weight:800}.card .aff{color:#9fd3ff}.card .q{font-size:10px;color:var(--faint);margin-left:6px}.card .q.hi{color:var(--gold)}.card .uniq{margin-top:8px;color:var(--gold);font-style:italic;font-size:13px}.card .sep{height:1px;background:linear-gradient(90deg,transparent,var(--rc),transparent);opacity:.4;margin:8px 0}.cmp-up{color:var(--green);font-weight:800}.cmp-down{color:var(--red);font-weight:800}.perfectbadge{color:#fff;font-weight:800;font-size:12px;letter-spacing:.15em;text-shadow:0 0 10px var(--gold);animation:twinkle 1.2s infinite}.card{--rx: 0deg;--ry: 0deg;--gx: 50%;--gy: 30%;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .15s ease-out;overflow:hidden}.card>*:not(.fx){position:relative;z-index:1}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,255,255,.18),transparent 45%);mix-blend-mode:screen}.card.r-gold{animation:goldframe 2.4s ease-in-out infinite}@keyframes goldframe{50%{box-shadow:0 0 0 1px #000,0 0 0 2px #fff3c4,0 0 50px #ffb636b3,0 20px 40px #00000080}}.card.r-red{animation:redframe 1.3s ease-in-out infinite}@keyframes redframe{50%{box-shadow:0 0 0 1px #000,0 0 0 2px #ff9aa4,0 0 60px #ff283cd9,0 20px 40px #00000080}}.card .cimg{position:relative;height:240px;display:grid;place-items:center;margin:4px -8px 8px}.card .cimg img{max-width:100%;max-height:240px;object-fit:contain;animation:itemfloat 3.4s ease-in-out infinite;filter:drop-shadow(0 10px 14px rgba(0,0,0,.6)) drop-shadow(0 0 14px color-mix(in srgb,var(--rc) 70%,transparent))}.card.r-gold .cimg img,.card.r-red .cimg img{animation:itemfloat 3.4s ease-in-out infinite,itemglow 2.2s ease-in-out infinite}@keyframes itemfloat{50%{transform:translateY(-8px) rotate(-1.5deg)}}@keyframes itemglow{50%{filter:drop-shadow(0 10px 14px rgba(0,0,0,.6)) drop-shadow(0 0 28px var(--rc)) brightness(1.15)}}.card .cenh{position:absolute;right:8px;top:4px;font-family:Russo One,sans-serif;font-size:26px;color:#fff;text-shadow:0 2px 0 #000,0 0 14px var(--rc)}.fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit}.fx .rays{position:absolute;left:50%;top:178px;width:640px;height:640px;margin:-320px 0 0 -320px;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rc) 30%,transparent) 0 5deg,transparent 5deg 15deg);-webkit-mask-image:radial-gradient(circle,#000 5%,transparent 55%);mask-image:radial-gradient(circle,#000 5%,transparent 55%);animation:spin 22s linear infinite}.fx .aura{position:absolute;left:50%;top:178px;width:260px;height:260px;margin:-130px 0 0 -130px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rc) 55%,transparent),transparent 65%);animation:aura 2.6s ease-in-out infinite}.fx .cracks{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(115deg,transparent 0 38px,rgba(255,40,60,.35) 38px 40px,transparent 40px 90px);animation:flicker 1.1s steps(2) infinite;mix-blend-mode:screen}@keyframes flicker{50%{opacity:.25;transform:translate(6px)}}.fx .ring{position:absolute;left:50%;top:178px;width:230px;height:230px;margin:-115px 0 0 -115px;border-radius:50%;background:conic-gradient(from 0deg,transparent,var(--rc),#fff,var(--rc),transparent 45%);animation:spin 2.2s linear infinite;-webkit-mask-image:radial-gradient(circle,transparent 58%,#000 60%,#000 64%,transparent 66%);mask-image:radial-gradient(circle,transparent 58%,#000 60%,#000 64%,transparent 66%)}.fx i{position:absolute;bottom:-8px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 6px var(--rc),0 0 12px var(--rc);animation:ember linear infinite;opacity:0}@keyframes ember{0%{transform:translate(0) scale(1);opacity:0}15%{opacity:1}to{transform:translate(var(--x),-460px) scale(.3);opacity:0}}.pows{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center}.pows div{padding:4px;border-radius:8px;background:#0000004d;display:flex;flex-direction:column;font-size:10px;color:var(--dim)}.pows b{font-family:Russo One,sans-serif;font-size:15px;color:var(--text)}.pows .cmp-up,.pows .cmp-down{font-size:10px}.clstag{--cc: #8a95b8;display:inline-block;margin-left:4px;padding:0 6px;border-radius:4px;font-size:9.5px;color:#fff;background:color-mix(in srgb,var(--cc) 45%,#000);letter-spacing:.05em}.tile.other{filter:grayscale(.7) brightness(.6)}.tile.other:hover{filter:none}.classsel{background:radial-gradient(circle at 50% 30%,#1d2f8a,#050816 75%)}.cstitle{font-size:34px;text-align:center;background:linear-gradient(180deg,#fff,var(--gold1),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.classes{display:grid;grid-template-columns:repeat(5,200px);gap:14px;margin-top:10px}.clscard{--rc: var(--cc);position:relative;overflow:hidden;padding:14px 12px;border-radius:16px;border:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 30%,#16205a),#0a1033);box-shadow:0 0 0 1px #000,0 0 0 2px var(--cc),0 10px 30px #00000080;transition:transform .15s}.clscard:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 0 0 1px #000,0 0 0 2px var(--cc),0 0 40px var(--cc)}.clscard>*:not(.fx){position:relative;z-index:1}.clscard img{width:150px;height:150px;object-fit:contain;animation:itemfloat 3.4s ease-in-out infinite;filter:drop-shadow(0 0 16px var(--cc))}.clscard .fx .rays,.clscard .fx .aura{top:90px}.clscard .cnm{font-family:Cinzel,serif;font-weight:800;font-size:22px;color:var(--cc);text-shadow:0 2px 0 #000}.clscard .ctag{font-size:12px;color:var(--text);min-height:32px}.clscard .ckit{font-size:11px;color:var(--dim)}.herorow{--cc: #888;display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;margin-bottom:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--cc) 18%,#16215c),#0b1238);box-shadow:inset 3px 0 0 var(--cc),inset 0 0 0 1px #2a3a85}.herorow.active{box-shadow:inset 3px 0 0 var(--cc),inset 0 0 0 2px var(--gold),0 0 16px #ffb63640}.herorow.locked .hport img{filter:grayscale(1) brightness(.4)}.hport{width:58px;height:58px;flex:none;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle,color-mix(in srgb,var(--cc) 40%,transparent),#070b22 70%);box-shadow:0 0 0 2px var(--cc)}.hport img{width:52px;height:52px;object-fit:contain}.hinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.hn{font-family:Cinzel,serif;font-weight:800;color:var(--cc)}.hbtns{display:flex;flex-direction:column;gap:4px}.hbtns .btn{padding:6px 10px;font-size:12px}.exppick{margin-top:8px;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 0 0 2px var(--gold)}.kitbox{margin-top:12px;padding:7px 10px;border-radius:10px;font-size:12px;background:color-mix(in srgb,var(--cc) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc) 60%,transparent)}.kitbox b{color:var(--cc)}.pathpick{--cc: var(--gold);padding:12px;border-radius:14px;margin-bottom:12px;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 22%,#16205a),#0b1238);box-shadow:inset 0 0 0 2px var(--gold),0 0 24px #ffb63659;animation:btnpulse 1.6s infinite}.pathpick .title{font-size:20px;color:var(--gold1)}.paths{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.pathcard{--rc: var(--cc);position:relative;overflow:hidden;border:0;border-radius:12px;padding:14px 10px;text-align:center;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#1c2a7a,#0a1033);box-shadow:0 0 0 1px #000,0 0 0 2px var(--cc);transition:transform .15s}.pathcard:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 0 0 1px #000,0 0 0 2px var(--cc),0 0 30px var(--cc)}.pathcard>*:not(.fx){position:relative;z-index:1}.pathcard .fx .rays,.pathcard .fx .aura{top:30px}.pathcard .pn{font-family:Cinzel,serif;font-weight:800;font-size:16px;overflow-wrap:anywhere;color:var(--cc);text-shadow:0 2px 0 #000}.pathcard .pt{font-style:italic;font-size:12px}.pathcard .pp{font-size:12px;color:var(--gold1);font-weight:700}.pathline{margin:-2px 0 12px;font-family:Cinzel,serif;font-size:13px;color:var(--dim)}.pathline .cur{color:var(--gold);font-weight:800;text-shadow:0 0 10px rgba(255,182,54,.5)}.reqwarn{margin-top:8px;color:#ff8a8f;font-weight:800;font-size:13px}.clstag.tier{background:linear-gradient(180deg,#5a6aa8,#2a3570)}.netchip{border:0;padding:6px 12px;border-radius:999px;font-weight:800;font-size:12px;color:var(--text);background:linear-gradient(180deg,#2a3a85,#141f57);box-shadow:0 0 0 1px #3a4a95;display:flex;align-items:center;gap:6px}.netchip.on{box-shadow:0 0 0 1px var(--green)}.dotlive{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-right:4px;animation:twinkle 1.6s infinite}.account{width:min(380px,100%);text-align:left;align-items:stretch}.account .title{text-align:center}.fld{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--dim);font-weight:700}.fld input{padding:9px 10px;border-radius:8px;border:1px solid #2a3a85;background:#0a1133;color:var(--text);font:inherit;font-size:14px}.offlinenote{margin-top:12px;font-size:13px}.offlinenote a,.card2 a{color:var(--gold1);font-weight:800}.arenaMe{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:12px;background:linear-gradient(90deg,rgba(255,182,54,.15),transparent);box-shadow:inset 0 0 0 1px #d9a74366}.arenaMe .rating{display:flex;flex-direction:column;align-items:center}.arenaMe .rating .k{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold1)}.arenaMe .rating b{font-family:Russo One,sans-serif;font-size:26px;text-shadow:0 0 12px rgba(255,182,54,.5)}.arenaMe .btn{margin-left:auto}.opp{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;margin-bottom:8px;background:linear-gradient(90deg,#17225e,#0b1238);box-shadow:inset 0 0 0 1px #2a3a85}.duel{position:relative;width:min(560px,94vw);padding:24px 16px;border-radius:18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;background:radial-gradient(circle at 50% 40%,#2a1c6a,#0a1033 70%);box-shadow:0 0 0 1px #000,0 0 0 3px var(--trim),0 20px 50px #0009;overflow:hidden}.dside{display:flex;flex-direction:column;align-items:center;gap:6px}.dside .dw{width:120px;height:120px;display:grid;place-items:center}.dside .dw img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 14px rgba(255,182,54,.5))}.dside.r .dw{transform:scaleX(-1)}.dside .dw.swing{animation:swing .22s ease-out}.dside .dn{font-family:Cinzel,serif;font-weight:800}.dside .gbar{width:100%}.vs{font-family:Cinzel,serif;font-weight:800;font-size:28px;color:var(--gold);text-shadow:0 0 14px var(--gold)}.dlayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dres{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#040614bf}.dres.show{display:flex;animation:fade .3s}.dres .b1{font-family:Cinzel,serif;font-weight:800;font-size:40px;color:var(--gold);text-shadow:0 0 20px var(--gold)}.dres .b1.lose{color:#ff8a8f;text-shadow:0 0 20px var(--red)}.raidhead h3{color:#9ff0ff}.raidboss{display:flex;gap:10px;align-items:center;margin:10px 0;padding:8px;border-radius:12px;background:#00000040;box-shadow:inset 0 0 0 1px #2a5a85}.raidboss .rb{width:84px;height:84px;object-fit:contain;flex:none;filter:drop-shadow(0 0 12px #4ce0ff)}.vtier.raidmode{background:linear-gradient(90deg,#0a2a3a,#0b1238);box-shadow:inset 0 0 0 1px #2a6a85}.vtier.raidmode .vt{color:#9ff0ff}.arena.raid .ribbon{box-shadow:inset 4px 0 #4ce0ff,0 0 24px #4ce0ff80}.arena.raid .foe-img{max-height:100%;max-width:90%}.vaulthead{border-radius:12px;overflow:hidden;background-size:cover;background-position:center;min-height:120px;display:flex;align-items:flex-end}.vaulthead>div{width:100%;padding:12px;background:linear-gradient(0deg,#040614f2,#0406144d)}.vaulthead h3{font-size:20px;color:#ffcf8a;text-shadow:0 2px 4px #000}.vtier{display:grid;grid-template-columns:70px 1fr auto;gap:8px;align-items:center;padding:10px;border-radius:12px;margin-bottom:8px;background:linear-gradient(90deg,#2a1d0a,#0b1238);box-shadow:inset 0 0 0 1px #6a4a1a}.vtier .vt{font-family:Cinzel,serif;font-weight:800;font-size:18px;color:#ffcf8a}.vtier.locked{opacity:.5}.arena.dungeon .ribbon{box-shadow:inset 4px 0 #e0a050,0 0 20px #e0a05080}.fnum.ally{font-size:18px;color:#9fe8b0;text-shadow:0 2px 0 #003a10}.fnum.burn{font-size:18px;color:#ff8a3d;text-shadow:0 2px 0 #4a1a00,0 0 8px #ff5a1a}.chestitems{width:100%}.chestitems .tile{animation:pop .4s cubic-bezier(.2,1.6,.4,1) both}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#030512c7;display:grid;place-items:center;z-index:50;animation:fade .2s;padding:16px}@keyframes fade{0%{opacity:0}}.modal .box{max-height:92vh;overflow-y:auto;overflow-x:hidden;padding:10px;display:flex;flex-direction:column;align-items:center;gap:12px}.toasts{position:fixed;top:84px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:40;pointer-events:none;align-items:center}.toast{--rc: var(--blue);display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:#080c24f2;box-shadow:0 0 0 2px var(--rc),0 0 22px color-mix(in srgb,var(--rc) 45%,transparent);font-weight:800;animation:toastin .35s cubic-bezier(.2,1.4,.4,1),fade .4s 3.2s reverse forwards}@keyframes toastin{0%{transform:translateY(-20px) scale(.8);opacity:0}}.toast.r-purple{--rc: var(--purple)}.toast.r-gold{--rc: var(--gold)}.toast.r-red{--rc: var(--red)}.reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#02030ce0;animation:fade .3s;overflow:hidden}.reveal .beam{position:absolute;left:50%;top:-10%;width:220px;height:120%;transform:translate(-50%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--rc) 55%,transparent),transparent);filter:blur(8px);animation:beam 1.2s ease-out}@keyframes beam{0%{transform:translate(-50%) scaleX(.05);opacity:0}40%{opacity:1}}.reveal .rays{position:absolute;left:50%;top:50%;width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rc) 24%,transparent) 0 6deg,transparent 6deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 10%,transparent 65%);mask-image:radial-gradient(circle,#000 10%,transparent 65%);animation:spin 14s linear infinite}.reveal .card{animation:flip .9s .5s cubic-bezier(.2,1.2,.3,1) both}@keyframes flip{0%{transform:perspective(800px) rotateY(180deg) scale(.5);opacity:0}}.reveal .hdr{position:absolute;top:9%;font-family:Cinzel,serif;font-weight:800;font-size:32px;color:var(--rc);text-shadow:0 0 24px var(--rc);letter-spacing:.2em;animation:fade .6s .3s both;text-align:center}.reveal.r-gold{--rc: var(--gold)}.reveal.r-red{--rc: var(--red)}.flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#fff;pointer-events:none;animation:flash .5s forwards}@keyframes flash{0%{opacity:.85}to{opacity:0}}.chestbox{width:min(360px,100%);padding:20px;border-radius:18px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center;background:linear-gradient(180deg,#1c2a7a,#0a1033);box-shadow:0 0 0 1px #000,0 0 0 3px var(--trim),0 20px 50px #0009}.chestbox .title{font-size:22px;font-weight:800;color:var(--gold1)}.chest{position:relative;width:170px;height:150px;display:grid;place-items:center}.chest img{position:absolute;width:100%;height:100%;object-fit:contain}.chest .c-closed{animation:chestshake .25s 3 .1s}@keyframes chestshake{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.chest .c-open{opacity:0}.chest .glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;border-radius:50%;background:radial-gradient(circle,rgba(255,220,120,.9),transparent 60%);opacity:0}.chestbox.opened .c-closed{opacity:0}.chestbox.opened .c-open{opacity:1;animation:pop .4s cubic-bezier(.2,1.6,.4,1)}.chestbox.opened .glow{animation:burst .9s ease-out}.chestbox .rewards{opacity:0}.chestbox.opened .rewards{opacity:1;animation:pop .5s .2s cubic-bezier(.2,1.6,.4,1) both}.chestbox .rw{font-size:16px;padding:3px 12px 3px 3px}.chestbox .rw .ic{width:34px;height:34px}.chest.sm{width:110px;height:90px;margin:0 auto}@keyframes pop{0%{transform:scale(.3);opacity:0}}.forge{display:flex;flex-direction:column;align-items:center;gap:10px}.anvil{position:relative;display:grid;place-items:center;padding-bottom:26px}.anvil .anv{position:absolute;bottom:0;width:170px;height:90px;object-fit:contain;opacity:.9;filter:drop-shadow(0 0 10px rgba(80,220,255,.4))}.forge .fname{font-family:Cinzel,serif;font-weight:800;font-size:18px}.forge .chance{font-family:Russo One,sans-serif;font-size:40px;text-shadow:0 3px 0 #000}.forge .stage{position:relative;padding:10px;z-index:1}.forge .stage.strike{animation:shake .12s 3}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.forge .stage.ok:after,.forge .stage.fail:after{content:"";position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;border-radius:50%;pointer-events:none;animation:burst .7s ease-out forwards}.forge .stage.ok:after{background:radial-gradient(circle,rgba(255,214,102,.95),transparent 60%)}.forge .stage.fail:after{background:radial-gradient(circle,rgba(255,59,78,.75),transparent 60%)}@keyframes burst{0%{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}.forge .res{font-family:Cinzel,serif;font-weight:800;font-size:18px;min-height:24px}.ladder{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;width:100%}.ladder div{text-align:center;font-size:11px;padding:5px 0;border-radius:5px;background:#0a1133;color:var(--faint);font-family:Russo One,sans-serif}.ladder div.reached{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:#2a1800;box-shadow:0 0 8px #ffb63680}.ladder div.risk{box-shadow:inset 0 -2px 0 var(--red)}.report{width:min(560px,100%);padding:20px;border-radius:18px;text-align:center;background:linear-gradient(180deg,#1c2a7a,#0a1033);box-shadow:0 0 0 1px #000,0 0 0 3px var(--trim),0 20px 50px #0009}.report h2{color:var(--gold1);font-size:24px}.repstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.repstats div{padding:8px;border-radius:10px;background:#0000004d;display:flex;flex-direction:column}.repstats b{font-family:Russo One,sans-serif;font-size:18px;color:var(--gold1)}.repstats span{font-size:11px;color:var(--dim)}.report .grid{margin-top:12px}.report .tile{animation:flip .6s both}@media (max-width: 1200px){.main{grid-template-columns:300px 1fr;grid-template-rows:1fr 1fr}.main>.p-battle{grid-column:2;grid-row:1 / span 2}.main>.p-char{grid-row:1}.main>.p-side{grid-row:2;grid-column:1}.itabs{grid-template-columns:repeat(5,1fr)}.classes{grid-template-columns:repeat(3,180px)}.slot .tile{width:50px;height:50px}.slot.main .tile{width:92px;height:92px}.doll{gap:6px}}@media (max-width: 760px){.slot .tile{width:58px;height:58px}.slot.main .tile{width:116px;height:116px}.hud{gap:8px;padding:6px 10px}.brand{font-size:16px}.brand .gem,.who .nm,.res .rchip:nth-child(n+3){display:none}.lvbadge{width:40px;height:40px}.crest .shield{width:44px;height:48px;font-size:13px}.main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:8px 10px 10px}.main>*{min-width:0}.brand{font-size:0;gap:0}.brand .gem{display:block}.res{gap:4px}.rchip{padding:2px 8px 2px 2px;font-size:12px}.crest #h-delta{display:none}.arena-top{gap:8px}.path{min-width:0}.path i{width:9px;height:9px}.path i.boss{width:13px;height:13px}.main>.frame,.main>.arena{display:none;grid-column:1;grid-row:1}body[data-view=battle] .p-battle,body[data-view=gear] .p-char,body[data-view=side] .p-side{display:flex}.bottomnav{display:flex;background:linear-gradient(180deg,#121c55,#0a1033);box-shadow:0 -2px 0 var(--trim);padding-bottom:env(safe-area-inset-bottom)}.bottomnav button{position:relative;flex:1;background:none;border:0;padding:6px 0 8px;color:var(--dim);font-weight:800;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:2px}.bottomnav .nic{width:30px;height:30px;object-fit:contain;filter:grayscale(.6) brightness(.8)}.bottomnav button.on{color:var(--gold1)}.bottomnav button.on .nic{filter:drop-shadow(0 0 6px rgba(255,182,54,.7))}.nbadge:not(:empty){position:absolute;top:2px;left:58%;min-width:18px;height:18px;border-radius:9px;background:#e0223a;color:#fff;font-size:11px;line-height:18px}.itabs{grid-template-columns:repeat(5,1fr)}.feats,.classes{grid-template-columns:repeat(2,1fr)}.clscard img{width:100px;height:100px}.cstitle{font-size:24px}.card .cimg{height:160px}.card .cimg img{max-height:156px}.talents{grid-template-columns:1fr}.banner .b1{font-size:32px}.toasts{top:70px}.log{min-height:84px}}.subtabs{display:flex;gap:6px;margin:0 0 12px;padding:4px;border-radius:12px;background:#0000004d;box-shadow:inset 0 0 0 1px #d9a74340}.subtabs button{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 4px;border:0;border-radius:9px;background:none;color:var(--dim);font-weight:800;font-size:12px;cursor:pointer}.subtabs button .ti{width:22px;height:22px;object-fit:contain}.subtabs button.on{color:#2a1500;background:linear-gradient(180deg,var(--gold1),var(--gold));box-shadow:0 2px 10px #ffb63666}.subtabs .badge{position:absolute;top:-4px;right:4px}.mat.short b{color:#ff8a8f}.affrow{display:grid;grid-template-columns:1fr 110px;gap:6px 8px;align-items:center;width:100%;padding:8px;margin-top:8px;border-radius:10px;background:#00000040;text-align:left}.affrow .btn{font-size:11px;padding:5px 6px;display:flex;gap:4px;align-items:center;justify-content:center}.affrow .btn .mat{font-size:11px}.affrow .roll{margin:0}.slotpick{flex-wrap:wrap;gap:4px;margin-bottom:10px}.slotpick .btn{font-size:11px;padding:5px 8px}.ascfeed{display:flex;align-items:center;gap:12px;margin:10px 0;padding:10px;border-radius:12px;background:#00000040}.ascfeed .grid{display:grid;grid-template-columns:repeat(3,48px);gap:4px}.ascfeed .arrow{font-size:26px;color:var(--gold);animation:ascpulse 1.4s ease-in-out infinite}.ascout{animation:ascglow 2s ease-in-out infinite}@keyframes ascpulse{50%{transform:translate(4px);opacity:.6}}@keyframes ascglow{50%{filter:brightness(1.35) drop-shadow(0 0 10px var(--gold))}}.chatch{margin-bottom:8px}.chatlog{height:min(52vh,460px);overflow-y:auto;padding:8px;border-radius:12px;background:#00000059;box-shadow:inset 0 0 0 1px #5ab0ff33;font-size:13px}.cl{padding:3px 2px;line-height:1.35;word-break:break-word}.cl .ct{color:var(--faint);font-size:10px;margin-right:6px}.cl b{color:var(--xp)}.cl.me b{color:var(--gold1)}.cl.loot{padding:4px 6px;margin:2px 0;border-radius:8px;background:linear-gradient(90deg,rgba(255,182,54,.14),transparent)}.chatform{display:flex;gap:6px;margin:8px 0 4px}.chatform input{flex:1;min-width:0;padding:9px 10px;border-radius:10px;border:1px solid #2a3a7a;background:#0a1030;color:var(--text);font:inherit}.guildhead{display:flex;gap:10px;align-items:center;margin-bottom:8px}.guildhead .gi{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(90,176,255,.6))}.guildhead h3{margin:0;font-family:Cinzel,serif}.gtag{color:var(--gold)}.gcreate{display:grid;gap:8px}.rank .btn{padding:4px 8px;font-size:11px}.rank.member{flex-wrap:wrap}.role{font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:6px;background:#1a2a6c;color:var(--dim)}.role.leader{background:var(--gold);color:#2a1500}.role.officer{background:#3d6bff;color:#fff}.bossclaim{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;box-shadow:inset 0 0 0 1px var(--gold)}.wboss{position:relative;display:grid;justify-items:center;gap:8px;padding:14px 10px;border-radius:14px;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(255,59,78,.28),transparent 65%),#0000004d;box-shadow:inset 0 0 0 1px #ff3b4e66}.wb-art{position:relative;width:170px;height:170px}.wb-art .wbi{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,59,78,.7));animation:wbfloat 3.2s ease-in-out infinite}.wb-art.hit .wbi{animation:wbhit .35s}.wboss.dead .wbi{filter:grayscale(1) brightness(.5);animation:none}.wb-name{font-family:Cinzel,serif;font-weight:800;font-size:20px;color:#ffb3ba;letter-spacing:1px}.gbar.big{width:100%;height:22px}.fnum.big{font-size:44px;left:35%;top:30%}@keyframes wbfloat{50%{transform:translateY(-6px)}}@keyframes wbhit{30%{transform:translate(-8px) scale(.96);filter:brightness(2.2)}60%{transform:translate(6px)}}#app:before,#app:after{content:"";position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none;z-index:0}#app:before{background-image:radial-gradient(2px 2px at 12% 30%,color-mix(in srgb,var(--zone) 70%,#fff) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 72% 64%,#ffe29a 50%,transparent 51%),radial-gradient(2px 2px at 38% 82%,color-mix(in srgb,var(--zone) 60%,#fff) 50%,transparent 51%),radial-gradient(1px 1px at 88% 18%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 55% 40%,#9fd6ff 50%,transparent 51%);background-size:420px 420px;opacity:.35;animation:motes 60s linear infinite}#app:after{background:conic-gradient(from 0deg at 50% 120%,transparent 0 40%,color-mix(in srgb,var(--zone) 10%,transparent) 50%,transparent 60% 100%);animation:sweep 26s ease-in-out infinite alternate;opacity:.8}@keyframes motes{to{background-position:420px -840px,-420px -420px,420px -1260px,0 -840px,-420px -840px}}@keyframes sweep{0%{transform:rotate(-14deg)}to{transform:rotate(14deg)}}#app>*{position:relative;z-index:1}#app>.hud{z-index:6}.frame{background:linear-gradient(180deg,#1a2664d1,#080c24eb),url(ui/tex_panel.jpg) center / 340px;box-shadow:0 0 0 1px #000,inset 0 0 50px #5078ff1a,0 18px 44px #0009}.frame>.orn{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;pointer-events:none;z-index:3;border:20px solid transparent;border-image:url(icons/ui_corner.webp) 24% round;filter:drop-shadow(0 2px 3px #000)}.frame-h{background:linear-gradient(180deg,rgba(255,182,54,.2),transparent)}.frame-h h2{filter:drop-shadow(0 2px 0 #2a1500)}.sechead{position:relative;padding-bottom:10px}.sechead:after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:url(icons/ui_divider.webp) center / 100% 100% no-repeat;opacity:.85}.sechead h3{text-shadow:0 0 12px rgba(255,182,54,.35)}.card2{background:linear-gradient(180deg,#ffffff08,#0000004d);box-shadow:inset 0 0 0 1px #d9a74340,inset 0 1px #ffffff0d}#sidebody,#side>:not(.subtabs){animation:panelin .32s ease-out both}@keyframes panelin{0%{opacity:0;transform:translateY(6px)}}.btn{position:relative;overflow:hidden}.btn.gold:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;transform:skew(-20deg);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:sheen 3.6s ease-in-out infinite}@keyframes sheen{0%,60%{left:-60%}to{left:130%}}.itabs button.on:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:10px;box-shadow:inset 0 0 0 1px #ffb63699,0 0 14px #ffb6364d}.itabs{grid-template-columns:repeat(5,1fr);background:linear-gradient(180deg,rgba(0,0,0,.25),transparent)}.lockedrow{opacity:.45;pointer-events:none}.hud{background:linear-gradient(180deg,#121c55e0,#080c28f2),url(ui/tex_leather.jpg) center / 300px}.fxlayer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.arena-bg{animation:kenburns 40s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1.04) translate(-1%)}to{transform:scale(1.12) translate(1.5%)}}.arena:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,transparent 60%,rgba(2,4,16,.75))}.arena>*:not(.arena-bg):not(.fxlayer):not(.storybeacon):not(.bossintro):not(.banner){position:relative;z-index:5}.arena.quake{animation:quake .5s}@keyframes quake{10%,50%,90%{transform:translate(-5px,2px)}30%,70%{transform:translate(5px,-2px)}}.ribbon .chp{font-family:Cinzel,serif;font-size:11px;font-weight:800;color:#2a1500;background:linear-gradient(180deg,var(--gold1),var(--gold));padding:1px 7px;border-radius:6px;align-self:center}.ribbon .chp:empty{display:none}.foe-img{max-height:96%;max-width:78%;scale:var(--fscale, 1);filter:drop-shadow(0 10px 16px rgba(0,0,0,.7)) drop-shadow(0 0 22px color-mix(in srgb,var(--zone) 45%,transparent))}.foe-shadow{position:absolute;bottom:4%;width:46%;height:9%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.75),transparent 70%)}.arena.elite .foe-aura{background:radial-gradient(circle,rgba(255,196,64,.55),transparent 65%);animation:aurapulse 1.1s ease-in-out infinite}.arena.elite .foe-img{filter:drop-shadow(0 0 14px #ffcf5a) drop-shadow(0 0 30px rgba(255,160,40,.6)) saturate(1.2)}@keyframes aurapulse{50%{transform:scale(1.12);opacity:.7}}.elitebadge{display:none;margin-right:6px;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:900;letter-spacing:.1em;background:linear-gradient(180deg,#ffe29a,#c98a1c);color:#2a1500}.arena.elite .elitebadge{display:inline-block}.ptitle{font-size:11px;color:var(--dim);font-style:italic;margin:-2px 0 4px;min-height:14px}.slash{position:absolute;left:50%;top:48%;width:62%;height:10px;margin-left:-31%;border-radius:50%;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--zone) 50%,#fff),#fff,transparent);filter:blur(.5px) drop-shadow(0 0 8px #fff);transform:rotate(var(--rot, 0deg)) scaleX(.2)}.slash.go{animation:slash .22s ease-out}.slash.crit{height:16px;background:linear-gradient(90deg,transparent,#ffd166,#fff,transparent)}@keyframes slash{0%{opacity:1;transform:rotate(var(--rot)) scaleX(.2)}to{opacity:0;transform:rotate(var(--rot)) scaleX(1.2)}}.bossintro{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none;opacity:0;z-index:8}.bossintro.show{animation:bossin 3s forwards}.bossintro .bi-k{font-weight:900;letter-spacing:.4em;font-size:12px;color:#ff8a8f}.bossintro .bi-n{font-family:Cinzel,serif;font-weight:800;font-size:clamp(28px,4vw,50px);color:#fff;text-shadow:0 3px 0 #000,0 0 30px var(--red)}.bossintro .bi-t{font-style:italic;color:#ffd0d4;text-shadow:0 2px 4px #000}@keyframes bossin{0%{opacity:0;transform:scale(1.4);background:#0000}12%{opacity:1;transform:scale(1);background:#0a00048c}75%{opacity:1;background:#0a000466}to{opacity:0}}.heroring{position:relative;padding:8px;flex:none}.heroring:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;background:url(icons/ui_ring.webp) center / contain no-repeat;animation:ringspin 30s linear infinite;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--zone) 60%,transparent))}@keyframes ringspin{to{transform:rotate(360deg)}}.log .elite{color:#ffe29a}.storybeacon{position:absolute;top:56px;right:14px;z-index:9;display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border:0;border-radius:999px;background:linear-gradient(180deg,#3c2404eb,#180e02eb);box-shadow:0 0 0 1px var(--gold),0 0 20px #ffb63680;color:#fff;text-align:left;animation:beacon 1.6s ease-in-out infinite}.storybeacon[hidden]{display:none}.storybeacon img{width:36px;height:36px}.storybeacon b{display:block;font-size:10px;letter-spacing:.15em;color:var(--gold);text-transform:uppercase}.storybeacon span{font-family:Cinzel,serif;font-size:13px}@keyframes beacon{50%{box-shadow:0 0 0 1px var(--gold1),0 0 34px #ffb636d9;transform:translateY(-2px)}}.story{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;overflow:hidden;animation:fade .5s;cursor:pointer;background:#000}.story.out{animation:fadeout .5s forwards}@keyframes fadeout{to{opacity:0}}.st-bg{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background:center / cover;animation:kenburns 30s ease-in-out infinite alternate;filter:saturate(1.1)}.st-vig{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,transparent 30%,rgba(0,0,0,.7)),linear-gradient(180deg,rgba(0,0,0,.5),transparent 25%,transparent 50%,rgba(0,0,0,.9))}.st-card{position:absolute;top:7%;left:0;right:0;text-align:center;animation:titlein 1.2s ease-out both}.st-ch{font-weight:800;letter-spacing:.35em;text-transform:uppercase;font-size:12px;color:var(--gold);text-shadow:0 2px 4px #000}.st-title{font-family:Cinzel,serif;font-weight:800;font-size:clamp(28px,5vw,56px);color:#fff;text-shadow:0 3px 0 #000,0 0 30px rgba(255,182,54,.6)}@keyframes titlein{0%{opacity:0;letter-spacing:.3em}}.st-box{position:absolute;left:50%;bottom:5%;width:min(860px,94vw);transform:translate(-50%);padding:16px 22px 30px;border-radius:14px;background:linear-gradient(180deg,#0e122ce6,#060816f2),url(ui/tex_panel.jpg) center / 300px;box-shadow:0 0 0 1px #000,0 0 0 3px var(--trim),0 20px 50px #000c;animation:boxin .6s .5s ease-out both}@keyframes boxin{0%{opacity:0;transform:translate(-50%,20px)}}.st-box.narr{background:linear-gradient(180deg,#281c0ae0,#140c04eb),url(ui/tex_parchment.jpg) center / 400px;background-blend-mode:multiply}.st-box.narr .st-text{font-family:Cinzel,serif;font-style:italic;color:#f6e7c8}.st-head{display:flex;align-items:center;gap:12px;min-height:8px;margin-bottom:6px}.st-emb{width:64px;height:64px;margin-top:-46px;padding:8px;border-radius:50%;flex:none;background:url(icons/ui_ring.webp) center / contain no-repeat,radial-gradient(circle,color-mix(in srgb,var(--cc) 40%,#000),#05060f 70%);box-shadow:0 0 22px color-mix(in srgb,var(--cc) 60%,transparent)}.st-emb img{width:100%;height:100%;object-fit:contain}.st-name{font-family:Cinzel,serif;font-weight:800;font-size:18px}.st-name span{display:block;font-family:Inter,sans-serif;font-weight:600;font-size:11px;color:var(--dim)}.st-text{font-size:17px;line-height:1.55;color:#eef1ff;min-height:54px}.st-hint{position:absolute;right:18px;bottom:8px;font-size:11px;color:var(--dim);animation:blink 1.4s infinite}.st-box.choosing .st-hint{display:none}@keyframes blink{50%{opacity:.3}}.st-choices{display:grid;gap:8px;margin-top:6px}.st-choice{display:grid;grid-template-columns:44px 1fr;gap:2px 12px;align-items:center;padding:10px 14px;border:0;border-radius:10px;text-align:left;color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--fc) 22%,#0a0e26),#0a0e26);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fc) 60%,transparent);transition:transform .15s,box-shadow .15s;animation:panelin .4s both}.st-choice:nth-child(2){animation-delay:.08s}.st-choice:nth-child(3){animation-delay:.16s}.st-choice:hover{transform:translate(6px);box-shadow:inset 0 0 0 2px var(--fc),0 0 20px color-mix(in srgb,var(--fc) 40%,transparent)}.st-choice .fe{grid-row:span 2;width:44px;height:44px;object-fit:contain}.st-choice .ct{font-weight:700;font-size:15px}.st-choice .cf{font-size:11px;color:var(--fc);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.st-skip{position:absolute;top:14px;right:14px;border:0;padding:6px 12px;border-radius:8px;background:#00000080;color:var(--dim);font-weight:700;z-index:2}.storyhead,.dv-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;min-height:130px;padding:14px;border-radius:12px;margin-bottom:12px;background-size:cover;background-position:center;box-shadow:inset 0 -90px 60px -20px #000000e6,inset 0 0 0 1px #d9a74366}.storyhead h3,.dv-head .dn{font-family:Cinzel,serif;font-size:20px;color:#fff;text-shadow:0 2px 4px #000}.sh-k{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}.factions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fac{display:grid;justify-items:center;gap:3px;padding:10px 6px;border-radius:12px;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 16%,transparent),#0000004d);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fc) 45%,transparent)}.fac .fe{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--fc) 60%,transparent))}.fac .fn{font-family:Cinzel,serif;font-weight:800;font-size:12px;color:var(--fc)}.fac .fm{font-size:10px;font-style:italic;color:var(--dim)}.fac .fp{font-size:10px;color:#dfe6ff}.fac .gbar{width:100%}.chap{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px;margin-bottom:8px;border-radius:12px;min-height:72px;overflow:hidden;background-size:cover;background-position:center;box-shadow:inset 0 0 0 999px #0406149e,inset 0 0 0 1px #d9a7434d}.chap.cur{box-shadow:inset 0 0 0 999px #04061473,inset 0 0 0 2px var(--gold),0 0 16px #ffb6364d}.chap.locked{filter:grayscale(1) brightness(.6)}.chap .cn{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.chap .ct{grid-column:1;font-family:Cinzel,serif;font-weight:800;font-size:16px;color:#fff;text-shadow:0 2px 3px #000}.chap .cs{grid-column:2;grid-row:1 / span 2;display:flex;gap:5px;align-items:center}.scn{width:28px;height:28px;border-radius:50%;border:0;font-weight:900;background:#10183f;color:var(--faint);box-shadow:inset 0 0 0 1px #2a3a85}.scn.seen{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:#2a1500}.scn.new{background:#3a2400;color:var(--gold1);box-shadow:0 0 0 2px var(--gold),0 0 12px var(--gold);animation:beacon 1.4s infinite}.dsite{border-radius:12px;margin-bottom:10px;background-size:cover;background-position:center;overflow:hidden;box-shadow:inset 0 0 0 1px #d9a74359}.dsite.locked{filter:grayscale(1) brightness(.55)}.ds-in{display:grid;gap:4px;justify-items:start;padding:50px 14px 12px;background:linear-gradient(180deg,transparent,rgba(3,4,14,.92) 55%)}.ds-in .dn{font-family:Cinzel,serif;font-weight:800;font-size:18px;color:#fff}.dv-head{min-height:90px}.dv-int{height:20px;margin-bottom:8px}.dv-boons{margin-bottom:8px}.dv-boons .chip{font-size:11px;padding:3px 8px;border-radius:999px;background:#4cc9ff1f;box-shadow:inset 0 0 0 1px #4cc9ff73;color:#bfeaff}.dv-msg{padding:8px 10px;margin-bottom:8px;border-radius:10px;font-size:13px;background:#ffb63614;box-shadow:inset 0 0 0 1px #ffb6364d;animation:panelin .3s}.dv-event{padding:14px;margin-bottom:10px;border-radius:12px;background:linear-gradient(180deg,#281c0ad9,#100a02eb),url(ui/tex_parchment.jpg) center / 380px;background-blend-mode:multiply;box-shadow:inset 0 0 0 1px #d9a7438c,0 8px 24px #00000080;animation:panelin .35s}.dv-event .et{font-family:Cinzel,serif;font-weight:800;font-size:18px;color:var(--gold1)}.dv-event .ex{font-family:Cinzel,serif;font-style:italic;color:#f3e4c4;line-height:1.5;margin:6px 0 10px}.dv-choice{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 12px;margin-top:6px;border:0;border-radius:9px;text-align:left;color:#fff;background:#0a0e26d9;box-shadow:inset 0 0 0 1px #d9a74366;transition:transform .12s,box-shadow .12s}.dv-choice:hover{transform:translate(4px);box-shadow:inset 0 0 0 1px var(--gold),0 0 12px #ffb6364d}.dv-choice .chk{flex:none;font-size:11px;padding:2px 8px;border-radius:999px;background:#ffb63626;color:var(--gold1)}.dv-choice .chk.safe{background:#3ddc841f;color:#9ff0c0}.dv-map{display:grid;gap:6px;padding:10px;border-radius:12px;background:#0000004d;box-shadow:inset 0 0 0 1px #1f2b6a}.dv-row{display:flex;justify-content:center;gap:10px;position:relative}.dv-node{width:76px;display:grid;justify-items:center;gap:1px;padding:4px;border:0;border-radius:10px;background:#080c22cc;color:var(--dim);font-size:10px;font-weight:700;box-shadow:inset 0 0 0 1px #24306a;opacity:.45;filter:grayscale(.6);transition:transform .12s}.dv-node img{width:38px;height:38px;object-fit:contain}.dv-row.now .dv-node{opacity:.7}.dv-node.can{opacity:1;filter:none;color:#fff;box-shadow:inset 0 0 0 2px var(--gold),0 0 16px #ffb63673;animation:beacon 1.6s infinite;cursor:pointer}.dv-node.can:hover{transform:translateY(-3px) scale(1.06)}.dv-node.was{opacity:1;filter:none;box-shadow:inset 0 0 0 2px #3ddc84}.dv-node.k-boss{width:110px}.dv-node.k-boss img{width:54px;height:54px}.dv-log{margin-top:10px;font-size:12px;color:var(--dim);display:grid;gap:3px}.dv-log div:first-child{color:#e8edff}.dv-over{text-align:center;padding:16px;margin-bottom:10px;border-radius:12px;background:#00000059;box-shadow:inset 0 0 0 1px var(--gold);display:grid;gap:10px;justify-items:center}.dv-over .b1{font-family:Cinzel,serif;font-weight:800;font-size:24px;color:var(--gold1);text-shadow:0 0 20px rgba(255,182,54,.6)}.dv-over.lost .b1{color:#ff8a8f;text-shadow:0 0 20px rgba(255,59,78,.5)}.beasts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.beast{display:grid;justify-items:center;text-align:center;gap:2px;padding:10px 8px;border-radius:12px;background:#0000004d;box-shadow:inset 0 0 0 1px #24306a}.beast .bi{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 6px 8px #000)}.beast.unknown .bi{filter:brightness(0) drop-shadow(0 0 1px #4a5aa0);opacity:.6}.beast.full{box-shadow:inset 0 0 0 1px var(--gold),0 0 12px #ffb63633}.beast .bn{font-family:Cinzel,serif;font-weight:800;font-size:13px;color:var(--gold1)}.beast .bt{font-size:11px;font-style:italic;color:var(--dim)}.beast .bk{font-size:11px;color:#cfd6f5}.frag{padding:12px;margin-bottom:8px;border-radius:10px;background:linear-gradient(180deg,#281c0acc,#100a02e6),url(ui/tex_parchment.jpg) center / 380px;background-blend-mode:multiply;box-shadow:inset 0 0 0 1px #d9a74380}.frag .ft{font-family:Cinzel,serif;font-weight:800;color:var(--gold1)}.frag .fx{font-family:Cinzel,serif;font-style:italic;color:#f3e4c4;font-size:13px;line-height:1.5;margin-top:4px}.frag.lost{filter:grayscale(1) brightness(.5)}.worldtext p{font-family:Cinzel,serif;font-size:14px;line-height:1.6;color:#f0e6cc;margin:0 0 10px}.npcrow{display:flex;align-items:center;gap:12px;padding:8px;margin-bottom:6px;border-radius:10px;background:#0000004d}.npcrow .ne{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--cc) 60%,transparent))}@media (max-width: 760px){.factions{grid-template-columns:1fr}.dv-node{width:64px}.st-text{font-size:15px}.storybeacon{top:48px;right:8px}}.arena-top .path{flex-basis:100%;order:3}.storybeacon{top:96px}@media (max-width: 760px){.hud{gap:6px;padding:6px 8px;max-width:100vw;overflow:hidden}.brand{display:none}.res .rchip:nth-child(n+3){display:none}.rchip{padding:2px 8px 2px 3px;font-size:12px}.netchip{max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.crest .shield{width:40px;height:44px;font-size:13px}.who{min-width:0}.ticker,.main{max-width:100vw}}.storyhead .btn,.dv-head .btn{flex:none;white-space:nowrap}.buildnow{display:grid;gap:6px;margin-bottom:10px;box-shadow:inset 0 0 0 1px var(--gold),0 0 14px #ffb63640}.buildings{display:grid;gap:8px}.bld{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:10px;border-radius:12px;background:linear-gradient(90deg,#ffb63612,#0000004d);box-shadow:inset 0 0 0 1px #d9a7434d}.bld.locked{filter:grayscale(1) brightness(.55)}.bld.busy{box-shadow:inset 0 0 0 2px var(--gold),0 0 16px #ffb6364d}.bld.busy .bimg img{animation:buildbob 1.2s ease-in-out infinite}@keyframes buildbob{50%{transform:translateY(-4px) rotate(-1deg)}}.bimg{position:relative;display:grid;place-items:center}.bimg img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 6px 8px #000)}.blv{position:absolute;bottom:0;padding:1px 8px;border-radius:999px;font-family:Russo One,sans-serif;font-size:12px;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:#2a1500}.bn,.gn{font-family:Cinzel,serif;font-weight:800;color:var(--gold1)}.beff{font-size:12px;margin:4px 0;color:#dfe6ff}.bcost{gap:6px}.bcost .mat,.gdg .mat{font-size:11px}.gadgets{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.gdg{display:grid;justify-items:center;text-align:center;gap:4px;padding:10px 8px;border-radius:12px;background:#0000004d;box-shadow:inset 0 0 0 1px #24306a}.gdg.on{box-shadow:inset 0 0 0 2px var(--gold),0 0 14px #ffb6364d}.gdg.unowned .gi{filter:grayscale(.8) brightness(.6)}.gdg .gi{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 6px 8px #000)}.gdg.drone .gi{animation:bob 2.6s ease-in-out infinite}.glv{font-family:Russo One,sans-serif;font-size:11px;color:#9fe8ff}.gdg .btn{font-size:11px;padding:5px 8px}.gadgetbar{display:flex;flex-direction:column;gap:4px}.gslot,.dslot{position:relative;width:34px;height:34px;border-radius:8px;background:#0000008c;box-shadow:inset 0 0 0 1px #d9a74380;overflow:hidden}.gslot img,.dslot img{width:100%;height:100%;object-fit:contain;padding:2px}.gslot i{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(rgba(0,0,0,.7) calc(var(--p, 0) * 360deg),transparent 0)}.gslot.fire{animation:gfire .5s}@keyframes gfire{0%{transform:scale(1.35);box-shadow:0 0 18px #7fe3ff}}.dslot{border-radius:50%;box-shadow:inset 0 0 0 1px #4cc9ff99;animation:bob 2.2s ease-in-out infinite}@media (min-width: 761px){.gadgetbar{flex-direction:column}}.sockets{display:grid;gap:6px;margin-bottom:8px}.sock{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:10px;background:#0000004d;box-shadow:inset 0 0 0 1px #b45cff66}.sock img{width:40px;height:40px;object-fit:contain}.sock .sk{font-size:26px;text-align:center;color:var(--faint)}.gempouch{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.gem{position:relative;display:grid;justify-items:center;text-align:center;gap:2px;padding:8px 6px;border-radius:10px;background:#0000004d;box-shadow:inset 0 0 0 1px #24306a;cursor:pointer}.gem.sel{box-shadow:inset 0 0 0 2px var(--purple),0 0 14px #b45cff66}.gem img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}.gem .gc{position:absolute;top:4px;right:6px;font-family:Russo One,sans-serif;font-size:12px}.gem .gnm{font-weight:800;font-size:12px}.gem .btn{font-size:10px;padding:3px 6px}.cardsocks{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.cardsocks .cs{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 2px;border-radius:999px;font-size:11px;background:#00000059;box-shadow:inset 0 0 0 1px #b45cff66;color:var(--dim)}.cardsocks .cs.full{color:#e6d0ff}.cardsocks img{width:20px;height:20px}.pathtrack{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}.pt{position:relative;display:grid;justify-items:center;gap:2px;padding:6px 4px;border-radius:10px;background:#00000059;box-shadow:inset 0 0 0 1px #24306a;text-align:center}.pt img{width:36px;height:36px;object-fit:contain}.pt.big{background:linear-gradient(180deg,#ffb63626,#0006)}.pt.lock{opacity:.45}.pt.can{box-shadow:inset 0 0 0 2px var(--gold),0 0 14px #ffb63673;animation:beacon 1.6s infinite;cursor:pointer}.pt.got{opacity:.6}.ptn{font-family:Russo One,sans-serif;font-size:12px;color:var(--gold1)}.ptr{font-size:9px;color:var(--dim);min-height:11px}.pt .tick{position:absolute;top:2px;right:4px}.logindays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:10px 0;width:min(520px,86vw)}.ld{display:grid;justify-items:center;gap:2px;padding:6px 2px;border-radius:10px;background:#00000059;box-shadow:inset 0 0 0 1px #24306a}.ld img{width:36px;height:36px;object-fit:contain}.ld.got{opacity:.45}.ld.today{box-shadow:inset 0 0 0 2px var(--gold),0 0 16px #ffb63680;animation:beacon 1.6s infinite}.ldn{font-size:10px;font-weight:800;color:var(--dim)}.ld:last-child{background:linear-gradient(180deg,#ffb63633,#0006)}@media (max-width: 760px){.bld{grid-template-columns:70px 1fr}.bimg img{width:66px;height:66px}.logindays{grid-template-columns:repeat(4,1fr)}}.sndbtn{border:0;width:36px;height:36px;border-radius:50%;background:#00000059;box-shadow:inset 0 0 0 1px #d9a74380;font-size:16px;flex:none}.ascbox{display:grid;gap:8px;justify-items:start;margin-bottom:10px;box-shadow:inset 0 0 0 1px var(--gold),0 0 18px #ff8c2840}.gdg.ember{background:linear-gradient(180deg,#ff78281f,#00000059)}.gdg.ember.on{box-shadow:inset 0 0 0 2px #ff9a3c,0 0 14px #ff8c2859}.contract{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:10px;margin-bottom:8px;border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--cc) 14%,transparent),#0000004d);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc) 45%,transparent)}.contract.done{opacity:.55}.ct-emb img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--cc) 50%,transparent))}.ct-t{font-family:Cinzel,serif;font-weight:800;color:var(--gold1)}.ct-x{font-family:Cinzel,serif;font-style:italic;font-size:13px;color:#f0e6cc;margin:2px 0 6px}.guildraid .sh-k{margin-bottom:4px}@media (max-width: 760px){.contract{grid-template-columns:44px 1fr}.contract .btn,.contract .tick{grid-column:2;justify-self:start}.ct-emb img{width:44px;height:44px}}:root{--aura: #ff9a3c}.power{font-size:12px;margin:3px 0;padding:4px 8px;border-radius:8px;color:#ffe9b0;background:linear-gradient(90deg,rgba(255,182,54,.16),transparent);box-shadow:inset 2px 0 0 var(--gold);text-align:left}.power b{color:var(--gold1)}.powerbox{display:grid;gap:4px;justify-items:start;width:100%;margin-bottom:8px}.rarebadge{display:none;margin-right:6px;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:900;letter-spacing:.1em;background:linear-gradient(180deg,#f0b8ff,#9a3cff);color:#1a0030}.arena.rare .rarebadge{display:inline-block}.arena.rare .foe-aura{background:radial-gradient(circle,rgba(200,90,255,.6),transparent 65%);animation:aurapulse .9s ease-in-out infinite}.arena.rare .foe-img{scale:calc(var(--fscale, 1) * 1.12);filter:drop-shadow(0 0 16px #c45cff) drop-shadow(0 0 34px rgba(255,190,80,.6))}.heroring:before{filter:drop-shadow(0 0 10px var(--aura))}.heroring{box-shadow:0 0 22px color-mix(in srgb,var(--aura) 45%,transparent);border-radius:50%}.slash{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--aura) 60%,#fff),#fff,transparent)}.gdg.aura .auraorb{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--ac) 40%,color-mix(in srgb,var(--ac) 30%,#000) 75%);box-shadow:0 0 22px var(--ac);animation:aurapulse 2s ease-in-out infinite}.gdg.aura.unowned .auraorb{filter:grayscale(1) brightness(.4);animation:none}.gdg.aura.on{box-shadow:inset 0 0 0 2px var(--ac),0 0 16px color-mix(in srgb,var(--ac) 50%,transparent)}.loadouts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 10px}.loadouts .ld2{display:inline-flex;gap:2px}.loadouts .btn{padding:5px 8px;font-size:12px}.cardbonus{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.cardbonus .chip{font-size:11px;padding:3px 8px;border-radius:999px;background:#b45cff24;box-shadow:inset 0 0 0 1px #b45cff80;color:#e6d0ff}.cardzones{gap:4px;margin-bottom:8px}.cardzones .btn{font-size:11px;padding:4px 8px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.ccard{position:relative;display:grid;justify-items:center;gap:2px;padding:8px 6px 6px;border-radius:10px;cursor:pointer;text-align:center;background:linear-gradient(180deg,#2a1f4a,#120c26);box-shadow:inset 0 0 0 2px #5a3c8a,0 4px 10px #00000080;transition:transform .12s}.ccard:hover{transform:translateY(-3px)}.ccard.boss{background:linear-gradient(180deg,#4a2a10,#1c0e04);box-shadow:inset 0 0 0 2px #c98a1c,0 4px 10px #00000080}.ccard.on{box-shadow:inset 0 0 0 2px var(--gold1),0 0 16px #ffb6368c}.ccard.unknown{cursor:default;filter:grayscale(1) brightness(.45)}.ccard.unknown .cc-art img{filter:brightness(0)}.cc-art{width:100%;aspect-ratio:1;border-radius:8px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);display:grid;place-items:center}.cc-art img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 4px 6px #000)}.cc-stars{display:flex;gap:2px}.cc-stars i{width:9px;height:9px;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#3a3358}.cc-stars i.on{background:var(--gold1)}.cc-name{font-size:11px;font-weight:800;line-height:1.15}.cc-val{font-size:10px;color:#c9b6ff}.cc-n{position:absolute;top:4px;right:6px;font-family:Russo One,sans-serif;font-size:11px;color:var(--gold1)}.profnow{display:grid;gap:6px;margin-bottom:10px;box-shadow:inset 0 0 0 1px var(--gold)}.prof{padding:10px;margin-bottom:8px;border-radius:12px;background:#0000004d;box-shadow:inset 0 0 0 1px #24306a}.pf-head{display:flex;gap:10px;align-items:center;margin-bottom:6px}.pfi{width:48px;height:48px;object-fit:contain}.recipes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;margin-top:6px}.recipe{display:grid;gap:2px;text-align:left;padding:7px 9px;border:0;border-radius:9px;background:#0a0e26d9;box-shadow:inset 0 0 0 1px #d9a74359;color:#fff}.recipe.on{box-shadow:inset 0 0 0 2px var(--gold),0 0 12px #ffb63659}.recipe.locked{opacity:.45}.recipe .rw{transform:scale(.85);transform-origin:left}.roadcard{position:absolute;left:14px;bottom:120px;z-index:9;width:min(330px,80%);padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,#281c0af2,#100a02f2),url(ui/tex_parchment.jpg) center / 300px;background-blend-mode:multiply;box-shadow:inset 0 0 0 1px var(--gold),0 8px 24px #0009;animation:panelin .4s}.roadcard[hidden]{display:none}.rd-t{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.rd-x{font-family:Cinzel,serif;font-style:italic;color:#f3e4c4;font-size:13px;margin:4px 0 8px}.rd-c{display:flex;gap:6px;flex-wrap:wrap}.rd-c .btn{font-size:12px;padding:5px 9px}.ccard{background:linear-gradient(rgba(140,200,255,.12) 1px,transparent 1px) 0 0 / 10px 10px,linear-gradient(90deg,rgba(140,200,255,.12) 1px,transparent 1px) 0 0 / 10px 10px,linear-gradient(180deg,#123a6a,#0a2042);box-shadow:inset 0 0 0 2px #4c8fd0,0 4px 10px #00000080;border-radius:6px}.ccard.boss{background:linear-gradient(rgba(255,210,140,.12) 1px,transparent 1px) 0 0 / 10px 10px,linear-gradient(90deg,rgba(255,210,140,.12) 1px,transparent 1px) 0 0 / 10px 10px,linear-gradient(180deg,#4a3210,#221404);box-shadow:inset 0 0 0 2px #c98a1c,0 4px 10px #00000080}.cc-art img{filter:drop-shadow(0 0 1px #bfe4ff) drop-shadow(0 4px 6px #000)}.cc-val{color:#a8d8ff}