:root{color-scheme:dark;--gold: #f3c14e;--gold2: #d6982a;--gold-deep: #8a5e16;--parch: #ece3cf;--cream: #fff6e2;--muted: #9fb0c8;--ember: #ff8a3c;--cyan: #46e6cf;--green: #4fd873;--blue: #5fb0ff;--red: #ff7466;--ink: #070b12;--panel: linear-gradient(180deg, #1a2235f2, #0e131fF7);--panel2: linear-gradient(180deg, #161d2df2, #0b101aF7);--trim: #c79a4a66;--trim-bright: #f3c14e;--edge: #2a3550}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:Nunito,system-ui,sans-serif;color:var(--cream);background:#05080f}button{font-family:inherit}#app{position:fixed;inset:0;z-index:1;display:none;align-items:center;justify-content:center;background:#0a0f18}#app.diorama canvas{border-radius:0;box-shadow:none}#app.diorama{pointer-events:none}canvas{border-radius:12px;box-shadow:0 16px 50px #0009}.boot{position:fixed;inset:0;z-index:50;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(120% 90% at 50% 20%,#142038,#05080f);transition:opacity .35s ease}.boot:not([hidden]){display:flex}.boot[hidden]{display:none!important}.boot.done{opacity:0;pointer-events:none}.boot-emblem{width:96px;height:96px;filter:drop-shadow(0 8px 24px #000a) drop-shadow(0 0 28px #c46bff44);animation:authEmblemFloat 4.5s ease-in-out infinite}.boot-logo{width:min(300px,72vw);height:auto;margin-bottom:6px;filter:drop-shadow(0 10px 30px #000a) drop-shadow(0 0 34px #c46bff33);animation:authEmblemFloat 4.5s ease-in-out infinite}.boot-title{font-family:Cinzel,serif;font-weight:900;font-size:28px;letter-spacing:4px;color:var(--gold)}.boot-sub{font-weight:800;font-size:13px;color:var(--muted);letter-spacing:.6px}.boot-bar{width:min(320px,70vw);height:8px;border-radius:999px;background:#0a1019;border:1px solid var(--trim);overflow:hidden}.boot-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#46e873,#1c9c47);transition:width .12s linear}.ic{width:22px;height:22px;display:inline-block;color:var(--cream);flex:0 0 auto}.ic.sm{width:14px;height:14px;vertical-align:-2px}.ic.lg{width:32px;height:32px}.ic.xl{width:40px;height:40px}.ic.gold{color:var(--gold)}.lobby{position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;background:#05080f url(/assets/ui/home_vista.png) center / cover no-repeat}.scrim{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#05080ed1,#05080e00 16% 78%,#05080ee6),radial-gradient(125% 95% at 50% 40%,#06091000 34%,#06091080 70%,#03060beb)}.lobby>.topbar,.lobby>.hub,.lobby>.web3{position:relative;z-index:2}.panel{background:var(--panel);border:1px solid var(--trim);border-radius:14px;box-shadow:0 10px 26px #000a,inset 0 1px #ffffff14,inset 0 0 0 1px #00000040}.panel-head{display:flex;justify-content:space-between;align-items:center;font-family:Cinzel,serif;font-weight:800;font-size:12px;letter-spacing:.6px;color:var(--gold);padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #ffffff12}.panel-head span:first-child{display:flex;align-items:center;gap:6px}.panel-head .ic{color:var(--gold)}.panel-head .count{font-family:Nunito;font-weight:800;font-size:10.5px;color:var(--muted);letter-spacing:0}.panel.widget .panel-head.widget-head{border-bottom:none;margin-bottom:0;padding:11px 13px;font-family:Cinzel,serif;font-weight:800;font-size:12px;letter-spacing:.6px;color:var(--gold)}.panel.widget:not(.minimized) .widget-head{border-bottom:1px solid #ffffff12;margin-bottom:8px}.panel.widget .widget-head-label{display:inline-flex;align-items:center;gap:6px}.panel.widget .widget-head .ic{color:var(--gold)}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:9px 18px;background:linear-gradient(180deg,#0c1119ee,#0a0e16cc);border-bottom:1px solid var(--trim);box-shadow:0 6px 22px #000a}.profile{display:flex;align-items:center;gap:11px;cursor:pointer;padding:4px 8px;border-radius:12px;justify-self:start}.profile:hover{background:#ffffff0d}.avatar{width:50px;height:50px;border-radius:12px;overflow:hidden;border:2px solid var(--gold2);background:#0c1626;flex:0 0 50px;box-shadow:inset 0 0 0 2px #00000060,0 0 14px #f3c14e33}.avatar img{width:100%;height:100%;object-fit:cover}.pname{font-family:Cinzel,serif;font-weight:800;font-size:16px;line-height:1.1}.xprow{display:flex;align-items:center;gap:7px;margin-top:4px}.lvlchip{font-family:Lilita One;font-size:12px;color:#1a1206;background:linear-gradient(#ffe27a,#e0a32a);border-radius:6px;padding:1px 7px;box-shadow:0 1px #00000040}.xpbar{width:110px;height:7px;background:#0a1019;border-radius:6px;overflow:hidden;border:1px solid #000}.xpbar i{display:block;height:100%;background:linear-gradient(#c08bff,#7a32d8)}.brand{display:flex;align-items:center;gap:12px;text-align:center;justify-self:center;line-height:1}.brand-emblem{flex-shrink:0;width:52px;height:52px;filter:drop-shadow(0 3px 10px #0009) drop-shadow(0 0 14px #c46bff33)}.brand-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.brand-sub{font-family:Cinzel,serif;font-weight:700;font-size:9px;letter-spacing:.32em;color:#c46bff;text-shadow:0 0 12px #c46bff55}.brand-name{font-family:Cinzel,serif;font-weight:900;font-size:clamp(20px,2.4vw,26px);letter-spacing:.12em;line-height:1.05;background:linear-gradient(180deg,#fff6e2,#ffd97a 38%,#f3c14e 62%,#b9791a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #5a3d0f88) drop-shadow(0 4px 10px #0008)}.brand-tag{font-family:Cinzel,serif;font-weight:700;font-size:8px;letter-spacing:.28em;color:#9fb2cd}.wallet{display:flex;align-items:center;gap:8px;justify-self:end}.cur{display:flex;align-items:center;gap:6px;background:#0c1424cc;border:1px solid var(--trim);border-radius:999px;padding:5px 6px 5px 10px;font-weight:900;font-size:14px;cursor:pointer;color:inherit;font-family:inherit}.cur:hover{background:#152238}.cur.gold{border-color:#7a5d22}.cur.gold .ic{color:var(--gold)}.cur.gem{border-color:#1f5e57}.cur.gem .ic{color:var(--cyan)}.cur.troyal{border-color:#7a5d22}.cur.troyal .ic{color:var(--gold)}.cur.troyal #troyalAmt{color:#ffcf4b}.addbtn{width:22px;height:22px;border-radius:50%;border:0;background:linear-gradient(#3ad06a,#1f9c4a);color:#fff;font-weight:900;font-size:16px;line-height:1;cursor:pointer;box-shadow:0 2px #146b33}.addbtn:active{transform:translateY(2px);box-shadow:none}.iconbtn{background:#0c1424cc;border:1px solid var(--trim);border-radius:10px;width:38px;height:38px;display:grid;place-items:center;cursor:pointer;color:var(--cream)}.iconbtn:hover{background:#18243c;border-color:var(--gold2)}.hub{flex:1;display:flex;gap:14px;padding:14px;min-height:0}.rail{width:240px;flex:0 0 240px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.navitem{position:relative;display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--trim);border-radius:12px;padding:11px 15px;cursor:pointer;color:var(--cream);font-family:Cinzel,serif;font-weight:800;font-size:14px;letter-spacing:1px;text-align:left;box-shadow:0 4px 12px #0005;transition:transform .08s,border-color .12s}.navitem .ic{color:var(--muted)}.navitem:hover{border-color:var(--gold2);transform:translate(2px)}.navitem.active{background:linear-gradient(180deg,#2c2415,#1a1a26);border-color:var(--gold);box-shadow:0 4px 16px #00000070,inset 0 0 0 1px #f3c14e55,0 0 22px #f3c14e22}.navitem.active .ic{color:var(--gold)}.navitem span{flex:1}.navitem .badge{background:#e0473a;color:#fff;font-family:Nunito;font-weight:900;font-size:11px;border-radius:999px;padding:1px 7px;border:1px solid #00000050}.navitem.disabled{opacity:.42;cursor:not-allowed;color:var(--muted);border-color:#ffffff10;box-shadow:none}.navitem.disabled .ic{color:var(--muted)}.navitem.disabled:hover{transform:none;border-color:#ffffff10;background:var(--panel)}.navitem .soon-tag{background:#ffffff12;color:var(--muted);font-family:Nunito;font-style:normal;font-weight:900;font-size:9px;letter-spacing:.6px;border-radius:999px;padding:2px 6px;border:1px solid #ffffff18}.party{margin-top:auto;padding:11px 13px}.party-me{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px;padding:4px 0}.party-me .ptag{margin-left:auto;font-size:9px;font-weight:900;color:var(--gold);letter-spacing:1px}.pdot{width:9px;height:9px;border-radius:50%;background:#54627a;flex:0 0 9px}.pdot.on{background:var(--green);box-shadow:0 0 8px var(--green)}.party-invite{width:100%;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:6px;background:#0e1828cc;border:1px dashed var(--gold2);border-radius:10px;padding:8px;cursor:pointer;color:var(--gold);font-weight:900;font-size:11px;letter-spacing:.6px}.party-invite:hover{background:#14223a}.stage{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.play{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 14px}.modechips{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.chip{display:flex;align-items:center;gap:7px;font-family:Cinzel,serif;font-weight:800;font-size:12px;letter-spacing:.6px;color:#c2cee0;background:linear-gradient(180deg,#16203200,#0c1320),#131c2c;border:1px solid #2a3850;border-radius:11px;padding:9px 16px 10px;cursor:pointer;box-shadow:inset 0 1px #ffffff10,0 2px 6px #00000045;transition:transform .08s ease,border-color .12s,color .12s,box-shadow .12s,background .12s}.chip .ic{color:#8aa0bd;transition:color .12s,transform .12s}.chip:hover{transform:translateY(-2px);border-color:var(--gold2);color:#fff;box-shadow:inset 0 1px #ffffff18,0 6px 14px #0005,0 0 0 1px #f3c14e2e}.chip:hover .ic{color:var(--gold)}.chip:active{transform:translateY(0)}.chip.active{color:#1a1206;background:linear-gradient(180deg,#ffeaa6,#f3c14e 48%,#e09a24);border-color:#b9791a;box-shadow:0 3px #8a5e16,0 7px 16px #f3c14e3d,inset 0 1px #ffffff8c}.chip.active:hover{transform:translateY(-1px)}.chip.active .ic{color:#4a3408}.find-btn{position:relative;cursor:pointer;border:0;border-radius:16px;padding:16px 88px 18px;min-width:380px;overflow:hidden;background:linear-gradient(180deg,#46e873,#1c9c47);box-shadow:0 9px #126b30,0 20px 40px #00000080,inset 0 2px #fff6;transition:transform .06s,box-shadow .06s,filter .1s}.find-btn:hover{filter:brightness(1.06)}.find-btn:active{transform:translateY(7px);box-shadow:0 2px #126b30,0 6px 16px #00000080}.find-btn .fb-glow{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff55 50%,transparent 70%);transform:translate(-120%);animation:sheen 3.4s infinite}@keyframes sheen{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}.fb-main{position:relative;display:block;font-family:Cinzel,serif;font-weight:900;font-size:38px;letter-spacing:2px;color:#06250f;text-shadow:0 2px 0 #ffffff44}.fb-sub{position:relative;display:block;font-weight:800;font-size:12px;letter-spacing:.8px;color:#07371a;opacity:.85;margin-top:2px}.rankstrip{display:flex;align-items:center;gap:12px;cursor:pointer;background:var(--panel);border:1px solid var(--trim);border-radius:13px;padding:8px 16px 8px 10px;min-width:360px;box-shadow:0 6px 16px #0006}.rankstrip:hover{border-color:var(--gold2)}.rankstrip .crest{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 5px #000a)}.rs-mid{flex:1}.rs-tier{font-family:Cinzel,serif;font-weight:800;font-size:14px;letter-spacing:1px;color:var(--gold)}.rs-bar{height:8px;background:#0a1019;border-radius:6px;overflow:hidden;margin-top:5px;border:1px solid #000}.rs-bar i{display:block;height:100%;background:linear-gradient(90deg,#6cd0ff,#2f8fe0)}.rs-lp{text-align:center;line-height:1}.rs-lp b{font-family:Lilita One;font-size:20px;color:var(--cream)}.rs-lp span{display:block;font-size:9px;color:var(--muted);font-weight:900;letter-spacing:1px}.rs-next{font-size:10px;color:var(--muted);font-weight:700;margin-top:4px;letter-spacing:.02em}.daily-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;min-width:360px;margin-top:8px;padding:8px 14px;border-radius:12px;background:#121a28cc;border:1px solid var(--edge);color:var(--muted);font-size:12px;font-weight:700}.daily-strip.ready{border-color:var(--gold2);color:var(--cream);box-shadow:0 0 16px #f3c14e33}.daily-strip .daily-reward{color:var(--gold);font-family:Cinzel,serif;letter-spacing:.4px}.deckdock{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--panel);border:1px solid var(--trim);border-radius:16px;box-shadow:0 12px 30px #00000080}.dd-head{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:0 0 auto;padding:4px 16px 4px 4px;margin-right:6px;border-right:1px solid #ffffff12;cursor:help;outline:none}.dd-title{display:flex;align-items:center;gap:6px;font-family:Cinzel,serif;font-weight:800;font-size:11px;letter-spacing:1.4px;color:var(--gold);text-transform:uppercase;white-space:nowrap}.dd-title .ic{width:13px;height:13px;color:var(--gold2)}.dd-stats{display:flex;align-items:stretch;gap:7px}.dd-stat{display:inline-flex;align-items:center;gap:4px;background:#0a111d;border:1px solid #26334a;border-radius:8px;padding:4px 9px;line-height:1;white-space:nowrap}.dd-stat b{font-family:Lilita One,sans-serif;font-size:15px;color:#ffcf4b}.dd-stat .dd-stat-l{font-size:10px;font-weight:700;letter-spacing:.04em;color:#8a9bb4;text-transform:uppercase}.dd-stat.avg b{color:#c46bff}.dd-stat.avg .ic{width:13px;height:13px;color:#c46bff}.dd-tip{position:absolute;left:0;bottom:calc(100% + 12px);z-index:40;width:260px;padding:12px 14px;background:linear-gradient(180deg,#1c2536,#131a28);border:1px solid var(--gold2);border-radius:12px;box-shadow:0 16px 40px #000b,inset 0 1px #ffffff12;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dd-tip strong{display:block;margin-bottom:5px;font-family:Cinzel,serif;font-size:13px;letter-spacing:.04em;color:var(--gold)}.dd-tip span{display:block;font-size:12px;line-height:1.5;color:#c7d3e6}.dd-tip b{color:#ffe9b0}.dd-tip:after{content:"";position:absolute;left:22px;top:100%;border:7px solid transparent;border-top-color:var(--gold2)}.dd-head:hover .dd-tip,.dd-head:focus-visible .dd-tip{opacity:1;transform:translateY(0)}.deck{display:flex;gap:8px;flex:1;justify-content:center;min-width:0;overflow-x:auto;scrollbar-width:none}.deck::-webkit-scrollbar{display:none}.deck-card{position:relative;flex:0 0 auto;width:92px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .12s,filter .12s}.deck-card:hover{transform:translateY(-6px) scale(1.04);filter:brightness(1.06)}.deck-card .dc-art{position:relative;width:100%;aspect-ratio:3 / 4}.deck-card .dc-art img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 4px 10px #000c)}.deck-card .dc-lvl{font-family:Lilita One;font-size:11px;color:var(--gold);text-shadow:0 1px 2px #000;letter-spacing:.5px;line-height:1}.deck-card.evo-slot .dc-art{box-shadow:0 0 0 2px #ffd24aa6;border-radius:10px}.deck-card .dc-evo{position:absolute;top:2px;right:2px;font-size:14px;color:#ffd24a;text-shadow:0 1px 4px #000;pointer-events:none}.deck-add{width:68px;aspect-ratio:3/4;border-radius:11px;border:2px dashed var(--gold2);background:#0c1322aa;color:var(--gold2);display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.deck-add:hover{background:#14223a}.widget-rail{width:220px;flex:0 0 220px}.panel.widget{padding:0;overflow:hidden;transition:box-shadow .15s ease}.panel.widget.minimized{flex:0 0 auto}.panel.widget:not(.minimized){flex:1;min-height:0;display:flex;flex-direction:column}.panel.widget.ladder:not(.minimized){flex:1}.widget-head{width:100%;display:flex;align-items:center;gap:8px;padding:11px 13px;margin:0;border:0;background:transparent;cursor:pointer;color:inherit;font:inherit;text-align:left}.widget-head:hover{background:#ffffff08}.widget-head-label{display:inline-flex;align-items:center;gap:6px;flex:1;min-width:0;font-weight:800}.widget-chevron{width:18px;height:18px;flex-shrink:0;color:var(--muted);transition:transform .18s ease}.panel.widget.minimized .widget-chevron{transform:rotate(-90deg)}.widget-body{padding:0 13px 11px;display:flex;flex-direction:column;flex:1;min-height:0}.panel.widget.minimized .widget-body{display:none}.friends.widget:not(.minimized) .widget-body{flex:0 0 auto}.ladder.widget:not(.minimized) .widget-body{flex:1}.friends,.ladder{padding:0}.friends{flex:0 0 auto}.ladder{flex:1;min-height:0;display:flex;flex-direction:column}.friendlist{display:flex;flex-direction:column;gap:2px}.frow{display:flex;align-items:center;gap:9px;padding:6px 4px;border-radius:8px}.frow:hover{background:#ffffff08}.frow .fav{width:30px;height:30px;border-radius:8px;background:#0c1626;border:1px solid var(--edge);display:grid;place-items:center;font-family:Lilita One;font-size:13px;color:var(--gold);flex:0 0 30px}.frow .fn{flex:1;font-weight:800;font-size:13px}.frow .fs{font-size:10.5px;color:var(--muted);font-weight:700}.frow .pdot{margin-left:auto}.frow.online .fn{color:var(--cream)}.frow.offline{opacity:.5}.frow .fjoin{margin-left:auto;font-size:10px;font-weight:900;color:var(--green);background:#0e2a1a;border:1px solid #1f6b3e;border-radius:7px;padding:3px 8px;cursor:pointer}.frow .fjoin:hover{background:#15402a}.ladderlist{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow:hidden}.lrow{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:9px;background:#0c1320aa;border:1px solid #ffffff0a}.lrow.you{border-color:var(--gold2);background:#1c160a}.lrow .lr{font-family:Lilita One;width:22px;text-align:center;color:var(--muted);font-size:13px}.lrow.top1 .lr{color:var(--gold)}.lrow.top2 .lr{color:#cfd6e2}.lrow.top3 .lr{color:#d99a5b}.lrow .ln{flex:1;font-weight:800;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lrow .lt{display:flex;align-items:center;gap:3px;font-weight:900;font-size:12px;color:var(--gold)}.ladder-more{margin-top:9px;width:100%;background:#0e1828cc;border:1px solid var(--edge);border-radius:9px;padding:8px;color:var(--gold);font-weight:900;font-size:11px;letter-spacing:.5px;cursor:pointer}.ladder-more:hover{border-color:var(--gold2)}.web3{display:flex;align-items:center;gap:6px;padding:6px 16px;background:linear-gradient(180deg,#0a0e16ee,#06090f);border-top:1px solid var(--trim);overflow-x:auto;flex-shrink:0}.w3{display:flex;align-items:center;gap:9px;background:none;border:0;border-right:1px solid #ffffff10;padding:5px 18px;color:var(--cream);cursor:pointer;text-align:left;flex:0 0 auto;white-space:nowrap}.w3:hover{background:#ffffff0a}.w3 b{display:block;font-family:Cinzel,serif;font-weight:800;font-size:11.5px;letter-spacing:.5px}.w3 small{color:var(--muted);font-size:10px;font-weight:700}.netbar{margin-left:auto;display:flex;align-items:center;gap:12px}.net{display:flex;align-items:center;gap:6px;font-family:Cinzel,serif;font-weight:700;font-size:11px;color:#cfe0d4;letter-spacing:.5px}.net i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.addr{display:flex;align-items:center;gap:6px;background:#0c1626;border:1px solid var(--edge);border-radius:8px;padding:5px 10px;color:var(--cyan);font-family:Lilita One;font-size:12px;letter-spacing:.5px;cursor:pointer}.addr:hover{border-color:var(--cyan)}.online-pill{display:flex;align-items:center;gap:6px;font-family:Cinzel,serif;font-weight:700;font-size:11px;letter-spacing:.5px;color:#cfe0d4;white-space:nowrap}.online-pill b{color:#fff6e2;font-size:12.5px}.online-pill .online-lbl{color:var(--muted)}.online-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:onlinePulse 2.2s ease-in-out infinite}@keyframes onlinePulse{0%,to{opacity:1;box-shadow:0 0 8px var(--green)}50%{opacity:.55;box-shadow:0 0 3px var(--green)}}.addr.ca{gap:7px;color:#ffd27a;border-color:#4a3a1c;background:#14110a}.addr.ca:hover{border-color:var(--gold)}.addr.ca .ca-tag{font-family:Cinzel,serif;font-weight:800;font-size:9px;letter-spacing:.8px;color:#0b0c08;background:var(--gold);border-radius:4px;padding:2px 5px}.addr.ca .ic{color:#ffd27a}.addr.ca.soon{color:var(--muted);border-color:var(--edge);background:#0c1626;cursor:default}.addr.ca.soon .ca-tag{background:#2a3a55;color:#9fb2cd}.addr.ca.soon .ic{color:var(--muted)}.mm{position:fixed;inset:0;z-index:50;display:grid;place-items:center}.mm[hidden]{display:none}.mm-bg{position:absolute;inset:0;background:#05080feb;backdrop-filter:blur(7px);animation:fade .25s ease}@keyframes fade{0%{opacity:0}}.mm-search,.mm-vs{position:relative;text-align:center;animation:pop .3s cubic-bezier(.2,1.3,.5,1)}.mm-search[hidden],.mm-vs[hidden]{display:none}@keyframes pop{0%{transform:scale(.9);opacity:0}}.mm-mode{font-family:Cinzel,serif;font-weight:800;font-size:14px;letter-spacing:4px;color:var(--gold);margin-bottom:26px}.radar{position:relative;width:190px;height:190px;margin:0 auto 26px}.radar span{position:absolute;inset:0;border:2px solid #f3c14e55;border-radius:50%;animation:ring 2.4s infinite ease-out}.radar span:nth-child(2){animation-delay:.8s}.radar span:nth-child(3){animation-delay:1.6s}@keyframes ring{0%{transform:scale(.25);opacity:.9}to{transform:scale(1);opacity:0}}.radar-core{position:absolute;inset:0;margin:auto;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#2a3450,#0d1322);border:2px solid var(--gold2);box-shadow:0 0 30px #f3c14e44,inset 0 2px #fff2}.radar-core .ic{animation:spin 2.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mm-status{font-family:Cinzel,serif;font-weight:800;font-size:19px;letter-spacing:1px;color:var(--cream)}.mm-meta{margin-top:8px;color:var(--muted);font-weight:700;font-size:13px}.mm-cancel{margin-top:30px;background:#14202fcc;border:1px solid var(--edge);color:var(--cream);font-weight:900;letter-spacing:1px;border-radius:11px;padding:11px 34px;cursor:pointer}.mm-cancel:hover{border-color:var(--red);color:var(--red)}.mm-vs{display:flex;align-items:center;justify-content:center;gap:8px;width:min(900px,94vw)}.vs-side{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.vs-side.me{animation:slideL .5s cubic-bezier(.2,1,.4,1)}.vs-side.foe{animation:slideR .5s cubic-bezier(.2,1,.4,1)}@keyframes slideL{0%{transform:translate(-80px);opacity:0}}@keyframes slideR{0%{transform:translate(80px);opacity:0}}.vs-av{width:120px;height:120px;border-radius:18px;overflow:hidden;border:3px solid var(--gold2);box-shadow:0 0 30px #00000080,inset 0 0 0 2px #00000060}.vs-side.me .vs-av{border-color:var(--blue);box-shadow:0 0 34px #5fb0ff55}.vs-side.foe .vs-av{border-color:var(--red);box-shadow:0 0 34px #ff746655}.vs-av img{width:100%;height:100%;object-fit:cover}.vs-name{font-family:Cinzel,serif;font-weight:800;font-size:20px}.vs-rank{font-size:12px;color:var(--muted);font-weight:800}.vs-sigil{flex:0 0 auto;width:220px;animation:pop .5s .15s backwards cubic-bezier(.2,1.5,.5,1)}.vs-sigil img{width:100%;filter:drop-shadow(0 6px 24px #000a)}.vs-go{position:absolute;bottom:-64px;left:0;right:0;font-family:Cinzel,serif;font-weight:800;letter-spacing:3px;color:var(--gold);font-size:16px;animation:pulse 1.1s infinite}.modal{position:fixed;inset:0;z-index:60;background:#000b;display:grid;place-items:center;padding:24px;backdrop-filter:blur(3px)}.modal[hidden]{display:none}.modal-card{width:100%;max-width:520px;max-height:84vh;overflow-y:auto;background:linear-gradient(#1c2536,#131a28);border:2px solid var(--trim);border-radius:18px;padding:22px 24px;position:relative;box-shadow:0 24px 70px #000c}.modal-close{position:absolute;top:12px;right:14px;background:none;border:0;color:var(--muted);font-size:30px;cursor:pointer;line-height:1}.modal-card h2{font-family:Cinzel,serif;font-weight:800;color:var(--gold);margin:0 0 12px;font-size:23px}.modal-card h3{font-family:Cinzel,serif;margin:16px 0 6px;font-size:16px}.modal-card p,.modal-card li{line-height:1.5;color:#d9e3f2}.modal-card b{color:#ffe9b0}.m-list{display:flex;flex-direction:column;gap:8px}.m-row{display:flex;align-items:center;gap:12px;background:#101a2b;border:1px solid var(--edge);border-radius:11px;padding:10px 12px}.m-row .rank{font-family:Lilita One;color:var(--gold);width:28px;text-align:center}.m-row .grow{flex:1;font-weight:800}.m-row .val{color:var(--cyan);font-weight:900;display:flex;align-items:center;gap:4px}.m-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.m-card{background:#101a2b;border:1px solid var(--rc, var(--trim));border-radius:11px;overflow:hidden;cursor:pointer;transition:transform .12s,box-shadow .12s}.m-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #000a,0 0 0 1px var(--rc, var(--trim))}.m-card .mc-art{position:relative}.m-card .mc-art img{width:100%;aspect-ratio:3/4;object-fit:contain;display:block}.m-card .mc-foot{padding:5px;text-align:center;font-weight:800;font-size:12px}.m-card .mc-lvl{color:var(--gold);font-family:Lilita One;font-size:11px}.m-card .mc-soon{color:var(--muted);font-family:Lilita One;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.m-card.locked .mc-art img{filter:grayscale(.85) brightness(.72)}.m-card.locked{opacity:.92}.m-card .mc-lock{position:absolute;inset:0;display:grid;place-items:center;z-index:3}.m-card .mc-lock .ic{width:30px;height:30px;color:#e7eefc;filter:drop-shadow(0 2px 4px #000c);opacity:.9}.m-card.soon{opacity:1}.m-card.soon.locked .mc-art img{filter:saturate(.92) brightness(.72)}.m-card.soon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc, #6cf) 40%,transparent)}.m-card.soon:hover{box-shadow:0 8px 20px #000a,0 0 0 1px var(--rc, var(--trim)),0 0 16px -4px var(--rc, transparent)}.m-card.soon .mc-lock .ic{width:24px;height:24px}.m-card.soon .mc-soon{color:var(--rc, var(--cyan))}.m-galhead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.m-galcount{font-size:14px;color:var(--muted)}.m-galcount b{font-family:Lilita One;color:var(--gold);font-size:18px}.m-galhint{font-size:11px;color:var(--muted)}.shop-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.shop-balance{display:inline-flex;align-items:center;gap:8px;font-size:15px}.shop-balance b{font-family:Lilita One;color:var(--gold);font-size:22px}.shop-hint{font-size:11px;color:var(--muted);font-weight:700}.shop-intro{color:#9fb2cd;font-size:13px;margin:0 0 14px;line-height:1.45}.shop-section{margin-bottom:16px}.shop-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #ffffff12}.shop-rarity{font-family:Cinzel,serif;font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--rc, var(--gold))}.shop-tier-price{font-size:11px;color:var(--muted);font-weight:800}.shop-list{display:flex;flex-direction:column;gap:8px}.shop-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0e1626cc;border:1px solid var(--trim);border-radius:10px}.shop-row.r-common{--rc: #b8c4d8}.shop-row.r-rare{--rc: #5a9fd4}.shop-row.r-epic{--rc: #b06cf0}.shop-row.r-legendary{--rc: #f3c14e}.shop-thumb{width:44px;flex:0 0 44px;border-radius:8px;overflow:hidden;border:1px solid #ffffff18;background:#0a101a}.shop-thumb img{width:100%;aspect-ratio:3/4;object-fit:contain;display:block}.shop-buy{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;background:linear-gradient(180deg,#2a2415,#1a160c);border:1px solid var(--gold2);border-radius:9px;padding:7px 11px;color:var(--gold);font-weight:900;font-size:12px;cursor:pointer;font-family:Nunito,sans-serif}.shop-buy:hover:not(:disabled){border-color:var(--gold);background:#2c2418}.shop-buy:disabled,.shop-buy.broke{opacity:.45;cursor:not-allowed;border-color:var(--trim);color:var(--muted)}.shop-empty{color:#9fb2cd;font-size:14px;padding:12px 0}.shop-prices{margin-top:14px;font-size:11px;color:var(--muted)}.tutorial-spotlight{position:relative;z-index:5;box-shadow:0 0 0 3px #f3c14e,0 0 24px #f3c14e88!important;border-radius:12px}.shop-buy.gem{border-color:#1f5e57;color:#7ad4ff;background:linear-gradient(180deg,#0f2228,#0a161c)}.shop-buy.gem:hover:not(:disabled){border-color:#36d0c8}.shop-tabhead{font-family:Cinzel,serif;font-size:13px;color:var(--gold);margin:16px 0 10px;letter-spacing:.8px}.addr.gem{display:inline-flex;align-items:center;gap:4px;border-color:#1f5e57;color:#7ad4ff}.addr.gem.broke,.addr.gem:disabled{opacity:.45}.r-common{--rc: #9fb2cd}.r-rare{--rc: #ff9a3c}.r-epic{--rc: #b06bff}.r-legendary{--rc: #4fe0ff}.r-champion{--rc: #ffd24a}.cd-hero{display:flex;gap:14px;align-items:stretch;margin-bottom:14px;background:linear-gradient(180deg,#0e1726,#0a111d);border:1px solid var(--rc, var(--edge));border-radius:14px;padding:12px;box-shadow:inset 0 0 30px -8px var(--rc, transparent)}.cd-art{position:relative;width:116px;flex:0 0 116px}.cd-art img{width:100%;aspect-ratio:3/4;object-fit:contain;filter:drop-shadow(0 6px 12px #000c)}.cd-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.cd-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cd-rarity{text-transform:uppercase;letter-spacing:1px;font-family:Lilita One;font-size:12px;color:var(--rc, var(--gold));border:1px solid var(--rc, var(--trim));border-radius:999px;padding:3px 10px;background:#0c1626}.cd-level{font-family:Lilita One;font-size:12px;color:#1a1206;letter-spacing:.5px;background:linear-gradient(#ffe27a,#e0a32a);border:1px solid #00000040;border-radius:999px;padding:3px 11px;box-shadow:0 2px 4px #0006}.cd-level.locked{background:#0c1626;color:var(--muted);border:1px solid var(--edge);display:inline-flex;align-items:center;gap:5px}.cd-level.locked .ic{width:13px;height:13px}.cd-role{margin:0;color:var(--muted);font-weight:600;line-height:1.4;font-size:13.5px}.cd-soonnote{display:flex;align-items:center;gap:10px;margin-top:4px;background:#0c1626;border:1px solid var(--edge);border-radius:12px;padding:12px 14px;color:#cfe0f5;font-size:13px;line-height:1.4}.cd-soonnote .ic{width:22px;height:22px;flex:0 0 auto;color:var(--gold);opacity:.9}.cd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.cd-stat{display:flex;flex-direction:column;align-items:center;gap:2px;background:#101a2b;border:1px solid var(--edge);border-radius:10px;padding:9px 4px}.cd-stat .cd-sv{font-family:Lilita One;font-size:17px;color:var(--cream);line-height:1}.cd-stat .cd-sl{font-size:10px;letter-spacing:.5px;color:var(--muted);text-transform:uppercase}.cd-stat.hp .cd-sv{color:var(--green)}.cd-stat.dmg .cd-sv{color:var(--ember)}.cd-stat.dps .cd-sv{color:var(--gold)}.cd-counters{display:flex;flex-direction:column;gap:12px}.cd-ctitle{font-family:Lilita One;font-size:12px;letter-spacing:1px;margin-bottom:7px}.cd-ctitle.good{color:var(--green)}.cd-ctitle.bad{color:var(--red)}.cd-chips{display:flex;flex-wrap:wrap;gap:8px}.cd-chip{display:flex;align-items:center;gap:6px;cursor:pointer;background:#101a2b;border:1px solid var(--edge);border-radius:999px;padding:3px 10px 3px 3px;color:var(--cream);font-weight:800;font-size:12px;transition:border-color .12s,transform .12s}.cd-chip:hover{transform:translateY(-2px)}.cd-cgroup.good .cd-chip:hover{border-color:var(--green)}.cd-cgroup.bad .cd-chip:hover{border-color:var(--red)}.cd-chip img{width:26px;height:34px;object-fit:contain}.modal .play-btn{display:block;width:100%;margin-top:18px;font-family:Cinzel,serif;font-weight:900;font-size:20px;color:#06250f;background:linear-gradient(#46e873,#1c9c47);border:0;border-radius:14px;padding:13px;cursor:pointer;box-shadow:0 5px #126b30}.modal .play-btn:active{transform:translateY(3px);box-shadow:0 2px #126b30}.tut-step{color:#8a9bb4;margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tut-title{color:var(--gold);font-family:Cinzel,serif;font-weight:800;font-size:19px;line-height:1.2;margin:0 0 12px}.tut-body{line-height:1.6;color:#d9e3f2;margin:0;min-height:84px}.tut-foot{margin-top:22px;display:flex;flex-direction:column;align-items:center;gap:12px}.tut-actions{display:flex;gap:10px;width:100%}.tut-btn{font-family:Cinzel,serif;font-weight:900;border:0;border-radius:13px;cursor:pointer;letter-spacing:.05em;transition:transform .06s,filter .12s,box-shadow .06s}.tut-next{flex:1;font-size:18px;padding:13px 16px;color:#06250f;background:linear-gradient(180deg,#5ef088,#46e873 35%,#1c9c47);box-shadow:0 4px #126b30,0 8px 18px #0000004d,inset 0 1px #fff5}.tut-next:hover{filter:brightness(1.06)}.tut-next:active{transform:translateY(3px);box-shadow:0 1px #126b30,inset 0 1px #fff4}.tut-back{flex:0 0 auto;font-size:15px;padding:13px 22px;color:#cdd9ec;background:#172132;border:1px solid #2c3a52;box-shadow:0 4px #0c1320}.tut-back:hover{filter:brightness(1.1)}.tut-back:active{transform:translateY(3px);box-shadow:0 1px #0c1320}.tut-skip{background:none;border:0;color:#7e8da3;font-family:Lilita One,sans-serif;font-size:13px;letter-spacing:.04em;cursor:pointer;padding:4px 10px;transition:color .12s}.tut-skip:hover{color:var(--cyan);text-decoration:underline}.friends-wrap{display:flex;flex-direction:column;gap:16px}.ftag-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:linear-gradient(180deg,#14233a,#0d1525);border:1px solid #2c3a52;border-radius:14px;box-shadow:inset 0 1px #ffffff0d}.ftag-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8a9bb4}.ftag-row{display:flex;align-items:center;gap:10px}.ftag-code{flex:1;min-width:0;font-family:Lilita One,sans-serif;font-size:22px;letter-spacing:.04em;color:#ffcf4b;text-shadow:0 1px 2px #0008;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ftag-copy{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font-family:Lilita One,sans-serif;font-size:13px;letter-spacing:.04em;color:#06250f;background:linear-gradient(180deg,#ffe9a6,#f3c14e 55%,#e09a24);border:0;border-radius:9px;padding:7px 13px;cursor:pointer;box-shadow:0 3px #8a5e16,inset 0 1px #fff8;transition:transform .06s,filter .12s,box-shadow .06s}.ftag-copy .ic{width:14px;height:14px}.ftag-copy:hover{filter:brightness(1.05)}.ftag-copy:active{transform:translateY(2px);box-shadow:0 1px #8a5e16,inset 0 1px #fff6}.ftag-hint{font-size:12px;color:#7e8da3}.friends-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:26px 16px;background:#0c1320;border:1px dashed #2c3a52;border-radius:14px}.friends-empty .ic{width:38px;height:38px;color:#3f4f6a}.friends-empty-t{font-family:Cinzel,serif;font-weight:800;font-size:16px;color:#c2cee0}.friends-empty-s{font-size:12px;line-height:1.5;color:#7e8da3;max-width:34ch}.fr-list{display:flex;flex-direction:column;gap:8px}.fr2{display:flex;align-items:center;gap:12px;padding:9px 12px;background:#101a2b;border:1px solid var(--edge);border-radius:12px}.fr2.offline{opacity:.72}.fr2-av{position:relative;flex:0 0 auto;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-family:Cinzel,serif;font-weight:800;font-size:18px;color:var(--gold);background:linear-gradient(180deg,#1c2a42,#0e1726);border:1px solid #2c3a52}.fr2-dot{position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;border-radius:50%;background:#46e873;border:2px solid #101a2b;box-shadow:0 0 8px #46e87388}.fr2-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fr2-name{font-weight:800;color:#eaf1fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.fr2-tag{margin-left:7px;font-family:Lilita One,sans-serif;font-size:11px;font-weight:400;color:#7e8da3;letter-spacing:.03em}.fr2-status{font-size:12px;color:#9fb2cd}.fr2-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.fr2-btn{font-family:Lilita One,sans-serif;font-size:13px;letter-spacing:.03em;border:0;border-radius:9px;padding:8px 14px;cursor:pointer;transition:transform .06s,filter .12s,box-shadow .06s}.fr2-btn.battle{color:#06250f;background:linear-gradient(180deg,#5ef088,#1c9c47);box-shadow:0 3px #126b30,inset 0 1px #fff6}.fr2-btn.battle:hover{filter:brightness(1.06)}.fr2-btn.battle:active{transform:translateY(2px);box-shadow:0 1px #126b30}.fr2-btn.ghost{width:34px;padding:8px 0;color:#8a9bb4;background:#16223400;border:1px solid #2c3a52}.fr2-btn.ghost:hover{color:#ff8a8a;border-color:#6e2c34;background:#2a141766}.friend-add{display:flex;gap:10px}.friend-add-input{flex:1;min-width:0;box-sizing:border-box;padding:12px 14px;border-radius:11px;border:1px solid #3a4a62;background:#0a1019ee;color:var(--cream);font-family:Lilita One,sans-serif;font-size:15px;letter-spacing:.03em;transition:border-color .15s,box-shadow .15s}.friend-add-input::placeholder{color:#5a6a82}.friend-add-input:focus{outline:none;border-color:#c79a4a;box-shadow:0 0 0 3px #c79a4a33}.friend-add-btn{flex:0 0 auto;cursor:pointer;border:0;border-radius:11px;padding:12px 20px;font-family:Cinzel,serif;font-weight:900;font-size:14px;letter-spacing:.04em;color:#06250f;background:linear-gradient(180deg,#5ef088,#46e873 35%,#1c9c47);box-shadow:0 4px #126b30,inset 0 1px #fff6;transition:transform .06s,filter .12s,box-shadow .06s}.friend-add-btn:hover{filter:brightness(1.06)}.friend-add-btn:active{transform:translateY(3px);box-shadow:0 1px #126b30}.chest-timer{font-family:Lilita One,sans-serif;font-size:13px;color:#9fb2cd;letter-spacing:.04em}.token-modal{display:flex;flex-direction:column;gap:14px}.token-hero{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 16px 18px;background:radial-gradient(120% 120% at 50% 0%,#1f2c18,#0d1525);border:1px solid #3a3322;border-radius:16px}.token-coin{width:56px;height:56px;color:var(--gold);filter:drop-shadow(0 4px 14px #00000080) drop-shadow(0 0 16px #f3c14e44)}.token-bal{display:flex;align-items:baseline;gap:8px}.token-bal b{font-family:Lilita One,sans-serif;font-size:34px;color:#ffcf4b;text-shadow:0 2px 6px #0008}.token-bal span{font-family:Cinzel,serif;font-weight:800;font-size:14px;letter-spacing:.08em;color:#d9941f}.token-sub{font-size:12px;color:#9fb2cd}.token-ca{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#0c1320;border:1px solid #2c3a52;border-radius:12px}.token-ca-l{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a9bb4;flex:0 0 auto}.token-ca-v{flex:1;min-width:0;font-family:Lilita One,sans-serif;font-size:13px;color:#c7d3e6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-soon{font-size:13px;color:#9fb2cd;background:#0c1320;border:1px dashed #2c3a52;border-radius:12px;padding:12px 14px;margin:0}.token-soon code,.token-sub code{font-family:Lilita One,sans-serif;color:#ffcf4b}.token-buy{display:block;text-align:center;text-decoration:none;padding:13px 16px;border-radius:12px;font-family:Cinzel,serif;font-weight:900;font-size:15px;letter-spacing:.04em;color:#2a1a06;background:linear-gradient(180deg,#7be08a,#2faa53 55%,#1c7a39);box-shadow:0 4px #145a2a,inset 0 1px #fff6;transition:transform .06s,filter .12s,box-shadow .06s}.token-buy:hover{filter:brightness(1.05)}.token-buy:active{transform:translateY(3px);box-shadow:0 1px #145a2a}.token-note{font-size:12px;line-height:1.5;color:#7e8da3;text-align:center;margin:0}.cd-deckbtn{width:100%;margin-top:16px;padding:13px;border:0;border-radius:12px;font-family:Lilita One;font-size:16px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:transform .08s ease,filter .15s ease}.cd-deckbtn.add{background:linear-gradient(#7be08a,#2faa53);color:#06210f;box-shadow:0 4px #1c7a39,0 8px 18px #2faa5352}.cd-deckbtn.in{background:linear-gradient(#ffd97a,#f0a838);color:#2a1402;box-shadow:0 4px #b06e1a,0 8px 18px #f0a8384d}.cd-deckbtn.full,.cd-deckbtn.locked{background:#232c3a;color:#7e8da3;cursor:not-allowed}.cd-deckbtn.evo{background:linear-gradient(#ffe08a,#e8a020);color:#2a1402;box-shadow:0 4px #9a6010,0 8px 18px #e8a02047;margin-top:10px}.cd-deckbtn.evo.on{background:linear-gradient(#ffd24a,#c87800);color:#1a0e00}.cd-evo-block{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#ffd24a1a;border:1px solid rgba(255,210,74,.28);font-size:13px}.cd-deckbtn.add:hover,.cd-deckbtn.in:hover{filter:brightness(1.06)}.cd-deckbtn.add:active,.cd-deckbtn.in:active{transform:translateY(2px);box-shadow:0 2px #1c7a39}.toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%);z-index:70;background:#0e1828ee;border:1px solid var(--trim);color:var(--cream);font-weight:800;padding:11px 20px;border-radius:12px;box-shadow:0 10px 30px #000a}.toast[hidden]{display:none}.wiki-overlay{position:fixed;inset:0;z-index:80;background:#060a10ee;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.wiki-overlay[hidden]{display:none}.wiki-panel{position:relative;flex:1;max-width:1100px;margin:0 auto;overflow-y:auto;padding:48px 24px 80px;color:#cfe0ff}.wiki-close{position:sticky;top:12px;float:right;z-index:2;width:40px;height:40px;border-radius:10px;border:1px solid var(--trim);background:#121a28;color:var(--cream);font-size:24px;cursor:pointer}.wiki-wrap{max-width:960px;margin:0 auto}.wiki-head h1{font-family:Lilita One;font-size:42px;color:var(--gold);margin:0 0 8px}.wiki-lead{color:#9fb2cd;margin:0 0 28px}.wiki-wrap h2{font-family:Lilita One;color:#ffcf4b;margin:28px 0 12px;font-size:22px}.wiki-mechanics ul{line-height:1.7;padding-left:20px}.wiki-table{width:100%;border-collapse:collapse;font-size:14px}.wiki-table th,.wiki-table td{border:1px solid #2a3548;padding:8px 10px;text-align:left}.wiki-table th{background:#121a28;color:var(--gold)}.wiki-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.wiki-card{display:flex;gap:12px;background:#0e1520;border:1px solid #243044;border-radius:12px;padding:12px}.wiki-card img{width:72px;height:96px;object-fit:cover;border-radius:8px;flex-shrink:0}.wiki-card h3{margin:0 0 4px;font-size:16px;color:var(--cream)}.wiki-tags{font-size:12px;color:#9fb2cd;margin:0 0 6px}.wiki-role{font-size:13px;margin:0 0 6px}.tag{text-transform:uppercase;font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px}.tag.common{background:#3a4a5a}.tag.rare{background:#2a5090}.tag.epic{background:#6a30a0}.tag.legendary{background:#a07020}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#9fb2cd}.auth-input{padding:10px 12px;border-radius:10px;border:1px solid #2a3548;background:#0e1520;color:var(--cream);font-size:15px}.auth-actions{display:flex;gap:10px;margin-top:4px}.auth-actions .play-btn{flex:1}.auth-actions .addr{flex:1;padding:12px}.auth-gate{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;overflow:hidden}.auth-gate[hidden]{display:none}.lobby-locked{pointer-events:none;user-select:none;filter:blur(3px) saturate(.55) brightness(.65)}.auth-gate-bg{position:absolute;inset:-4%;background:url(/assets/ui/auth-gate-bg.png) center / cover no-repeat,radial-gradient(120% 90% at 50% 20%,#142038,#05080f);animation:authKenBurns 28s ease-in-out infinite alternate}@keyframes authKenBurns{0%{transform:scale(1.02)}to{transform:scale(1.08) translate(-1%,-.5%)}}.auth-gate-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#05080fcc,#05080f44 28%,#05080f55 72%,#05080fee),radial-gradient(90% 70% at 50% 42%,transparent 20%,#05080fbb 100%);pointer-events:none}.auth-gate-sparks{position:absolute;inset:0;pointer-events:none;opacity:.45;background:radial-gradient(circle at 18% 72%,#c46bff33 0 2px,transparent 3px),radial-gradient(circle at 82% 28%,#ffd97a44 0 1.5px,transparent 2.5px),radial-gradient(circle at 64% 84%,#46e87333 0 1px,transparent 2px);animation:authSparkDrift 12s linear infinite}@keyframes authSparkDrift{0%{transform:translateY(0)}to{transform:translateY(-18px)}}.auth-gate-card{position:relative;width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;border-radius:20px;border-width:2px;box-shadow:0 28px 70px #000c,0 0 0 1px #00000060,inset 0 1px #ffffff18,0 0 48px #c46bff18;animation:authCardIn .55s cubic-bezier(.22,1,.36,1) both;backdrop-filter:blur(12px)}.auth-gate-card:before{content:"";position:absolute;inset:10px;border-radius:16px;border:1px solid #c79a4a22;pointer-events:none}@keyframes authCardIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}.auth-gate-inner{position:relative;z-index:1;padding:28px 24px 24px;text-align:center}@media(min-width:480px){.auth-gate-inner{padding:32px 28px 28px}}.auth-gate-hero{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:14px}.auth-gate-emblem{width:72px;height:72px;filter:drop-shadow(0 10px 28px #000c) drop-shadow(0 0 32px #c46bff44);animation:authEmblemFloat 5s ease-in-out infinite}.auth-gate-logo{width:min(300px,78%);height:auto;filter:drop-shadow(0 12px 30px #000c) drop-shadow(0 0 34px #c46bff33);animation:authEmblemFloat 5s ease-in-out infinite}@media(min-width:480px){.auth-gate-emblem{width:88px;height:88px}}@keyframes authEmblemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.auth-gate-brand{display:flex;flex-direction:column;align-items:center;gap:3px}.auth-gate-season{font-family:Cinzel,serif;font-weight:700;font-size:11px;letter-spacing:.32em;color:#c46bff;text-shadow:0 0 16px #c46bff66}.auth-gate-title{font-family:Cinzel,serif;font-weight:900;font-size:clamp(26px,6.5vw,34px);line-height:1.05;margin:0;letter-spacing:.08em;background:linear-gradient(180deg,#fff6e2,#ffd97a 40%,#f3c14e 65%,#b9791a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #5a3d0f) drop-shadow(0 6px 16px #0008)}.auth-gate-tag{font-family:Cinzel,serif;font-weight:700;font-size:10px;letter-spacing:.26em;color:#9fb2cd}.auth-gate-sub{color:#c8d4e8;line-height:1.5;margin:0 0 20px;font-size:14px;max-width:36ch;margin-inline:auto}.auth-gate-wallet{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;padding:14px 20px;border:2px solid #5ef08a;border-radius:14px;background:linear-gradient(180deg,#3de878,#22b85c,#168a42);box-shadow:0 4px #0d5a2a,0 10px 24px #00000073,inset 0 1px #ffffff59;cursor:pointer;font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:16px;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.auth-gate-wallet:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 5px #0d5a2a,0 14px 28px #00000080,inset 0 1px #fff6}.auth-gate-wallet:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #0d5a2a,0 6px 16px #0006,inset 0 1px #ffffff40}.auth-gate-wallet:disabled{opacity:.92;cursor:wait;transform:none}.auth-gate-wallet.is-loading .auth-gate-solana{display:none}.auth-gate-wallet:not(.is-loading) .auth-gate-wallet-spinner{display:none}.auth-gate-wallet-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:authSpin .7s linear infinite;flex-shrink:0}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-gate-solana{width:22px;height:22px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.auth-gate-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.auth-chip{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#9aadc4;background:#0a101988;border:1px solid #2a3550;border-radius:999px;padding:6px 12px}.auth-gate-note{color:#8a9bb4;font-size:12px;margin:10px 0 0;letter-spacing:.02em;line-height:1.4}.auth-gate-email{margin-top:18px;padding-top:18px;border-top:1px solid #2a3550;text-align:left}.auth-gate-or{text-align:center;color:#7a8aa4;font-size:11px;margin:0 0 14px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.auth-gate-email .auth-label{font-size:12px;font-weight:700;margin-bottom:10px}.auth-gate-email .auth-input{background:#0a1019cc;padding:12px 14px;font-size:16px;border-radius:10px;width:100%;box-sizing:border-box}.auth-gate-email .auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.auth-gate-btn{min-height:46px;padding:12px 14px;border-radius:10px;font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:14px;cursor:pointer;border:2px solid transparent;transition:filter .12s ease,transform .12s ease}.auth-gate-btn:active{transform:translateY(1px)}.auth-gate-btn-secondary{background:#0c1626;border-color:#2a4058;color:#5eead4}.auth-gate-btn-secondary:hover{filter:brightness(1.12);border-color:#3a5878}.auth-gate-btn-primary{background:linear-gradient(180deg,#ffd97a,#e8a820);border-color:#c99218;color:#2a1800;box-shadow:0 3px #8a6010}.auth-gate-btn-primary:hover{filter:brightness(1.06)}#rotate-gate{display:none}@media(orientation:portrait)and (pointer:coarse){#rotate-gate{display:grid;place-items:center;position:fixed;inset:0;z-index:9999;padding:32px;text-align:center;background:radial-gradient(120% 90% at 50% 18%,#142038,#05080f)}#app,#battle-hud{visibility:hidden}}.rotate-inner{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:340px}.rotate-logo{width:min(260px,70vw);height:auto;filter:drop-shadow(0 8px 26px #000a) drop-shadow(0 0 28px #c46bff33)}.rotate-phone{width:58px;height:58px;display:grid;place-items:center;color:var(--gold, #f3c14e);animation:rotateHint 2.4s ease-in-out infinite}.rotate-phone-ic{width:100%;height:100%;filter:drop-shadow(0 2px 8px #0008)}@keyframes rotateHint{0%,30%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rotate-title{font-family:Cinzel,serif;font-weight:900;font-size:22px;letter-spacing:.04em;color:var(--gold, #f3c14e);text-shadow:0 2px 8px #0008}.rotate-sub{color:#9fb2cd;font-size:14px;line-height:1.5;margin:0}.name-gate{position:fixed;inset:0;z-index:210;display:grid;place-items:center;padding:24px;overflow:hidden}.name-gate[hidden]{display:none}.name-gate-card{width:min(420px,calc(100vw - 32px))}.name-gate-inner{display:flex;flex-direction:column;align-items:center;gap:0;padding-bottom:26px}.name-gate .auth-gate-hero{gap:6px;margin-bottom:14px}.name-gate .auth-gate-emblem{width:auto;height:78px}.name-gate .auth-gate-season{margin-top:2px}.name-gate-title{font-family:Cinzel,serif;font-weight:900;font-size:clamp(1.25rem,3.5vw,1.55rem);letter-spacing:.06em;line-height:1.15;margin:0;background:linear-gradient(180deg,#fff8dc,#ffd97a 45%,#e8a820);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 8px #0008)}.name-gate-sub{color:#9fb2cd;font-size:14px;line-height:1.5;text-align:center;margin:0 0 22px;max-width:32ch}.name-gate-form{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0}.name-gate-label{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;margin:0;text-align:left}.name-gate-label-text{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8a9bb4}.name-gate-input{width:100%;box-sizing:border-box;padding:14px 16px;border-radius:12px;border:1px solid #3a4a62;background:#0a1019ee;color:var(--cream);font-family:Lilita One,sans-serif;font-size:18px;letter-spacing:.04em;line-height:1.2;transition:border-color .15s,box-shadow .15s}.name-gate-input::placeholder{color:#5a6a82;font-family:inherit;opacity:1}.name-gate-input:focus{outline:none;border-color:#c79a4a;box-shadow:0 0 0 3px #c79a4a33,inset 0 1px #ffffff0a}.name-gate-hint{margin:8px 0 0;font-size:11px;color:#6a7a94;letter-spacing:.02em;text-align:left}.name-gate-error{color:#ff7a7a;font-size:13px;font-weight:600;min-height:20px;text-align:center;margin:10px 0 0}.name-gate-error:empty{display:none}.name-gate-btn{width:100%;margin-top:20px;padding:12px 18px;border:0;border-radius:12px;cursor:pointer;font-family:Cinzel,serif;font-weight:900;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#06250f;background:linear-gradient(180deg,#5ef088,#46e873 35%,#1c9c47);box-shadow:0 4px #126b30,0 8px 18px #0000004d,inset 0 1px #fff5;transition:transform .06s,filter .12s,box-shadow .06s}.name-gate-btn:hover:not(:disabled){filter:brightness(1.06)}.name-gate-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #126b30,0 4px 12px #0004,inset 0 1px #fff4}.name-gate-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:1240px){.rail{width:210px;flex-basis:210px}.find-btn{min-width:300px;padding:13px 56px 15px}.fb-main{font-size:28px}}@media(max-width:1040px){.widget-rail{display:none}.rail-l{width:180px;flex-basis:180px}.navitem{font-size:12px;padding:9px 12px}}@media(max-width:820px){.brand,.rail-l{display:none}.deck-card{width:64px}}#battle-hud{position:fixed;z-index:50;pointer-events:none;font-family:Nunito,system-ui,sans-serif;color:#fff6e2}#battle-hud *{box-sizing:border-box}#battle-hud .hud-layer{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:0 0 10px}#battle-hud button{pointer-events:auto;cursor:pointer;border:none;font-family:inherit}.hud-topbar{position:relative;flex-shrink:0;padding:10px 14px 12px;z-index:2}.hud-topbar-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,20,.94) 0%,rgba(8,12,20,.72) 75%,transparent 100%);pointer-events:none}.hud-topbar-content{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:10px 16px;width:100%}.hud-side.enemy{display:flex;align-items:flex-start;gap:10px;min-width:0}.hud-side.player{display:flex;align-items:flex-start;justify-content:flex-end;gap:10px;min-width:0}.hud-toolbar{display:flex;gap:6px;flex-shrink:0}.hud-player-block{flex:1;min-width:0;max-width:clamp(120px,22vw,200px)}.hud-side.player .hud-player-block{display:flex;flex-direction:column;align-items:flex-end}.hud-crown-row{display:flex;align-items:center;gap:5px;font-weight:800;font-size:13px;line-height:1.2;white-space:nowrap;margin-bottom:5px}.hud-side.player .hud-crown-row{justify-content:flex-end}.hud-crown-row .ic{width:15px;height:15px;color:#ffcf4b;flex-shrink:0}.hud-name-label{overflow:hidden;text-overflow:ellipsis;max-width:clamp(60px,12vw,110px)}.hud-hp{height:7px;width:100%;background:#0a1018bf;border-radius:99px;overflow:hidden;border:1px solid rgba(255,255,255,.14)}.hud-hp i{display:block;height:100%;border-radius:99px;transition:width .2s}.hud-hp.enemy i{background:linear-gradient(90deg,#2f7bf0,#6ab4ff)}.hud-hp.player i{background:linear-gradient(90deg,#d04040,#ff6a6a)}.hud-center{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:2px;min-width:clamp(140px,28vw,220px)}.hud-timer{font-family:Lilita One,sans-serif;font-size:clamp(26px,3.8vw,36px);line-height:1;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.65);white-space:nowrap}.hud-timer.double{color:#53e36b}.hud-timer.ot{color:#ff6a6a}.hud-pill{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;padding:5px 14px;border-radius:999px;background:#0a1018e0;border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:800;letter-spacing:.04em;white-space:nowrap}.hud-pill b{color:#ffcf4b}.hud-spec{display:flex;align-items:center;gap:4px;flex-shrink:0;padding-top:6px;font-size:11px;font-weight:700;color:#9fb2cd}.hud-spec .ic{width:14px;height:14px;opacity:.85}.hud-corners{position:absolute;inset:0;pointer-events:none;z-index:3}.hud-corner{position:absolute;pointer-events:auto}.hud-corner.bl{bottom:158px;left:10px}.hud-iconbtn{width:34px;height:34px;border-radius:9px;background:#131c2beb;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;color:#fff6e2;flex-shrink:0}.hud-iconbtn .ic{width:18px;height:18px}.hud-dock{pointer-events:auto;align-self:center;width:min(884px,96%);margin:0 12px;background:#10141ccc;border:1px solid #ffffff18;border-radius:18px;padding:13px 18px 15px;box-shadow:0 14px 48px #0008}.hud-dock-row{display:flex;align-items:flex-end;gap:13px;justify-content:center}.hud-next{flex:0 0 88px;display:flex;flex-direction:column;align-items:center;gap:5px}.hud-next-label{font-size:11px;font-weight:800;letter-spacing:.08em;color:#9fb2cd}.hud-next-card{position:relative;width:84px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.14);background:#0a1018;transition:transform .22s ease,box-shadow .22s ease}.hud-next-card.hud-next-pop{animation:hud-next-pop .28s ease}@keyframes hud-next-pop{0%{transform:scale(.88);box-shadow:0 0 #f3c14e00}45%{transform:scale(1.06);box-shadow:0 0 18px #f3c14e73}to{transform:scale(1);box-shadow:0 0 #f3c14e00}}.hud-next-card img{width:100%;display:block;aspect-ratio:360/480;object-fit:cover}.hud-next-cost{position:absolute;top:5px;left:5px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e080ff,#9b2dc2);color:#fff;font-weight:900;font-size:13px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.4)}.hud-next-lvl{position:absolute;top:5px;right:5px;background:#000000bf;color:#ffcf4b;font-size:11px;font-weight:800;padding:2px 6px;border-radius:6px}.hud-next-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d1);font-size:10px;font-weight:800;text-align:center;padding:14px 3px 5px;line-height:1.1}.hud-card{position:relative;width:clamp(81px,18.2vw,112px);border-radius:12px;overflow:hidden;border:2px solid transparent;transition:transform .12s,opacity .12s;cursor:pointer}.hud-card img{width:100%;display:block;aspect-ratio:360/480;object-fit:cover}.hud-card.selected{transform:translateY(-8px) scale(1.06);border-color:#ffcf4b;box-shadow:0 8px 24px #0008}.hud-card.evo-slot{box-shadow:0 0 0 1px #ffd24a59}.hud-card.evo-ready{border-color:#ffd24a;box-shadow:0 0 18px #ffd24a8c,0 8px 24px #0008;animation:evo-pulse 1.2s ease-in-out infinite}@keyframes evo-pulse{50%{box-shadow:0 0 26px #ffd24abf,0 8px 24px #0008}}.hud-card.evo-ready:after{content:"EVO";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);font-family:Lilita One,sans-serif;font-size:22px;color:#ffd24a;text-shadow:0 2px 8px #000,0 0 12px rgba(255,210,74,.8);pointer-events:none}.hud-card.disabled{opacity:.45;filter:grayscale(.35)}.hud-card.flash{animation:hud-flash .2s ease}@keyframes hud-flash{50%{filter:brightness(1.4) saturate(1.3);transform:scale(1.08)}}.hud-cost{position:absolute;top:5px;left:5px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e080ff,#9b2dc2);color:#fff;font-weight:900;font-size:14px;display:grid;place-items:center;border:2px solid #fff6}.hud-lvl{position:absolute;top:5px;right:5px;background:#000b;color:#ffcf4b;font-size:11px;font-weight:800;padding:2px 6px;border-radius:6px}.hud-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);font-size:11px;font-weight:800;text-align:center;padding:14px 3px 5px}.hud-elixir-row{display:flex;align-items:center;gap:13px;margin-top:13px}.hud-elixir-row .drop{color:#c46bff;font-size:22px}.hud-elixir-val{font-family:Lilita One,sans-serif;font-size:28px;min-width:30px}.hud-elixir-max{font-size:12px;color:#9fb2cd;font-weight:800}.hud-pips{display:flex;gap:4px;flex:1}.hud-pips .pip{flex:1;height:13px;border-radius:5px;background:#1b0a26;border:1px solid #4a2a66}.hud-pips .pip.on{background:linear-gradient(180deg,#e080ff,#9b2dc2)}.hud-pips .pip.partial{background:linear-gradient(180deg,#e080ff88,#1b0a26)}.hud-ring{width:46px;height:46px;border-radius:50%;background:conic-gradient(#c46bff calc(var(--p, 0) * 360deg),#1b0a26 0);border:2px solid #ffffff22;flex-shrink:0}.hud-chat-panel{position:absolute;left:12px;bottom:210px;width:286px;background:#131c2bf5;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:0;display:none;pointer-events:auto;z-index:4;box-shadow:0 12px 36px #00000073;overflow:hidden}.hud-chat-panel.open{display:flex;flex-direction:column}.hud-chat-header{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0a1018d9;border-bottom:1px solid rgba(255,255,255,.1);cursor:grab;user-select:none;touch-action:none}.hud-chat-header:active{cursor:grabbing}.hud-chat-grip{color:#6a8099;font-size:14px;letter-spacing:-2px;line-height:1}.hud-chat-title{flex:1;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9fb2cd}.hud-chat-close{width:26px;height:26px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff6e2;font-size:18px;line-height:1;cursor:pointer;pointer-events:auto}.hud-chat-feed{max-height:110px;overflow:auto;font-size:13px;padding:8px 10px;margin:0}.hud-chat-line{margin:3px 0;color:#cfe0ff;line-height:1.35}.hud-chat-line b{color:#ffcf4b}.hud-chat-compose{display:flex;gap:6px;padding:0 8px 8px}.hud-chat-compose input{flex:1;min-width:0;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0a1018e6;color:#fff6e2;font-size:13px;font-family:inherit}.hud-chat-compose input::placeholder{color:#7e8da3}.hud-chat-compose input:focus{outline:none;border-color:#7ad4ff8c}.hud-chat-compose button{flex-shrink:0;padding:8px 12px;border-radius:10px;border:none;background:linear-gradient(#7ad4ff,#3a8fd4);color:#061018;font-weight:800;font-size:12px;cursor:pointer}.hud-chat-presets{display:flex;flex-wrap:wrap;gap:5px;padding:0 8px 10px}.hud-chat-presets button{font-size:11px;padding:5px 9px;border-radius:8px;background:#1b2840;color:#fff6e2;border:1px solid rgba(255,255,255,.14);cursor:pointer}@media(max-width:640px){.hud-topbar{padding:8px 10px 10px}.hud-topbar-content{gap:8px 10px}.hud-toolbar{gap:4px}.hud-iconbtn{width:30px;height:30px}.hud-spec{display:none}.hud-pill{font-size:10px;padding:4px 10px;gap:6px 10px}.hud-player-block{max-width:clamp(90px,28vw,140px)}}@media(max-height:500px)and (orientation:landscape){.hud-topbar{padding:4px 10px 6px}.hud-spec{display:none}.hud-pill{font-size:10px;padding:3px 10px;gap:4px 10px}.hud-timer{font-size:clamp(20px,6vh,28px)}.hud-crown-row{font-size:12px;margin-bottom:3px}.hud-iconbtn{width:28px;height:28px}.hud-iconbtn .ic{width:16px;height:16px}.hud-dock{padding:7px 12px 8px;border-radius:14px}.hud-dock-row{gap:8px}.hud-card{width:clamp(52px,13vh,86px);border-radius:10px}.hud-cost{width:22px;height:22px;font-size:12px}.hud-lvl{font-size:9px;padding:1px 5px}.hud-name{font-size:9px;padding:9px 2px 3px}.hud-next{flex-basis:60px;gap:3px}.hud-next-label{font-size:9px}.hud-next-card{width:clamp(44px,11vh,72px)}.hud-next-cost{width:20px;height:20px;font-size:11px}.hud-elixir-row{margin-top:7px;gap:9px}.hud-elixir-row .drop{font-size:17px}.hud-elixir-val{font-size:21px;min-width:22px}.hud-elixir-max{font-size:10px}.hud-pips .pip{height:10px}.hud-ring{width:36px;height:36px}.hud-corner.bl{bottom:124px}.hud-champion-btn{height:44px;min-width:56px;font-size:8px}.hud-champion-cost{font-size:14px}.hud-chat-panel{bottom:150px;width:240px}}.wiki-overlay{position:fixed;inset:0;z-index:100;background:#0a1018f0;overflow:auto;padding:24px}.wiki-panel{max-width:1100px;margin:0 auto;position:relative}.wiki-close{position:sticky;top:0;float:right;width:44px;height:44px;border-radius:12px;background:#131c2b;color:#fff6e2;border:1px solid #ffffff22;font-size:24px;cursor:pointer;z-index:2}.wiki-head h1{font-family:Cinzel,serif;color:#ffcf4b;margin:0 0 8px}.wiki-lead{color:#9fb2cd}.wiki-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.wiki-card{display:flex;gap:12px;background:#131c2b;border:1px solid #2a3a55;border-radius:12px;padding:12px}.wiki-card img{width:88px;border-radius:8px;object-fit:cover;flex-shrink:0}.wiki-meta h3{margin:0 0 4px;font-size:16px}.wiki-role{color:#9fb2cd;font-size:13px}.wiki-table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0 24px}.wiki-table th,.wiki-table td{border:1px solid #2a3a55;padding:8px;text-align:left}.wiki-table th{background:#131c2b;color:#ffcf4b}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#9fb2cd}.auth-input{padding:10px 12px;border-radius:10px;border:1px solid #2a3a55;background:#0e1524;color:#fff6e2}.auth-actions{display:flex;gap:8px;margin-top:4px}.hud-champion-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;height:52px;padding:4px 8px;border-radius:12px;border:2px solid #5a3040;background:linear-gradient(180deg,#2a1420,#180c12);color:#ff9ab0;cursor:not-allowed;opacity:.55;font-family:Cinzel,serif;font-weight:800;font-size:9px;letter-spacing:.5px;position:relative;flex-shrink:0}.hud-champion-btn.ready{opacity:1;cursor:pointer;border-color:#ff6a8a;box-shadow:0 0 16px #ff6a8a55}.hud-champion-btn.ready:hover{filter:brightness(1.08)}.hud-champion-cost{font-family:Lilita One,sans-serif;font-size:16px;color:#ffd24a;line-height:1}.hud-champion-cd{position:absolute;inset:0;display:grid;place-items:center;background:#000a;border-radius:10px;font-family:Lilita One;font-size:18px;color:#fff}.hud-champion-btn.ready .hud-champion-cd{display:none}