.menuMain{flex-direction:column;justify-content:flex-start;align-items:center;height:100dvh;padding:clamp(10px,2.2vh,30px) 24px clamp(8px,1.6vh,24px);display:flex;position:relative;overflow:hidden}.menuBackdrop{z-index:-1;background:var(--ground);position:fixed;inset:0}.menuBackdrop:before{content:"";filter:brightness(.34)saturate(.8);background:url(/ui/menu-bg.jpg) 50% 38%/cover no-repeat;position:absolute;inset:0}.menuBackdrop:after{content:"";background:radial-gradient(100% 80% at 50% 115%,#131017f2 25%,#1310174d 75%),linear-gradient(#131017cc,#13101733 45%,#131017eb);position:absolute;inset:0}.menuHeader{text-align:center}.menuLogoRow{justify-content:center;align-items:center;gap:22px;display:flex}.menuEmblem{object-fit:contain;filter:drop-shadow(0 0 24px #e3a44a73);width:96px;height:96px}.menuWordmark{filter:drop-shadow(0 6px 24px #000000bf)drop-shadow(0 0 30px #e3a44a40);width:min(430px,70vw);margin:0;display:block}.menuTag{color:var(--muted);margin:0}.walletBar{z-index:20;border:1px solid var(--line);font-family:var(--font-display), Georgia, serif;color:#eae3d6;background:#0f0c1499;border-radius:999px;align-items:center;gap:18px;padding:8px 20px;font-size:1rem;display:flex;position:fixed;top:26px;right:300px}.walletBar span{align-items:center;gap:6px;display:flex}.walletBar img{object-fit:contain;width:20px;height:20px}.walletBar .lvl{color:var(--gold)}.walletBar .record{color:var(--muted);font-size:.85rem}.menuNav{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:13px;width:min(420px,92vw);margin-top:12px;display:flex}.menuBtn{text-align:center;border:1px solid var(--line);color:#eae3d6;width:100%;font-family:var(--font-display), Georgia, serif;cursor:pointer;background:#16121cd9;border-radius:12px;padding:15px 20px;font-size:1.12rem;font-weight:700;text-decoration:none;transition:transform .12s,border-color .2s;display:block}.menuBtn:hover{border-color:var(--muted);transform:translateY(-2px)}.menuBtn.primary{color:#1b1207;background:linear-gradient(#ffd98a,#e3a44a 55%,#a86f1f);border-color:#7a4c10}.menuBtn.highlight{color:#b8e08c;border-color:#8cc15266}.menuSmallRow{gap:18px;margin-top:6px;display:flex}.menuSmall{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:.88rem;text-decoration:none}.menuSmall:hover{color:var(--gold)}.deckPick{text-align:center;width:min(1040px,96vw)}.deckPick h2{font-family:var(--font-display), Georgia, serif;color:#f3ead9;margin:0 0 16px}.deckRow{flex-wrap:wrap;justify-content:center;gap:26px;margin-bottom:18px;display:flex}.deckChoice{filter:drop-shadow(0 12px 30px #0000008c);border-style:solid;border-width:26px 30px;border-image:url(/ui/panel-frame.png) 96 110 fill;border-radius:0;flex-direction:column;align-items:center;width:300px;padding:4px 2px 10px;text-decoration:none;transition:transform .18s,filter .25s;display:flex;border-color:#0000!important}.deckChoice:hover{filter:drop-shadow(0 18px 44px #0009) drop-shadow(0 0 34px var(--dc-glow,#e3a44a80));transform:translateY(-8px)scale(1.03)}.deckChoice img{object-fit:cover;object-position:top center;border-radius:4px;width:100%;height:320px;margin-bottom:10px}.deckChoice b{font-family:var(--font-display), Georgia, serif;letter-spacing:.03em;font-size:1.12rem}.deckChoice span{color:var(--muted);padding:4px 10px 0;font-size:.84rem}.menuFooter{color:#9c93a8b3;font-family:var(--font-mono,monospace);letter-spacing:.08em;margin-top:auto;padding-top:30px;font-size:.72rem}.menuMain .menuBtn{color:#e8e1d4;text-shadow:0 1px 3px #000c;background:0 0;border:20px solid #0000;border-width:20px 54px;border-image:url(/ui/btn-dark.png) 85 270 fill;border-radius:0;padding:8px 6px}.menuMain .menuBtn:hover:not(:disabled){filter:brightness(1.12);transform:none}.menuMain .menuBtn:active:not(:disabled){transform:translateY(1px)}.menuMain .menuBtn:disabled{filter:grayscale(.65)brightness(.7)}.menuMain .menuBtn.primary{color:#241505;text-shadow:0 1px #ffebb473;background:0 0;border:20px solid #0000;border-width:20px 54px;border-image:url(/ui/btn-gold.png) 90 255 fill;border-radius:0;padding:8px 6px}.menuMain .menuBtn.primary:hover:not(:disabled){filter:brightness(1.12);transform:none}.menuMain .menuBtn.primary:active:not(:disabled){transform:translateY(1px)}.menuMain .menuBtn.primary:disabled{filter:grayscale(.65)brightness(.7)}.menuMain .menuBtn.highlight{color:#b8e08c;background:0 0;border:20px solid #0000;border-width:20px 54px;border-image:url(/ui/btn-dark.png) 85 270 fill;border-radius:0;padding:8px 6px}.menuMain .menuBtn.highlight:hover:not(:disabled){filter:brightness(1.12);transform:none}.menuMain .menuBtn.highlight:active:not(:disabled){transform:translateY(1px)}.menuMain .menuBtn.highlight:disabled{filter:grayscale(.65)brightness(.7)}.seasonPlate{justify-content:center;align-items:center;gap:14px;margin:10px 0 4px;display:flex}.seasonLabel{font-family:var(--font-display), Georgia, serif;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 18px #e3a44a73,0 2px 8px #000c;white-space:nowrap;font-size:.95rem;font-weight:600}.seasonRule{opacity:.8;background:radial-gradient(circle at 100% 50%, var(--gold) 2.5px, transparent 3px), linear-gradient(90deg, transparent, var(--gold));clip-path:polygon(0 44%,94% 44%,94% 30%,100% 50%,94% 70%,94% 56%,0 56%);background-repeat:no-repeat;background-size:100% 100%;width:90px;height:9px}.seasonRule.flip{transform:scaleX(-1)}.menuTag{color:#9c93a8d9;font-size:.88rem}.moreCorner{z-index:20;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:26px;right:26px}.moreBtn{cursor:pointer;background:0 0;border:0;width:62px;height:62px;padding:0;transition:transform .15s,filter .2s}.moreBtn img{object-fit:contain;filter:drop-shadow(0 6px 16px #0009);width:100%;height:100%}.moreBtn:hover{filter:brightness(1.15);transform:scale(1.07)}.morePop{background:#14101af5;border:1px solid #2e2837;border-radius:12px;flex-direction:column;gap:4px;min-width:170px;padding:8px;animation:.18s ease-out morePop;display:flex;box-shadow:0 16px 40px #0009}@keyframes morePop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.moreLink{color:#cfc7d6;border-radius:8px;padding:8px 12px;font-size:.9rem;text-decoration:none}.moreLink:hover{color:var(--gold);background:#221c2c}.seasonBanner{filter:drop-shadow(0 4px 18px #000000b3)drop-shadow(0 0 20px #e3a44a40);width:min(340px,64vw);margin:26px auto 0;display:block}.logoLockup{filter:drop-shadow(0 8px 30px #000000bf)drop-shadow(0 0 34px #e3a44a38);width:min(620px,88vw);margin:8px auto 0;display:block}.moreDivider{background:#2e2837;height:1px;margin:6px 4px}.moreDevLabel{font-family:var(--font-mono,monospace);letter-spacing:.16em;text-transform:uppercase;color:#6f6680;padding:2px 12px;font-size:.62rem}.moreLink.dev{text-align:left;cursor:pointer;color:#8cc152;background:0 0;border:0;font-family:inherit}.moreLink.dev:hover{color:#b8e08c;background:#221c2c}.accountChip{z-index:20;align-items:center;gap:12px;display:flex;position:fixed;top:22px;left:96px}.accountChip b,.accountChip .leagueTag,.accountChip .menuSmall{background:#0f0c1499;border-radius:999px;padding:6px 12px}.accountChip b{font-family:var(--font-display), Georgia, serif;color:#eae3d6;font-size:.95rem}.leagueTag{font-family:var(--font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.l-Bronze{color:#a97142}.l-Silver{color:#9c93a8}.l-Gold{color:#e3a44a}.l-Diamond{color:#4e8ee9}.l-Legend{color:#ff5c8a}.accountLogin{color:var(--gold)}.resumeBanner{cursor:pointer;color:#ffd98a;font-family:var(--font-display), Georgia, serif;background:0 0;border:15px solid #0000;border-width:15px 44px;border-image:url(/ui/btn-dark.png) 85 270 fill;border-radius:0;margin-top:14px;padding:2px 6px;font-size:.95rem;font-weight:700}.resumeBanner:hover{filter:brightness(1.15)}.menuBtnRow{gap:12px;width:100%;display:flex}.menuBtn.half{flex:1}.queueOverlay{z-index:60;background:#08060ccc;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.queuePanel{text-align:center;filter:drop-shadow(0 24px 60px #000000b3);border:44px solid #0000;border-width:44px 52px;border-image:url(/ui/panel-frame.png) 150 170 fill;border-radius:0;min-width:460px;padding:10px 18px 16px}.queuePanel h2{font-family:var(--font-display), Georgia, serif;color:#f3ead9;margin:0 0 6px}.queueMeta{color:#cfc7d6;margin:4px 0}.queueHint{color:var(--muted);margin:4px 0 14px;font-size:.88rem}.queueFactions{justify-content:center;gap:12px;margin-bottom:14px;display:flex}.queueFaction{cursor:pointer;background:#0c0a10d9;border:2px solid;border-radius:12px;flex-direction:column;width:132px;padding:0;transition:transform .12s,box-shadow .2s;display:flex;overflow:hidden}.queueFaction:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0000008c}.queueFaction img{aspect-ratio:3/4;object-fit:cover;object-position:top center;width:100%;display:block}.queueFaction b{font-family:var(--font-display), Georgia, serif;text-align:center;background:#08060cbf;justify-content:center;align-items:center;height:2.5em;padding:0 6px;font-size:.78rem;line-height:1.15;display:flex}.queueSpinner{border:4px solid #e3a44a33;border-top-color:#e3a44a;border-radius:50%;width:54px;height:54px;margin:10px auto 12px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn.subtle{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:.9rem}.btn.subtle:hover{color:#eae3d6}.cornerRail{z-index:21;align-items:flex-start;gap:14px;display:flex;position:fixed;top:10px;right:24px}.storeCorner{flex-direction:column;align-items:center;gap:1px;text-decoration:none;transition:transform .15s,filter .2s;display:flex;position:relative}.storeCorner img{object-fit:contain;filter:drop-shadow(0 6px 16px #0009);width:62px;height:62px}.storeCorner span{font-family:var(--font-display), Georgia, serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 4px #000000e6;font-size:.68rem;font-weight:700}.storeCorner:hover{filter:brightness(1.15);transform:scale(1.07)}.loginBtn{color:#241505;font-family:var(--font-display), Georgia, serif;white-space:nowrap;background:0 0;border:13px solid #0000;border-width:13px 36px;border-image:url(/ui/btn-gold.png) 90 255 fill;border-radius:0;align-items:center;padding:1px 2px;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.loginBtn:hover{filter:brightness(1.12)}.walletBar{background:0 0!important;border:0!important;gap:22px!important;padding:0!important}.wRes{align-items:center;gap:7px;display:flex}.wRes img{object-fit:contain;filter:drop-shadow(0 3px 8px #000c)drop-shadow(0 0 10px #e3a44a4d);width:30px;height:30px}.wRes b{font-family:var(--font-display), Georgia, serif;color:#f3ead9;text-shadow:0 2px 6px #000000e6;font-size:1.18rem}.wLevel{justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.wLevel img{object-fit:contain;filter:drop-shadow(0 3px 8px #000c);width:44px;height:44px}.wLevel i{font-style:normal;font-family:var(--font-display), Georgia, serif;color:#fff;text-shadow:0 0 6px #000,0 0 12px #e3a44acc;font-size:1rem;font-weight:700;position:absolute}.wRecord{color:#cfc7d6cc;font-size:.8rem;font-family:var(--font-mono,monospace);text-shadow:0 1px 4px #000000e6}@keyframes urgentText{50%{text-shadow:0 0 14px #e0562fe6}}.hotDeals{z-index:15;flex-direction:column;align-items:center;gap:20px;display:flex;position:fixed;top:50%;left:26px;transform:translateY(-50%)}.hotTitle{font-family:var(--font-display), Georgia, serif;color:#ff9d5c;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 16px #e0562f99,0 2px 6px #000000e6;margin:0;font-size:.68rem}.hotOrb{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:0;transition:transform .15s,filter .2s;display:flex}.hotOrb:hover{filter:brightness(1.15);transform:scale(1.08)}.hotCircle{background:radial-gradient(circle at 50% 40%,#241c2c,#0d0a12 75%);border:2px solid #e3a44abf;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 18px #e0562f59,0 8px 22px #0009,inset 0 0 22px #000000b3}.hotOrb:hover .hotCircle{box-shadow:0 0 26px #e0562f99,0 8px 22px #0009,inset 0 0 22px #000000b3}.hotFire{object-fit:cover;mix-blend-mode:screen;opacity:.55;pointer-events:none;width:136%;height:136%;position:absolute;inset:-18%}.hotPack{object-fit:contain;filter:drop-shadow(0 4px 10px #000c);width:58px;height:66px;position:relative}.hotOff{color:#ffe9d6;background:linear-gradient(#e0562f,#8c2413);border-radius:999px;padding:2px 7px;font-size:.6rem;font-weight:700;position:absolute;bottom:5px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0009}.hotPrice{color:#ffd98a;text-shadow:0 1px 4px #000000e6;align-items:center;gap:4px;font-size:.8rem;font-weight:700;display:flex}.hotPrice s{color:#8c8496;font-size:.68rem;font-weight:400}.hotPrice img{object-fit:contain;width:13px;height:13px}.hotTimer{color:var(--muted);font-size:.62rem;font-family:var(--font-mono,monospace);text-shadow:0 1px 3px #000000e6}.hotTimer.soon{color:#ff6b52;animation:1s infinite urgentText}.hotMsg{color:#8cc152;text-align:center;text-shadow:0 1px 4px #000000e6;max-width:130px;margin:0;font-size:.74rem}.brandMark{z-index:21;object-fit:contain;filter:drop-shadow(0 0 14px #e3a44a66)drop-shadow(0 4px 10px #000000b3);width:62px;height:62px;position:fixed;top:10px;left:20px}.dealOverlay{z-index:70;background:#08060cd9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.dealPanel{text-align:center;filter:drop-shadow(0 24px 60px #000000bf);border:44px solid #0000;border-width:44px 50px;border-image:url(/ui/panel-frame.png) 150 170 fill;border-radius:0;width:400px;padding:6px 14px 14px;position:relative}.dealPanel h2{font-family:var(--font-display), Georgia, serif;color:#f3ead9;margin:0 0 6px;font-size:1.4rem}.dealArt{object-fit:contain;filter:drop-shadow(0 8px 18px #000000b3);width:120px;height:136px}.dealSub{color:var(--muted);margin:4px 0 10px;font-size:.84rem}.dealFlash{z-index:2;color:#ffe9d6;background:linear-gradient(#e0562f,#8c2413);border-radius:999px;padding:4px 11px;font-size:.8rem;font-weight:700;position:absolute;top:30px;right:34px;box-shadow:0 3px 10px #0009}.dealOdds{flex-direction:column;gap:3px;margin:0 0 10px;padding:0 22px;list-style:none;display:flex}.dealOdds li{color:#cfc7d6;justify-content:space-between;font-size:.8rem;display:flex}.odRar{text-transform:capitalize}.r-common{color:#9c93a8}.r-rare{color:#4e8ee9}.r-epic{color:#a45ae0}.r-legendary{color:#e3a44a}.r-mythic{color:#ff5c8a}.dealPriceRow{justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.dealPriceRow s{color:#8c8496;font-size:.9rem}.dealPriceRow b{color:#ffd98a;font-family:var(--font-display), Georgia, serif;font-size:1.5rem}.dealPriceRow img{object-fit:contain;width:22px;height:22px}.dealBtns{flex-direction:column;align-items:center;gap:8px;display:flex}.dealBtns .menuBtn{width:100%}.dealMore{color:var(--gold);margin-top:10px;font-size:.8rem;text-decoration:none;display:block}.revealWrapMenu{text-align:center}.revealTitle{font-family:var(--font-display), Georgia, serif;color:#f3ead9;text-shadow:0 0 24px #e3a44a80;margin:0 0 18px;font-size:1.6rem}.revealRow{flex-wrap:wrap;justify-content:center;gap:clamp(10px,1.4vw,24px);max-width:94vw;margin-bottom:20px;display:flex}.revealCard{aspect-ratio:3/4;perspective:1100px;cursor:pointer;width:clamp(160px,15vw,280px);height:auto}.revealInner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.32,.8,.28,1);position:relative}.revealCard.flipped .revealInner{transform:rotateY(180deg)}.revealBack,.revealFront{backface-visibility:hidden;border-radius:10px;position:absolute;inset:0;overflow:hidden}.revealBack img{object-fit:cover;width:100%;height:100%}.revealFront{transform:rotateY(180deg)}.revealFront .framedCard{width:100%!important;height:100%!important}.revealFront[data-rarity=legendary]{filter:drop-shadow(0 0 22px #e3a44abf)}.revealFront[data-rarity=mythic]{filter:drop-shadow(0 0 26px #ff5c8ad9)}.revealFront[data-rarity=epic]{filter:drop-shadow(0 0 18px #a45ae099)}.leagueTag{align-items:center;gap:6px;display:inline-flex}.leagueCrest{object-fit:contain;filter:drop-shadow(0 1px 3px #000c);width:20px;height:20px}.menuMain .logoLockup{object-fit:contain;width:min(620px,82vw);max-height:30vh;margin:0 auto}.menuMain .seasonBanner{object-fit:contain;width:min(340px,58vw);max-height:9vh;margin:clamp(4px,1.2vh,22px) auto 0}.menuMain .menuNav{flex:0 auto;gap:clamp(5px,1.1vh,13px);margin-top:clamp(6px,1.6vh,20px)}.menuMain .menuBtn{border-width:clamp(13px,2.1vh,20px) 54px;padding:clamp(6px,1.15vh,15px) 20px;font-size:clamp(.92rem,1.65vh,1.12rem)}.menuMain .resumeBanner{border-width:clamp(11px,1.7vh,15px) 44px;margin-top:clamp(6px,1.2vh,14px);font-size:clamp(.82rem,1.4vh,.95rem)}.menuMain .menuFooter{padding-top:clamp(6px,1.4vh,30px)}.menuMain .hotDeals{gap:clamp(8px,1.6vh,20px)}.menuMain .hotCircle{width:clamp(64px,8vh,96px);height:clamp(64px,8vh,96px)}.boardRowPick{flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:16px;display:flex}.boardChoice{text-align:center;filter:drop-shadow(0 10px 26px #00000080);border-style:solid;border-width:24px 28px;border-image:url(/ui/panel-frame.png) 150 170 fill;border-radius:0;flex-direction:column;align-items:center;width:clamp(220px,22vw,300px);padding:2px 2px 8px;text-decoration:none;transition:transform .18s,filter .25s;display:flex;overflow:hidden;border-color:#0000!important}.boardChoice:hover{filter:drop-shadow(0 16px 38px #0009)drop-shadow(0 0 26px #e3a44a73);transform:translateY(-6px)scale(1.02)}.boardChoice img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:100%;margin-bottom:8px}.boardChoice b{font-family:var(--font-display), Georgia, serif;color:var(--gold);letter-spacing:.03em;font-size:1rem}.boardChoice span{color:var(--muted);padding:2px 8px 0;font-size:.8rem}.menuMain .menuNav:has(.boardRowPick){width:min(1040px,96vw)}