/* ============================================================
   Duelo de Mutretas v2.3 — Mobile First / Play Store
   Camada final de adaptação para toque, safe areas e TWA/PWA.
   ============================================================ */
:root{
  --app-height:100dvh;
  --app-width:100vw;
  --safe-top:env(safe-area-inset-top,0px);
  --safe-right:env(safe-area-inset-right,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px);
  --mobile-nav-h:68px;
}
html{height:100%;overscroll-behavior:none;background:#080705}
body{min-height:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button,a,input,select{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f2ce68;outline-offset:2px}
.mobile-nav{display:none}
.connection-banner,.update-banner{position:fixed;z-index:150;left:50%;top:calc(var(--safe-top) + 10px);transform:translateX(-50%);width:min(92vw,560px);padding:11px 14px;border:1px solid #e4b94a;border-radius:12px;background:#151008ee;color:#f8e9c2;box-shadow:0 12px 32px #000c;text-align:center}
.connection-banner.offline{border-color:#d85f55;background:#2b100fee;color:#ffd8d2}
.connection-banner.online{border-color:#4bcf97;background:#0d241bee;color:#d7ffed}
.update-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;top:auto;bottom:calc(var(--safe-bottom) + 12px)}
.update-banner button{padding:8px 12px;white-space:nowrap}
.mobile-more-modal{align-items:end;padding:0;background:#0009;backdrop-filter:blur(4px)}
.mobile-more-sheet{width:100%;max-height:min(82dvh,720px);overflow-y:auto;padding:18px max(16px,var(--safe-right)) calc(18px + var(--safe-bottom)) max(16px,var(--safe-left));border:1px solid #725724;border-bottom:0;border-radius:24px 24px 0 0;background:linear-gradient(180deg,#21190f,#0d0b08 66%);box-shadow:0 -18px 48px #000c}
.mobile-more-stats{display:flex;gap:8px;margin:12px 0}.mobile-more-stats span{flex:1;padding:10px;border:1px solid var(--line2);border-radius:12px;text-align:center;background:#0c0a07}
.mobile-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mobile-more-grid button{min-height:72px;display:flex;align-items:center;gap:10px;justify-content:flex-start;background:#17120c;color:#eadfc3;border:1px solid #594520;box-shadow:none;text-transform:none}.mobile-more-grid button span{font-size:1.45em}.mobile-more-grid button.on{border-color:var(--gold);background:#2c210e;color:#fff1bf}
.mobile-more-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.mobile-more-actions button{min-height:46px;text-transform:none}
.mobile-diagnostics .panel{width:min(94vw,620px);max-height:86dvh;overflow:auto;text-align:left}.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.diagnostic-grid>div{padding:10px;border:1px solid var(--line);border-radius:10px;background:#100d09}.diagnostic-grid span{display:block;color:var(--muted);font-size:.75em;text-transform:uppercase}.diagnostic-grid b{display:block;margin-top:3px;color:#fff0c2}.mobile-diagnostic-button{width:100%;margin-top:14px}

/* Conteúdo pesado só é pintado quando se aproxima da tela. */
.grid>.gc,.news-app-card,.lore-character-tile,.lore-chapter-tile,.pack-card,.expansion-card{content-visibility:auto;contain-intrinsic-size:300px 220px}

@media(max-width:900px){
  html,body,#app{width:100%;height:var(--app-height);overflow:hidden}
  body{background-attachment:scroll;font-size:15px}
  body::before{opacity:.035}
  .wrap:not(.match-wrap){width:100%;max-width:none;height:var(--app-height);overflow-y:auto;overscroll-behavior-y:contain;margin:0;padding:calc(var(--safe-top) + 54px) max(12px,var(--safe-right)) calc(var(--mobile-nav-h) + var(--safe-bottom) + 22px) max(12px,var(--safe-left));scrollbar-width:none}
  .wrap:not(.match-wrap)::-webkit-scrollbar{display:none}
  .center{width:100%;max-width:520px;height:var(--app-height);overflow-y:auto;margin:0 auto;padding:calc(var(--safe-top) + 18px) max(16px,var(--safe-right)) calc(var(--safe-bottom) + 24px) max(16px,var(--safe-left))}
  .boot{height:var(--app-height)}
  button{min-height:44px;padding:10px 14px}
  input,select{min-height:46px;font-size:16px}
  .panel{padding:17px 14px;border-radius:14px}
  .topbar{position:fixed;z-index:72;left:0;right:0;top:0;height:calc(var(--safe-top) + 52px);margin:0;padding:var(--safe-top) max(12px,var(--safe-right)) 0 max(12px,var(--safe-left));display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid #5b4523;background:#100d09ee;backdrop-filter:blur(10px)}
  .brand-mini,.desktop-nav,.desktop-logout,.topbar .help-btn,.topbar .install-btn{display:none!important}
  .stats-mini{width:auto;order:0;margin-left:auto;gap:6px}.stats-mini .pill{padding:5px 9px;font-size:.75em}.stats-mini .money-pill{display:inline-flex}
  .mobile-nav{position:fixed;z-index:75;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:calc(var(--mobile-nav-h) + var(--safe-bottom));padding:5px max(5px,var(--safe-right)) var(--safe-bottom) max(5px,var(--safe-left));background:#0d0b08f6;border-top:1px solid #695126;box-shadow:0 -10px 30px #000b;backdrop-filter:blur(12px)}
  .mobile-nav button{position:relative;min-width:0;min-height:56px;padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;border-radius:10px;background:transparent;color:#a99d82;box-shadow:none;font-size:.68em;text-transform:none}
  .mobile-nav button span{font-size:1.5em;line-height:1}.mobile-nav button b{font-weight:600}.mobile-nav button.on{color:#ffe08a;background:#2c210f}.mobile-nav .mobile-play{transform:translateY(-10px);border:1px solid #b58b2d;border-radius:50%;width:58px;height:58px;justify-self:center;background:radial-gradient(circle at 35% 25%,#f4d56e,#9c6d13 70%);color:#171006;box-shadow:0 7px 20px #000,0 0 0 4px #0d0b08}.mobile-nav .mobile-play span{font-size:1.65em}.mobile-nav .mobile-play b{font-size:.9em}
  .foot{display:none}
  .row{gap:8px}.between{gap:8px}
  .home-hero,.v130-hero{min-height:310px;padding:18px}.home-actions{display:grid;grid-template-columns:1fr 1fr}.home-actions button{width:100%;min-height:50px;padding:9px}
  .home-grid{grid-template-columns:1fr;gap:12px}.deck-carousel{scroll-snap-type:x mandatory}.deck-tile{min-width:84vw;scroll-snap-align:start}
  .classes{grid-template-columns:repeat(2,minmax(0,1fr))}.classpick .port{height:105px}
  .collection-metrics{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.collection-metrics .pill{white-space:nowrap}
  .collection-toolbar{position:sticky;z-index:9;top:0;grid-template-columns:1fr 1fr;padding:10px;background:#15110bf5}.collection-toolbar .search-field{grid-column:1/-1}.owned-only{grid-column:1/-1}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 9px;margin-top:12px;padding:2px}
  .grid .gc.card-v190{--card-w:min(45vw,174px)}
  .card-modal{padding:0;align-items:stretch}.modal .panel.card-detail{width:100%;max-width:none;min-height:var(--app-height);max-height:var(--app-height);border-radius:0;overflow-y:auto;padding:calc(var(--safe-top) + 42px) 14px calc(var(--safe-bottom) + 20px)}.card-detail-grid{grid-template-columns:1fr}.card-zoom{display:grid;place-items:center}.card-zoom .gc{width:min(66vw,250px)}
  .shop-stage{min-height:0}.shop-tabs{position:sticky;top:0;z-index:8;background:#11100ceb;padding:5px}.pack-card.pack-premium{border-radius:15px}.pack-art img{object-fit:contain}
  .news-app-filters{position:sticky;top:0;z-index:8;background:#0f0d09ed}.lore-app-section{padding:14px}
  .profile-stats{grid-template-columns:repeat(2,1fr)}.settings-panel label{min-height:52px}.history-row{grid-template-columns:auto minmax(0,1fr) auto}.history-row button{grid-column:2/-1;width:100%}
  .toast{top:calc(var(--safe-top) + 60px);font-size:.9em}
  .update-banner{bottom:calc(var(--mobile-nav-h) + var(--safe-bottom) + 8px)}
}

/* Duelo: uma única tela, sem rolagem externa. */
body.match-mode{height:var(--app-height);overflow:hidden;background:#070604}
body.match-mode #app{height:var(--app-height);overflow:hidden}
body.match-mode .match-wrap{height:var(--app-height);max-width:none;margin:0;padding:calc(var(--safe-top) + 4px) max(6px,var(--safe-right)) calc(var(--safe-bottom) + 4px) max(6px,var(--safe-left));display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:4px;overflow:hidden}
body.match-mode .match-head{min-height:42px;margin:0;flex-wrap:nowrap;padding:0 2px}
body.match-mode .match-head>.row{flex-wrap:nowrap;margin-left:auto;gap:4px}
body.match-mode .match-head .logo{padding:0;text-align:left}body.match-mode .match-head .logo .crown,body.match-mode .match-head .logo .ribbon,body.match-mode .match-head .logo .tag,body.match-mode .match-head .muted{display:none}body.match-mode .match-head .logo .l1{display:none}body.match-mode .match-head .logo .l2{font-size:1em;line-height:1.1;white-space:nowrap}
body.match-mode .match-head button{min-height:36px;padding:5px 8px;font-size:.72em}body.match-mode .fullscreen-btn{display:none}
body.match-mode .turn-badge{padding:6px 8px;font-size:.72em;white-space:nowrap}
body.match-mode .arena{min-height:0;height:100%;margin:0;padding:5px;border-radius:12px;display:grid;grid-template-rows:auto minmax(74px,1fr) minmax(74px,1fr) auto;gap:3px;overflow:hidden;background-position:center}
body.match-mode .combat-hud{min-height:0;flex-wrap:nowrap}.combat-hud .hero{min-width:0;max-width:78%;padding:4px 6px;border-radius:9px;gap:5px}.combat-hud .hero .ava{width:34px;height:34px;flex:0 0 34px}.combat-hud .hero b{display:block;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78em}.combat-hud .hp{font-size:1em}.combat-hud .jeitbar{display:none}.combat-hud .muted{font-size:.65em;white-space:nowrap}.combat-hud .pill{padding:3px 6px;font-size:.68em}.combat-hud .terr{max-width:37%;padding:4px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65em}
body.match-mode .lane{min-height:0;height:100%;margin:0;padding:4px 7px;justify-content:flex-start;align-items:center;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;border-radius:9px}body.match-mode .lane::-webkit-scrollbar{display:none}
body.match-mode .unit,body.match-mode .facecard{flex:0 0 79px;width:79px;min-height:90px;height:90px;padding:5px;border-radius:9px;scroll-snap-align:center}body.match-mode .unit .uart{height:42px;font-size:1.35em}body.match-mode .unit .un{font-size:.59em;line-height:1.05;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.match-mode .unit .a,body.match-mode .unit .r{width:25px;height:25px;font-size:.75em;bottom:-5px}body.match-mode .unit .ks{font-size:.52em}.facecard .big{font-size:1.2em}.facecard .serif{font-size:.62em}
body.match-mode .tactical-reading{display:none}
body.match-mode .actionbar{position:relative;bottom:auto;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;margin:0;padding:4px;border:1px solid #59451f;border-radius:10px;background:#100d09}.action-hint{min-width:0;padding:6px 8px;font-size:.68em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.endbtn{min-height:42px;padding:7px 12px;font-size:.78em}
body.match-mode .hand{min-height:0;height:clamp(166px,28vh,225px);margin:0;padding:8px 5px 5px;gap:7px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;justify-content:flex-start}.hand .gc.card-v190{--card-w:118px;flex:0 0 var(--card-w);width:var(--card-w);height:196px;min-height:196px;scroll-snap-align:center}.hand .gc.card-v190 .art{height:62px}.hand .gc.card-v190 .card-title{min-height:38px;padding:12px 4px 3px}.hand .gc.card-v190 .nm{font-size:.66em}.hand .gc.card-v190 .card-body{min-height:44px;padding:3px}.hand .gc.card-v190 .tx{font-size:.49em;-webkit-line-clamp:2}.hand .gc.card-v190 .kw,.hand .gc.card-v190 .fl,.hand .gc.card-v190 .card-footer{display:none}.hand .gc.card-v190 .cost{transform:scale(.82);transform-origin:top left}.hand .gc.card-v190 .card-info{top:45px}.hand .gc.playable:hover{transform:none}
body.match-mode .battle-log{display:none}
body.match-mode .match-loader{font-size:.85em}

/* Paisagem curta: a arena recebe mais espaço e a mão fica baixa. */
@media(max-width:900px) and (orientation:landscape) and (max-height:520px){
  :root{--mobile-nav-h:58px}
  body.match-mode .match-wrap{grid-template-rows:34px minmax(0,1fr) 38px 126px;padding-top:max(2px,var(--safe-top))}
  body.match-mode .match-head{min-height:32px}.match-head .turn-badge{padding:4px 7px}.match-head button{min-height:30px}
  body.match-mode .arena{grid-template-columns:140px minmax(0,1fr);grid-template-rows:1fr 1fr}.arena .enemy-hud{grid-column:1;grid-row:1}.arena #laneAI{grid-column:2;grid-row:1}.arena #laneME{grid-column:2;grid-row:2}.arena .player-hud{grid-column:1;grid-row:2}.combat-hud .hero{max-width:100%;width:100%}.combat-hud .terr{display:none}
  body.match-mode .unit,body.match-mode .facecard{flex-basis:70px;width:70px;height:78px;min-height:78px}.unit .uart{height:34px!important}
  body.match-mode .hand{height:126px;padding-top:4px}.hand .gc.card-v190{--card-w:94px;height:145px;min-height:145px}.hand .gc.card-v190 .art{height:42px}.hand .gc.card-v190 .card-title{min-height:31px;padding-top:9px}.hand .gc.card-v190 .card-body{min-height:30px}.hand .gc.card-v190 .tx{display:none}.hand .gc.card-v190 .card-info{display:none}
}

/* Troca inicial como tela nativa. */
@media(max-width:900px){
  .mulligan-modal{padding:0;align-items:stretch}.mulligan-panel{width:100%;height:var(--app-height)!important;max-width:none;max-height:none!important;border-radius:0;padding:calc(var(--safe-top) + 12px) max(10px,var(--safe-right)) calc(var(--safe-bottom) + 10px) max(10px,var(--safe-left));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.mulligan-panel::before{display:none}.mulligan-panel h2{font-size:1.45em;text-align:center}.mulligan-panel>.eyebrow,.mulligan-panel>p{text-align:center}.mulligan-hand{min-height:0;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;justify-content:flex-start;align-items:center;scroll-snap-type:x mandatory}.mulligan-hand .gc{scroll-snap-align:center}.mulligan-panel>.between{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mulligan-panel>.between>span{grid-column:1/-1;text-align:center}.mulligan-panel>.between button{width:100%}
  .result-modal{padding:0;align-items:stretch}.result-modal .result-panel{width:100%;max-width:none;min-height:var(--app-height);border-radius:0;padding:calc(var(--safe-top) + 24px) 18px calc(var(--safe-bottom) + 20px)}.result-actions{display:grid}.result-actions button{width:100%}
}

/* Aparelhos modestos: sem blur e com menos camadas caras. */
.quality-low .topbar,.quality-low .mobile-nav,.quality-low .mobile-more-modal,.quality-low .mobile-more-sheet{backdrop-filter:none}
.quality-low .gc .art-shine,.quality-low .gc::after,body.quality-low::before{display:none!important}
.quality-low .news-app-card,.quality-low .lore-character-tile,.quality-low .pack-card{box-shadow:none}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.mobile-nav .mobile-play{transform:none}.lore-character-tile:hover,.gc:hover{transform:none!important}}

/* ============================================================
   Duelo de Mutretas v2.3 — ergonomia de app e gestos
   ============================================================ */
body.text-small{font-size:.94rem}
body.text-normal{font-size:1rem}
body.text-large:not(.match-mode){font-size:1.075rem}
body.high-contrast{--muted:#ddd2b8;--line:#8d713a;--line2:#c29b43}
body.high-contrast .gc{filter:contrast(1.08)}
body.high-contrast .gc .tx,body.high-contrast .gc .fl{color:#fff3d4}
body.high-contrast button,body.high-contrast input,body.high-contrast select{border-width:2px}
body.data-saver::before,body.data-saver .arena-atmosphere,body.data-saver .art-shine,body.data-saver .card-aura{display:none!important}
body.data-saver .home-hero,body.data-saver .campaign-hero,body.data-saver .news-hub-hero{background-attachment:scroll!important}

.gc{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.hand .gc{touch-action:pan-x}
.grid .gc,.mulligan-hand .gc{touch-action:pan-y}
.gc:active{filter:brightness(1.08)}

.mobile-onboarding{align-items:flex-end;padding:0;background:#000a;backdrop-filter:blur(5px)}
.mobile-onboarding-sheet{width:100%;max-width:620px;margin:0 auto;padding:10px 20px calc(20px + var(--safe-bottom));border:1px solid #8d6a28;border-bottom:0;border-radius:26px 26px 0 0;background:linear-gradient(180deg,#261c0f,#0c0a07 72%);box-shadow:0 -20px 60px #000d;text-align:center;touch-action:pan-y}
.onboarding-handle{width:54px;height:5px;margin:0 auto 18px;border-radius:9px;background:#806a3d}
.mobile-onboarding-sheet .tutorial-icon{font-size:3.5rem;margin:8px 0 4px}
.mobile-onboarding-sheet h2{margin:.3em 0;font-size:1.65rem}
.mobile-onboarding-sheet p{min-height:70px;margin:0 auto 16px;max-width:480px;color:#d6c8aa;line-height:1.45}
.mobile-onboarding-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;margin-top:14px}
.mobile-onboarding-actions button{width:100%}

.actionbar .cancel-action,.actionbar .hand-toggle{min-width:92px}
.match-wrap.hand-expanded .hand{outline:2px solid #d8ac45;box-shadow:0 -20px 50px #000e;background:#0b0907f8}

@media(max-width:900px){
  body.text-large:not(.match-mode){font-size:1.02rem}
  .mobile-more-actions{grid-template-columns:1fr 1fr}
  .mobile-more-actions .mobile-guide{grid-column:1/-1}
  body.match-mode .actionbar{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center}
  body.match-mode .actionbar .cancel-action,body.match-mode .actionbar .hand-toggle{min-width:0;min-height:42px;padding:6px 8px;font-size:.69em;white-space:nowrap}
  body.match-mode .actionbar .cancel-action:disabled{display:none}
  body.match-mode .action-hint{font-size:.62em}
  body.match-mode .match-wrap.hand-expanded{grid-template-rows:auto minmax(120px,1fr) auto minmax(265px,48vh)}
  body.match-mode .match-wrap.hand-expanded .arena{opacity:.55;pointer-events:none}
  body.match-mode .match-wrap.hand-expanded .hand{height:100%;padding:14px 10px;align-items:center}
  body.match-mode .match-wrap.hand-expanded .hand .gc.card-v190{--card-w:158px;height:268px;min-height:268px}
  body.match-mode .match-wrap.hand-expanded .hand .gc.card-v190 .art{height:92px}
  body.match-mode .match-wrap.hand-expanded .hand .gc.card-v190 .card-title{min-height:45px;padding-top:14px}
  body.match-mode .match-wrap.hand-expanded .hand .gc.card-v190 .card-body{min-height:68px;padding:5px}
  body.match-mode .match-wrap.hand-expanded .hand .gc.card-v190 .tx{display:-webkit-box;font-size:.58em;-webkit-line-clamp:3}
  .card-modal .card-detail::before,.mobile-more-sheet::before{content:"Deslize para baixo para fechar";display:block;margin:-20px auto 12px;color:#9f9275;font-size:.68em;text-align:center;letter-spacing:.08em;text-transform:uppercase}
  .card-modal .card-detail{touch-action:pan-y}
}

@media(max-width:420px){
  :root{--mobile-nav-h:64px}
  .mobile-onboarding-sheet{padding-left:14px;padding-right:14px}
  body.match-mode .actionbar{grid-template-columns:auto 1fr auto}
  body.match-mode .action-hint{display:none}
  body.match-mode .actionbar .hand-toggle{font-size:0;width:44px}
  body.match-mode .actionbar .hand-toggle::before{content:"🂠";font-size:18px}
  body.match-mode .actionbar .cancel-action{font-size:0;width:44px}
  body.match-mode .actionbar .cancel-action::before{content:"✕";font-size:18px}
  body.match-mode .endbtn{min-width:112px}
}

@media(max-width:900px) and (orientation:landscape) and (max-height:520px){
  body.match-mode .actionbar{grid-template-columns:auto 1fr auto auto}
  body.match-mode .match-wrap.hand-expanded{grid-template-rows:32px minmax(80px,1fr) 36px minmax(150px,48vh)}
  body.match-mode .match-wrap.hand-expanded .hand .gc.card-v190{--card-w:112px;height:174px;min-height:174px}
  body.match-mode .match-wrap.hand-expanded .hand .gc.card-v190 .art{height:52px}
  body.match-mode .match-wrap.hand-expanded .hand .gc.card-v190 .tx{display:none}
}

/* ============================================================
   v2.4 — jornada e galeria de cartas mobile-first
   ============================================================ */
@media(max-width:900px){
  .journey-v240{margin:10px 0 18px;padding:16px 12px;background-position:62% center}.journey-head{display:block}.journey-total{display:inline-flex;margin-top:7px}.journey-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:9px;padding:2px 1px 8px}.journey-step{flex:0 0 min(82vw,330px);scroll-snap-align:center;grid-template-columns:46px minmax(0,1fr);padding:10px}.journey-step button{grid-column:1/-1;width:100%;min-height:42px}.journey-node{width:42px;height:42px}.journey-copy p{font-size:.86em}.journey-story-link{font-size:.87em}
  .premium-gallery-modal{padding:0;align-items:stretch}.premium-card-detail{width:100%!important;max-width:none!important;height:var(--app-height);max-height:none!important;border-radius:0!important;padding:calc(var(--safe-top) + 14px) 12px calc(var(--safe-bottom) + 18px)!important;overflow:auto}.premium-card-detail .card-detail-content{min-height:0}.premium-card-detail .card-detail-grid{display:flex;flex-direction:column;gap:12px}.premium-card-detail .card-zoom{display:grid;place-items:center}.premium-card-detail .card-zoom .gc.card-v240{--card-w:min(72vw,260px);height:438px;min-height:438px}.premium-card-detail .card-data{width:100%;padding-bottom:42px}.gallery-nav{position:fixed;top:42%;width:38px;height:58px}.gallery-nav.prev{left:5px}.gallery-nav.next{right:5px}.gallery-counter{position:fixed;right:13px;bottom:calc(var(--safe-bottom) + 8px);padding:4px 9px;border-radius:999px;background:#080604dd}.mobile-gallery-hint{display:block}.card-detail-heading{gap:8px;align-items:center}.favorite-card{min-height:38px}
  .collection-toolbar{grid-template-columns:1fr 1fr!important}.collection-toolbar .search-field{grid-column:1/-1}.collection-toolbar .owned-only{min-height:42px;display:flex;align-items:center;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:#0e0c08}
  .grid .gc.card-v240{height:300px;min-height:300px}.grid .gc.card-v240 .art{height:108px}.grid .gc.card-v240 .card-title{min-height:48px}.grid .gc.card-v240 .card-body{min-height:79px}
}
@media(max-width:390px){.premium-card-detail .card-zoom .gc.card-v240{--card-w:min(76vw,242px);height:410px;min-height:410px}.collection-toolbar{grid-template-columns:1fr!important}.collection-toolbar .search-field{grid-column:auto}}