@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap";
:root{--ink:#201b31;--paper:#f7f1df;--lime:#cdf775;--purple:#8864de;--pink:#f693b8;--muted:#a39ab5;--line:#484058}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--paper);background:#100e18;margin:0;font-family:DM Sans,Arial,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;filter:saturate(.3);opacity:.48}button:focus-visible{outline-offset:4px;outline:4px solid #fff}button,input{-webkit-tap-highlight-color:transparent}#viewport{background:radial-gradient(#373047,#100e18);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#game{transform-origin:50%;background:var(--ink);isolation:isolate;flex-shrink:0;width:1280px;height:800px;position:relative;overflow:hidden}#screen{height:100%}h1,h2,h3,p{margin:0}h1,h2,h3,.display,.btn,.nav-label,.num{font-family:Barlow Condensed,Impact,Arial Narrow,sans-serif}h1,h2,h3{text-transform:uppercase;font-weight:800;line-height:.95}button{background:0 0;border:0}small,.eyebrow{letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:800}.pill{letter-spacing:1.5px;border:1px solid #ffffff30;border-radius:6px;padding:7px 11px;font-size:10px;font-weight:800}.pill.live{color:var(--lime);background:#cdf77512}.dot{background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 10px}.logo{letter-spacing:-1px;color:var(--paper);align-items:center;gap:10px;font:900 30px/.78 Barlow Condensed,Impact,sans-serif;text-decoration:none;display:flex}.logo .brand-wordmark{object-fit:contain;width:88px;height:48px;display:block}.logo span:last-child{flex-direction:column;display:flex}.logo em{color:var(--lime);font-style:normal}.topbar{z-index:5;background:#201b31e8;border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;height:88px;padding:0 38px;display:flex;position:relative}.topbar .left,.topbar .right{align-items:center;gap:22px;display:flex}.topbar .mini{letter-spacing:2px;color:var(--muted);font-size:11px}.tools{align-items:center;gap:8px;display:flex}.tool{background:#ffffff08;border:1px solid #ffffff25;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:800}.tool:hover{background:#ffffff20}.tool.on{color:var(--lime)}.wallet{background:#110e1d;border:1px solid #ffffff25;border-radius:9px;align-items:center;gap:8px;padding:9px 13px;font-size:13px;font-weight:800;display:flex}.coin{color:#ffd46b}.gem{color:#b896ff}.avatar-badge{background:var(--purple);border:2px solid #cfb8ff;border-radius:10px;place-items:center;width:40px;height:40px;font-size:24px;display:grid}.btn{letter-spacing:.6px;text-transform:uppercase;background:var(--lime);color:var(--ink);border:2px solid var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:18px;padding:15px 30px;font-size:25px;font-weight:800;line-height:1;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:0 5px #6e8e39}.btn:hover{filter:brightness(1.08);transform:translateY(-3px)}.btn:active{transform:translateY(3px);box-shadow:0 1px #6e8e39}.btn.purple{background:var(--purple);color:#fff;box-shadow:0 5px #50388b}.btn.cream{background:var(--paper);box-shadow:0 5px #a19a87}.btn.pink{background:var(--pink);box-shadow:0 5px #965971}.btn.small{padding:12px 22px;font-size:19px}.btn.ghost{color:var(--paper);box-shadow:none;background:#ffffff0a;border:1px solid #ffffff35}.arrow{font-family:Arial;font-size:25px}.landing{background:#201b31;height:100%;position:relative}.landing:after{content:"";pointer-events:none;opacity:.12;background-image:radial-gradient(#fff2 .8px,#0000 .8px);background-size:10px 10px;position:absolute;inset:88px 0 50px}.landing-body{grid-template-columns:47% 53%;align-items:center;height:652px;display:grid;position:relative}.landing-copy{z-index:2;padding:0 0 20px 65px}.landing-copy .eyebrow{color:var(--pink);align-items:center;gap:12px;margin-bottom:22px;display:flex}.landing h1{letter-spacing:-2px;font-size:103px;line-height:.86}.landing h1 span{color:var(--lime);display:block}.landing-copy>p{color:#c9c0d7;max-width:370px;margin:26px 0 30px;font-size:16px;line-height:1.65}.landing-actions{align-items:center;gap:22px;display:flex}.landing-actions .btn{padding:19px 35px;font-size:29px}.landing-actions small{color:var(--muted);font-size:9px;line-height:1.8}.landing-stats{gap:34px;margin-top:35px;display:flex}.landing-stats div{flex-direction:column;gap:5px;display:flex}.landing-stats strong{font:700 25px Barlow Condensed,sans-serif}.landing-stats small{color:var(--muted);font-size:9px}.landing-visual{height:100%;position:relative}.visual-window{background:linear-gradient(#201b3130,#201b3160),url(/assets/arena.png) 50%/cover;border:2px solid #ffffff26;border-radius:180px 18px 140px 25px;position:absolute;inset:40px 20px 60px 0;overflow:hidden;transform:rotate(3deg);box-shadow:inset 0 0 100px #201b31}.visual-window:after{content:"";background:linear-gradient(#0000 30%,#201b31a0);position:absolute;inset:0}.hero-card{filter:drop-shadow(0 17px 18px #0007);width:230px;height:326px;animation:5s ease-in-out infinite bob;position:absolute}.hero-card.one{z-index:1;--angle:-15deg;top:155px;left:36px;transform:rotate(-15deg)}.hero-card.two{z-index:2;--angle:7deg;animation-delay:-1s;top:70px;left:212px;transform:rotate(7deg)}.hero-card.three{z-index:3;--angle:17deg;animation-delay:-2s;top:247px;left:365px;transform:rotate(17deg)}.hero-card .card{border-width:4px;border-radius:14px;width:100%;height:100%}.hero-card .portrait{height:230px}.hero-card .card-name{font-size:32px}.hero-card .cost{width:46px;height:46px;font-size:32px}.hero-card .card-foot{padding:9px;font-size:13px}.hero-sticker{z-index:4;background:var(--pink);color:var(--ink);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:16px 20px;font:900 24px/.9 Barlow Condensed;position:absolute;top:45px;right:26px;transform:rotate(9deg)}.float-star{color:var(--lime);z-index:4;font-size:77px;animation:15s linear infinite spin;position:absolute;bottom:75px;left:35px}.landing-footer{letter-spacing:1.3px;height:60px;color:var(--muted);border-top:1px solid #ffffff19;justify-content:space-between;align-items:center;padding:0 40px;font-size:10px;display:flex}.landing-footer b{color:var(--paper)}.card{border:2px solid var(--rarity,#a79dc2);text-align:left;min-width:0;color:var(--paper);background:#201b31;border-radius:9px;flex-direction:column;transition:transform .18s,filter .18s;display:flex;position:relative;overflow:visible;box-shadow:0 4px #100d19}button.card:hover{z-index:4;filter:brightness(1.13);transform:translateY(-7px)}.portrait{image-rendering:pixelated;aspect-ratio:1;background-color:#272038;background-image:url(/assets/portraits.png);background-size:400% 300%;border-radius:6px 6px 0 0;flex-shrink:0;width:100%;display:block;position:relative;overflow:hidden}.portrait.pixel{background-image:none;place-items:center;display:grid}.portrait.pixel img{object-fit:contain;width:90%;height:90%;image-rendering:pixelated}.cost{z-index:2;color:#302047;background:#d7b7ff;border:2px solid #392a53;border-radius:8px;place-items:center;width:32px;height:33px;font:800 24px Barlow Condensed;display:grid;position:absolute;top:-8px;left:-8px;transform:rotate(-5deg);box-shadow:0 2px #100d19}.card-name{text-transform:uppercase;white-space:nowrap;padding:7px 8px 2px;font:700 19px/.95 Barlow Condensed}.card-foot{color:var(--rarity);justify-content:space-between;align-items:center;padding:5px 8px 8px;font-size:9px;font-weight:700;display:flex}.card .spell-art{background:radial-gradient(circle,var(--glow),#252035 70%);aspect-ratio:1;height:100%;color:var(--glow);text-shadow:0 4px #201b31;place-items:center;font-size:64px;display:grid}.card .selected-mark{background:var(--lime);color:var(--ink);border-radius:4px;padding:3px 5px;font-size:11px;font-weight:900;position:absolute;top:5px;right:5px}.shell{background:radial-gradient(at 50% 30%,#51416c,#211c30 70%);grid-template-rows:88px 1fr 89px;height:100%;display:grid;position:relative}.shell:before{content:"";opacity:.07;pointer-events:none;background:url(/assets/arena.png) 50%/cover;position:absolute;inset:88px 0 89px}.content{min-height:0;padding:28px 40px;position:relative}.nav{z-index:5;background:#171320;border-top:1px solid #fff2;justify-content:center;align-items:stretch;gap:4px;padding:8px 130px 0;display:flex;position:relative}.nav button{color:#a99bbd;border-radius:12px 12px 0 0;justify-content:center;align-items:center;gap:12px;min-width:165px;transition:all .15s;display:flex;position:relative}.nav button:hover{color:#fff;background:#ffffff08}.nav button.active{color:var(--lime);border-top:3px solid var(--lime);background:#352b49}.nav-icon{font-size:27px}.nav-label{letter-spacing:1px;text-transform:uppercase;font-size:20px;font-weight:700}.nav-dot{background:var(--pink);border-radius:50%;width:7px;height:7px;position:absolute;top:11px;right:34px}.page-title{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.page-title h2{letter-spacing:-.7px;font-size:49px}.page-title p{color:#c4b7d6;margin-top:8px;font-size:12px}.section-eyebrow{color:var(--pink);margin-bottom:8px}.hub{grid-template-columns:270px 1fr 270px;gap:25px;height:100%;padding:27px 38px;display:grid}.panel{background:#292337e8;border:1px solid #ffffff24;border-radius:14px;overflow:hidden;box-shadow:0 8px #100d1925}.panel-pad{padding:20px}.hub-col{flex-direction:column;gap:18px;display:flex}.hub-panel h3{margin:8px 0;font-size:29px}.hub-panel p{color:#b9accb;font-size:12px;line-height:1.6}.pass-mini{background:linear-gradient(135deg,#60429e,#352447);height:190px;position:relative}.pass-mini .pass-icon{color:#ccb0ff;text-shadow:4px 5px #37234d;font-size:80px;position:absolute;top:42px;right:10px;transform:rotate(12deg)}.pass-mini .btn{position:absolute;bottom:20px;left:20px}.progress{background:#100d19;border-radius:6px;height:7px;overflow:hidden}.progress>i{background:var(--lime);height:100%;transition:width .3s;display:block}.quest{border-top:1px solid #ffffff14;align-items:center;gap:12px;padding:14px 0;display:flex}.quest .q-icon{color:var(--lime);font-size:25px}.quest strong{margin-bottom:5px;font-size:12px;display:block}.quest small{color:var(--muted);letter-spacing:.5px;font-size:9px}.hub-center{text-align:center;background:linear-gradient(#201b3130,#201b31f0),url(/assets/arena.png) 50%/cover;border:1px solid #ffffff20;border-radius:22px;flex-direction:column;align-items:center;padding:22px;display:flex;position:relative;overflow:hidden}.hub-center h2{margin-top:12px;font-size:40px}.hub-center .rank{letter-spacing:1px;background:#211a33bc;border:1px solid #d3b5fc55;border-radius:6px;margin-top:10px;padding:6px 12px;font-size:10px}.hero-portrait{border:5px solid #c8a9ef;border-radius:50%;place-items:center;width:205px;height:205px;margin:24px 0 15px;animation:4s ease-in-out infinite float;display:grid;position:relative;box-shadow:0 0 0 9px #211a33,0 0 70px #af8ae877}.hero-portrait .portrait{border-radius:50%;height:100%}.hero-portrait:after{content:"LV. 01";background:var(--lime);color:var(--ink);border:3px solid var(--ink);border-radius:6px;padding:3px 22px;font:800 21px Barlow Condensed;position:absolute;bottom:-15px}.hub-center .btn{width:100%;margin-top:auto;padding:17px;font-size:31px}.hub-center .micro{color:#bdb0cd;margin-top:12px;font-size:10px}.adventure-mini{background:linear-gradient(#2b384680,#191723d9),url(/assets/arena.png) 15%/cover;height:246px;position:relative}.adventure-mini .btn{position:absolute;bottom:20px;left:20px;right:20px}.adventure-mini h3{font-size:34px}.pack-mini{align-items:center;gap:15px;height:116px;display:flex}.pack-mini .pack-small{color:var(--pink);font-size:64px;transform:rotate(-12deg)}.deck-mini{color:#c1b3d3;text-align:center;border:1px dashed #ffffff30;border-radius:8px;padding:11px;font-size:11px}.battle-tag{color:var(--lime);letter-spacing:2px;font-size:9px;font-weight:800}.arena-select{grid-template-columns:1fr 330px;gap:28px;height:calc(100% - 93px);display:grid}.map{background:linear-gradient(#251f3b33,#21183255),url(/assets/arena.png) 50%/cover;border:2px solid #75628d;border-radius:16px;position:relative;overflow:hidden}.map:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 80px #170f31a0}.map-node{z-index:2;color:#f6e5fa;background:#302641;border:3px solid #b196c9;border-radius:50%;width:70px;height:70px;font:800 28px Barlow Condensed;position:absolute;box-shadow:0 7px #160f25}.map-node.open{background:var(--lime);color:var(--ink);border-color:#efffbe}.map-node.current{outline:8px solid #cdf77530;animation:2s infinite pulse}.map-node:disabled{filter:brightness(.7);opacity:1}.map-node small{white-space:nowrap;background:#201b31d9;border-radius:4px;padding:5px 8px;font-size:9px;position:absolute;top:78px;left:50%;transform:translate(-50%)}.map-path{transform-origin:0;z-index:1;border-top:5px dotted #fff8;position:absolute}.map-caption{text-shadow:2px 3px #201b31;z-index:3;font:800 36px Barlow Condensed;position:absolute;top:22px;left:25px}.stage-card{background:linear-gradient(150deg,#57416c,#292237);border:1px solid #d3a6fc55;border-radius:16px;flex-direction:column;padding:26px;display:flex}.stage-card h3{margin:13px 0;font-size:39px}.stage-card p{color:#c8bbd6;font-size:13px;line-height:1.65}.stage-card .reward-row{gap:12px;margin:24px 0;display:flex}.reward-chip{background:#1713206b;border:1px solid #ffffff20;border-radius:8px;padding:13px;font-size:13px}.stage-card .btn{margin-top:auto}.opponent{border-top:1px solid #ffffff20;align-items:center;gap:13px;margin-top:25px;padding-top:20px;display:flex}.opponent .portrait{border:2px solid #db9aab;border-radius:9px;width:60px;height:60px}.opponent strong{font-size:15px;display:block}.opponent small{color:var(--muted);font-size:9px}.pvp-layout{grid-template-columns:1fr 360px;gap:25px;height:calc(100% - 93px);display:grid}.versus-panel{background:radial-gradient(#79519070,#201b31cc),url(/assets/arena.png) 50%/cover;border:1px solid #bc8af055;border-radius:16px;justify-content:center;align-items:center;gap:45px;display:flex;position:relative}.versus-player{text-align:center}.versus-player .portrait{border:4px solid var(--lime);border-radius:15px;width:175px;height:175px;box-shadow:0 8px #151020}.versus-player.enemy .portrait{border-color:var(--pink)}.versus-player h3{margin-top:22px;font-size:30px}.versus-player p{color:#d7c5e2;margin-top:8px;font-size:11px}.vs{color:var(--pink);text-shadow:5px 5px #201b31;font:italic 900 80px Barlow Condensed}.versus-panel .pill{position:absolute;top:24px}.stat-line{border-bottom:1px solid #ffffff15;justify-content:space-between;padding:15px 0;font-size:12px;display:flex}.stat-line span{color:#b7a9c7}.stat-line b{color:var(--lime)}.collection-layout{grid-template-columns:1fr 270px;gap:24px;height:calc(100% - 86px);display:grid}.collection-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(8,1fr);gap:13px 11px;min-height:0;display:grid}.collection-grid .card{height:100%;min-height:0;padding:0;overflow:visible}.collection-grid .portrait{aspect-ratio:auto;background-size:400% 300%;flex:1;min-height:0;max-height:110px}.collection-grid .card-name{padding:5px 5px 0;font-size:14px}.collection-grid .card-foot{padding:4px 5px;font-size:8px}.collection-grid .cost{width:23px;height:24px;font-size:17px;top:-6px;left:-5px}.collection-grid .spell-art{font-size:38px}.collection-grid .card.is-selected{outline:2px solid var(--lime);outline-offset:3px}.detail-panel{background:#201b31b0;border:1px solid #ffffff30;border-radius:14px;flex-direction:column;min-height:0;padding:20px;display:flex}.detail-top{align-items:center;gap:14px;display:flex}.detail-top>.portrait{border:2px solid var(--rarity);border-radius:9px;width:85px;height:85px}.detail-top small{color:var(--rarity);letter-spacing:.7px;font-size:9px}.detail-stats{border-block:1px solid #ffffff20;justify-content:space-between;margin:20px 0;padding:13px 0;display:flex}.detail-stats b{color:var(--lime);font:700 25px Barlow Condensed;display:block}.detail-stats small{color:var(--muted);letter-spacing:1px;font-size:8px}.detail-panel h4{margin:0 0 8px;font-size:14px}.detail-panel p{color:#c3b6d0;font-size:12px;line-height:1.6}.detail-panel .btn{margin-top:auto}.deck-count{background:#15101e;border:1px solid #ffffff20;border-radius:9px;padding:11px 15px;font-size:12px}.deck-count strong{color:var(--lime);font-size:18px}.packs-layout{grid-template-columns:repeat(3,1fr);gap:25px;height:calc(100% - 92px);display:grid}.pack-offer{text-align:center;background:linear-gradient(160deg,#453752,#251e32);border:1px solid #ffffff26;border-radius:15px;flex-direction:column;align-items:center;padding:22px 27px;display:flex;position:relative;overflow:hidden}.pack-offer.legend{background:linear-gradient(160deg,#67513a,#302534);border-color:#dbb77170}.pack-offer h3{margin-top:15px;font-size:33px}.pack-offer p{color:#c5b7d0;margin-top:9px;font-size:12px;line-height:1.7}.pack-offer .btn{width:100%;margin-top:auto}.pack-shape{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background:repeating-linear-gradient(130deg,#775cb0 0 25px,#67489e 25px 50px);border:4px solid #d2b3ff;place-items:center;width:132px;height:180px;margin:15px 0 0;transition:transform .2s;display:grid;position:relative;transform:rotate(-9deg);box-shadow:7px 8px #180f2e}.pack-shape:before,.pack-shape:after{content:"";background:repeating-linear-gradient(90deg,#e2ceff 0 3px,#9b7ec4 3px 6px);height:12px;position:absolute;left:0;right:0}.pack-shape:before{top:0}.pack-shape:after{bottom:0}.pack-shape span{color:var(--lime);text-shadow:4px 5px #39284d;font:900 64px Barlow Condensed}.pack-shape.gold{background:repeating-linear-gradient(130deg,#c18942 0 25px,#a56d39 25px 50px);border-color:#ffe0a2}.pack-shape.green{background:repeating-linear-gradient(130deg,#527c69 0 25px,#406253 25px 50px);border-color:#c5eeb0}.pack-offer:hover .pack-shape{transform:rotate(3deg)translateY(-5px)}.pack-offer .pill{padding:5px 7px;font-size:8px;position:absolute;top:17px;right:17px}.pass-banner{background:linear-gradient(100deg,#6d4b9f,#3d2d52);border:1px solid #d5abff65;border-radius:15px;align-items:center;gap:32px;height:160px;margin-bottom:28px;padding:25px 35px;display:flex;position:relative;overflow:hidden}.pass-banner .pass-symbol{color:#d3b6ff;text-shadow:5px 5px #392050;font-size:95px;transform:rotate(-12deg)}.pass-banner h3{margin-bottom:10px;font-size:43px}.pass-banner p{color:#d2bddf;font-size:12px}.pass-xp{text-align:right;width:255px;margin-left:auto}.pass-xp strong{color:var(--lime);font:800 38px Barlow Condensed}.pass-xp p{margin:9px 0 13px}.tier-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.tier{text-align:center;background:#2d243c;border:1px solid #ffffff29;border-radius:12px;padding:15px;position:relative}.tier.available{border:2px solid var(--lime);background:#3b4030}.tier small{color:#bcb0cd;font-size:9px}.tier h3{margin:8px;font-size:27px}.tier .tier-icon{color:#ffcf68;margin:10px;font-size:43px}.tier .btn{width:100%;margin-top:13px;padding:10px;font-size:17px}.pass-note{color:var(--muted);text-align:center;margin-top:21px;font-size:11px}.battle-screen{background:#1c1728;grid-template-rows:82px 1fr 170px;height:100%;display:grid}.battle-top{background:#201b31;border-bottom:2px solid #4c3c62;justify-content:space-between;align-items:center;gap:25px;padding:12px 30px;display:flex}.commander{align-items:center;gap:13px;width:340px;display:flex}.commander.enemy{text-align:right;flex-direction:row-reverse}.commander .portrait{border:2px solid var(--lime);border-radius:8px;width:51px;height:51px}.commander.enemy .portrait{border-color:var(--pink)}.commander-info{flex:1}.commander-info strong{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.commander-info .progress{height:10px}.commander.enemy .progress>i{background:var(--pink)}.match-time{text-align:center}.match-time strong{font:800 32px Barlow Condensed}.match-time small{color:var(--muted);margin-top:2px;font-size:8px;display:block}.battle-field{background:#695068;min-height:0;position:relative}.battle-field canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.battle-hint{pointer-events:none;white-space:nowrap;background:#201b31d9;border:1px solid #ffffff2f;border-radius:6px;padding:8px 16px;font-size:11px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.battle-controls{gap:9px;display:flex;position:absolute;bottom:15px;right:15px}.battle-bottom{background:#201b31;border-top:3px solid #564268;justify-content:center;align-items:center;gap:28px;padding:13px 30px;display:flex;position:relative}.energy-box{width:150px}.energy-number{color:#c8a7ff;font:800 45px Barlow Condensed}.energy-number span{color:#8d7ba3;font-size:20px}.energy-box small{color:#a697bb;font-size:9px}.energy-pips{gap:3px;margin:9px 0;display:flex}.energy-pips i{background:#3b2d51;border-radius:2px;width:11px;height:12px}.energy-pips i.filled{background:#c7a6fa;box-shadow:0 0 8px #bb80ef66}.hand{gap:18px;display:flex}.hand .card{width:108px;height:140px;padding:0}.hand .portrait{aspect-ratio:auto;height:91px}.hand .card-name{padding-top:5px;font-size:16px}.hand .card-foot{padding:4px 7px;font-size:8px}.hand .card.active{outline:3px solid var(--lime);transform:translateY(-15px);box-shadow:0 0 30px #cdf77545}.hand .card.unaffordable{filter:brightness(.55)}.key{background:#21162aab;border-radius:3px;padding:2px 4px;font:800 10px DM Sans;position:absolute;top:5px;right:5px}.next-card{text-align:center;width:75px}.next-card small{color:var(--muted);font-size:8px}.next-card .portrait{filter:brightness(.65);border:2px solid #61536e;border-radius:6px;width:65px;height:67px;margin:9px auto 5px}.next-card p{font-size:9px}.charge-help{color:#b5a6c6;width:140px;font-size:10px;line-height:1.7}.charge-help b{color:var(--lime);display:block}.charge-help kbd{background:#41334f;border-radius:4px;padding:2px 5px;font-size:9px}.modal-overlay{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#100b1cce;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{text-align:center;background:#292037;border:2px solid #9c80b4;border-radius:20px;width:560px;padding:35px;animation:.25s ease-out pop;position:relative;box-shadow:0 20px 90px #0008}.modal h2{margin-bottom:15px;font-size:52px}.modal p{color:#c9bdd8;font-size:14px;line-height:1.8}.modal .actions{justify-content:center;gap:15px;margin-top:27px;display:flex}.modal-close{color:#bac;font-size:27px;position:absolute;top:12px;right:15px}.modal.wide{width:1000px}.reveal-cards{justify-content:center;align-items:center;gap:25px;margin:35px 0;display:flex}.reveal-cards .card{width:145px;animation:.7s cubic-bezier(.2,.7,.2,1) both reveal;animation-delay:calc(var(--i)*.13s)}.reveal-cards .card-name{font-size:22px}.reveal-cards .card-foot{font-size:10px}.result-icon{color:var(--lime);text-shadow:5px 5px #5d7041;margin-bottom:20px;font-size:75px;animation:3s infinite float}.reward-banner{justify-content:center;gap:20px;margin-top:25px;display:flex}.reward-banner span{color:var(--lime);border:1px solid #ffffff30;border-radius:8px;padding:14px 20px;font-weight:800}.how-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0;display:grid}.how-grid strong{color:var(--lime);margin-bottom:8px;font:800 26px Barlow Condensed;display:block}.how-grid p{font-size:13px}.settings-line{text-align:left;border-bottom:1px solid #ffffff19;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.settings-line p{font-size:11px}.settings-line b{font-size:13px}.settings-line .tool{min-width:105px}#toast{z-index:60;background:var(--paper);color:var(--ink);border:2px solid var(--ink);opacity:0;pointer-events:none;white-space:nowrap;border-radius:8px;padding:13px 24px;font-size:12px;font-weight:700;transition:all .2s;position:absolute;bottom:108px;left:50%;transform:translate(-50%,20px);box-shadow:0 4px #0005}#toast.visible{opacity:1;transform:translate(-50%)}#confetti{pointer-events:none;z-index:50;position:absolute;inset:0;overflow:hidden}.confetto{width:9px;height:14px;animation:1.8s ease-in forwards fall;position:absolute}.screen-enter{animation:.22s ease-out enter}.version-label{z-index:9;color:#756886;pointer-events:none;font-size:8px;position:absolute;bottom:8px;right:14px}.no-motion *{transition:none!important;animation:none!important}.no-motion .hero-card{transform:rotate(var(--angle))}.reduced-card{opacity:.45}@keyframes float{50%{transform:translateY(-9px)}}@keyframes bob{50%{transform:translateY(-12px) rotate(var(--angle))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{filter:brightness(1.12);outline-color:#cdf77512}}@keyframes pop{0%{opacity:0;transform:scale(.87)}to{opacity:1;transform:scale(1)}}@keyframes reveal{0%{opacity:0;transform:translateY(40px)rotateY(90deg)scale(.7)}to{opacity:1;transform:none}}@keyframes fall{0%{opacity:1;transform:translateY(-50px)rotate(0)}to{opacity:0;transform:translateY(850px)rotate(650deg)}}@keyframes enter{0%{opacity:.35}to{opacity:1}}.portrait-mode .topbar{gap:8px;height:72px;padding:0 18px}.portrait-mode .logo{gap:6px;font-size:24px}.portrait-mode .logo .brand-wordmark{width:72px;height:39px}.portrait-mode .topbar .left,.portrait-mode .topbar .right{gap:7px}.portrait-mode .topbar .mini,.portrait-mode .topbar>.right>.pill,.portrait-mode .topbar .left>.pill,.portrait-mode .avatar-badge,.portrait-mode .topbar .wallet:nth-child(2){display:none}.portrait-mode .tool{padding:9px;font-size:10px}.portrait-mode .tools{gap:5px}.portrait-mode .wallet{gap:5px;padding:9px;font-size:12px}.portrait-mode .wallet small{display:none}.portrait-mode .landing{grid-template-rows:72px 1fr 62px;display:grid}.portrait-mode .landing-body{flex-direction:column;align-items:stretch;height:auto;min-height:0;display:flex}.portrait-mode .landing-copy{flex-shrink:0;padding:30px 30px 0}.portrait-mode .landing-copy .eyebrow{margin-bottom:19px;font-size:10px}.portrait-mode .landing h1{font-size:82px;line-height:.86}.portrait-mode .landing h1 span{display:inline}.portrait-mode .landing-copy>p{margin:20px 0;font-size:15px}.portrait-mode .landing-actions{gap:16px}.portrait-mode .landing-actions .btn{padding:17px 24px;font-size:25px}.portrait-mode .landing-actions small{font-size:8px}.portrait-mode .landing-stats{display:none}.portrait-mode .landing-visual{flex:1;height:auto;min-height:290px;margin-top:10px}.portrait-mode .visual-window{inset:20px 25px 30px}.portrait-mode .hero-card{width:155px;height:217px;margin-top:-110px;top:50%}.portrait-mode .hero-card .portrait{height:150px}.portrait-mode .hero-card .card-name{font-size:23px}.portrait-mode .hero-card .card-foot{padding:6px;font-size:8px}.portrait-mode .hero-card .cost{width:31px;height:33px;font-size:24px}.portrait-mode .hero-card.one{z-index:1;top:54%;left:30px}.portrait-mode .hero-card.two{top:43%;left:162px}.portrait-mode .hero-card.three{z-index:3;top:56%;left:292px}.portrait-mode .hero-sticker{padding:9px;font-size:16px;top:16px;right:20px}.portrait-mode .float-star{font-size:45px;bottom:10px;left:28px}.portrait-mode .landing-footer{flex-wrap:wrap;gap:6px;height:62px;padding:10px 23px;font-size:8px}.portrait-mode .landing-footer span:nth-child(2){order:3;width:100%;font-size:7px}.portrait-mode .shell{grid-template-rows:72px 1fr 86px}.portrait-mode .content{padding:23px 20px}.portrait-mode .nav{gap:0;padding:4px 5px 0}.portrait-mode .nav button{flex-direction:column;flex:1;gap:3px;min-width:0}.portrait-mode .nav-icon{font-size:25px}.portrait-mode .nav-label{letter-spacing:.2px;font-size:15px}.portrait-mode .nav-dot{top:11px;right:16px}.portrait-mode .page-title{align-items:flex-start;gap:10px;margin-bottom:24px}.portrait-mode .page-title h2{font-size:41px}.portrait-mode .page-title p{max-width:320px;font-size:12px;line-height:1.5}.portrait-mode .page-title .eyebrow{font-size:9px}.portrait-mode .page-title>.pill{white-space:nowrap;font-size:8px}.portrait-mode .hub{grid-template-rows:1fr 245px;grid-template-columns:1fr 1fr;gap:15px;padding:22px 20px}.portrait-mode .hub-center{grid-area:1/1/auto/3;padding:22px 30px}.portrait-mode .hub-center h2{font-size:42px}.portrait-mode .hero-portrait{width:180px;height:180px;margin:auto}.portrait-mode .hub-center .btn{margin-top:20px}.portrait-mode .hub-col{gap:12px;min-height:0}.portrait-mode .hub-col:first-child{grid-area:2/1}.portrait-mode .hub-col:last-child{grid-area:2/2}.portrait-mode .pass-mini{flex-shrink:0;height:155px;padding:14px}.portrait-mode .hub-panel h3{font-size:25px}.portrait-mode .pass-mini .pass-icon{font-size:55px;top:30px;right:6px}.portrait-mode .pass-mini .btn{padding:10px 12px;font-size:15px;bottom:15px;left:14px}.portrait-mode .hub-col:first-child>.panel:nth-child(2){height:77px;padding:12px}.portrait-mode .hub-col:first-child>.panel:nth-child(2)>small,.portrait-mode .hub-col:first-child>.panel:nth-child(2)>h3,.portrait-mode .quest{display:none}.portrait-mode .hub-col:first-child>.panel:nth-child(2) .tool{margin-top:7px!important}.portrait-mode .adventure-mini{flex-shrink:0;height:155px;padding:14px}.portrait-mode .adventure-mini h3{margin:9px 0;font-size:25px}.portrait-mode .adventure-mini p{display:none}.portrait-mode .adventure-mini .btn{padding:10px;font-size:16px;bottom:15px;left:14px;right:14px}.portrait-mode .pack-mini{gap:8px;height:77px;padding:10px}.portrait-mode .pack-mini .pack-small{font-size:40px}.portrait-mode .pack-mini small,.portrait-mode .pack-mini p,.portrait-mode .deck-mini{display:none}.portrait-mode .pack-mini h3{font-size:25px}.portrait-mode .arena-select{grid-template-rows:minmax(270px,1fr) 320px;grid-template-columns:1fr;gap:16px;height:calc(100% - 112px)}.portrait-mode .map-node{width:48px;height:48px;margin:11px;font-size:23px}.portrait-mode .map-node small{font-size:7px;top:54px}.portrait-mode .map-caption{font-size:29px;top:14px;left:15px}.portrait-mode .stage-card{padding:21px}.portrait-mode .stage-card h3{margin:11px 0;font-size:33px}.portrait-mode .stage-card .opponent{border:0;gap:7px;margin-top:0;position:absolute;right:43px}.portrait-mode .stage-card .opponent .portrait{width:40px;height:40px}.portrait-mode .stage-card .opponent strong{font-size:11px}.portrait-mode .stage-card .opponent small{font-size:7px}.portrait-mode .stage-card>small{max-width:180px;font-size:9px}.portrait-mode .stage-card .opponent{display:none}.portrait-mode .stage-card .reward-row{margin:18px 0}.portrait-mode .stage-card .btn{padding:15px;font-size:25px}.portrait-mode .pvp-layout{grid-template-rows:minmax(280px,1fr) 360px;grid-template-columns:1fr;gap:15px;height:calc(100% - 125px)}.portrait-mode .versus-panel{gap:20px}.portrait-mode .versus-player .portrait{width:130px;height:130px}.portrait-mode .versus-player h3{margin-top:15px;font-size:25px}.portrait-mode .versus-player p{max-width:140px;font-size:8px}.portrait-mode .vs{font-size:60px}.portrait-mode .versus-panel .pill{font-size:8px;top:18px}.portrait-mode .pvp-layout .stage-card h3 br{display:none}.portrait-mode .pvp-layout .stat-line{padding:9px;font-size:11px}.portrait-mode .pvp-layout .stage-card .btn{margin-top:17px}.portrait-mode .collection-layout{flex-direction:column;gap:20px;height:calc(100% - 125px);display:flex}.portrait-mode .collection-grid{flex:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(6,1fr);gap:14px 10px;max-height:650px}.portrait-mode .collection-grid .card-name{white-space:normal;min-height:27px;padding:4px 3px;font-size:11px}.portrait-mode .collection-grid .card-foot{padding:0 3px 4px;font-size:6px}.portrait-mode .collection-grid .cost{width:20px;height:21px;font-size:15px}.portrait-mode .collection-grid .portrait{max-height:none}.portrait-mode .collection-grid .selected-mark{padding:2px;font-size:7px;top:2px;right:2px}.portrait-mode .detail-panel{flex-shrink:0;grid-template-columns:1fr 1fr;gap:8px 16px;height:230px;padding:16px;display:grid}.portrait-mode .detail-top{grid-column:1/2;gap:10px}.portrait-mode .detail-stats{grid-column:2;gap:15px;margin:0;padding:9px 0}.portrait-mode .detail-panel h4{grid-column:1/3;margin:0;font-size:13px}.portrait-mode .detail-panel>p{grid-column:1/3;font-size:11px}.portrait-mode .detail-panel>p+p{display:none}.portrait-mode .detail-panel .btn{padding:10px;font-size:16px;margin:0!important}.portrait-mode .deck-count{white-space:nowrap;padding:9px;font-size:8px}.portrait-mode .deck-count strong{font-size:14px}.portrait-mode .packs-layout{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr;gap:17px;height:calc(100% - 125px)}.portrait-mode .pack-offer{text-align:left;grid-template-rows:1fr auto auto;grid-template-columns:110px 1fr;column-gap:23px;padding:18px 20px;display:grid}.portrait-mode .pack-shape{grid-area:1/1/4;width:92px;height:135px;margin:0}.portrait-mode .pack-shape span{font-size:48px}.portrait-mode .pack-offer h3{align-self:end;margin:7px 0 0;font-size:29px}.portrait-mode .pack-offer p{margin:9px 0 14px;font-size:11px}.portrait-mode .pack-offer .btn{padding:11px;font-size:20px}.portrait-mode .pass-banner{gap:15px;height:180px;padding:20px}.portrait-mode .pass-banner .pass-symbol{display:none}.portrait-mode .pass-banner h3{font-size:39px}.portrait-mode .pass-banner p{font-size:10px}.portrait-mode .pass-banner small{font-size:8px}.portrait-mode .pass-xp{width:150px}.portrait-mode .pass-xp strong{font-size:32px}.portrait-mode .tier-grid{grid-template-columns:repeat(3,1fr);gap:17px}.portrait-mode .tier{padding:18px 9px}.portrait-mode .tier small{font-size:8px}.portrait-mode .tier .tier-icon{margin:10px;font-size:37px}.portrait-mode .tier h3{font-size:30px}.portrait-mode .tier .btn{padding:11px 5px;font-size:17px}.portrait-mode .pass-note{font-size:10px;line-height:1.7}.portrait-mode .modal{width:440px;max-height:95%;padding:30px 23px}.portrait-mode .modal h2{font-size:41px}.portrait-mode .modal p{font-size:13px}.portrait-mode .modal .actions{flex-wrap:wrap;gap:10px}.portrait-mode .modal .actions .btn{padding:15px 20px;font-size:22px}.portrait-mode .how-grid{grid-template-columns:1fr;gap:20px}.portrait-mode .how-grid strong{font-size:24px}.portrait-mode .reveal-cards{flex-wrap:wrap;gap:18px;margin:28px 0}.portrait-mode .reveal-cards .card{width:105px}.portrait-mode .reveal-cards .card-name{font-size:17px}.portrait-mode .reveal-cards .card-foot{font-size:8px}.portrait-mode .reward-banner{gap:10px}.portrait-mode .reward-banner span{padding:10px;font-size:12px}.portrait-mode #toast{white-space:normal;text-align:center;max-width:420px;font-size:11px;bottom:100px}.portrait-mode .battle-screen{grid-template-rows:86px 1fr 225px}.portrait-mode .battle-top{gap:10px;padding:11px}.portrait-mode .commander{gap:6px;width:155px}.portrait-mode .commander .portrait{width:35px;height:35px}.portrait-mode .commander-info strong{gap:6px;font-size:8px}.portrait-mode .match-time strong{font-size:26px}.portrait-mode .match-time small{max-width:55px;font-size:6px}.portrait-mode .battle-top>.tool{padding:8px;font-size:10px}.portrait-mode .battle-field{background:linear-gradient(#b18ba8,#d6a77e);align-items:center;display:flex}.portrait-mode .battle-field canvas{aspect-ratio:1000/780;height:auto}.portrait-mode .battle-hint{white-space:normal;text-align:center;width:90%;padding:9px;font-size:9px;top:15px}.portrait-mode .battle-controls{bottom:14px}.portrait-mode .battle-bottom{grid-template-rows:35px 140px;grid-template-columns:1fr 80px;gap:10px;padding:15px 18px;display:grid}.portrait-mode .energy-box{grid-area:1/1;align-items:center;gap:10px;width:100%;display:flex}.portrait-mode .energy-number{white-space:nowrap;font-size:25px}.portrait-mode .energy-number span{font-size:13px}.portrait-mode .energy-box small{display:none}.portrait-mode .energy-pips{gap:4px}.portrait-mode .energy-pips i{width:12px;height:10px}.portrait-mode .hand{grid-area:2/1;gap:12px}.portrait-mode .hand .card{width:78px;height:126px}.portrait-mode .hand .portrait{height:78px}.portrait-mode .hand .card-name{white-space:normal;padding:6px 4px 2px;font-size:13px}.portrait-mode .hand .card-foot{padding:4px;font-size:6px}.portrait-mode .hand .cost{width:25px;height:27px;font-size:19px}.portrait-mode .next-card{grid-area:2/2;width:65px}.portrait-mode .next-card .portrait{width:50px;height:50px}.portrait-mode .charge-help{grid-area:1/2;width:75px;font-size:0;line-height:1.2}.portrait-mode .charge-help b{font-size:9px}.portrait-mode .charge-help kbd{display:none}.pixel-mode .visual-window,.pixel-mode .hub-center,.pixel-mode .adventure-mini,.pixel-mode .map,.pixel-mode .versus-panel{background-color:#725a85;background-image:linear-gradient(#0000 20%,#211c31bc),repeating-linear-gradient(90deg,#0000 0 31px,#ba8a9b38 31px 33px),repeating-linear-gradient(0deg,#4b465f 0 31px,#8d757b 31px 33px)}.pixel-mode .shell:before{opacity:.035;background-image:repeating-linear-gradient(45deg,#c693d6 0 4px,#0000 4px 20px)}.pixel-mode .hero-card .portrait.pixel img{width:100%;height:100%}.content-pass{flex-direction:column;display:flex}.content-pass .page-title{flex-shrink:0;margin-bottom:18px}.content-pass .pass-banner{flex-shrink:0;height:150px;margin-bottom:22px}.content-pass .tier-grid{flex:1;grid-template-rows:minmax(0,1fr);min-height:0}.content-pass .tier{flex-direction:column;align-items:center;min-height:0;display:flex}.content-pass .tier .btn{margin-top:auto}.content-pass .tier h3{margin:5px}.content-pass .tier .tier-icon{margin:7px;font-size:36px}.content-pass .pass-note{flex-shrink:0;margin-top:13px;line-height:1.3}.portrait-mode .content-pass .tier-grid{grid-template-rows:repeat(2,minmax(0,1fr));gap:14px}.portrait-mode .content-pass .tier{padding:12px 9px}.portrait-mode .content-pass .tier .tier-icon{margin:6px;font-size:30px}.portrait-mode .content-pass .tier h3{font-size:27px}.portrait-mode .content-pass .tier .btn{padding:9px 5px}.portrait-mode .battle-field canvas{aspect-ratio:auto;width:100%;height:100%}.portrait-mode .battle-hint{z-index:1;background:#201b31aa;width:auto;max-width:95%;padding:6px 10px;font-size:8px;top:0}.portrait-mode .battle-controls{bottom:10px;right:10px}.power-art{image-rendering:auto;background-color:#17142b;background-repeat:no-repeat;display:block}.portrait.expansion{background-color:#292339}.content-collection{flex-direction:column;display:flex}.content-collection .page-title{flex-shrink:0;margin-bottom:12px}.collection-filters{flex-shrink:0;align-items:center;gap:8px;margin-bottom:16px;display:flex}.filter-tab{color:#b8aacc;background:#211b32;border:1px solid #ffffff25;border-radius:7px;padding:9px 15px;font-size:11px;font-weight:800}.filter-tab.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.collection-filters>span{color:#8f7ba5;letter-spacing:1px;margin-left:auto;font-size:9px}.content-collection .collection-layout{flex:1;height:auto;min-height:0}.collection-grid .card{min-height:0}.collection-grid.six-cards{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,1fr);padding:0 60px}.collection-grid.six-cards .portrait{max-height:160px}.collection-grid.six-cards .card-name{font-size:20px}.detail-panel{flex-direction:column;min-height:0;padding:20px;display:flex}.detail-top>.portrait{width:64px;height:64px}.detail-top h3{font-size:29px}.power-preview{text-align:left;background:#151222;border:1px solid #ad81e955;border-radius:9px;flex-direction:column;flex:1;min-height:0;margin-bottom:13px;display:flex;overflow:hidden}.power-preview>.power-art{flex-shrink:0;width:100%;height:100px}.power-preview small,.power-preview strong,.power-preview em,.power-preview b{display:block}.power-preview small{color:var(--pink);letter-spacing:1px;font-size:8px}.power-preview strong{margin:3px 0;font:700 25px Barlow Condensed}.power-preview em{color:#b9aec9;font-size:10px;font-style:normal;line-height:1.5}.power-preview b{color:var(--lime);margin-top:9px;font-size:9px}.power-preview:hover{border-color:var(--pink);box-shadow:0 0 24px #be72ee30}.power-lab{text-align:left;grid-template-columns:210px 1fr;gap:23px;margin-top:20px;display:grid}.power-poster{border:2px solid #d49cff88;border-radius:12px;width:210px;height:210px;box-shadow:0 0 35px #bb83e333}.power-info p{margin:12px 0;font-size:12px}.power-info .pill{font-size:9px}.power-demo{flex-direction:column;justify-content:center;min-width:0;display:flex}.power-demo canvas{border:1px solid #c697ef44;border-radius:14px;width:100%}.demo-caption{letter-spacing:.6px;color:#a897bb;text-align:center;margin-top:12px;font-size:9px}.power-actions{margin-top:20px!important}.power-actions .tool{min-width:42px}.modal:has(.power-lab){width:900px}.modal .eyebrow{color:var(--pink);margin-bottom:8px;font-size:10px}.hand-power{text-align:left;color:var(--paper);background:#31243e;border:1px solid #c09bdf44;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:8px;padding:6px;font:700 19px Barlow Condensed;display:flex}.hand-power>.power-art{border-radius:6px;flex-shrink:0;width:49px;height:49px}.hand-power small{color:var(--lime);margin-top:6px;font:700 8px sans-serif;display:block}.cast-ribbon{border:1px solid var(--power-color);pointer-events:none;opacity:0;z-index:3;background:#171125ed;border-radius:11px;align-items:center;gap:12px;padding:8px 23px 8px 8px;transition:opacity .18s,transform .2s;display:flex;position:absolute;top:42px;left:50%;transform:translate(-50%,-15px)scale(.92);box-shadow:0 0 35px #140b39aa}.cast-ribbon.casting{opacity:1;transform:translate(-50%)scale(1)}.cast-ribbon>.power-art{border-radius:7px;width:64px;height:64px}.cast-ribbon strong{white-space:nowrap;font:800 31px Barlow Condensed;display:block}.cast-ribbon small{color:var(--power-color);letter-spacing:1.6px;font-size:9px}.cosmetic-art{aspect-ratio:1;background-image:url(/assets/cosmetics.png);background-repeat:no-repeat;border-radius:10px;width:100%;display:block}.cosmetic-peek{background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.cosmetic-peek .cosmetic-art{aspect-ratio:1;width:auto;max-width:100%;height:100%;max-height:133px}.cosmetic-peek>span:last-child{color:#c3a8e1;margin-top:5px;font-size:8px}.cosmetic-tiers .tier h3{font-size:23px}.cosmetic-tiers .tier>small:last-of-type{margin-bottom:10px;font-size:9px;line-height:1.5}.cosmetic-tiers .tier{padding:14px 10px}.cosmetic-tiers .tier .btn{width:100%;padding:10px 5px;font-size:18px}.equipped-tier{box-shadow:inset 0 0 23px #b369dc22;border-color:#e1b2ff!important}.cosmetic-banner .pass-symbol{color:#efc06e;text-shadow:0 0 40px #f0a7f6}.locker-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px;display:grid}.locker-item{background:#151121;border:1px solid #bb8ade44;border-radius:12px;padding:12px}.locker-item .cosmetic-art{width:100px;height:100px;margin:auto}.locker-item h3{margin:8px;font:700 23px Barlow Condensed}.locker-item .btn{width:100%;padding:9px;font-size:17px}.locker-item .cosmetic-peek{flex:none}.locker-item small{color:#baabd0;font-size:10px}.cosmetic-lab{text-align:left;grid-template-columns:230px 1fr;gap:24px;margin-top:20px;display:grid}.cosmetic-large{width:220px;height:220px}.cosmetic-lab p{margin:12px 0;font-size:12px}.cosmetic-live{text-align:center;align-self:center;position:relative}.cosmetic-live canvas{border:1px solid #b58bd94d;border-radius:14px;width:100%}.preview-label{letter-spacing:1px;color:#baabd0;margin-top:8px;font-size:9px;display:block}.back-sample{width:160px;height:180px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-7deg);box-shadow:0 0 35px #ce7fee55}.frame-sample{width:140px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(5deg)}.frame-sample .card,.gear-frame .card{box-shadow:0 0 0 1px #ab763d,0 0 12px #ffc66d30;border-color:#ffda87!important}.frame-sample .card:after,.gear-frame .card:after{content:"";pointer-events:none;border:1px solid #ffdb8738;border-radius:5px;position:absolute;inset:5px}.gear-frame .commander:first-child .portrait{outline:2px solid #ffdb87}.gear-head .hero-portrait:after{content:"♛";color:#ffde7f;text-shadow:0 0 20px #d58aff;font-size:65px;position:absolute;top:-44px;left:50%;transform:translate(-50%)}.gear-aura .hero-portrait{box-shadow:0 0 50px #bca5ff99}.card-back-equipped{width:68px;height:85px;margin:5px auto}.cosmetic-live .card .portrait{height:120px}.cosmetic-live .card-name{font-size:23px}.portrait-mode .content-collection .page-title{margin-bottom:12px}.portrait-mode .collection-filters{gap:6px;margin-bottom:14px}.portrait-mode .collection-filters>span{display:none}.portrait-mode .content-collection .collection-layout{flex:1;gap:14px;min-height:0}.portrait-mode .collection-grid.six-cards{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,1fr);padding:0 20px}.portrait-mode .collection-grid.six-cards .portrait{max-height:140px}.portrait-mode .collection-grid.six-cards .card-name{font-size:19px}.portrait-mode .detail-panel{grid-template-columns:1fr 1fr;gap:8px 12px;height:251px;padding:12px;display:grid}.portrait-mode .detail-top>.portrait{width:48px;height:48px}.portrait-mode .detail-top h3{font-size:23px}.portrait-mode .detail-stats{align-self:center;padding:0}.portrait-mode .power-preview{flex-direction:row;flex:none;grid-column:1/3;height:114px;margin:0;display:flex}.portrait-mode .power-preview>.power-art{width:113px;height:113px}.portrait-mode .power-preview>span+span{padding:7px 10px}.portrait-mode .power-preview strong{font-size:23px}.portrait-mode .power-preview em{font-size:10px}.portrait-mode .power-preview b{margin-top:5px}.portrait-mode .content-pass .pass-banner{height:120px;margin-bottom:14px}.portrait-mode .cosmetic-banner .pass-xp{flex-shrink:0;width:100px}.portrait-mode .cosmetic-banner .pass-xp strong{font-size:27px}.portrait-mode .content-pass .pass-banner h3{font-size:30px}.portrait-mode .cosmetic-tiers .tier h3{font-size:22px;line-height:1.05}.portrait-mode .cosmetic-tiers .tier>small:last-of-type{margin:4px 0 7px;font-size:8px}.portrait-mode .cosmetic-peek .cosmetic-art{max-height:118px}.portrait-mode .content-pass .page-title>.btn{white-space:nowrap;padding:9px 11px;font-size:16px}.portrait-mode .content-pass .page-title p{max-width:280px;font-size:11px}.portrait-mode .content-pass .page-title h2{font-size:37px}:is(.portrait-mode .modal:has(.power-lab),.portrait-mode .modal:has(.cosmetic-lab)){width:440px;padding:25px 20px}.portrait-mode .power-lab{grid-template-columns:1fr;gap:12px;margin-top:16px}.portrait-mode .power-info{grid-template-columns:135px 1fr;align-items:center;gap:0 14px;display:grid}.portrait-mode .power-poster{grid-row:1/3;width:135px;height:135px}.portrait-mode .power-info p{margin:0;font-size:12px}.portrait-mode .power-info .pill{padding:5px;font-size:8px}.portrait-mode .power-demo canvas{object-fit:contain;background:#17132c;height:225px}.portrait-mode .demo-caption{font-size:7px}.portrait-mode .modal .power-actions .btn{padding:12px 15px;font-size:18px}.portrait-mode .power-actions{flex-wrap:nowrap!important;gap:8px!important}.portrait-mode .locker-grid{grid-template-columns:repeat(2,1fr);gap:10px}.portrait-mode .locker-item{padding:8px}.portrait-mode .locker-item .cosmetic-art{width:80px;height:80px}.portrait-mode .locker-item h3{margin:5px;font-size:22px}.portrait-mode .locker-item .btn{font-size:15px}.portrait-mode .cosmetic-lab{grid-template-columns:1fr;gap:10px}.portrait-mode .cosmetic-lab>div:first-child{align-items:center;gap:14px;display:flex}.portrait-mode .cosmetic-large{flex-shrink:0;width:135px;height:135px}.portrait-mode .cosmetic-live canvas{object-fit:contain;background:#19142b;height:260px}.portrait-mode .cosmetic-lab p{font-size:12px}.portrait-mode .back-sample{width:140px;height:160px}.portrait-mode .frame-sample{width:120px}.portrait-mode .cast-ribbon{padding:6px 15px 6px 6px;top:32px}.portrait-mode .cast-ribbon>.power-art{width:46px;height:46px}.portrait-mode .cast-ribbon strong{font-size:23px}.portrait-mode .cast-ribbon small{font-size:7px}.portrait-mode .hand-power{gap:4px;width:75px;height:35px;margin:0;padding:3px}.portrait-mode .hand-power>.power-art{width:27px;height:27px}.portrait-mode .hand-power>span+span{font-size:9px}.portrait-mode .hand-power small{margin-top:2px;font-size:6px}.portrait-mode .charge-help>b{display:none}.portrait-mode .card-back-equipped{width:50px;height:64px}.cosmetic-art>i{display:none}.locker-item>strong,.locker-item>small{margin:6px 0;display:block}.locker-item>.tool{width:100%;margin-top:6px}.power-preview{flex-direction:row;align-items:stretch;min-height:104px}.power-preview>.power-art{flex-shrink:0;width:82px;height:auto;min-height:104px}.power-preview>span+span{padding:8px}.power-preview strong{font-size:22px}.power-preview em{font-size:9px}.power-preview b{font-size:8px}.detail-panel .btn{padding:11px;font-size:19px}.detail-stats{margin:12px 0;padding:8px 0}.pixel-mode .power-art{position:relative;background-image:repeating-linear-gradient(45deg,#34264f 0 8px,#201b32 8px 16px)!important;background-size:auto!important}.pixel-mode .power-art:after{content:"✦";color:#cdf775;text-shadow:4px 4px #9457b0;place-items:center;font:900 40px monospace;display:grid;position:absolute;inset:0}.pixel-mode .power-art .spell-art{z-index:1;position:relative}.pixel-mode .cosmetic-art{background-color:#211930;background-image:none;border:1px solid #b58cdd;place-items:center;display:grid}.pixel-mode .cosmetic-art>i{color:#ffdb82;text-shadow:4px 4px #ab70dc;font:55px monospace;display:block}.pixel-mode .power-demo canvas{image-rendering:pixelated}.motion-lab-link{color:var(--lime);border-color:#b7e67455;margin-left:auto}.modal:has(#motion-canvas){width:1000px;padding:32px}.modal:has(#motion-canvas)>p{margin:10px 0 20px;font-size:12px}#motion-canvas{border:1px solid #b08ad74d;border-radius:14px;width:100%;display:block}.motion-labels{color:#c5b1dc;letter-spacing:1px;grid-template-columns:repeat(3,1fr);margin-top:12px;font-size:10px;display:grid}.portrait-mode .motion-lab-link{padding:9px 6px;font-size:8px}.portrait-mode .modal:has(#motion-canvas){width:450px;padding:25px 18px}.portrait-mode #motion-canvas{object-fit:contain;background:#171228;height:250px}.portrait-mode .motion-labels{letter-spacing:0;font-size:7px}.portrait-mode .modal:has(#motion-canvas) h2{font-size:32px}.portrait-mode .modal:has(#motion-canvas) .actions{flex-wrap:nowrap}.portrait-mode .modal:has(#motion-canvas) .actions .btn{padding:10px;font-size:17px}.card-level{z-index:2;color:#eee3ff;letter-spacing:.5px;background:#20172de8;border:1px solid #bfa4d36b;border-radius:4px;padding:3px 4px;font:800 8px DM Sans;position:absolute;top:5px;right:4px}.card.unowned .portrait{filter:saturate(.35)brightness(.6)}.card.unowned .card-level{color:#d8bfeb}.card.unowned.is-selected .portrait{filter:saturate(.7)brightness(.8)}.campaign-layout{grid-template-columns:minmax(0,1fr) 315px;gap:22px;height:calc(100% - 90px);min-height:0;display:grid}.campaign-map{background:radial-gradient(at 25% 20%,#553b6b88,#0000 65%),radial-gradient(at 80% 80%,#31595788,#0000 60%),repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 32px),#1c1a30;border:1px solid #8b6eaf77;border-radius:18px;position:relative;overflow:hidden}.map-heading{z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute;top:20px;left:24px}.map-heading b{letter-spacing:2px;font:800 22px Barlow Condensed}.map-heading span{color:var(--lime);letter-spacing:1px;font-size:8px}.campaign-route{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.world-node{text-align:center;z-index:3;width:112px;transition:filter .15s;position:absolute;transform:translate(-50%,-35%)}.world-thumbnail{border:2px solid var(--world);height:68px;image-rendering:pixelated;border-radius:12px;display:block;box-shadow:0 5px #0f1026,0 0 25px #171229}.world-node.selected .world-thumbnail{outline-offset:4px;outline:3px solid #efffbb;box-shadow:0 0 28px #c7f27855}.world-node i{border:2px solid var(--world);width:25px;height:25px;color:var(--world);background:#211a32;border-radius:8px;font-size:12px;font-style:normal;line-height:22px;position:absolute;top:-9px;left:-8px}.world-node b{letter-spacing:1px;background:#21192ee0;border-radius:5px;padding:5px 2px 2px;font-size:10px;display:block}.world-node small{color:#ffe196;letter-spacing:3px;text-shadow:0 2px #251b33;font-size:14px;display:block}.world-node.locked .world-thumbnail{filter:saturate(.4)brightness(.7)}.world-node:hover .world-thumbnail{filter:brightness(1.2)}.map-legend{color:#ac9cbe;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:17px;left:22px;right:22px}.district-card{border:1px solid color-mix(in srgb,var(--world) 55%,transparent);background:#211b30;border-radius:17px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.district-image{height:140px;image-rendering:pixelated;flex-shrink:0;position:relative}.district-image .pill{background:#1c172bdc;font-size:8px;position:absolute;top:12px;left:12px}.district-body{flex-direction:column;flex:1;min-height:0;padding:19px;display:flex}.district-body h3{font-size:31px;line-height:1}.district-body>p{color:#bfafcc;margin:8px 0;font-size:11px;line-height:1.6}.district-loot{flex-wrap:wrap;gap:7px;margin:7px 0 10px;font-size:10px;display:flex}.district-loot span{background:#ffffff05;border:1px solid #ffffff15;border-radius:5px;padding:6px 8px}.first-clear{border-top:1px solid #ffffff17;align-items:center;gap:12px;margin-top:auto;padding:12px 0;display:flex}.first-clear .portrait{background-size:400% 300%;border-radius:7px;flex-shrink:0;width:50px;height:56px}.first-clear div{flex-direction:column;gap:4px;display:flex}.first-clear small{color:var(--world);letter-spacing:.7px;font-size:8px}.first-clear b{font-size:13px}.first-clear div>span{color:#bfaecb;font-size:8px}.district-body .btn{padding:12px;font-size:22px}.versus-panel{position:relative;overflow:hidden}.practice-world{opacity:.27;pointer-events:none;position:absolute;inset:0}.versus-panel>:not(.practice-world){z-index:1;position:relative}.arena-picker{grid-template-columns:repeat(6,1fr);gap:6px;margin:18px 0;display:grid}.arena-picker button{height:45px;image-rendering:pixelated;border:2px solid #665273;border-radius:6px;position:relative}.arena-picker button.active{outline:2px solid var(--lime);outline-offset:2px}.arena-picker span{color:#fff;background:#1a162dcc;border-radius:2px;padding:2px 4px;font-size:9px;position:absolute;bottom:2px;right:2px}.collection-pager{white-space:nowrap;align-items:center;gap:10px;margin-left:auto;display:flex}.collection-pager b{color:#bdb1cb;font-size:10px}.collection-pager .tool{min-width:25px;padding:3px 10px;font-size:18px}.collection-grid.roster-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 13px;padding:0}.collection-grid.roster-grid .portrait{max-height:none}.collection-grid.roster-grid .card-name{white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.supply-bar{flex-shrink:0;align-items:center;gap:18px;padding-top:14px;font-size:10px;display:flex}.supply-bar>span:last-child{color:#baacc8;margin-left:auto;font-size:9px}.supply-bar b{font-size:14px}.training-detail{gap:10px;padding:16px}.training-detail .detail-top{gap:12px}.training-detail .detail-top .portrait{flex-shrink:0;width:75px;height:75px}.training-detail .detail-top h3{font-size:26px}.training-detail .detail-top small{font-size:8px}.training-detail .detail-stats{margin:0}.training-detail .power-preview{flex:1;min-height:0;margin:0}.training-buttons{gap:8px;margin-top:auto;display:flex}.training-buttons .btn{flex:1;padding:10px;font-size:18px}.training-buttons .tool{padding:10px}.deck-actions{gap:8px;display:flex}.deck-actions .btn{flex:1;margin:0;padding:10px;font-size:15px}.deck-count span{font-size:8px}.training-hero{justify-content:center;align-items:center;gap:24px;margin:18px 0;display:flex}.training-hero>.portrait{border:2px solid #bd93ea;border-radius:14px;flex-shrink:0;width:135px;height:135px}.training-hero>div{text-align:left;flex-direction:column;gap:8px;display:flex}.training-hero small{color:#b99acc;letter-spacing:2px;font-size:9px}.training-hero strong{color:#d4f692;font:800 53px/1 Barlow Condensed}.training-hero i{color:#827191;font-size:28px;font-style:normal}.training-hero span{color:#c3b9cd;font-size:11px}.upgrade-costs{grid-template-columns:1fr 1fr;gap:9px;display:grid}.upgrade-costs>div{background:#1b1727;border:1px solid #ffffff20;border-radius:8px;justify-content:space-between;gap:5px;padding:14px 10px;font-size:10px;display:flex}.upgrade-costs b{color:#bde892}.upgrade-costs .missing b{color:#f294b0}.modal .training-hint{margin-top:16px;font-size:11px;line-height:1.6}.result-stars{color:#ffdf83;letter-spacing:9px;font-size:34px}.reward-banner{flex-wrap:wrap;gap:8px}.reward-banner span{padding:9px 12px;font-size:12px}.result-unlock{justify-content:center;align-items:center;gap:14px;margin-top:14px;display:flex}.result-unlock .portrait{border:1px solid #f3d376;border-radius:6px;width:55px;height:55px}.result-unlock b{color:#efdb9e;font-size:12px}.generated-pack{width:175px;height:240px;min-height:100px;image-rendering:pixelated;filter:drop-shadow(0 10px 15px #08051480);background-image:url(/assets/packs-v05.png);background-repeat:no-repeat;background-size:300% 100%;flex-shrink:1;margin:12px 0 0;transition:transform .2s}.pack-offer:hover .generated-pack{transform:translateY(-5px)rotate(-3deg)}.pack-offer{padding:20px 24px}.pack-offer h3{margin:5px 0;font-size:30px}.pack-offer p{margin:4px 0 10px;font-size:11px;line-height:1.5}.pack-odds{grid-template-columns:repeat(4,1fr);gap:4px;width:100%;margin:6px 0 10px;display:grid}.pack-odds>span{border-top:1px solid;flex-direction:column;gap:6px;padding:7px 1px;display:flex}.pack-odds i{font-size:8px;font-style:normal}.pack-odds b{font-size:14px}.pack-note{color:#b5a3c3;margin-bottom:12px;font-size:8px}.pack-offer .btn{padding:12px;font-size:23px}.portrait-mode .campaign-layout{grid-template-rows:minmax(290px,1fr) 270px;grid-template-columns:1fr;gap:14px;height:calc(100% - 108px)}.portrait-mode .world-node{width:89px}.portrait-mode .world-thumbnail{height:52px}.portrait-mode .world-node b{font-size:8px}.portrait-mode .world-node small{font-size:12px}.portrait-mode .map-heading{top:13px;left:17px}.portrait-mode .map-heading b{font-size:17px}.portrait-mode .map-heading span{font-size:6px}.portrait-mode .map-legend{font-size:7px;bottom:12px;left:12px;right:12px}.portrait-mode .district-card{grid-template-columns:120px 1fr;display:grid}.portrait-mode .district-image{height:100%;background-size:400% 300%!important}.portrait-mode .district-image .pill{padding:5px;font-size:6px;top:10px;left:5px}.portrait-mode .district-body{padding:14px}.portrait-mode .district-body h3{font-size:26px}.portrait-mode .district-body>p{margin:5px 0;font-size:9px}.portrait-mode .district-loot{gap:4px;margin:5px 0;font-size:8px}.portrait-mode .district-loot span{padding:5px}.portrait-mode .first-clear{gap:8px;padding:7px 0}.portrait-mode .first-clear .portrait{width:36px;height:41px}.portrait-mode .first-clear small{font-size:6px}.portrait-mode .first-clear b{font-size:11px}.portrait-mode .first-clear div>span{font-size:7px}.portrait-mode .district-body .btn{padding:9px;font-size:17px}.portrait-mode .collection-filters{gap:6px}.portrait-mode .filter-tab{padding:9px 6px;font-size:8px}.portrait-mode .collection-pager{gap:5px}.portrait-mode .collection-pager .tool{padding:3px 7px;font-size:15px}.portrait-mode .collection-pager b{font-size:8px}.portrait-mode .collection-grid.roster-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px;padding:0}.portrait-mode .collection-grid.roster-grid .card-name{min-height:20px;font-size:12px}.portrait-mode .training-detail{grid-template-rows:75px 1fr 40px;grid-template-columns:1fr 1fr;gap:10px;height:255px;padding:12px;display:grid}.portrait-mode .training-detail .detail-stats{grid-area:1/2;align-self:center}.portrait-mode .training-detail .power-preview{grid-area:2/1/auto/3;display:flex}.portrait-mode .training-detail .power-preview .power-art{flex-shrink:0;width:68px;height:68px}.portrait-mode .training-buttons{grid-area:3/1;gap:5px;margin:0}.portrait-mode .training-buttons .btn,.portrait-mode .training-buttons .tool{padding:7px;font-size:12px}.portrait-mode .deck-actions{grid-area:3/2;gap:5px}.portrait-mode .deck-actions .btn{padding:7px;font-size:12px}.portrait-mode .supply-bar{flex-wrap:wrap;gap:8px;padding-top:9px;font-size:7px}.portrait-mode .supply-bar b{font-size:10px}.portrait-mode .supply-bar>span:last-child{display:none}.portrait-mode .card-level{padding:2px;font-size:6px;top:3px;right:2px}.portrait-mode .training-hero{gap:16px}.portrait-mode .training-hero>.portrait{width:100px;height:110px}.portrait-mode .training-hero strong{font-size:46px}.portrait-mode .upgrade-costs>div{padding:12px 7px;font-size:9px}.portrait-mode .modal .training-hint{font-size:10px}.portrait-mode .pack-offer{grid-template-rows:30px 25px 1fr 24px 40px;grid-template-columns:110px 1fr;gap:3px 16px;padding:18px 15px}.portrait-mode .generated-pack{grid-area:1/1/6;align-self:center;width:112px;height:100%;min-height:0;margin:0}.portrait-mode .pack-offer h3{grid-area:1/2;align-self:center;margin:0;font-size:25px}.portrait-mode .pack-offer p{grid-area:2/2;margin:0;font-size:9px;line-height:1.4}.portrait-mode .pack-odds{grid-area:3/2;align-self:center;gap:3px;margin:4px 0}.portrait-mode .pack-odds>span{gap:4px;padding:4px 0}.portrait-mode .pack-odds i{font-size:6px}.portrait-mode .pack-odds b{font-size:12px}.portrait-mode .pack-note{grid-area:4/2;align-self:center;margin:0;font-size:7px}.portrait-mode .pack-offer .btn{grid-area:5/2;align-self:end;padding:8px;font-size:17px}.portrait-mode .pack-offer .pill{padding:2px 4px;font-size:6px;top:5px;right:9px}.crew-portrait{background-image:none}.crew-art{aspect-ratio:1;height:100%;image-rendering:pixelated;background-image:url(/assets/memes-v05.png);background-size:300% 200%;position:absolute;top:0;left:50%;transform:translate(-50%)}.base-power-note{letter-spacing:.5px;color:var(--muted);margin-top:5px;font-size:8px;display:block}.gear-head .hero-portrait:after{width:68px;height:55px;box-shadow:none;pointer-events:none;z-index:3;background:0 0;border:0;border-radius:0;place-items:center;padding:0;font-size:53px;line-height:1;display:grid;inset:-33px auto auto 50%}.leader-art{isolation:isolate;flex-shrink:0;width:180px;height:180px;display:inline-block;position:relative;overflow:hidden}.leader-art>span{image-rendering:pixelated;background-image:url(/assets/leaders-v06.png);background-repeat:no-repeat;background-size:200% 100%;position:absolute;inset:0}.generated-pack{aspect-ratio:1/2;flex-shrink:0;width:108px;height:216px;min-height:216px}.portrait-mode .generated-pack{align-self:center;width:86px;height:172px;min-height:172px}#hand{touch-action:none;-webkit-user-select:none;user-select:none}#hand .card{cursor:grab;touch-action:none}#hand .card:active{cursor:grabbing}#arena{touch-action:none}.card-dragging #hand .card.active{opacity:.3;transform:translateY(9px)scale(.94)}.drag-ghost{z-index:10000;pointer-events:none;transform-origin:50% 95%;filter:drop-shadow(0 12px 14px #0009);will-change:transform;width:100px;transition:filter .1s;position:fixed;top:0;left:0}.drag-ghost .card{border-width:3px;width:100%;animation:.18s ease-out dragPick;box-shadow:0 0 24px #baf58588}.drag-ghost .card-name{font-size:15px}.drag-ghost .card-foot{font-size:7px}.drag-ghost .card-level{font-size:8px}.drag-ghost.invalid{filter:drop-shadow(0 0 9px #ff657e)}.drag-ghost.invalid .card{border-color:#ff738b;box-shadow:0 0 15px #ff738b66}.drag-ghost.returning{opacity:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .25s}.drag-ghost.dropped{opacity:0;transition:transform .16s ease-in,opacity .16s}@keyframes dragPick{0%{rotate:-8deg;scale:.8}to{rotate:0deg;scale:1}}.no-motion .drag-ghost .card{animation:none}.match-result{isolation:isolate;--result:#cdf775;background:radial-gradient(at 50% 10%,#66994c44,#0000 65%);border-radius:22px;margin:-24px;padding:25px 30px 26px;position:relative;overflow:hidden}.match-result.loss{--result:#ff9dba;background:radial-gradient(at 50% 10%,#a9475844,#0000 65%)}.match-result.draw{--result:#c6afff}.match-result>*{z-index:2;position:relative}.match-result h2{color:var(--result);text-shadow:0 4px #171020,0 0 30px color-mix(in srgb,var(--result) 22%,transparent);font-size:76px;animation:.55s cubic-bezier(.12,.8,.25,1.25) .12s both resultTitle}.result-subtitle{letter-spacing:2px;color:#eee5d9!important;margin:9px 0!important;font-size:11px!important}.result-stage{justify-content:center;align-items:center;height:170px;display:flex}.result-commander{width:176px;height:176px;animation:.6s cubic-bezier(.2,.8,.2,1.2) both commanderLand}.loss .result-commander{filter:saturate(.65);transform:rotate(-5deg)}.result-seal{color:var(--result);text-shadow:0 3px #191027;font-size:50px;animation:.5s .4s both sealPop;position:absolute;top:5px;left:calc(50% + 52px)}.result-rays{z-index:0;background:repeating-conic-gradient(from 0deg,transparent 0deg 20deg,var(--result) 21deg 24deg,transparent 25deg 40deg);opacity:.055;border-radius:50%;width:480px;height:480px;margin:-240px;animation:35s linear infinite resultSpin;position:absolute;top:70px;left:50%}.result-motes{pointer-events:none;z-index:1;position:absolute;inset:0}.result-motes i{width:5px;height:8px;left:var(--x);background:var(--result);animation:resultMote 2.2s calc(var(--i)*55ms) both;position:absolute;top:10%}.result-loot{justify-content:center;gap:10px;margin:20px 0 12px;display:flex}.result-loot>div{border:1px solid #fff2;border-bottom:3px solid var(--loot,#eace7b);min-width:98px;animation:lootUp .4s calc(.3s + var(--i)*.11s) both;background:#100d1c99;border-radius:9px;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:5px 8px;padding:13px 10px;display:grid}.result-loot span{color:var(--loot,#ffe187);font-size:23px}.result-loot strong{font:800 29px Barlow Condensed}.result-loot small{letter-spacing:.5px;color:#c8bad6;grid-column:1/3;font-size:8px}.result-stars{justify-content:center;gap:8px;display:flex;margin:8px 0!important}.result-stars span{color:#685977;font-size:29px}.result-stars .earned{color:#ffe394;animation:sealPop .4s calc(.4s + var(--i)*.13s) both}.result-tip{margin:12px 0!important;font-size:11px!important}.match-result .actions{margin-top:15px}.result-unlock{justify-content:center;align-items:center;gap:10px;max-height:60px;margin:7px auto;display:flex}.result-unlock .portrait{width:48px;height:48px}.result-unlock b{font-size:11px}.match-result .eyebrow{letter-spacing:1.5px;font-size:9px}@keyframes resultTitle{0%{opacity:0;transform:scale(1.7)rotate(-5deg)}to{opacity:1;transform:scale(1)}}@keyframes commanderLand{0%{opacity:0;transform:translateY(-55px)scale(.7)}70%{transform:translateY(5px)scale(1.08,.94)}to{opacity:1;transform:none}}@keyframes sealPop{0%{opacity:0;transform:scale(2.5)rotate(-20deg)}to{opacity:1;transform:scale(1)}}@keyframes lootUp{0%{opacity:0;transform:translateY(20px)scale(.8)}to{opacity:1;transform:none}}@keyframes resultSpin{to{transform:rotate(360deg)}}@keyframes resultMote{0%{opacity:0;transform:translateY(-30px)rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(420px)rotate(370deg)}}.pack-opening{isolation:isolate;min-height:460px;position:relative}.pack-opening h2{font-size:43px}.pack-instruction{min-height:18px;font-size:12px!important}.sealed-stage{place-items:center;height:310px;display:grid;position:relative}.sealed-booster{z-index:3;filter:drop-shadow(0 12px 25px #ae75fc66);padding:0;animation:2.4s ease-in-out infinite sealedFloat;position:relative;overflow:hidden}.sealed-booster .generated-pack{width:144px;height:288px;min-height:288px;margin:0;display:block}.foil-glint{mix-blend-mode:screen;background:linear-gradient(110deg,#0000 25%,#fff9 45%,#0000 60%);animation:2.6s infinite foilSweep;position:absolute;inset:-20px;transform:translate(-140%)}.pack-aura{border:1px solid #bca4fa66;border-radius:50%;width:270px;height:270px;animation:2s infinite auraPulse;position:absolute;box-shadow:0 0 80px #a46cfb33,inset 0 0 50px #a46cfb22}.tear-hint{letter-spacing:2px;color:#d9bcff;z-index:4;font-size:10px;position:absolute;bottom:0}.pack-shards{pointer-events:none;position:absolute;inset:0}.pack-shards i{opacity:0;background:#debbff;width:8px;height:8px;position:absolute;top:50%;left:50%}.pack-opening.opened .pack-shards i{transform:rotate(calc(var(--i)*26deg));--dx:calc((var(--i) - 7)*25px);--dy:calc((var(--i) - 4)*-20px);animation:.6s both foilShard}.pack-opening.opened .sealed-booster{pointer-events:none;animation:.65s both packRip}.pack-opening.opened .pack-aura{animation:.7s both packWave}.pack-opening.opened .tear-hint{opacity:0}.pack-opening.opened .sealed-stage{pointer-events:none;height:300px;position:absolute;inset:90px 0 auto}.reveal-deck{justify-content:center;gap:17px;min-height:258px;margin:30px 0 25px;display:none}.opened .reveal-deck{display:flex}.reveal-slot{perspective:900px;width:139px;height:230px;animation:dealCard .55s calc(.4s + var(--i)*.12s) both;padding:0;position:relative}.reveal-inner{transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.75,.2,1.1);position:absolute;inset:0}.reveal-slot.flipped .reveal-inner{transform:rotateY(180deg)}.reveal-back,.reveal-front{backface-visibility:hidden;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.reveal-back{background:repeating-linear-gradient(45deg,#624194 0 8px,#573785 8px 16px);border:3px solid #c5a3f8;gap:14px;box-shadow:inset 0 0 0 7px #241a3d,0 8px #100c18}.reveal-back>span{color:#d4f984;font-size:45px}.reveal-back b{letter-spacing:-1px;font:900 33px/.75 Barlow Condensed}.reveal-back small{letter-spacing:1px;font-size:7px}.reveal-front{background:#20192f;transform:rotateY(180deg)}.reveal-front .card{border:3px solid var(--rarity);width:100%;height:100%;box-shadow:0 0 20px color-mix(in srgb,var(--rarity) 35%,transparent)}.reveal-front .portrait{aspect-ratio:auto;height:calc(100% - 54px)}.reveal-front .card-name{font-size:19px}.reveal-front .card-foot{font-size:8px}.rarity-label{color:var(--rarity);letter-spacing:1px;font-size:9px;position:absolute;bottom:-23px}.reveal-burst{background:radial-gradient(ellipse,var(--rarity),transparent 66%);z-index:-1;opacity:0;pointer-events:none;position:absolute;inset:-15px}.flipped .reveal-burst{animation:.65s both revealFlare}.pack-controls{justify-content:center;align-items:center;gap:15px;padding-top:18px;display:none}.opened .pack-controls{animation:.3s 1s both lootUp;display:flex}.pack-opening.complete h2{color:var(--lime)}@keyframes sealedFloat{50%{transform:translateY(-8px)rotate(3deg)}}@keyframes foilSweep{65%,to{transform:translate(140%)}}@keyframes auraPulse{50%{opacity:.5;transform:scale(1.08)}}@keyframes packRip{20%{transform:rotate(-8deg)scale(1.1)}40%{transform:rotate(6deg)scale(.93)}65%{opacity:1;filter:brightness(2);transform:translateY(-20px)scale(1.25)}to{opacity:0;transform:translateY(-100px)scale(1.45)}}@keyframes packWave{to{opacity:0;transform:scale(2)}}@keyframes foilShard{15%{opacity:1}to{translate:var(--dx) var(--dy);opacity:0;rotate:180deg}}@keyframes dealCard{0%{opacity:0;transform:translateY(90px)rotate(-12deg)scale(.3)}to{opacity:1;transform:none}}@keyframes revealFlare{20%{opacity:.8;transform:scale(1.2)}to{opacity:0;transform:scale(1.8)}}.portrait-mode .match-result{margin:-15px;padding:20px 18px}.portrait-mode .match-result h2{font-size:65px}.portrait-mode .result-stage{height:165px}.portrait-mode .result-loot{flex-wrap:wrap;gap:6px}.portrait-mode .result-loot>div{min-width:80px;padding:10px}.portrait-mode .result-loot strong{font-size:25px}.portrait-mode .result-loot small{font-size:7px}.portrait-mode .match-result .actions{gap:10px}.portrait-mode .match-result .btn{padding:13px 18px;font-size:18px}.portrait-mode .pack-opening{min-height:490px}.portrait-mode .pack-opening h2{font-size:34px}.portrait-mode .reveal-deck{flex-wrap:wrap;gap:29px 15px;min-height:340px;margin:23px 0 12px}.portrait-mode .reveal-slot{width:108px;height:158px}.portrait-mode .reveal-front .portrait{height:112px}.portrait-mode .reveal-front .card-name{font-size:15px}.portrait-mode .reveal-back b{font-size:25px}.portrait-mode .reveal-back>span{font-size:28px}.portrait-mode .reveal-back{gap:8px}.portrait-mode .reveal-front .cost{width:25px;height:26px;font-size:19px}.portrait-mode .pack-controls .btn{padding:13px 18px;font-size:19px}.portrait-mode .rarity-label{font-size:8px;bottom:-18px}.no-motion .result-rays,.no-motion .result-motes,.no-motion .foil-glint{display:none}.no-motion .match-result *,.no-motion .pack-opening *{transition:none!important;animation:none!important}.no-motion .opened .sealed-stage{display:none}.hero-select{cursor:pointer;background:#221b35;flex-shrink:0;padding:0}.hero-select .hub-leader{width:220px;height:220px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-select:after{display:none!important}.gear-head .hero-select:before{content:"♛";color:#ffdf80;z-index:3;text-shadow:0 0 16px #ad83ff;font-size:35px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.hero-locker-link{z-index:3;margin:-4px 0 12px;font-size:10px}.versus-hero{width:185px;height:185px}.content-heroes{flex-direction:column;display:flex}.heroes-layout{flex:1;grid-template-columns:340px 1fr;gap:24px;min-height:0;display:grid}.hero-showcase{background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--hero) 18%,transparent),#211b30 72%);border:1px solid color-mix(in srgb,var(--hero) 45%,transparent);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:18px;display:flex;position:relative;overflow:hidden}.hero-showcase .locker-leader{filter:drop-shadow(0 14px 16px #100b2480);width:235px;height:235px;animation:5s ease-in-out infinite float}.hero-showcase h3{margin:4px 0;font-size:38px}.hero-showcase>small{letter-spacing:2px;color:var(--hero);font-size:9px}.hero-showcase p{color:#d6c8e3;margin:8px 0 18px;font-size:12px}.hero-showcase .btn{width:100%;padding:13px;font-size:24px}.hero-showcase .pill{font-size:8px;position:absolute;top:14px;left:14px}.hero-options{flex-direction:column;min-height:0;display:flex}.hero-roster{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:12px;min-height:0;display:grid}.hero-choice{min-height:0;color:var(--cream);background:linear-gradient(135deg,#443653,#211a30);border:2px solid #6e5b8155;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:5px;transition:transform .15s,border-color .15s;display:flex}.hero-choice:hover{transform:translateY(-3px)}.hero-choice.selected{border-color:var(--hero);background:linear-gradient(135deg,#645077,#2c223c)}.hero-choice b{font:700 21px Barlow Condensed}.hero-choice small{color:#cdbede;margin:3px 0;font-size:8px}.skin-heading{justify-content:space-between;align-items:center;margin:16px 0 9px;font-size:11px;display:flex}.skin-heading small{color:#b7a9c7;font-size:9px}.skin-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.skin-choice{color:var(--cream);background:#261d37;border:1px solid #79658c;border-radius:10px;place-items:center;gap:5px;padding:10px 5px;display:grid}.skin-choice.selected{border:2px solid var(--skin)}.skin-choice i{background:var(--skin);width:24px;height:14px;transform:skew(-15deg);box-shadow:4px 4px #ffffff20}.skin-choice small{color:#c1b4d0;font-size:8px}.skin-choice:disabled{opacity:.5}.accessories-link{margin-top:12px;padding:13px;font-size:10px}.hero-options>.micro{margin-top:8px;font-size:9px}.sets-shop .generated-pack{width:91px;height:182px;min-height:182px}.sets-shop .pack-offer h3{margin:5px 0;font-size:32px}.sets-shop .pack-offer>p{margin:4px 0;font-size:11px}.set-window{color:#c4f58b;min-height:14px;font-size:9px}.sets-shop .season{background:linear-gradient(150deg,#604172bb,#272035);border-color:#d69cf888}.sets-shop .pool-link{padding:8px;font-size:10px}.sets-shop .pack-note{margin:6px 0;font-size:8px}.sets-shop .pack-offer>.btn{padding:13px;font-size:23px}.pool-grid{grid-template-columns:repeat(6,1fr);gap:17px 12px;padding:18px 6px 6px;display:grid}.pool-grid .card{width:auto;min-width:0;height:169px}.pool-grid .portrait{height:123px}.pool-grid .card-name{min-height:23px;font-size:17px}.pool-grid .cost{width:25px;height:28px;font-size:20px}.pool-grid .card-foot{padding:0 5px;font-size:7px}.pool-grid .card-level{font-size:7px}.season-portrait{image-rendering:pixelated;background-repeat:no-repeat}.portrait-mode .hero-select .hub-leader{width:190px;height:190px}.portrait-mode .hero-locker-link{margin:4px 0 7px;font-size:10px}.portrait-mode .heroes-layout{grid-template-rows:230px 1fr;grid-template-columns:1fr;gap:14px}.portrait-mode .hero-showcase{grid-template-rows:35px 35px 30px 50px;grid-template-columns:180px 1fr;align-content:center;justify-items:start;gap:4px;padding:20px 16px;display:grid}.portrait-mode .hero-showcase .locker-leader{grid-area:1/1/5;width:170px;height:170px}.portrait-mode .hero-showcase .pill{padding:5px;font-size:7px;top:9px}.portrait-mode .hero-showcase>small{grid-column:2;align-self:end;font-size:8px}.portrait-mode .hero-showcase h3{grid-column:2;font-size:28px}.portrait-mode .hero-showcase p{grid-column:2;margin:0;font-size:10px}.portrait-mode .hero-showcase .btn{grid-column:2;padding:10px;font-size:18px}.portrait-mode .hero-roster{gap:8px}.portrait-mode .skin-heading{margin:12px 0 7px;font-size:10px}.portrait-mode .skin-heading small{font-size:7px}.portrait-mode .skin-choice{padding:9px 3px}.portrait-mode .accessories-link{margin-top:10px;padding:11px;font-size:9px}.portrait-mode .hero-options>.micro{font-size:8px}.portrait-mode .sets-shop .pack-offer{gap:4px;padding:13px 12px}.portrait-mode .sets-shop .generated-pack{width:62px;height:124px;min-height:124px}.portrait-mode .sets-shop .pack-offer h3{font-size:25px}.portrait-mode .sets-shop .pack-offer>p{font-size:9px}.portrait-mode .set-window{font-size:8px}.portrait-mode .sets-shop .pack-odds{margin:2px 0}.portrait-mode .sets-shop .pool-link{padding:6px;font-size:8px}.portrait-mode .sets-shop .pack-note{display:none}.portrait-mode .sets-shop .pack-offer>.btn{padding:10px;font-size:19px}.portrait-mode .pool-grid{grid-template-rows:repeat(3,134px);grid-template-columns:repeat(4,1fr);gap:14px 10px;padding:12px 3px}.portrait-mode .pool-grid .card{height:134px}.portrait-mode .pool-grid .portrait{height:93px}.portrait-mode .pool-grid .card-name{min-height:20px;font-size:13px}.portrait-mode .pool-grid .card-foot{font-size:6px}.portrait-mode .pool-grid .cost{width:21px;height:23px;font-size:16px}.portrait-mode .pool-grid .card-level{font-size:6px}.portrait-mode .content-heroes .page-title p{font-size:10px}.content-packs{flex-direction:column;display:flex}.content-packs>.page-title{flex-shrink:0}.content-packs .sets-shop{flex:1;height:auto;min-height:0}.sets-shop .pack-offer{gap:4px;padding:18px 20px 16px}.sets-shop .generated-pack{width:77px;height:154px;min-height:154px;margin:8px 0 0}.sets-shop .pack-offer h3{font-size:29px}.sets-shop .pack-offer>.btn{flex-shrink:0}.sets-shop .pack-note{letter-spacing:1px;margin:3px 0;font-size:7px}.sets-shop .pack-odds{margin:5px 0 0}.sets-shop .pool-link{padding:6px}.hero-choice .leader-art{width:80px;height:80px}.hero-choice small{letter-spacing:.7px;text-align:center;max-width:100%;line-height:1.3}.hero-choice b{line-height:1.1}.hero-roster{gap:12px}.portrait-mode .hero-choice .leader-art{width:57px;height:57px}.portrait-mode .hero-choice small{letter-spacing:.2px;margin:2px 0;font-size:6.5px}.portrait-mode .hero-choice{padding:3px}.portrait-mode .content-packs>.page-title{margin-bottom:16px}.portrait-mode .content-packs>.page-title>.tool{max-width:100px;padding:8px;font-size:8px}.portrait-mode .sets-shop{gap:10px}.portrait-mode .sets-shop .pack-offer{grid-template-rows:26px 22px 18px 37px 24px 36px;grid-template-columns:84px 1fr;gap:2px 10px;padding:17px 12px 9px}.portrait-mode .sets-shop .generated-pack{grid-area:1/1/7;justify-self:center;width:67px;height:134px;min-height:134px;margin:0}.portrait-mode .sets-shop .pack-offer h3{grid-row:1;font-size:24px}.portrait-mode .sets-shop .pack-offer>p{grid-row:2;margin:0;font-size:8px}.portrait-mode .sets-shop .set-window{letter-spacing:.5px;grid-area:3/2;min-height:0;font-size:7px;line-height:1.2}.portrait-mode .sets-shop .pack-odds{grid-row:4;margin:0}.portrait-mode .sets-shop .pool-link{grid-area:5/2;padding:4px;font-size:8px}.portrait-mode .sets-shop .pack-offer>.btn{grid-row:6;margin:0;padding:8px;font-size:18px}.portrait-mode .sets-shop .pack-offer .pill{font-size:6px}.hero-choice .leader-art{aspect-ratio:1;width:auto;height:calc(100% - 40px);max-height:100px}.portrait-mode .hero-choice .leader-art{aspect-ratio:1;width:auto;height:calc(100% - 35px);max-height:84px}.hero-power-art{image-rendering:pixelated;background-color:#171128;background-repeat:no-repeat;border-radius:8px;flex-shrink:0;display:block}.hero-power-info{text-align:left;border:1px solid color-mix(in srgb,var(--hero) 50%,transparent);background:#181127c9;border-radius:11px;flex-shrink:0;align-items:center;gap:10px;margin-top:10px;padding:9px 11px;display:flex}.hero-power-info>.hero-power-art{border:1px solid var(--hero);width:58px;height:58px}.hero-power-info>span:last-child{flex-direction:column;gap:4px;display:flex}.hero-power-info b{color:var(--hero);font:700 21px Barlow Condensed}.hero-power-info em{color:#fff;margin-left:10px;font:700 9px DM Sans}.hero-power-info small{text-transform:none;letter-spacing:0;color:#e0d7e8;font-size:10px;font-weight:500;line-height:1.35}.hero-power-info i{color:#b9acc8;letter-spacing:.8px;font-size:8px;font-style:normal}.hero-showcase .locker-leader{width:185px;height:185px}.hero-showcase>p{margin:5px 0 10px;font-size:10px}.hero-showcase h3{font-size:32px}.hero-showcase .btn{padding:11px;font-size:20px}.outfit-caption{text-align:center;border-top:1px solid #fff2;flex-direction:column;gap:5px;width:100%;margin-top:13px;padding-top:9px;display:flex}.outfit-caption>b{text-transform:uppercase;font:700 21px Barlow Condensed}.outfit-caption>small{letter-spacing:.3px;color:#b9acc8;font-size:8px}.outfit-caption .tool{padding:8px;font-size:9px}.hero-roster{min-height:170px}.hero-choice .leader-art{height:calc(100% - 35px);max-height:65px}.hero-choice b{font-size:18px}.skin-heading{margin-top:10px;margin-bottom:6px}.skin-grid{gap:8px}.skin-choice{gap:2px;padding:4px}.skin-choice .skin-thumb{width:54px;height:54px}.skin-choice b{font-size:9px}.skin-choice small{font-size:7px}.hero-options .accessories-link{margin-top:8px;padding:9px;font-size:9px}.hero-ultimate{z-index:6;text-align:left;background:#1b142bf2;border:2px solid #6b597b;border-radius:12px;align-items:center;gap:9px;min-width:192px;padding:6px 12px 6px 6px;display:flex;position:absolute;bottom:15px;left:16px;box-shadow:0 4px #100a1c}.hero-ultimate:disabled{opacity:.8;filter:none}.hero-ultimate .hero-power-art{filter:saturate(.55);width:48px;height:48px}.hero-ultimate>span:last-child{flex-direction:column;gap:3px;display:flex}.hero-ultimate small{letter-spacing:1px;color:#d7c1ea;font-size:7px}.hero-ultimate b{color:#eee5f9;font:800 22px/.95 Barlow Condensed}.hero-ultimate em{color:var(--hero);font-size:9px;font-style:normal;font-weight:800}.hero-ultimate.ready{border-color:var(--hero);box-shadow:0 4px 0 #100a1c,0 0 18px color-mix(in srgb,var(--hero) 35%,transparent);animation:1.8s ease-in-out infinite ultimateReady}.hero-ultimate.ready .hero-power-art{filter:none}.hero-ultimate:active{transform:scale(.95)}.cast-ribbon .hero-power-art{width:65px;height:65px}.hero-lab .power-poster{background-size:300% 200%}.hero-lab .power-info>p{font-size:12px}.hero-lab .power-info>.pill{font-size:8px}.hero-lab canvas{image-rendering:pixelated}@keyframes ultimateReady{50%{box-shadow:0 4px 0 #100a1c,0 0 30px color-mix(in srgb,var(--hero) 50%,transparent);border-color:#fff2c7}}.no-motion .hero-ultimate{animation:none}.portrait-mode .heroes-layout{grid-template-rows:230px 1fr;gap:10px}.portrait-mode .hero-showcase{grid-template-rows:22px 27px 24px 35px 68px;grid-template-columns:160px 1fr;gap:3px;padding:16px 12px}.portrait-mode .hero-showcase .locker-leader{grid-row:1/6;width:155px;height:155px}.portrait-mode .hero-showcase h3{font-size:25px}.portrait-mode .hero-showcase .btn{padding:8px;font-size:16px}.portrait-mode .outfit-caption{grid-area:5/2;align-self:stretch;gap:2px;margin:2px 0 0;padding-top:4px}.portrait-mode .outfit-caption>b{font-size:16px}.portrait-mode .outfit-caption>small{letter-spacing:0;font-size:6px}.portrait-mode .outfit-caption .tool{padding:5px;font-size:7px}.portrait-mode .hero-roster{gap:6px;min-height:145px}.portrait-mode .hero-choice .leader-art{height:calc(100% - 28px);max-height:60px}.portrait-mode .hero-choice b{font-size:14px}.portrait-mode .hero-choice small{font-size:6px}.portrait-mode .hero-power-info{gap:7px;margin-top:7px;padding:6px}.portrait-mode .hero-power-info>.hero-power-art{width:42px;height:42px}.portrait-mode .hero-power-info b{font-size:18px}.portrait-mode .hero-power-info small{font-size:8px;line-height:1.25}.portrait-mode .hero-power-info i{letter-spacing:.4px;font-size:6px}.portrait-mode .hero-power-info em{font-size:7px}.portrait-mode .skin-heading{margin:7px 0 4px}.portrait-mode .skin-grid{gap:5px}.portrait-mode .skin-choice{gap:1px;padding:3px}.portrait-mode .skin-choice .skin-thumb{width:39px;height:39px}.portrait-mode .skin-choice b{font-size:8px}.portrait-mode .skin-choice small{font-size:6px}.portrait-mode .hero-options .accessories-link{margin-top:6px;padding:7px;font-size:8px}.portrait-mode .hero-ultimate{gap:6px;min-width:165px;padding:5px 8px 5px 5px;bottom:14px;left:12px}.portrait-mode .hero-ultimate .hero-power-art{width:38px;height:38px}.portrait-mode .hero-ultimate b{font-size:19px}.portrait-mode .hero-ultimate em{font-size:8px}.portrait-mode .hero-ultimate small{font-size:6px}.portrait-mode .hero-lab .power-info>p{font-size:10px}.portrait-mode .hero-lab .power-info>.pill{font-size:7px}.nav .nav-art{width:46px;height:46px;image-rendering:pixelated;background-image:url(/assets/nav-icons-v09.webp);background-repeat:no-repeat;background-size:300% 200%;flex:0 0 46px;transition:transform .16s steps(3,end);display:block}.nav-hub{background-position:0 0}.nav-collection{background-position:50% 0}.nav-adventure{background-position:100% 0}.nav-packs{background-position:0 100%}.nav-pass{background-position:50% 100%}.nav button:hover .nav-art,.nav button.active .nav-art{transform:translateY(-3px)}.card-v09{background:linear-gradient(135deg,var(--rarity) 0 9%,#3b304c 9% 91%,var(--rarity) 91%);box-shadow:0 0 0 1px var(--rarity),0 5px 0 #0d0a17,inset 0 0 0 2px #f7e7bc44;isolation:isolate;border:3px solid #171225;border-radius:3px;padding:5px 5px 0}.card-v09:before{content:"";pointer-events:none;border:1px solid color-mix(in srgb,var(--rarity) 75%,#fff);z-index:2;position:absolute;inset:3px}.card-v09 .portrait{border:2px solid #171223;border-bottom:3px solid var(--rarity);border-radius:0;flex-shrink:1;width:100%;min-height:0;overflow:hidden;box-shadow:inset 0 0 0 2px #fff2}.card-v09 .card-name{text-shadow:1px 2px #090714;letter-spacing:.25px;color:#fff4d6;z-index:1;background:#20182d;width:100%;min-height:26px;padding:6px 5px 3px;font-size:19px;position:relative}.card-v09 .card-foot{letter-spacing:.4px;width:100%;min-height:20px;color:var(--rarity);background:#20182d;gap:4px;padding:3px 5px 6px;font-size:8px}.card-v09 .rarity-pips{letter-spacing:1px;white-space:nowrap;font-size:7px}.card-v09 .cost{clip-path:polygon(20% 0,80% 0,80% 10%,100% 10%,100% 80%,80% 80%,80% 100%,10% 100%,10% 80%,0 80%,0 20%,20% 20%);color:#24172f;z-index:4;background:#dab8ff;border:3px solid #211333;border-radius:0;top:-8px;left:-8px;transform:none;box-shadow:inset 3px 3px #fff4eb8a,inset -3px -3px #8661af}.card-v09 .card-level{z-index:3;color:#ffe8b8;background:#21182deb;border:1px solid #f3deaf88;border-radius:0;top:9px;right:9px}.card-corners{pointer-events:none;z-index:3;position:absolute;inset:0}.card-corners:before,.card-corners:after{content:"";background:var(--rarity);border:2px solid #fff3be;width:8px;height:8px;position:absolute;box-shadow:2px 2px #241633}.card-corners:before{top:-4px;right:-4px}.card-corners:after{bottom:-4px;left:-4px}.card-stats{pointer-events:none;z-index:2;justify-content:space-between;font:800 9px monospace;display:flex;position:absolute;bottom:51px;left:9px;right:9px}.card-stats b{color:#ffdd9a;background:#181222eb;border:1px solid #c9b184;padding:3px}.card-stats b:last-child{color:#ff99ab}.card-v09.rarity-legendary{background:linear-gradient(135deg,#fff5a7,#ad6d35 30%,#35243c 50%,#d7984f 80%,#fff4ac);box-shadow:0 0 0 1px #ffdc76,0 5px #1b1020,inset 0 0 0 2px #ffda8e}.card-v09.rarity-epic{box-shadow:0 0 0 1px #cd92ff,0 5px #1b1020,inset 0 0 0 2px #ce9af766}.hero-card .card-v09{border-radius:3px}.hero-card .card-stats{font-size:12px;bottom:75px}.hand .card-v09 .card-stats,.pool-grid .card-v09 .card-stats,.drag-ghost .card-stats{display:none}.hand .card-v09 .card-name{min-height:21px;padding:4px 4px 2px}.hand .card-v09 .card-foot{min-height:16px;padding:2px 4px 4px}.hand .card-v09{padding:3px 3px 0}.card-v09 .selected-mark{z-index:5;border-radius:0;top:30px;right:8px}.card-v09 .key{z-index:4}.card-v09.unowned{filter:grayscale(.85);opacity:.55}.pack-v09{overflow:visible}.pack-v09 .pack-pixel-fx{pointer-events:none;width:100%;height:100%;image-rendering:pixelated;z-index:12;position:absolute;inset:0}.pack-v09 .pack-aura{border:2px solid #b99be14d;border-radius:0;width:224px;height:224px;animation:2s steps(8,end) infinite pixelAura;transform:rotate(45deg);box-shadow:inset 0 0 0 8px #191126,inset 0 0 0 10px #d2f58a33}.pack-v09 .pack-shards{display:none}.pack-v09 .sealed-booster{filter:none;width:144px;height:288px;animation:2.4s steps(12,end) infinite sealedFloat;overflow:visible}.pack-v09 .pack-half{display:block;position:absolute;inset:0}.pack-v09 .foil-top{clip-path:polygon(0 0,100% 0,100% 20%,90% 20%,90% 22%,70% 22%,70% 20%,50% 20%,50% 22%,30% 22%,30% 20%,0 20%)}.pack-v09 .foil-bottom{clip-path:polygon(0 20%,30% 20%,30% 22%,50% 22%,50% 20%,70% 20%,70% 22%,90% 22%,90% 20%,100% 20%,100% 100%,0 100%)}.pack-v09 .sealed-booster:disabled{opacity:1;filter:none}.pack-v09 .foil-pixel-glint{background:#fff4ce;width:4px;height:14px;animation:1.8s steps(4,end) infinite foilPixel;position:absolute;top:10%;left:18%;box-shadow:-5px 5px #fff4ce,5px 5px #fff4ce,0 0 0 2px #faffbc55}.pack-v09.tearing .foil-pixel-glint{display:none}.pack-v09.opened .sealed-stage{visibility:hidden;animation:.3s both sealExit}.pack-v09 .reveal-deck{gap:20px;min-height:270px;margin-top:32px}.pack-v09 .reveal-slot{width:144px;height:238px;animation:pixelDeal .6s calc(var(--i)*.12s) steps(10) both;isolation:isolate}.pack-v09 .reveal-slot:disabled{opacity:1;filter:none;cursor:default}.pack-v09 .reveal-inner{transition:transform .5s cubic-bezier(.2,.75,.2,1.12)}.pack-v09 .reveal-back{background:repeating-linear-gradient(0deg,#35204d 0 6px,#3b2458 6px 12px);border:4px solid #e6c074;border-radius:2px;gap:12px;overflow:hidden;box-shadow:inset 0 0 0 4px #171023,inset 0 0 0 6px #b18bce,0 7px #0d0a18}.pack-v09 .reveal-back:before,.pack-v09 .reveal-back:after{content:"";clip-path:polygon(0 0,25% 0,25% 3%,3% 3%,3% 25%,0 25%,0 0,100% 100%,75% 100%,75% 97%,97% 97%,97% 75%,100% 75%);border:2px solid #8966ad;position:absolute;inset:16px}.pack-v09 .reveal-back:after{transform:rotate(180deg)}.back-sigil{opacity:.35;border:3px solid #c4ff7d;width:78px;height:78px;position:absolute;top:33px;transform:rotate(45deg);box-shadow:inset 0 0 0 5px #28163e,0 0 0 5px #28163e}.pack-v09 .reveal-back>span{color:#dbff8c;z-index:1;font-size:40px}.pack-v09 .reveal-back b{z-index:1;font-size:31px}.pack-v09 .reveal-back small{color:#ddc4f4;z-index:1;font-size:8px}.pack-v09 .reveal-front{border-radius:0}.pack-v09 .reveal-front .card{box-shadow:0 0 0 2px var(--rarity),0 5px 0 #160e21,inset 0 0 0 2px #fff4;border:3px solid #171225;border-radius:2px}.pack-v09 .reveal-front .portrait{height:calc(100% - 49px)}.pack-v09 .reveal-front .card-stats{font-size:8px;bottom:52px}.pack-v09 .reveal-front .card-name{min-height:26px;font-size:20px}.pack-v09 .reveal-front .card-foot{min-height:20px;font-size:7px}.pack-v09 .reveal-burst{border:3px solid var(--rarity);background:0 0;border-radius:0;inset:-10px}.pack-v09 .revealing:not(.flipped) .reveal-inner{animation:.3s steps(5,end) both cardAnticipation}.pack-v09 .rarity-label{border:1px solid var(--rarity);letter-spacing:1.6px;white-space:nowrap;background:#21162f;padding:4px 8px;font-size:9px;bottom:-30px}.pack-v09 .pack-controls{padding-top:23px}.pack-v09.complete h2{color:#ddff9b;text-shadow:3px 3px #452858}@keyframes pixelAura{50%{opacity:.4;transform:rotate(45deg)scale(.94)}}@keyframes foilPixel{0%,70%,to{opacity:0}25%,45%{opacity:1;transform:translate(70px,120px)}}@keyframes foilJolt{25%{transform:translate(-5px,2px)rotate(-3deg)}75%{transform:translate(6px,-2px)rotate(3deg)}to{transform:none}}@keyframes foilCap{0%{opacity:1;transform:none}45%{opacity:1;transform:translate(48px,-65px)rotate(24deg)}to{opacity:0;transform:translate(120px,-145px)rotate(55deg)}}@keyframes foilBody{0%{opacity:1;transform:none}40%{opacity:1;transform:translate(-10px,22px)rotate(-4deg)}to{opacity:0;transform:translate(-45px,140px)rotate(-12deg)}}@keyframes sealExit{to{opacity:0}}@keyframes pixelDeal{0%{opacity:0;transform:translateY(65px)scale(.55)rotate(-8deg)}65%{opacity:1;transform:translateY(-10px)scale(1.06)rotate(2deg)}to{opacity:1;transform:none}}@keyframes cardAnticipation{20%{transform:translate(-3px)scale(.98)}50%{transform:translate(4px)scale(1.03)}to{transform:translateY(-8px)scale(1.06)}}@keyframes cardImpact{0%{filter:brightness(1.8);transform:scale(.96)}35%{filter:brightness(1.25);transform:scale(1.075)}to{filter:none;transform:none}}@keyframes pixelFrameBurst{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.45)}}.portrait-mode .nav .nav-art{flex:0 0 37px;width:37px;height:37px}.portrait-mode .nav button{gap:3px}.portrait-mode .card-v09 .card-stats{display:none}.portrait-mode .card-v09 .card-name{min-height:22px;padding:4px 3px 2px;font-size:15px}.portrait-mode .card-v09 .card-foot{min-height:15px;padding:2px 3px 3px;font-size:6px}.portrait-mode .card-v09{padding:3px 3px 0}.portrait-mode .card-v09 .rarity-pips{letter-spacing:0;font-size:5px}.portrait-mode .pack-v09 .reveal-slot{width:111px;height:165px}.portrait-mode .pack-v09 .reveal-deck{gap:36px 14px;min-height:366px;margin-top:24px;margin-bottom:20px}.portrait-mode .pack-v09 .reveal-front .portrait{height:calc(100% - 38px)}.portrait-mode .pack-v09 .rarity-label{padding:4px 6px;font-size:7px;bottom:-25px}.portrait-mode .pack-v09 .reveal-back{gap:8px}.portrait-mode .pack-v09 .reveal-back b{font-size:24px}.portrait-mode .pack-v09 .reveal-back>span{font-size:28px}.portrait-mode .back-sigil{width:52px;height:52px;top:25px}.portrait-mode .pack-v09 .reveal-back small{font-size:6px}.portrait-mode .pack-v09 .pack-controls{padding-top:15px}.no-motion .pack-v09 .pack-aura{animation:none}.no-motion .pack-v09 .pack-pixel-fx{display:none}.no-motion .nav .nav-art{transition:none}.hand .card-v09 .card-level{font-size:7px;top:auto;bottom:42px;right:7px}.hand .card-v09 .key{color:#fff0c8;background:#21182deb;border:1px solid #eee1b2;top:5px;right:6px}.pack-v09 .pack-flash{opacity:0;pointer-events:none;z-index:11;mix-blend-mode:screen;background:#fffbe8;position:absolute;inset:-40px}.pack-v09.tearing .pack-flash{animation:.55s steps(6,end) both packFlash}.pack-v09.legend-flash .pack-flash{background:radial-gradient(circle,#fffbe8 0 30%,#ffd56b 60%,#0000 80%);animation:.7s steps(7,end) both packFlash}.pack-v09 .pack-rays{opacity:0;pointer-events:none;background:repeating-conic-gradient(from 0deg,#d8ff8f55 0 6deg,transparent 6deg 22deg);width:520px;height:520px;margin:-260px 0 0 -260px;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 18%,#0000 68%);mask:radial-gradient(circle,#000 18%,#0000 68%)}.pack-v09.charging .pack-rays{animation:.6s steps(8,end) both raysCharge,3s linear infinite raySpin}.pack-v09.tearing .pack-rays{animation:.9s steps(9,end) both raysBlast,3s linear infinite raySpin}.pack-v09.charging .sealed-booster{animation:.6s linear both packCharge}.pack-v09.charging .pack-aura{animation:.6s steps(6,end) both auraCharge}.pack-v09.charging .tear-hint{opacity:0}@keyframes packFlash{0%{opacity:1}30%{opacity:.85}to{opacity:0}}@keyframes raysCharge{0%{opacity:0;transform:scale(.4)}to{opacity:.7;transform:scale(.9)}}@keyframes raysBlast{0%{opacity:1;transform:scale(.9)}25%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(2.1)}}@keyframes raySpin{to{rotate:360deg}}@keyframes auraCharge{to{opacity:1;border-color:#e8ff9d;transform:rotate(225deg)scale(.6)}}@keyframes packCharge{0%{filter:brightness();transform:none}10%{transform:translate(-2px,1px)rotate(-1deg)scale(1.02)}20%{transform:translate(2px,-1px)rotate(1deg)scale(1.03)}30%{transform:translate(-3px,2px)rotate(-2deg)scale(1.04)}40%{filter:brightness(1.2);transform:translate(4px,-1px)rotate(2deg)scale(1.05)}50%{transform:translate(-5px,2px)rotate(-3deg)scale(1.07)}60%{transform:translate(6px,-3px)rotate(3deg)scale(1.08)}70%{filter:brightness(1.5)saturate(1.4);transform:translate(-7px,3px)rotate(-4deg)scale(1.1)}80%{transform:translate(8px,-3px)rotate(4deg)scale(1.12)}90%{filter:brightness(2)saturate(1.6);transform:translate(-8px,4px)rotate(-5deg)scale(1.16)}to{filter:brightness(2.4);transform:scale(.9,1.1)}}.pack-v09.tearing .sealed-booster{animation:.2s steps(4,end) both foilJolt}.pack-v09.tearing .foil-top{animation:.7s cubic-bezier(.2,.9,.3,1) both foilCapJuice}.pack-v09.tearing .foil-bottom{animation:.7s cubic-bezier(.5,0,.8,.4) 80ms both foilBodyJuice}@keyframes foilCapJuice{0%{transform:none}20%{transform:translate(20px,-60px)rotate(18deg)}to{opacity:0;transform:translate(260px,-320px)rotate(160deg)}}@keyframes foilBodyJuice{0%{transform:none}25%{transform:translateY(-14px)scale(1.04,.96)}to{opacity:0;transform:translate(-30px,420px)rotate(-14deg)}}.pack-v09 .reveal-slot{animation:dealJuice .62s calc(var(--i)*.11s) cubic-bezier(.2,1.25,.4,1) both;--lift:0px;--glow:0}@keyframes dealJuice{0%{opacity:0;transform:translate(calc((2 - var(--i))*150px),-60px) scale(.2) rotate(calc((var(--i) - 2)*40deg))}55%{opacity:1}to{opacity:1;transform:none}}.pack-v09 .reveal-shadow{opacity:.55;filter:blur(3px);background:#08050f;border-radius:50%;height:14px;transition:transform .25s,opacity .25s;position:absolute;bottom:-14px;left:8%;right:8%}.pack-v09 .reveal-slot:not(:disabled):hover .reveal-inner{transform:translateY(-6px)rotate(-1.5deg)}.pack-v09 .reveal-slot:not(:disabled):hover .reveal-shadow{opacity:.35;transform:scale(.85)}.pack-v09 .revealing:not(.flipped) .reveal-inner{animation:liftTremble var(--wait,.4s) linear both;filter:drop-shadow(0 0 calc(var(--glow)*1px) var(--rarity))}.pack-v09 .revealing:not(.flipped) .reveal-shadow{opacity:.25;transform:scale(.7)}.pack-v09 .rarity-common.revealing{--wait:.33s;--amp:1px}.pack-v09 .rarity-rare.revealing{--wait:.48s;--amp:2px}.pack-v09 .rarity-epic.revealing{--wait:.63s;--amp:3px}.pack-v09 .rarity-legendary.revealing{--wait:.78s;--amp:5px}@keyframes liftTremble{0%{filter:drop-shadow(0 0 0 var(--rarity));transform:none}15%{transform:translateY(-14px)scale(1.08)}25%{transform:translate(calc(var(--amp)*-1),-18px) scale(1.1) rotate(-1deg)}35%{transform:translate(var(--amp),-18px) scale(1.1) rotate(1deg)}45%{transform:translate(calc(var(--amp)*-1.5),-20px) scale(1.11) rotate(-1.5deg)}55%{transform:translate(calc(var(--amp)*1.5),-20px) scale(1.12) rotate(1.5deg)}65%{transform:translate(calc(var(--amp)*-2),-22px) scale(1.13) rotate(-2deg)}75%{transform:translate(calc(var(--amp)*2),-22px) scale(1.14) rotate(2deg)}85%{transform:translate(calc(var(--amp)*-2.5),-24px) scale(1.15) rotate(-2deg)}to{filter:drop-shadow(0 0 22px var(--rarity)) brightness(1.5);transform:translateY(-26px)scale(1.16,1.12)}}.pack-v09 .flipped .reveal-inner{transition:none;animation:.72s cubic-bezier(.45,0,.25,1) both heavyFlip}@keyframes heavyFlip{0%{transform:translateY(-26px)scale(1.16)rotateY(0)}40%{transform:translateY(-40px)scale(1.24)rotateY(150deg)rotate(-4deg)}62%{transform:translateY(6px)scale(.94,1.04)rotateY(196deg)rotate(1deg)}74%{transform:translateY(-6px)scale(1.04,.97)rotateY(174deg)}86%{transform:translateY(0)scale(.99,1.01)rotateY(184deg)}to{transform:rotateY(180deg)}}.pack-v09 .flipped .reveal-shadow{animation:.72s both shadowSlam}@keyframes shadowSlam{0%{opacity:.25;transform:scale(.7)}40%{opacity:.2;transform:scale(.6)}62%{opacity:.7;transform:scale(1.15)}to{opacity:.55;transform:none}}.pack-v09 .flipped .reveal-front .card{animation:none}.pack-v09 .landed .reveal-front .card{animation:.55s steps(8,end) both cardImpactJuice}@keyframes cardImpactJuice{0%{filter:brightness(3)saturate(0)}25%{filter:brightness(1.8)}to{filter:none}}.pack-v09 .flipped .reveal-burst{animation:none}.pack-v09 .landed .reveal-burst{animation:.7s steps(8,end) both pixelFrameBurst}.pack-v09 .rarity-label{opacity:0}.pack-v09 .landed .rarity-label{animation:.45s cubic-bezier(.2,1.6,.4,1) 50ms both labelStamp}@keyframes labelStamp{0%{opacity:0;transform:scale(2.4)rotate(-8deg)}to{opacity:1;transform:none}}.pack-v09 .reveal-rays{z-index:-2;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rarity) 70%,transparent) 0 8deg,transparent 8deg 24deg);position:absolute;inset:-70px;-webkit-mask:radial-gradient(circle,#000 20%,#0000 66%);mask:radial-gradient(circle,#000 20%,#0000 66%)}.pack-v09 .rarity-epic.landed .reveal-rays{--ray-op:.55;animation:.5s steps(5,end) both raysIn,8s linear infinite raySpin}.pack-v09 .rarity-legendary.landed .reveal-rays{--ray-op:.9;animation:.5s steps(5,end) both raysIn,5s linear infinite raySpin;inset:-110px}.pack-v09 .rarity-legendary.landed .reveal-front .card{box-shadow:0 0 0 2px var(--rarity),0 0 26px var(--rarity),0 5px 0 #160e21}.pack-v09 .rarity-legendary.landed .reveal-inner{animation:2.4s ease-in-out .72s infinite legendHover;transform:rotateY(180deg)}@keyframes raysIn{0%{opacity:0;transform:scale(.3)}to{opacity:var(--ray-op);transform:none}}@keyframes legendHover{0%,to{transform:rotateY(180deg)translateY(0)}50%{transform:rotateY(180deg)translateY(-5px)}}.pack-v09.shake-1{animation:.22s steps(4,end) packShake}.pack-v09.shake-2{--sh:4px;animation:.3s steps(5,end) packShake}.pack-v09.shake-3{--sh:7px;animation:.4s steps(7,end) packShake}.pack-v09.shake-4{--sh:11px;animation:.5s steps(9,end) packShake}@keyframes packShake{0%,to{transform:none}20%{transform:translate(calc(var(--sh,2px)*-1),calc(var(--sh,2px)*.5))}40%{transform:translate(var(--sh,2px),calc(var(--sh,2px)*-.5))}60%{transform:translate(calc(var(--sh,2px)*-.6),calc(var(--sh,2px)*.3))}80%{transform:translate(calc(var(--sh,2px)*.4),0)}}.no-motion .pack-v09 .reveal-inner,.no-motion .pack-v09 .reveal-slot,.no-motion .pack-v09 .sealed-booster,.no-motion .pack-v09 .pack-rays,.no-motion .pack-v09 .reveal-rays,.no-motion .pack-v09 .pack-flash{animation:none!important}.no-motion .pack-v09 .flipped .reveal-inner{transform:rotateY(180deg)}.no-motion .pack-v09 .rarity-label{opacity:1}#game,.modal-overlay{overflow:clip}.ko-stamp{z-index:25;pointer-events:none;--ko:#cdf775;--ko2:#5fd18a;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ko-stamp.loss{--ko:#ff8fae;--ko2:#c43c63}.ko-stamp.draw{--ko:#d3bcff;--ko2:#7b5bd6}.ko-stamp:before{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ko2) 55%,#120c1f) 20%,color-mix(in srgb,var(--ko2) 55%,#120c1f) 80%,transparent);opacity:.9;height:150px;margin-top:-90px;animation:.45s cubic-bezier(.2,.9,.3,1) both koBand;position:absolute;top:50%;left:-10%;right:-10%;transform:skewY(-4deg)}.ko-stamp b{letter-spacing:-2px;background:linear-gradient(180deg,#fffbe8 0 30%,var(--ko) 60%,var(--ko2));color:#0000;filter:drop-shadow(0 6px 0 #1a0f26) drop-shadow(0 0 22px color-mix(in srgb,var(--ko) 70%,transparent));-webkit-background-clip:text;background-clip:text;font:italic 900 132px/.9 Barlow Condensed,sans-serif;animation:.55s cubic-bezier(.2,1.7,.35,1) both koStamp,.5s ease-out .55s both koWobble;position:relative}.ko-stamp small{letter-spacing:4px;color:#fffbe8;text-shadow:0 2px #1a0f26;margin-top:8px;font:800 15px Barlow Condensed,sans-serif;animation:.35s .3s both koSub;position:relative}@keyframes koStamp{0%{opacity:0;transform:scale(3.4)rotate(-14deg)}60%{opacity:1;transform:scale(.92)rotate(-5deg)}to{transform:scale(1)rotate(-6deg)}}@keyframes koWobble{0%,to{transform:scale(1)rotate(-6deg)}30%{transform:scale(1.04)rotate(-4deg)}60%{transform:scale(.99)rotate(-7deg)}}@keyframes koBand{0%{transform:skewY(-4deg)scaleX(0)}to{transform:skewY(-4deg)scaleX(1)}}@keyframes koSub{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.portrait-mode .ko-stamp b{font-size:96px}.no-motion .ko-stamp *,.no-motion .ko-stamp:before{animation:none!important}.match-result.result-v10{--result:#cdf775;--result2:#4fbf7a;--glow:#9cff6a;background:radial-gradient(ellipse 85% 55% at 50% 24%,color-mix(in srgb,var(--glow) 26%,transparent),transparent 72%),linear-gradient(180deg,#2d2145,#171121 85%);border-radius:20px;margin:-35px;padding:24px 30px 30px;overflow:hidden}.result-v10.loss{--result:#ff9db7;--result2:#c23d65;--glow:#ff4d7d;background:radial-gradient(85% 55% at 50% 24%,#ff4d7d22,#0000 72%),linear-gradient(#2a1b2e,#130d18 85%)}.result-v10.draw{--result:#d6c2ff;--result2:#7b5bd6;--glow:#a98cff}.result-v10 .result-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.result-v10 .result-rays{opacity:.16;background:repeating-conic-gradient(from 0deg,transparent 0 9deg,var(--result) 10deg 13deg,transparent 14deg 22deg);width:640px;height:640px;margin:-320px;animation:26s linear infinite resultSpin;top:128px;left:50%;-webkit-mask:radial-gradient(circle,#000 15%,#0000 62%);mask:radial-gradient(circle,#000 15%,#0000 62%)}.result-v10.loss .result-rays{opacity:.07;animation-duration:60s}.result-v10 .result-glow{background:radial-gradient(circle,color-mix(in srgb,var(--glow) 45%,transparent),transparent 65%);border-radius:50%;width:300px;height:300px;margin:-150px;animation:2.6s ease-in-out infinite resultBreath;position:absolute;top:128px;left:50%}@keyframes resultBreath{50%{opacity:.75;transform:scale(1.12)}}.result-v10 .result-motes i{background:var(--result);width:6px;height:6px;box-shadow:0 0 10px var(--result);animation:moteRise 3.4s calc(var(--i)*.19s) ease-in infinite;opacity:0;border-radius:50%;top:auto;bottom:-10px}.result-v10 .result-motes i:nth-child(3n){background:#ffe48a;width:4px;height:4px;box-shadow:0 0 10px #ffe48a}@keyframes moteRise{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translate(calc((var(--i) - 9)*4px),-560px)}}.result-v10 .result-rain{position:absolute;inset:0}.result-v10 .result-rain i{left:var(--x);width:2px;height:34px;animation:rainFall 1.1s calc(var(--i)*90ms) linear infinite;background:linear-gradient(#0000,#b9a6d699);position:absolute;top:-40px;transform:rotate(12deg)}@keyframes rainFall{to{transform:translate(-90px,720px)rotate(12deg)}}.result-v10 .result-eyebrow{letter-spacing:2px;color:color-mix(in srgb,var(--result) 70%,#fff);font-size:9px;animation:.4s both koSub}.result-v10 .result-stage{place-items:center;height:200px;margin-top:4px;display:grid;position:relative}.result-v10 .result-halo{background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--result) 70%,transparent),transparent 30%,color-mix(in srgb,var(--result2) 70%,transparent) 55%,transparent 70%,color-mix(in srgb,var(--result) 60%,transparent) 88%,transparent);border-radius:50%;width:210px;height:210px;animation:6s linear infinite resultSpin,.6s cubic-bezier(.2,1.4,.4,1) both haloIn;position:absolute;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60% 66%,#0000 68%);mask:radial-gradient(circle,#0000 58%,#000 60% 66%,#0000 68%)}@keyframes haloIn{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}.result-v10 .result-commander{width:190px;height:190px;filter:drop-shadow(0 10px 18px #0009) drop-shadow(0 0 20px color-mix(in srgb,var(--glow) 40%,transparent));animation:.65s cubic-bezier(.2,.8,.2,1.25) both commanderLand;position:relative}.result-v10.loss .result-commander{filter:grayscale(.55)brightness(.78)drop-shadow(0 10px 18px #000a);animation:.9s cubic-bezier(.3,1.4,.5,1) both commanderFall}@keyframes commanderFall{0%{opacity:0;transform:translateY(-40px)rotate(4deg)}50%{opacity:1;transform:translateY(6px)rotate(-9deg)}75%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(8px)rotate(-7deg)}}.result-v10 .result-badge{z-index:3;position:absolute;bottom:4px;left:50%;translate:-50%}.result-v10 .result-badge.crown{color:#ffd96b;text-shadow:0 3px #5b3d10,0 0 18px #ffd96baa;font-size:44px;line-height:1;animation:.6s cubic-bezier(.2,1.6,.4,1) .5s both crownDrop,2.4s ease-in-out 1.1s infinite crownBob;top:-6px;bottom:auto}@keyframes crownDrop{0%{opacity:0;transform:translateY(-60px)rotate(-20deg)scale(1.6)}to{opacity:1;transform:none}}@keyframes crownBob{50%{transform:translateY(-5px)rotate(4deg)}}.result-v10 .result-badge.ko{color:#ff8fae;background:#1a0f1fdd;border:3px solid #ff5d86;border-radius:6px;padding:4px 14px;font:italic 900 26px/1 Barlow Condensed;animation:.45s cubic-bezier(.2,1.8,.4,1) .65s both koBadge;rotate:-10deg;box-shadow:0 0 18px #ff4d7d77}.result-v10 .result-badge.even{color:var(--result);font:900 34px/1 Barlow Condensed;animation:.45s .5s both koBadge}@keyframes koBadge{0%{opacity:0;transform:scale(3)}to{opacity:1;transform:none}}.result-v10 .result-title{letter-spacing:-1px;text-shadow:none;filter:drop-shadow(0 5px 0 #1a0f26) drop-shadow(0 0 22px color-mix(in srgb,var(--glow) 45%,transparent));margin:2px 0 0;font:900 88px/.9 Barlow Condensed,sans-serif;animation:none}.result-v10 .result-title span{background:linear-gradient(180deg,#fffbe8 0 22%,var(--result) 55%,var(--result2));color:#0000;animation:letterDrop .55s calc(.3s + var(--i)*55ms) cubic-bezier(.2,1.7,.4,1) both;-webkit-background-clip:text;background-clip:text;display:inline-block}.result-v10.loss .result-title span{animation:letterSlump .7s calc(.3s + var(--i)*60ms) cubic-bezier(.3,1.5,.5,1) both}@keyframes letterDrop{0%{opacity:0;transform:translateY(-70px)scale(1.5)rotate(-12deg)}60%{opacity:1;transform:translateY(6px)scale(.95,1.08)}to{transform:none}}@keyframes letterSlump{0%{opacity:0;transform:translateY(-50px)}60%{opacity:1;transform:translateY(8px) rotate(calc((var(--i) - 3)*2deg))}to{transform:translateY(calc(var(--i)*1px)) rotate(calc((var(--i) - 3)*1.5deg))}}.result-v10 .result-subtitle{margin:12px 0 4px!important}.result-v10 .result-subtitle span{letter-spacing:3px;color:#1a0f26;background:linear-gradient(90deg,var(--result2),var(--result),var(--result2));clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);padding:7px 26px;font:800 12px Barlow Condensed;animation:.5s cubic-bezier(.2,1.3,.4,1) .7s both ribbonIn;display:inline-block}@keyframes ribbonIn{0%{opacity:0;clip-path:polygon(50% 0,50% 0,50% 50%,50% 100%,50% 100%,50% 50%)}to{opacity:1}}.result-v10 .result-stars{gap:14px;margin:12px 0 4px!important}.result-v10 .result-stars span{color:#3d3150;text-shadow:0 3px #120c1a;place-items:center;width:48px;height:48px;font-size:44px;display:grid;position:relative}.result-v10 .result-stars .earned b{color:#ffe17a;text-shadow:0 3px #7a4e12,0 0 16px #ffd96b;display:inline-block;transform:scale(0)}.result-v10 .result-stars .earned.slam b{animation:.5s cubic-bezier(.2,1.8,.4,1) both starSlam}.result-v10 .result-stars .earned.slam:after{content:"";border:3px solid #ffe17a;border-radius:50%;animation:.55s ease-out both starRing;position:absolute;inset:-6px}@keyframes starSlam{0%{opacity:0;transform:scale(2.6)rotate(-40deg)}60%{opacity:1;transform:scale(.85)rotate(6deg)}to{transform:scale(1)}}@keyframes starRing{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.9)}}.result-v10 .result-loot{gap:10px;margin:16px 0 8px}.result-v10 .result-loot>div{border:1px solid color-mix(in srgb,var(--loot) 40%,#ffffff1a);background:linear-gradient(180deg,color-mix(in srgb,var(--loot) 16%,#1b1428),#120d1c);min-width:92px;animation:lootPop .5s calc(.95s + var(--i)*.1s) cubic-bezier(.2,1.5,.4,1) both;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:12px 10px 10px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1a,0 6px 16px #0006}.result-v10 .loot-icon{color:var(--loot);text-shadow:0 0 12px var(--loot);font-size:22px}.result-v10 .result-loot strong{color:#fffbe8;font:900 30px/1 Barlow Condensed}.result-v10 .result-loot small{letter-spacing:1px;color:#c8bad6;font-size:8px}.result-v10 .result-loot>div.counted{animation:lootPop .5s calc(.95s + var(--i)*.1s) both,lootFlash .45s ease-out}@keyframes lootPop{0%{opacity:0;transform:translateY(24px)scale(.8)}to{opacity:1;transform:none}}@keyframes lootFlash{30%{box-shadow:0 0 0 2px var(--loot),0 0 24px var(--loot);transform:scale(1.07)}}.result-v10 .result-tip{color:#bfb0cf;animation:.4s 1.2s both koSub}.result-v10 .actions{margin-top:14px;animation:.4s 1.25s both koSub}.result-v10 .result-cta{position:relative;overflow:hidden}.result-v10 .result-cta:after{content:"";background:linear-gradient(110deg,#0000 30%,#fff8 48%,#0000 62%);animation:2.6s 2.4s infinite ctaShine;position:absolute;inset:0;transform:translate(-120%)}@keyframes ctaShine{40%,to{transform:translate(120%)}}.portrait-mode .result-v10{margin:-15px;padding:18px 16px 22px}.portrait-mode .result-v10 .result-title{font-size:70px}.portrait-mode .result-v10 .result-stage{height:170px}.portrait-mode .result-v10 .result-commander{width:160px;height:160px}.portrait-mode .result-v10 .result-loot>div{min-width:74px;padding:10px 6px}.portrait-mode .result-v10 .result-loot strong{font-size:24px}.no-motion .result-v10 .result-stars .earned b{transform:none}.modal:has(.result-v10){border-color:#9c80b499;padding:0;overflow:hidden}.match-result.result-v10,.portrait-mode .match-result.result-v10{margin:0}.story-link{color:#c7fa71;text-align:left;cursor:pointer;letter-spacing:.5px;background:0 0;border:0;padding:8px 0;font:700 10px monospace}.card-memory{color:#f7efdc;text-align:left;cursor:pointer;background:#151122;border:1px solid #b696e44d;gap:4px;margin:4px 0 8px;padding:9px 12px;display:grid;box-shadow:3px 3px #100c1c}.card-memory small,.card-memory span{color:#c8a6e6;letter-spacing:1px;font:8px monospace}.card-memory b{font-size:12px}.training-detail .power-preview{min-height:90px}.training-detail .power-preview .power-art{height:75px}.modal:has(.story-scene){aspect-ratio:16/9;border:3px solid #c8a7e4;border-radius:0;overflow:hidden;box-shadow:9px 9px #0b0917;width:1100px!important;max-width:95%!important;padding:0!important}.story-scene{isolation:isolate;color:#fff0df;background:#100c20;width:100%;height:100%;min-height:560px;position:relative}.story-scene canvas{width:100%;height:100%;image-rendering:pixelated;object-fit:cover;z-index:-2;position:absolute;inset:0}.story-grain{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#100b24e8 0%,#100b2499 37%,#0000 65%),linear-gradient(#0000 65%,#100b24c0);position:absolute;inset:0}.story-top,.story-bottom{justify-content:space-between;align-items:center;display:flex;position:absolute;left:36px;right:36px}.story-top{letter-spacing:3px;color:#cec0dd;font:9px monospace;top:23px}.story-skip{color:#e7d7ec;cursor:pointer;background:#1310259c;border:1px solid #a38bb4;padding:8px 12px;font:10px monospace}.story-copy{width:44%;animation:.4s steps(8,end) memory-enter;position:absolute;top:24%;left:38px}.story-copy h2{text-shadow:4px 4px #1c102c;max-width:400px;margin:15px 0 25px;font-size:65px;line-height:.94}.story-dialogue{border-left:3px solid #c7fa71;padding:0 0 0 15px}.story-dialogue small{color:#c7fa71;text-transform:uppercase;letter-spacing:2px;font:10px monospace}.story-dialogue p{color:#f4e7f6!important;margin-top:9px!important;font-size:17px!important;line-height:1.6!important}.story-bottom{bottom:28px}.story-dots{gap:7px;display:flex}.story-dots i{background:#69517a;width:23px;height:4px}.story-dots i.lit{background:#c7fa71;box-shadow:0 2px #80a647}.lore-layout{grid-template-columns:220px 1fr;align-items:center;gap:38px;padding:22px 0;display:grid}.lore-card{max-width:220px;position:relative;transform:rotate(-4deg)}.lore-card .card{height:310px}.lore-stamp{color:#c7fa71;text-align:center;border:2px solid #c7fa71;margin-top:15px;padding:6px;font:12px monospace;display:block;transform:rotate(4deg)}.lore-pages>small{color:#c7fa71;letter-spacing:2px;font:10px monospace}.lore-pages h2{margin:10px 0 18px;font-size:39px}.lore-pages p{font-size:15px;line-height:1.7}.secret-memory{background:repeating-linear-gradient(135deg,#ffffff03 0 5px,#0000 5px 10px);border:1px solid #ffffff20;margin:19px 0;padding:17px}.secret-memory small{color:#a899b9;letter-spacing:1px;font:9px monospace}.secret-memory p{margin:8px 0 0;font-size:12px}.secret-memory.unlocked{background:#c7fa7109;border-color:#c7fa7155}.portrait-mode .modal:has(.story-scene){aspect-ratio:auto;height:85%;max-height:1000px}.portrait-mode .story-scene{height:100%;min-height:100%}.portrait-mode .story-scene canvas{object-fit:cover;object-position:70%;height:53%;top:5%}.portrait-mode .story-grain{background:linear-gradient(#0000 35%,#100c20 58%)}.portrait-mode .story-copy{width:85%;top:46%;left:25px}.portrait-mode .story-copy h2{margin:10px 0 20px;font-size:46px}.portrait-mode .story-dialogue p{font-size:16px!important}.portrait-mode .story-top,.portrait-mode .story-bottom{left:22px;right:22px}.portrait-mode .story-top{letter-spacing:1px;font-size:7px}.portrait-mode .lore-layout{grid-template-columns:95px 1fr;gap:20px;padding:10px 0}.portrait-mode .lore-card .card{height:160px}.portrait-mode .lore-stamp{font-size:8px}.portrait-mode .lore-pages h2{font-size:29px}.portrait-mode .lore-pages p{font-size:13px}.portrait-mode .secret-memory{padding:10px}.portrait-mode .card-memory{margin:3px 0;padding:5px 8px}.portrait-mode .card-memory b{font-size:10px}.portrait-mode .training-detail .detail-stats{margin:4px 0;padding:5px 0}.no-motion .story-copy{animation:none}@keyframes memory-enter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.boot-screen{color:#c7fa71;background:#151020;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.boot-screen b{letter-spacing:-2px;font:900 65px Barlow Condensed,sans-serif}.boot-screen span{letter-spacing:4px;color:#c5b7d6;font:11px monospace}.arena-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.arena-actions .btn{padding:14px 10px;font-size:16px}.stage-card .micro{margin:8px 0 0;font-size:10px}.portrait-mode .arena-actions .btn{padding:12px 8px;font-size:13px}#network-status{color:var(--lime);font-size:9px}.ready-power-panel{z-index:6;pointer-events:none;gap:6px;width:268px;display:grid;position:absolute;bottom:62px;right:16px}.ready-power-panel[hidden]{display:none}.ready-power-count{color:#d7ff94;letter-spacing:1px;background:#171324ee;border:1px solid #c6f76f;border-radius:5px;justify-self:end;padding:5px 9px;font-size:11px;font-weight:900}.ready-power-button{pointer-events:auto;color:#171324;text-align:left;cursor:pointer;background:#c6f76f;border:3px solid #f3ffd9;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px;animation:1.7s ease-in-out infinite powerCtaReady;display:flex;box-shadow:0 5px #33452a,0 0 0 3px #171324,0 0 24px #c6f76f55}.ready-power-button>.power-art{border:2px solid #25341b;border-radius:7px;width:48px;height:48px}.ready-power-button>span:nth-child(2){flex:1;min-width:0}.ready-power-button small,.ready-power-button b,.ready-power-button em{display:block}.ready-power-button small{text-transform:uppercase;font-size:10px;font-weight:900}.ready-power-button b{white-space:nowrap;font:900 23px/1.1 Barlow Condensed,sans-serif}.ready-power-button em{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-style:normal;overflow:hidden}.ready-power-button kbd{color:#e7ffd0;background:#171324;border-radius:4px;padding:6px 4px;font-size:8px}.ready-power-button:hover{background:#e4ffb3}.ready-power-button:focus-visible{outline-offset:5px;outline:4px solid #fff}.ready-power-button:disabled{cursor:wait;filter:saturate(.5);animation:none}.hero-ultimate.ready{color:#171324;background:#c6f76f;border-color:#f3ffd9;box-shadow:0 4px #33452a,0 0 24px #c6f76f55}.hero-ultimate.ready small,.hero-ultimate.ready b,.hero-ultimate.ready em{color:#171324}.hero-ultimate.ready em{font-size:13px;font-weight:900}.no-motion .ready-power-button{animation:none}@keyframes powerCtaReady{50%{box-shadow:0 8px #33452a,0 0 0 3px #171324,0 0 32px #c6f76f80}}.portrait-mode .ready-power-panel{width:222px;top:62px;bottom:auto;right:12px}.portrait-mode .ready-power-button{gap:8px;min-height:76px;padding:8px}.portrait-mode .ready-power-button>.power-art{width:42px;height:42px}.portrait-mode .ready-power-button b{font-size:22px}.portrait-mode .ready-power-button small,.portrait-mode .ready-power-button em{font-size:11px}.portrait-mode .ready-power-button kbd{display:none}.portrait-mode .ready-power-count{font-size:11px}@media (prefers-reduced-motion:reduce){.ready-power-button{animation:none}}.trench-portrait{justify-content:center;align-items:center;overflow:hidden;background:0 0!important;display:flex!important}.trench-portrait>img{object-fit:contain;object-position:center bottom;width:100%;height:100%;image-rendering:pixelated;display:block}.content-collection .training-detail{grid-template-rows:minmax(42px,.9fr) minmax(30px,.6fr) minmax(48px,1.4fr) minmax(38px,.7fr) 34px 34px;gap:6px;padding:12px;display:grid;overflow:hidden}.training-detail>*{min-width:0;min-height:0}.training-detail .detail-top{gap:9px;overflow:hidden}.training-detail .detail-top .portrait{width:58px;height:100%;max-height:58px}.training-detail .detail-top h3{font-size:24px;line-height:1}.training-detail .detail-stats{margin:0;padding:0}.training-detail .detail-stats b{font-size:24px}.training-detail .power-preview{min-height:0;margin:0;padding:5px;overflow:hidden}.training-detail .power-preview .power-art{flex-shrink:0;width:62px;height:100%;max-height:70px}.training-detail .power-preview strong{font-size:20px;line-height:1}.training-detail .power-preview em{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:9px;line-height:1.25;display:-webkit-box;overflow:hidden}.training-detail .power-preview small{font-size:7px}.training-detail .card-memory{gap:2px;margin:0;padding:5px 8px;overflow:hidden}.training-detail .card-memory b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.training-detail .card-memory small,.training-detail .card-memory span{font-size:7px}.training-detail .training-buttons{margin:0}.training-detail .training-buttons .btn{min-width:0;margin:0;padding:5px;font-size:15px}.training-detail .training-buttons .tool{padding:5px 10px}.training-detail .deck-actions .btn{white-space:nowrap;min-width:0;margin:0;padding:5px;font-size:14px}.portrait-mode .content-collection .training-detail{grid-template-rows:48px minmax(68px,1fr) 34px;grid-template-columns:1fr 1fr;gap:7px;height:230px;padding:10px}.portrait-mode .training-detail .detail-top{grid-area:1/1}.portrait-mode .training-detail .detail-stats{grid-area:1/2}.portrait-mode .training-detail .detail-top .portrait{width:40px;height:44px}.portrait-mode .training-detail .detail-top h3{font-size:20px}.portrait-mode .training-detail .detail-top small{font-size:6px}.portrait-mode .training-detail .power-preview{grid-area:2/1;align-items:center;gap:5px;display:flex}.portrait-mode .training-detail .power-preview .power-art{width:42px;height:55px}.portrait-mode .training-detail .power-preview strong{font-size:16px}.portrait-mode .training-detail .power-preview small{font-size:6px}.portrait-mode .training-detail .power-preview em{font-size:7px}.portrait-mode .training-detail .card-memory{grid-area:2/2;align-content:center;display:grid}.portrait-mode .training-detail .card-memory b{white-space:normal;font-size:10px}.portrait-mode .training-detail .training-buttons{grid-area:3/1}.portrait-mode .training-detail .deck-actions{grid-area:3/2}.portrait-mode .training-detail .training-buttons .btn,.portrait-mode .training-detail .deck-actions .btn{padding:4px;font-size:11px}.portrait-mode .collection-filters{flex-wrap:wrap;row-gap:5px}.portrait-mode .collection-filters .collection-pager{margin-left:auto}.level-gain{color:var(--lime);font-size:10px}.copy-progress{text-align:left;background:#181426;border:1px solid #a788d955;border-radius:9px;margin:12px 0;padding:12px 14px}.copy-progress>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.copy-progress b{letter-spacing:.4px;font-size:10px}.copy-progress strong{color:var(--lime);white-space:nowrap;font-size:19px}.copy-progress progress{width:100%;height:9px;accent-color:var(--lime);background:#393048;border:0;border-radius:8px;margin:8px 0;display:block;overflow:hidden}.copy-progress progress::-webkit-progress-bar{background:#393048}.copy-progress progress::-webkit-progress-value{background:var(--lime)}.copy-progress small{color:#c7bdd5;font-size:10px;line-height:1.4;display:block}.level-roadmap{text-align:left;border:1px solid #fff2;border-radius:8px;margin:13px 0;padding:10px}.level-roadmap summary{cursor:pointer;letter-spacing:1px;color:#d1c2e5;font-size:10px;font-weight:800}.level-roadmap>div{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;margin-top:10px;display:grid}.level-roadmap span{background:#191426;border:1px solid #4d405b;border-radius:5px;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;display:flex}.level-roadmap b{font-size:9px}.level-roadmap strong{font-size:16px}.level-roadmap small{color:#bbaec8;font-size:6px}.level-roadmap .next{border-color:var(--lime);color:var(--lime)}.level-roadmap .earned{opacity:.55}.modal:has(.copy-progress){overscroll-behavior:contain;max-height:calc(100dvh - 40px);overflow-y:auto}.portrait-mode .modal:has(.copy-progress){padding:22px 18px}.portrait-mode .copy-progress{padding:9px 10px}.portrait-mode .copy-progress b,.portrait-mode .copy-progress small{font-size:9px}.portrait-mode .level-roadmap>div{grid-template-columns:repeat(5,minmax(0,1fr))}.portrait-mode .level-gain{font-size:8px}.social-link{min-height:44px;color:var(--lime);white-space:nowrap;letter-spacing:.6px;background:#c7fa7112;border:1px solid #c7fa7166;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:800;text-decoration:none;display:inline-flex}.social-link:hover{border-color:var(--lime);background:#c7fa7128}.social-link:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.landing-footer{gap:10px}.portrait-mode .landing-footer{gap:4px 12px;height:auto;min-height:80px;padding:8px 23px}.portrait-mode .landing{grid-template-rows:72px 1fr auto}.portrait-mode .landing-footer .social-link{min-height:36px;padding:0 8px;font-size:9px}.portrait-mode .landing-footer>span:first-child{display:none}