@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#0b0b13;--sidebar:#11111b;--surface:#151521;--panel:#191927;--line:#29283a;--text:#f4f2fb;--muted:#9894aa;--primary:#9d79f3;--accent:#d9bdff;--orange:#f2ad81;--teal:#82cbdb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 'DM Sans',system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:#bc9bff;text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:255px;flex:none;height:100vh;background:#11111b;border-right:1px solid #242331;padding:28px 16px 20px;display:flex;flex-direction:column;z-index:3}.logo-lockup{display:flex;align-items:center;gap:12px;padding:0 9px 36px}.logo-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#ac80ef,#5d4c91);display:grid;place-items:center;font-size:28px;box-shadow:0 5px 25px #9865f341}.logo-lockup strong,.mobile-brand strong{display:block;letter-spacing:1.05px;font-family:Outfit,sans-serif;font-size:17px;font-weight:800}.logo-lockup strong span,.mobile-brand strong span{color:#ad8cf9}.logo-lockup small{display:block;color:#777188;letter-spacing:1.85px;font-size:8px;font-weight:700;margin-top:-2px}.side-caption{color:#6b687d;font-weight:800;letter-spacing:2px;font-size:9px;padding:0 15px;margin-bottom:13px}.nav{display:flex;flex-direction:column;gap:7px}.nav-btn{width:100%;border:1px solid transparent;color:#9c98af;background:transparent;padding:12px 14px;text-align:left;border-radius:10px;display:flex;align-items:center;gap:14px;font-size:13px;font-weight:700}.nav-btn .ico{font-size:18px;font-family:system-ui;width:21px;text-align:center}.nav-btn:hover,.nav-btn.active{background:#292139;color:#d6c2ff}.nav-btn.active{border-color:#4a365f}.nav-btn em{font-size:10px;margin-left:auto;color:#ad93de;font-style:normal}.side-spacer{flex:1}.sidebar-card{padding:19px 16px;border:1px solid #47365e;background:radial-gradient(circle at top right,#503568 0,transparent 65%),#211a30;border-radius:14px}.sidebar-card-icon{font-size:26px;color:#c5a6ff;margin-bottom:4px}.sidebar-card strong{font:700 15px Outfit}.sidebar-card p{color:#aaa0c2;font-size:11px;margin:9px 0}.small-link{background:none;border:0;color:#d3b7ff;font-weight:800;font-size:11px;padding:2px 0}.sidebar-foot{font-size:9px;color:#615c72;line-height:1.6;padding:18px 8px 0}.main-wrap{flex:1;min-width:0}.topbar{height:72px;border-bottom:1px solid #232232;display:flex;justify-content:space-between;align-items:center;padding:0 42px}.top-left{font-size:10px;font-weight:800;letter-spacing:2px;color:#77748c}.little-spark{color:#a889ee;margin-right:8px}.top-actions{display:flex;gap:22px;align-items:center}.status-pill{font-size:9px;letter-spacing:1.6px;color:#a2e5c6;font-weight:900}.status-pill span{display:inline-block;width:7px;height:7px;background:#58c993;box-shadow:0 0 12px #58c993;border-radius:50%;margin-right:7px}.profile-badge{width:35px;height:35px;border-radius:50%;background:linear-gradient(140deg,#64488f,#302044);border:2px solid #765a9d;display:grid;place-items:center;color:#e4d0ff;font:800 12px Outfit}.content{padding:32px 42px 60px;max-width:1480px;margin:0 auto}.view{display:none}.view.active{display:block}.mobile-brand{display:none}.hero{min-height:402px;position:relative;display:flex;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at 75% 46%,#57316e 0,transparent 48%),linear-gradient(112deg,#22182f,#171422 54%,#281c36);border:1px solid #48304d}.hero:before{content:"";position:absolute;inset:0;opacity:.22;background-image:radial-gradient(#9279b0 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,black)}.hero-glow{position:absolute;right:9%;top:8%;width:370px;height:370px;border:1px solid #9b6fbc33;border-radius:50%;box-shadow:0 0 0 75px #9b6fbc08,0 0 0 145px #9b6fbc06}.hero-copy{position:relative;z-index:1;padding:47px 48px;max-width:590px}.eyebrow,.section-kicker{letter-spacing:2.2px;color:#b99ae9;font-size:9px;font-weight:900}.eyebrow .line{display:inline-block;width:18px;height:1px;background:#ad89e9;vertical-align:middle;margin-right:8px}.hero h1{margin:17px 0 14px;letter-spacing:-2.7px;line-height:1.01;font:900 clamp(47px,5vw,73px) Outfit,sans-serif}.hero h1 span{background:linear-gradient(90deg,#c3a2ff,#e0b0cc);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#b8b1c5;max-width:385px;font-size:13px}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.primary-btn,.ghost-btn,.subtle-btn,.outline-btn{border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:800;padding:12px 17px;white-space:nowrap;transition:transform .12s,filter .12s}.primary-btn{background:linear-gradient(115deg,#a884f0,#8060d6);color:#fff;box-shadow:0 8px 21px #7e58ca30}.primary-btn:hover,.ghost-btn:hover,.outline-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.primary-btn span{margin-left:15px}.ghost-btn{color:#e3d6f9;background:#ffffff0e;border-color:#5b4c6e}.subtle-btn{color:#c5bdd5;background:#222131;border-color:#383448}.outline-btn{background:transparent;border-color:#65527c;color:#dfc7ff}.hero-art{position:absolute;inset:0 0 0 53%;pointer-events:none}.orbit{position:absolute;border:1px solid #b997ff23;border-radius:50%;left:25%;top:14%;width:320px;height:320px}.orbit-two{width:450px;height:450px;left:11%;top:-8%}.hero-card{position:absolute;width:190px;height:280px;border-radius:12px;background:#282037;padding:7px;box-shadow:0 26px 48px #09060c99;border:2px solid #bf91ed;display:flex;flex-direction:column}.hero-card span{padding:10px;text-align:center;color:#ead8ff;font:900 11px Outfit;letter-spacing:1px}.abstract-char{display:grid;place-items:center;font-size:120px;flex:1;border-radius:7px;background:radial-gradient(circle at center,#b297ff,#49346e 60%,#1c152b)}.hero-card.tilted-back{left:15%;top:80px;transform:rotate(-18deg);border-color:#9972d3}.hero-card.tilted-front{left:34%;top:65px;z-index:2;transform:rotate(3deg);border-color:#e9bc79}.hero-card.tilted-side{left:57%;top:96px;transform:rotate(16deg);border-color:#719dbd}.c1{background:radial-gradient(circle at 40% 48%,#ffe2a0,#b873bc 49%,#34234f 80%);color:#6a3179}.c2{background:radial-gradient(circle,#92d9ef,#6171c1 60%,#1a2849);color:#e8faff}.c3{background:radial-gradient(circle,#d1a0ed,#7c64c4 60%,#252048);color:#e9d5ff}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0 32px;border:1px solid #2b293b;border-radius:12px;background:#151521}.stat-strip div{padding:19px 24px;border-right:1px solid #2b293b}.stat-strip div:last-child{border:0}.stat-strip strong{display:block;font:800 25px Outfit;letter-spacing:-.7px}.stat-strip strong span{color:#9d89bf}.stat-strip small{font-size:9px;letter-spacing:1.15px;font-weight:800;color:#817c96}.section-head{display:flex;justify-content:space-between;align-items:end;margin:28px 0 16px}.section-head h2{font:750 22px Outfit;margin:4px 0 0}.muted{font-size:11px;color:#898399}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{display:flex;align-items:center;gap:13px;text-align:left;padding:20px;border:1px solid #352b43;border-radius:13px;background:#20182d;color:#fff;min-width:0}.feature-blue{background:#152332;border-color:#2b485f}.feature-orange{background:#2b1f24;border-color:#56404a}.feature-icon{font-size:25px;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#d3b4ff;background:#553b743d}.feature-blue .feature-icon{color:#85cbf1;background:#3b6f8c40}.feature-orange .feature-icon{color:#ffbb93;background:#aa624b35}.feature-body{flex:1;min-width:0}.feature-body strong{display:block;font:750 15px Outfit}.feature-body small{color:#a49aa9;font-size:11px}.feature .arrow{font-size:18px;color:#b1a2c5}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:5px 0 28px}.page-heading h1{font:800 clamp(32px,4vw,48px) Outfit;margin:4px 0 8px;letter-spacing:-1.3px}.page-heading h1 i{font-style:normal;color:#b598f1}.page-heading p{color:var(--muted);max-width:650px;margin:0;font-size:13px}.page-symbol{width:77px;height:77px;display:grid;place-items:center;border-radius:19px;border:1px solid #53436b;background:#2c213d;color:#c7a5fd;font-size:38px}.toolbar{display:flex;gap:10px;margin-bottom:15px}.search-wrap{border:1px solid #353143;background:#181823;border-radius:9px;display:flex;align-items:center;flex:1;padding:0 15px;gap:10px}.search-wrap span{color:#a995c5;font-size:24px}.search-wrap input,.join-row input{width:100%;background:transparent;border:0;outline:none;color:var(--text);padding:13px 0;min-width:0}.search-wrap input::placeholder,.join-row input::placeholder{color:#726c85}.catalog-meta{display:flex;justify-content:space-between;color:#8d879c;font-size:11px;margin-bottom:15px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:14px}.game-card{position:relative;min-width:0;padding:6px 6px 8px;border-radius:12px;background:#20202f;border:1px solid #413b52;transition:transform .15s,border-color .15s}.game-card:hover{transform:translateY(-3px);border-color:#8d72bd}.game-card[data-rarity="Légendaire"]{border-color:#c9a161;background:linear-gradient(#352b33,#201e2b)}.game-card[data-rarity="Épique"]{border-color:#875ad3}.game-card[data-rarity="Rare"]{border-color:#4676b5}.portrait{position:relative;width:100%;aspect-ratio:3/3.55;overflow:hidden;border-radius:7px;background:radial-gradient(ellipse at 50% 40%,#684e84 0%,#302640 55%,#181624)}.portrait img{width:100%;height:100%;object-fit:cover;display:block}.portrait .avatar-placeholder{height:100%;width:100%;display:grid;place-items:center;font:900 50px Outfit;color:#d6b6ff;background:linear-gradient(145deg,#5a4378,#2e2948 65%,#151521)}.portrait .image-shade{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(transparent,#131320c0)}.portrait .card-tag{position:absolute;left:7px;top:7px;background:#171421c9;border:1px solid #ffffff26;backdrop-filter:blur(8px);padding:2px 6px;border-radius:4px;font-size:9px;font-weight:800}.portrait .element{position:absolute;right:7px;bottom:7px;background:#151420d9;border:1px solid #ffffff24;border-radius:5px;padding:3px 6px;font-size:9px}.card-info{padding:9px 4px 5px}.card-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:750 12px Outfit}.card-info small{display:block;color:#9691a6;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-actions{display:flex;gap:5px;margin-top:9px}.card-actions button{border-radius:6px;border:1px solid #514366;background:#322844;color:#d5bdf7;flex:1;padding:7px 3px;font:700 10px Outfit}.card-actions button:hover{background:#55416e}.card-actions button.remove{background:#402930;border-color:#704454;color:#f0b0bd}.card-actions .qty{align-self:center;color:#b3a5c8;font-size:10px;font-weight:700}.pager{display:flex;align-items:center;justify-content:center;gap:18px;margin:26px 0 6px}.pager span{color:#a39ab2;font-size:12px;font-weight:700}.fine-print{font-size:10px;color:#747084;margin-top:25px}.booster-stage{display:flex;align-items:center;justify-content:center;gap:90px;padding:60px 30px;border:1px solid #42314f;border-radius:15px;background:radial-gradient(ellipse at 24% 40%,#5e337b66,transparent 42%),#171322;min-height:360px;overflow:hidden}.booster-wrap{width:195px;height:276px;position:relative;flex:none;padding:15px;border:3px solid #d8afd8;border-radius:10px;background:linear-gradient(125deg,#b779b8,#593c84 40%,#2a2450 54%,#975fb1);box-shadow:0 0 0 5px #67457870,0 17px 55px #a964cc55;transform:rotate(-7deg);display:flex;flex-direction:column;justify-content:space-between;text-align:center;transition:transform .2s}.booster-wrap:hover{transform:rotate(0deg) scale(1.04)}.booster-wrap:before{content:"";position:absolute;inset:16px;border:1px solid #e5b7f084}.pack-top{font:800 11px Outfit;letter-spacing:1.2px}.pack-center>div{font-size:94px;line-height:1.1;color:#f6d0ff;text-shadow:0 0 20px #ffffff7f}.pack-center strong{font:900 29px Outfit;display:block;letter-spacing:3px}.pack-center small{font:800 10px Outfit;letter-spacing:1px}.pack-bottom{font:800 8px Outfit;letter-spacing:1px}.booster-text{max-width:350px}.booster-text h2{font:800 36px/1.15 Outfit;margin:12px 0}.booster-text p{color:#a7a0b5;font-size:13px;margin-bottom:23px}.booster-results{margin-top:28px}.booster-results h2{font:750 20px Outfit}.booster-results .card-grid{grid-template-columns:repeat(5,minmax(125px,1fr))}.deck-stats{display:flex;gap:28px;align-items:center;border:1px solid #373147;background:#1d1929;border-radius:12px;padding:19px 22px}.deck-stats>div{flex:1}.deck-stats small{display:block;color:#8f859f;font-weight:800;font-size:9px;letter-spacing:1px}.deck-stats strong{font:750 19px Outfit}.deck-grid{grid-template-columns:repeat(5,minmax(125px,1fr))}.arena-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.arena-panel{border:1px solid #483652;border-radius:15px;min-height:257px;padding:24px 26px;background:linear-gradient(135deg,#2b2039,#1a1727);position:relative;overflow:hidden}.arena-panel.panel-blue{background:linear-gradient(135deg,#19293b,#151b29);border-color:#334d62}.panel-symbol{position:absolute;right:25px;top:8px;font-size:85px;line-height:1;color:#8b60c13b}.panel-blue .panel-symbol{color:#66b7e034}.arena-panel h2{font:750 24px Outfit;margin:8px 0}.arena-panel p{color:#b0a6be;font-size:12px;max-width:350px;min-height:57px}.arena-panel .primary-btn{margin-top:8px}.join-row{display:flex;gap:8px;margin-top:16px}.join-row input{border:1px solid #485267;border-radius:9px;padding:10px 11px;max-width:180px;letter-spacing:2px;font-weight:800;text-transform:uppercase}.solo-panel{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #4a3d3a;background:linear-gradient(110deg,#282027,#211923);padding:23px 28px;margin-top:17px;border-radius:13px}.solo-panel h3{font:750 19px Outfit;margin:7px 0}.solo-panel p{color:#aaa1aa;font-size:12px;margin:0}.badge-eyebrow{font-size:9px;font-weight:900;color:#e4af90;letter-spacing:1.5px}.rules-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.rules-row>div{background:#171722;border:1px solid #2a2737;padding:18px;border-radius:10px}.rules-row span{font-size:17px;color:#bba1ed;margin-right:9px}.rules-row strong{font-size:12px}.rules-row small{display:block;margin:6px 0 0 29px;color:#8f89a0}.battle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.battle-header h2{font:800 25px Outfit;margin:4px 0}.battle-header-actions{display:flex;gap:8px}.battle-field{position:relative;display:grid;grid-template-columns:1fr 86px 1fr;align-items:center;gap:9px;padding:20px;border:1px solid #403452;border-radius:15px;background:radial-gradient(ellipse at center,#422857 0,transparent 58%),linear-gradient(145deg,#1b1728,#141624);min-height:288px}.fighter-panel{min-width:0;border:1px solid #42384e;background:#14121ebb;border-radius:12px;padding:15px;display:flex;align-items:center;gap:17px}.fighter-panel.foe{flex-direction:row-reverse}.battle-avatar{width:112px;height:155px;flex:none;border-radius:8px;overflow:hidden;background:radial-gradient(circle,#6d4e8f,#27223b);border:2px solid #7d64a5;display:grid;place-items:center;font:900 39px Outfit;color:#e0d1ff}.battle-avatar img{width:100%;height:100%;object-fit:cover}.fighter-data{flex:1;min-width:0}.fighter-data h3{font:750 17px Outfit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 5px}.fighter-data .type{color:#a79eb8;font-size:10px;font-weight:700}.hp-line{display:flex;justify-content:space-between;font-size:10px;color:#b1a8bf;font-weight:700;margin:18px 0 5px}.hp-track{background:#423345;height:9px;border-radius:20px;overflow:hidden}.hp-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#49b48a,#9fe2a5)}.hp-fill.danger{background:linear-gradient(90deg,#d76d75,#f39b91)}.fighter-minis{display:flex;gap:5px;margin-top:11px}.mini-dot{width:11px;height:11px;border-radius:3px;background:#6c6182;border:1px solid #9a86b7}.mini-dot.ko{background:#523239;border-color:#9f5563}.mini-dot.active{background:#a78bf2;border-color:#d9beff;box-shadow:0 0 8px #b596ff}.fighter-extra{font-size:10px;margin-top:8px;color:#bfa3e2}.vs-center{text-align:center;font:900 31px Outfit;color:#d2aafa;text-shadow:0 0 22px #a37bdd}.vs-center #battleTimer{font:800 12px Outfit;color:#bcb4c9;margin-top:8px}.battle-hud{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:16px;margin-top:17px}.hud-main,.battle-log{background:#181725;border:1px solid #302b40;border-radius:12px;padding:19px}.hud-main h3{font:750 19px Outfit;margin:0 0 3px}.hud-main p{color:#9690a4;margin:0;font-size:11px}.energy-display{margin:16px 0;display:flex;gap:7px;align-items:center}.energy-slot{height:23px;width:48px;border-radius:6px;border:1px solid #54466a;background:#272237;display:grid;place-items:center;color:#7a678c;font-size:13px}.energy-slot.full{background:#7153b2;color:#f8e6ff;border-color:#b795ed}.energy-display .counter{margin-left:8px;color:#b9a9d2;font-size:12px;font-weight:800}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.act-btn{background:#252036;border:1px solid #57476c;border-radius:9px;padding:12px;text-align:left;color:#eee0ff}.act-btn:hover:not(:disabled){background:#392c53;border-color:#b091df}.act-btn strong{display:block;font:750 13px Outfit}.act-btn small{display:block;color:#a79cb9;font-size:10px;margin-top:3px}.act-btn:disabled{opacity:.4}.battle-log h4{color:#9f93b4;letter-spacing:1.4px;font-size:9px;margin:0 0 15px}.battle-log>div{max-height:276px;overflow:auto;display:flex;flex-direction:column;gap:9px}.log-item{background:#232033;border-left:2px solid #9370ce;border-radius:4px;padding:8px 10px;color:#bcb3cd;font-size:11px}.switch-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.switch-list[hidden]{display:none}.switch-list button{border:1px solid #5d5078;border-radius:6px;color:#dfceef;padding:8px 10px;background:#2c2540;font-size:11px}.battle-result{padding:18px;border:1px solid #9c78ce;background:#282039;border-radius:12px;margin-top:13px;text-align:center;font:800 21px Outfit}.battle-result[hidden],#arenaGame[hidden]{display:none}#toast{position:fixed;bottom:24px;right:24px;z-index:10;max-width:330px;background:#282138;color:#efdeff;border:1px solid #9872c6;padding:13px 18px;border-radius:9px;box-shadow:0 12px 28px #0008;display:none;font-size:12px}#toast.visible{display:block}
@media(max-width:1200px){.hero-art{inset:0 0 0 62%}.hero-copy{padding:45px 34px}.hero-card{width:160px;height:244px}.hero-card.tilted-back{left:0}.hero-card.tilted-front{left:24%}.hero-card.tilted-side{left:50%}.content{padding:27px}.topbar{padding:0 27px}.fighter-panel{flex-direction:column!important;text-align:center}.fighter-data{width:100%}.battle-avatar{width:80px;height:106px}.fighter-minis{justify-content:center}}
@media(max-width:900px){.sidebar{width:74px;padding:19px 8px}.logo-lockup{justify-content:center;padding:0 0 26px}.logo-lockup>div:last-child,.side-caption,.nav-btn:not(.active) em,.sidebar-card,.sidebar-foot{display:none}.nav-btn{font-size:0;justify-content:center;padding:11px}.nav-btn .ico{font-size:21px}.topbar{height:62px}.hero h1{font-size:58px}.hero-art{opacity:.6;inset:0 0 0 60%}.stat-strip div{padding:15px}.stat-strip strong{font-size:21px}.feature-grid{grid-template-columns:1fr}.booster-stage{gap:40px}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}}
@media(max-width:650px){.app-shell{display:block}.sidebar{position:fixed;top:auto;left:0;right:0;bottom:0;width:100%;height:59px;padding:4px;background:#13111d;border-top:1px solid #3b314e;z-index:5}.logo-lockup,.side-caption,.side-spacer{display:none}.nav{flex-direction:row;justify-content:space-around;height:100%;gap:0}.nav-btn{width:auto;flex:1;min-width:0;padding:8px 3px;border-radius:7px}.nav-btn .ico{font-size:20px}.topbar{padding:0 18px;height:55px}.top-left{display:none}.mobile-brand{display:flex;align-items:center;gap:6px;color:#b69df2}.mobile-brand strong{font-size:14px;color:#fff}.status-pill{display:none}.content{padding:19px 14px 93px}.hero{min-height:390px}.hero-copy{padding:29px 24px}.hero h1{font-size:49px}.hero p{max-width:310px}.hero-art{opacity:.22;inset:0 0 0 28%}.hero-buttons{gap:9px}.primary-btn,.ghost-btn{font-size:11px;padding:11px 12px}.stat-strip{grid-template-columns:repeat(2,1fr);margin:14px 0 26px}.stat-strip div:nth-child(2){border-right:0}.stat-strip div:nth-child(-n+2){border-bottom:1px solid #2b293b}.stat-strip div{padding:14px}.section-head .muted{display:none}.section-head h2{font-size:20px}.page-symbol{display:none}.page-heading h1{font-size:37px}.page-heading{margin-bottom:23px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-actions button{font-size:10px}.catalog-meta{gap:9px}.toolbar{gap:7px}.search-wrap input{font-size:12px}.booster-stage{padding:34px 22px;flex-direction:column;gap:36px}.booster-text{text-align:center}.booster-text h2{font-size:28px}.booster-wrap{width:160px;height:228px}.pack-center>div{font-size:65px}.booster-results .card-grid{grid-template-columns:repeat(2,1fr)}.deck-stats{flex-wrap:wrap;gap:11px;padding:16px}.deck-stats>div{flex:1 1 35%}.deck-stats .primary-btn{width:100%}.deck-grid{grid-template-columns:repeat(2,1fr)}.arena-top-grid{grid-template-columns:1fr}.arena-panel{min-height:unset;padding:22px}.solo-panel{display:block;padding:20px}.solo-panel button{margin-top:17px}.rules-row{grid-template-columns:1fr;gap:7px}.rules-row>div{padding:11px}.rules-row small{margin-top:1px}.battle-header{display:block}.battle-header-actions{margin:12px 0}.battle-field{grid-template-columns:1fr 40px 1fr;gap:3px;padding:9px;min-height:208px}.fighter-panel{padding:7px;gap:7px}.battle-avatar{width:65px;height:80px}.fighter-data h3{font-size:12px}.fighter-data .type{font-size:9px}.hp-line{margin:9px 0 4px;font-size:8px}.fighter-minis{margin-top:7px}.mini-dot{width:8px;height:8px}.vs-center{font-size:19px}.battle-hud{grid-template-columns:1fr}.hud-main,.battle-log{padding:14px}.act-btn{padding:10px 8px}.act-btn strong{font-size:11px}.battle-log>div{max-height:170px}.join-row input{max-width:150px}}