/* MemeMaster V1, the simple version (owner request, 2026-09-25): five tabs, one idea per block, the same
   components everywhere (rarity chips, panels, one primary button per block). Loaded last. */
:root{--v1-gold:#ffd23f;--v1-radius:16px}
.v1-gold{color:var(--v1-gold)}
[data-theme=light] .v1-gold{color:#9a6b00}

/* The frame: five tabs in the sidebar on computers, in a bar at the bottom on phones. */
.v1-sidebar .brand{margin-bottom:30px}
.v1-nav{display:flex;flex-direction:column;gap:2px}
.v1-nav .nav-item{font-size:14px;min-height:50px}
.v1-nav .nav-item>.icon{width:20px;height:20px}
.v1-sidebar .sidebar-bottom .nav-item{min-height:40px;font-size:12px}
.v1-topbar{justify-content:flex-end}
.v1-mobile-brand,.v1-settings-link,.v1-tabbar{display:none}
.v1-topbar .wallet{cursor:pointer}
@media(max-width:760px){
  .v1-topbar{justify-content:space-between}
  .v1-mobile-brand{display:flex;align-items:center;gap:8px;font:650 17px Outfit,'Segoe UI',sans-serif;letter-spacing:-.4px}
  .v1-mobile-brand img{width:30px;height:32px;border-radius:8px;background:linear-gradient(145deg,#b08ae9,#7653a2);padding:3px}
  .v1-settings-link{display:grid}
  .v1-topbar .top-avatar{display:none}
  .v1-tabbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:40;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg),transparent 6%);backdrop-filter:blur(16px);border-top:1px solid var(--border)}
  .v1-tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border-radius:12px;color:var(--muted);font-size:11px;font-weight:600}
  .v1-tab .icon{width:21px;height:21px}
  .v1-tab.active{color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 88%)}
  .v1-tab-dot{position:absolute;top:6px;left:calc(50% + 8px);width:8px;height:8px;border-radius:50%;background:#ff5fb8;box-shadow:0 0 0 2px var(--bg)}
  main{padding-bottom:96px!important}
  .site-footer{padding-bottom:92px!important}
  #toasts{bottom:84px!important}
}

/* Page heading: one line of context, one title. */
.v1-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px;flex-wrap:wrap}
.v1-head h1{font-size:40px;line-height:1.08;margin:6px 0 8px}
.v1-head p{color:var(--muted);font-size:14px;max-width:640px}
.v1-head p b{color:var(--text)}
.v1-section{margin-top:28px}
.v1-section>h2{display:flex;align-items:center;gap:10px;font-size:21px;margin-bottom:14px}
.v1-count{font:700 12px Inter,sans-serif;padding:3px 9px;border-radius:99px;background:var(--surface2);color:var(--muted)}
.v1-count.is-hot{background:#ff5fb8;color:#2a0b1d}
.v1-note,.v1-empty{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin-top:16px}
.v1-empty{padding:18px;border:1px dashed var(--border);border-radius:14px}

/* Rarity chips: the short code in its colour, then the name. */
.v1-chip{display:inline-flex;align-items:center;gap:7px;font-weight:650;white-space:nowrap}
.v1-chip b{display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 6px;border-radius:7px;background:var(--rarity);color:#140f1c;font:800 11px Inter,sans-serif;letter-spacing:.3px;box-shadow:0 0 12px color-mix(in srgb,var(--rarity),transparent 60%)}
.v1-chip.chip-legendary b{background:linear-gradient(135deg,#fff3b0,#ffd23f 45%,#f0a500);color:#2b1a00}

/* Open: three boosters. */
.v1-boosters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v1-booster{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:0 0 18px;isolation:isolate}
.v1-booster:before{content:'';position:absolute;inset:0 0 auto;height:62%;background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--pack),transparent 62%),transparent 68%);z-index:-1}
.v1-booster-art{display:flex;justify-content:center;align-items:center;height:300px;padding-top:6px}
.v1-booster-art .booster-art{width:260px;height:auto;max-height:100%}
.v1-booster-art .booster-art.dz-art>img{scale:1.12}
.v1-booster-art .booster-art:not(.dz-art){width:170px;height:236px}
.v1-booster-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 18px}
.v1-booster-body h2{font-size:24px}
.v1-guarantee{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.v1-chance{font-size:12px;color:var(--muted)}
.v1-reserve{width:100%;max-width:280px;padding:10px 12px;border-radius:12px;background:var(--surface2);text-align:left}
.v1-reserve>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}
.v1-reserve>div:first-child b{color:var(--text);font-size:14px}
.v1-reserve>div:first-child span{display:inline-flex;align-items:center;gap:5px}
.v1-reserve .icon{width:14px;height:14px}
.v1-reserve .progress-track{margin-top:8px}
.v1-reserve small{display:block;margin-top:6px;color:var(--muted);font-size:11px}
.v1-owned{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.v1-owned .icon{width:14px;height:14px}
.v1-open{width:100%;max-width:280px;padding:14px 18px;font-size:14px;margin-top:4px}
.v1-need{font-size:11px;color:var(--muted);margin-top:-2px}
.v1-odds-link{font-size:12px}

/* The daily gift. */
.v1-daily{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:18px;padding:16px 22px}
.v1-daily.is-ready{border-color:color-mix(in srgb,var(--accent),transparent 40%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 75%),0 10px 30px color-mix(in srgb,var(--accent),transparent 88%)}
.v1-daily-art .booster-art{width:96px;height:auto}
.v1-daily-copy h2{font-size:20px;margin:3px 0}
.v1-daily-copy p{font-size:13px;color:var(--muted)}
.v1-daily-track{display:flex;gap:6px;margin-top:9px}
.v1-daily-track i{width:26px;height:6px;border-radius:9px;background:var(--surface2)}
.v1-daily-track i.done{background:color-mix(in srgb,var(--accent),transparent 45%)}
.v1-daily-track i.current{background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent),transparent 40%)}
.v1-daily .btn{min-width:150px;padding:13px 18px}

/* The seven rarities in one line. */
.v1-ladder{margin-top:18px;padding:18px 22px;border-radius:var(--v1-radius);border:1px solid var(--border);background:linear-gradient(90deg,color-mix(in srgb,var(--surface),transparent 0%),color-mix(in srgb,#ffd23f,var(--surface) 92%))}
.v1-ladder ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px 6px;list-style:none;margin:12px 0;padding:0}
.v1-ladder li{position:relative;display:flex;align-items:center;gap:7px;padding:7px 11px 7px 7px;border-radius:12px;background:var(--surface2);font-size:13px;font-weight:600}
.v1-ladder li:not(:last-child):after{content:'›';position:absolute;right:-8px;color:var(--muted);font-size:14px}
.v1-ladder li:last-child{background:color-mix(in srgb,#ffd23f,var(--surface2) 80%);box-shadow:0 0 0 1px #ffd23f66,0 0 22px #ffd23f33}
.v1-ladder li em{font:800 9px Inter,sans-serif;letter-spacing:1px;font-style:normal;color:#2b1a00;background:#ffd23f;padding:3px 6px;border-radius:6px}
.v1-ladder p{font-size:13px;color:var(--muted)}

/* Drop rates. */
.v1-odds{max-width:520px}
.v1-odds table{width:100%;border-collapse:collapse;margin:16px 0 12px;font-size:13px}
.v1-odds th,.v1-odds td{padding:8px 6px;border-bottom:1px solid var(--border);text-align:right;font-variant-numeric:tabular-nums}
.v1-odds thead th{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:700}
.v1-odds th[scope=row],.v1-odds thead th:first-child{text-align:left}
.v1-odds td{font-weight:650}
.v1-odds-legendary{padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#ffd23f,transparent 88%);font-size:13px;margin-bottom:10px}
.v1-admin-note{font-size:12px;color:var(--muted)}

/* Collection. */
.v1-toggle{display:inline-flex;padding:4px;border-radius:12px;background:var(--surface2);border:1px solid var(--border)}
.v1-toggle button{padding:9px 16px;border-radius:9px;font-weight:650;font-size:13px;color:var(--muted)}
.v1-toggle button.active{background:var(--surface);color:var(--text);box-shadow:0 2px 10px #0003}
.v1-progress{height:6px;border-radius:9px;background:var(--surface2);overflow:hidden;margin:-8px 0 18px}
.v1-progress i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#9da5b4,#7f9cc0,#3d6ef0,#9b5cff,#ff5fb8,#ff4848,#ffd23f)}
.v1-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.v1-filters .search-field{flex:1 1 260px}
.v1-filters select{flex:0 0 auto}
.v1-rarity-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.v1-rarity-filter{display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 6px;border-radius:11px;border:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;color:var(--muted)}
.v1-rarity-filter>span:only-child{padding-left:6px}
.v1-rarity-filter small{font-size:11px;opacity:.85;font-variant-numeric:tabular-nums}
.v1-rarity-filter .v1-chip b{min-width:24px;height:20px;font-size:10px}
.v1-rarity-filter.selected{color:var(--text);border-color:color-mix(in srgb,var(--rarity,var(--accent)),transparent 30%);background:color-mix(in srgb,var(--rarity,var(--accent)),var(--surface) 85%)}
.v1-new-line{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:12px;color:var(--accent)}
.v1-new-line .text-link{margin-left:4px}

/* Upgrade: three tabs, one rule each. */
.v1-tabs{display:flex;gap:6px;padding:4px;border-radius:14px;background:var(--surface2);border:1px solid var(--border);width:max-content;max-width:100%;margin-bottom:18px}
.v1-tabs button{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:10px;font-weight:650;font-size:14px;color:var(--muted)}
.v1-tabs button .icon{width:16px;height:16px}
.v1-tabs button.active{background:var(--surface);color:var(--text);box-shadow:0 2px 10px #0003}
.v1-rule{padding:16px 20px;margin-bottom:16px}
.v1-rule p{font-size:13px;color:var(--muted)}
.v1-rule p b{color:var(--text)}
.v1-star-steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.v1-star-steps span{display:flex;flex-direction:column;align-items:center;min-width:86px;padding:8px 10px;border-radius:12px;background:var(--surface2)}
.v1-star-steps b{color:var(--v1-gold);font-size:16px;letter-spacing:.5px}
[data-theme=light] .v1-star-steps b{color:#9a6b00}
.v1-star-steps small{font-size:11px;color:var(--muted)}
.v1-star-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:14px}
.v1-star-tile{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px}
.v1-star-tile.is-ready{border-color:color-mix(in srgb,var(--v1-gold),transparent 55%)}
.v1-star-tile .meme-card{pointer-events:none}
.v1-star-info{display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.v1-star-info b{font-size:13px;color:var(--v1-gold)}
[data-theme=light] .v1-star-info b{color:#9a6b00}
.v1-star-info small{font-size:11px;color:var(--muted);text-align:right}
.v1-star-tile .progress-track{margin-top:0}
.v1-star-tile .progress-track>i{background:linear-gradient(90deg,#f0a500,#ffd23f)}
.v1-star-tile .btn{width:100%;padding:10px}
.v1-star-done{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center;padding:16px 20px;margin-bottom:16px;border-color:color-mix(in srgb,var(--v1-gold),transparent 50%)}
.v1-star-done h2{font-size:22px;margin:4px 0}
.v1-star-done p{color:var(--muted);font-size:13px}
.v1-star-done .v1-star-big{color:var(--v1-gold);font-size:18px;letter-spacing:2px}
.v1-star-done-card{position:relative}
.v1-star-pop{position:absolute;right:-6px;top:-10px;padding:4px 8px;border-radius:9px;background:var(--v1-gold);color:#2b1a00;font:800 13px Inter,sans-serif;animation:v1Pop .9s cubic-bezier(.2,1.6,.4,1) both}
@keyframes v1Pop{0%{transform:scale(.2) rotate(-12deg);opacity:0}60%{transform:scale(1.15) rotate(4deg);opacity:1}100%{transform:none;opacity:1}}
.v1-trade-result{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;align-items:center;padding:18px 22px;margin-bottom:14px;border-color:color-mix(in srgb,var(--rarity),transparent 40%);box-shadow:0 0 30px color-mix(in srgb,var(--rarity),transparent 85%)}
.v1-trade-result h2{font-size:24px;margin:4px 0 8px}
.v1-trade-result small{display:block;margin-top:8px;color:var(--muted);font-size:12px}
.v1-trade-result-card{animation:v1Reveal .7s cubic-bezier(.2,1.3,.4,1) both}
@keyframes v1Reveal{0%{transform:scale(.6) rotateY(90deg);opacity:0}100%{transform:none;opacity:1}}

/* Arena ranks. */
.v1-rank-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.v1-rank-list{display:grid;gap:10px}
.v1-rank{display:grid;grid-template-columns:64px 170px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 18px}
.v1-rank.is-current{border-color:color-mix(in srgb,var(--rank),transparent 30%);box-shadow:0 0 26px color-mix(in srgb,var(--rank),transparent 82%)}
.v1-rank.is-ahead{opacity:.8}
.v1-rank-name h3{font-size:18px}
.v1-rank-name small{color:var(--muted);font-size:12px}
.v1-rank-reward{display:flex;align-items:center;gap:8px;font-size:13px}
.v1-rank-reward .icon{width:16px;height:16px;color:var(--muted)}
.v1-rank-state{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:650;color:var(--rank)}
.v1-rank-state .icon{width:14px;height:14px}
[data-theme=light] .v1-rank-state{color:#5d4b70}

/* Profile. */
.v1-profile{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;align-items:center;padding:22px 24px}
.v1-avatar{position:relative;width:120px;height:120px;border-radius:28px;overflow:hidden;border:2px solid var(--border)}
.v1-avatar img{width:100%;height:100%;object-fit:cover}
.v1-avatar>span{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#000a;color:#fff}
.v1-avatar>span .icon{width:14px;height:14px}
.v1-identity h1{font-size:34px;margin:4px 0 6px;overflow-wrap:anywhere}
.v1-rank-line{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:8px}
.v1-rank-line span{color:var(--muted)}
.v1-identity .progress-track{max-width:360px}
.v1-identity small{color:var(--muted);font-size:12px}
.v1-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.v1-stat{padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}
.v1-stat b{display:block;font:650 24px Outfit,'Segoe UI',sans-serif}
.v1-stat b small{font-size:14px;color:var(--muted)}
.v1-stat>small{color:var(--muted);font-size:12px}
.v1-achievements{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.v1-achievement{display:flex;flex-direction:column;gap:8px;padding:14px 16px}
.v1-achievement.is-ready{border-color:color-mix(in srgb,#ff5fb8,transparent 40%)}
.v1-achievement.is-done{opacity:.75}
.v1-achievement-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.v1-achievement-top h3{font-size:15px}
.v1-achievement-stars i{font-style:normal;color:var(--surface2);-webkit-text-stroke:1px var(--border);font-size:14px}
.v1-achievement-stars i.on{color:var(--v1-gold);-webkit-text-stroke:0}
.v1-achievement>p{font-size:12px;color:var(--muted);line-height:1.5}
.v1-achievement .progress-track{margin-top:2px}
.v1-achievement-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}
.v1-achievement-bottom small{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.v1-achievement-bottom .btn{padding:7px 12px;font-size:12px}
.v1-done{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--lime)}
.v1-done .icon{width:14px;height:14px}
.v1-edit{padding:16px 20px}
.v1-edit h2{font-size:17px;margin-bottom:10px}
.v1-name-form{display:flex;gap:10px;flex-wrap:wrap}
.v1-name-form input{flex:1 1 220px}
.v1-avatars{padding:14px 20px}
.v1-avatars summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none}
.v1-avatars summary::-webkit-details-marker{display:none}
.v1-avatars summary h2{font-size:17px}
.v1-avatars summary span{font-size:12px;color:var(--muted)}
.v1-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;margin-top:14px}
.v1-avatar-choice{aspect-ratio:1;border-radius:14px;overflow:hidden;border:2px solid color-mix(in srgb,var(--rarity),transparent 50%)}
.v1-avatar-choice img{width:100%;height:100%;object-fit:cover}
.v1-avatar-choice.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}

/* The card detail keeps only the essentials. */
.v1-card-detail .detail-info>.v1-chip{margin-bottom:6px}

/* Computers of middle size. */
@media(max-width:1250px){.v1-booster-art{height:270px}.v1-booster-art .booster-art{width:230px}}
@media(max-width:1000px){
  .v1-boosters{grid-template-columns:1fr}
  .v1-booster{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;padding:14px 18px 14px 0}
  .v1-booster:before{height:100%;width:45%;background:radial-gradient(ellipse at 40% 50%,color-mix(in srgb,var(--pack),transparent 62%),transparent 68%)}
  .v1-booster-art{height:220px;padding:0}
  .v1-booster-art .booster-art{width:200px}
  .v1-booster-body{align-items:flex-start;text-align:left;padding:0}
  .v1-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v1-rank{grid-template-columns:56px minmax(0,1fr) auto}
  .v1-rank-reward{grid-column:2/-1;grid-row:2}
}
@media(max-width:760px){
  .v1-head h1{font-size:30px}
  .v1-head p{font-size:13px}
  .v1-booster{grid-template-columns:130px minmax(0,1fr);padding:12px 14px 12px 0;gap:4px}
  .v1-booster-art{height:170px}
  .v1-booster-art .booster-art{width:150px}
  .v1-booster-body h2{font-size:20px}
  .v1-guarantee{font-size:12px;flex-wrap:wrap}
  .v1-open{padding:12px 14px;font-size:13px}
  .v1-daily{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:14px}
  .v1-daily-art .booster-art{width:64px}
  .v1-daily .btn{grid-column:1/-1;width:100%}
  .v1-daily-track i{width:18px}
  .v1-ladder{padding:14px}
  .v1-ladder li{font-size:12px;padding:5px 9px 5px 5px}
  .v1-tabs{width:100%}
  .v1-tabs button{flex:1;justify-content:center;padding:10px 8px;font-size:13px}
  .v1-star-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .v1-star-tile{padding:8px}
  .v1-star-steps span{min-width:0;flex:1 1 30%}
  .v1-star-done{grid-template-columns:110px minmax(0,1fr);gap:14px}
  .v1-trade-result{grid-template-columns:120px minmax(0,1fr);gap:14px}
  .v1-profile{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:16px}
  .v1-avatar{width:84px;height:84px;border-radius:20px}
  .v1-identity h1{font-size:26px}
  .v1-rank-bar{flex-wrap:wrap}
  .v1-filters select{flex:1 1 40%}
}
@media(max-width:430px){.v1-booster{grid-template-columns:112px minmax(0,1fr)}.v1-booster-art .booster-art{width:128px}.v1-booster-art{height:150px}}
@media(prefers-reduced-motion:reduce){.v1-star-pop,.v1-trade-result-card{animation:none}}
.reduce-motion .v1-star-pop,.reduce-motion .v1-trade-result-card{animation:none}

/* ---- V1 effects: the higher the rarity, the more a card shines (replaces the V12 effects). Epic cards catch the
   light on hover; Mythic and Legendary also carry a moving glow, a coloured rim and twinkling stars on their
   frame (reveal-fx.js). Everything stops with reduced motion, like the effects it builds on (fx-v11.css). */
.meme-card.card-refit.rarity-mythic>.card-aura{--aura-1:#ffb3a860;--aura-2:#ff4848b0;--aura-3:#ffd0c870;--aura-speed:9s;--aura-opacity:.5}
.meme-card.card-refit.rarity-legendary>.card-aura{--aura-1:#fff3c480;--aura-2:#ffd23fc0;--aura-3:#fff3c480;--aura-speed:7.5s;--aura-opacity:.6}
.meme-card.card-refit:is(.rarity-mythic,.rarity-legendary)>.card-aura:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 3cqw 1cqw var(--aura-2);opacity:.38}
:is(.detail-art,.stack-front,.bulk-discovery,.is-spotlight,.v1-trade-result-card,.v1-star-done-card) .meme-card.card-refit:is(.rarity-mythic,.rarity-legendary)>.card-aura:after{animation:card-aura-breathe 3.6s ease-in-out infinite alternate}
:is(.v1-trade-result-card,.v1-star-done-card) .meme-card.card-refit>.card-aura:before{animation:card-aura-drift var(--aura-speed,10s) ease-in-out infinite alternate}
.meme-card.card-refit:is(.rarity-mythic,.rarity-legendary) .card-image{box-shadow:0 0 0 .45cqw var(--rim-a),0 0 2cqw var(--rim-a),0 .6cqw 2cqw #0006}
:is(.detail-art,.stack-front,.bulk-discovery,.is-spotlight) .meme-card.card-refit:is(.rarity-mythic,.rarity-legendary) .card-image{animation:card-rim-breathe 3.2s ease-in-out infinite alternate}
.meme-card.card-refit.rarity-mythic .card-image{--rim-a:#ff4848;--rim-b:#ffb3a8}
.meme-card.card-refit.rarity-legendary .card-image{--rim-a:#ffd23f;--rim-b:#fff3b0}
.meme-card.rarity-mythic .card-twinkles{--twinkle:#ffc2ba}.meme-card.rarity-legendary .card-twinkles{--twinkle:#fff1a8}.meme-card.rarity-secret .card-twinkles{--twinkle:#f3dd9a}
.meme-card.card-refit:is(.rarity-epic,.rarity-mythic) .card-shine{animation:none!important;opacity:0;transform:translateX(-70%);transition:opacity .4s ease,transform 0s linear .4s}
.meme-card.card-refit:is(.rarity-epic,.rarity-mythic):is(:hover,:focus-visible) .card-shine{opacity:var(--shine-intensity,.4);transform:translateX(30%);transition:opacity .25s ease,transform 1.3s cubic-bezier(.3,.55,.25,1)}
:is(.detail-art,.stack-front,.bulk-discovery) .meme-card.card-refit:is(.rarity-epic,.rarity-mythic) .card-shine{animation:refit-shine 6.5s linear infinite!important;transition:none}
.meme-card.card-refit.rarity-epic .card-shine{--shine-intensity:.38}.meme-card.card-refit.rarity-mythic .card-shine{--shine-intensity:.58}.meme-card.card-refit.rarity-legendary .card-shine{--shine-intensity:.78}
.rarity-pop-mythic .stack-card{animation:revealImpact .65s ease-out;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--rarity),transparent 30%))}
.impact-banner.impact-mythic{animation-duration:2.4s}.impact-banner.impact-legendary{animation-duration:2.9s;font-size:clamp(34px,6vw,70px)}
/* Mythic's charge: the facets of a ruby light up across the card back. */
.stack-back>.fx-facets{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden}
.fx-facet{fill:color-mix(in srgb,var(--charge-color,#ff4848),#fff 40%);opacity:0;mix-blend-mode:screen;animation:fx-facet calc(var(--charge-ms,900ms) * .5) ease-out forwards;animation-delay:calc(var(--i) * var(--charge-ms,900ms) * .075)}
.fx-facet-line{fill:none;stroke:#fff4f2;stroke-width:.6;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px var(--charge-color,#ff4848));animation:fx-crack .5s ease-out forwards;animation-delay:calc(var(--i) * var(--charge-ms,900ms) * .09)}
@keyframes fx-facet{0%{opacity:0}45%{opacity:.55}100%{opacity:.28}}
#modal.charge-diamond-stage::backdrop{background:rgba(20,2,5,.9);transition:background .4s ease}
.opening-v10 .stack-card.is-charging:is(.charge-l4,.charge-l5,.charge-l6){filter:drop-shadow(0 0 14px var(--charge-color)) drop-shadow(0 0 40px color-mix(in srgb,var(--charge-color),transparent 40%))}
/* Legendary's omen: the room turns to a golden dark while cracks of light run across the card back. */
dialog#modal.omen-legendary::backdrop{background:radial-gradient(ellipse at 50% 40%,rgba(70,50,6,.9),rgba(8,5,1,.97) 70%)}
@media(prefers-reduced-motion:reduce){.fx-facet,.fx-facet-line{animation:none!important;transition:none!important}}
.reduce-motion :is(.fx-facet,.fx-facet-line){animation:none!important;transition:none!important}

/* Card corners (owner request, 2026-09-25: borders looked nibbled). The frame design is a rounded rectangle filling the
   whole 300 x 410 card body, corners of 16 units drawn as quadratic curves. The card box clipped it with a 5.3% radius
   on both axes, i.e. 16 units across but 22 down, which shaved the rim near every corner. The box now rounds like the
   frame: 13.7 units (4.55% across, 3.33% down), the circle that stays just outside those quadratic corners. */
.meme-card.card-v7.card-refit.frame-v7{border-radius:4.55% / 3.33%!important}
/* Booster designs keep their light: their effects fade out inside the image, so nothing may cut them here. */
.v1-booster-art .booster-art.dz-art,.v1-daily-art .booster-art.dz-art{overflow:visible}
.v1-booster-art .booster-art.dz-art>img{scale:1}

/* ---- Open: the free Classic in large, the four cases beside it (owner request, 2026-09-25). */
.v1-open-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;align-items:start}
.v1-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;padding:22px;overflow:hidden;isolation:isolate}
.v1-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,color-mix(in srgb,var(--pack),transparent 64%),transparent 62%);z-index:-1}
.v1-hero-art{display:flex;justify-content:center}
.v1-hero-art .booster-art{width:100%;max-width:300px;height:auto;overflow:visible}
.v1-hero-art .booster-art.dz-art>img{scale:1}
.v1-hero-body{display:flex;flex-direction:column;gap:9px}
.v1-hero-body h2{font-size:30px}
.v1-reserve.is-big{max-width:none;padding:12px 14px}
.v1-open.is-big{max-width:none;padding:15px 18px;font-size:15px}
.v1-refill{width:100%}
.v1-hero .v1-odds-link{align-self:flex-start}
.v1-cases-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.v1-cases-head h2{font-size:22px}
.v1-cases-head small{color:var(--muted);font-size:12px}
.v1-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v1-case{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:12px 12px 10px;overflow:hidden;isolation:isolate}
.v1-case:before{content:'';position:absolute;inset:0 0 auto;height:58%;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--pack),transparent 70%),transparent 70%);z-index:-1}
.v1-case.is-owned{border-color:color-mix(in srgb,var(--pack),transparent 45%)}
.v1-case-art{width:100%;max-width:170px}
.v1-case-art .case-art{width:100%;height:auto}
.v1-case-body{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}
.v1-case-body h3{font-size:16px}
.v1-case .v1-guarantee{font-size:12px}
.v1-case-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%}
.v1-case-actions .btn{flex:1 1 auto;padding:9px 10px;font-size:12px}
.v1-item-new{position:absolute;top:8px;right:8px;z-index:2;padding:3px 7px;border-radius:7px;background:#ff5fb8;color:#2a0b1d;font:800 10px Inter,sans-serif;letter-spacing:.8px}
.v1-pro-teaser{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;margin-top:18px;padding:14px 18px;text-align:left;border-color:color-mix(in srgb,var(--v1-gold),transparent 55%);background:linear-gradient(90deg,color-mix(in srgb,var(--v1-gold),var(--surface) 88%),var(--surface))}
.v1-pro-teaser b{display:block;font-size:15px}.v1-pro-teaser small{color:var(--muted);font-size:12px}
.v1-pro-mark{padding:6px 10px;border-radius:9px;background:linear-gradient(135deg,#fff3b0,#ffd23f 45%,#f0a500);color:#2b1a00;font:900 13px Inter,sans-serif;letter-spacing:1px}
.v1-pro-price{font:650 20px Outfit,'Segoe UI',sans-serif}.v1-pro-price small{font-size:12px;color:var(--muted)}
.v1-pro-teaser>.icon{color:var(--muted)}

/* The top bar: Pro and the bell. */
.v1-pro-chip{white-space:nowrap;padding:7px 11px;border-radius:9px;border:1px solid color-mix(in srgb,var(--v1-gold),transparent 50%);color:var(--v1-gold);font:800 12px Inter,sans-serif;letter-spacing:.4px}
.v1-pro-chip.is-active{background:linear-gradient(135deg,#fff3b0,#ffd23f 45%,#f0a500);color:#2b1a00;border-color:transparent}
[data-theme=light] .v1-pro-chip:not(.is-active){color:#8a5c00}
.v1-nav .nav-item.is-sub{min-height:40px;padding-left:30px;font-size:13px}
.v1-nav .nav-item.is-sub>.icon{width:16px;height:16px}
.nav-counter.is-hot{background:#ff5fb8;color:#2a0b1d}

/* A request received: a pop-up at the top of the screen (owner request, 2026-09-25). */
#popups{position:fixed;top:12px;left:50%;z-index:1000;display:grid;gap:8px;width:min(520px,calc(100vw - 24px));transform:translateX(-50%);pointer-events:none}
.v1-popup{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 38px 12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent),transparent 45%);background:color-mix(in srgb,var(--surface),#000 8%);box-shadow:0 16px 40px #0008;pointer-events:auto;animation:v1PopupIn .35s cubic-bezier(.2,1.2,.4,1) both}
@keyframes v1PopupIn{from{transform:translateY(-24px);opacity:0}to{transform:none;opacity:1}}
.v1-popup-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--accent),transparent 80%);color:var(--accent)}
.v1-popup-copy b{display:block;font-size:14px}.v1-popup-copy span{font-size:12px;color:var(--muted)}
.v1-popup-actions{display:flex;gap:6px}
.v1-popup-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:var(--muted)}
.v1-popup-close .icon{width:14px;height:14px}
@media(max-width:560px){.v1-popup{grid-template-columns:auto minmax(0,1fr)}.v1-popup-actions{grid-column:1/-1}.v1-popup-actions .btn{flex:1}}
@media(prefers-reduced-motion:reduce){.v1-popup{animation:none}}
.reduce-motion .v1-popup{animation:none}

/* Payments are not connected: every offer says so before anything happens. */
.v1-pay{max-width:480px}
.v1-pay-note{display:flex;gap:8px;align-items:flex-start;margin:12px 0;padding:10px 12px;border-radius:12px;background:var(--surface2);font-size:12px;color:var(--muted)}
.v1-pay-note .icon{flex:none;width:16px;height:16px;margin-top:2px}
.v1-pay-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}

/* Pro. */
.v1-pro-hero{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;align-items:center;padding:24px;border-color:color-mix(in srgb,var(--v1-gold),transparent 55%);background:radial-gradient(ellipse at 10% 40%,color-mix(in srgb,var(--v1-gold),transparent 84%),transparent 60%),var(--surface)}
.v1-pro-emblem{width:120px;height:120px}
.v1-pro-hero h1{font-size:34px;margin:6px 0}
.v1-pro-hero p{color:var(--muted)}
.v1-pro-status{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--lime)!important;font-weight:650}
.v1-pro-status .icon{width:16px;height:16px}
.v1-pro-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.v1-pro-benefits{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:16px}
.v1-pro-benefits article{padding:16px}
.v1-pro-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--v1-gold),transparent 84%);color:var(--v1-gold);margin-bottom:10px}
[data-theme=light] .v1-pro-icon{color:#8a5c00}
.v1-pro-benefits h3{font-size:15px;margin-bottom:4px}.v1-pro-benefits p{font-size:12px;color:var(--muted);line-height:1.5}
.v1-pro-table{padding:18px 20px}
.v1-pro-table table{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px}
.v1-pro-table th,.v1-pro-table td{padding:9px 8px;border-bottom:1px solid var(--border);text-align:left}
.v1-pro-table thead th{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.v1-pro-table td:last-child{color:var(--v1-gold);font-weight:650}
[data-theme=light] .v1-pro-table td:last-child{color:#8a5c00}

/* Friends. */
.v1-friend-list{display:grid;gap:8px}
.v1-friend{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px}
.v1-friend.is-request{border-color:color-mix(in srgb,#ff5fb8,transparent 50%)}
.v1-face{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;overflow:hidden;background:var(--surface2);font-weight:800}
.v1-face img{width:100%;height:100%;object-fit:cover}
.v1-friend-name b{font-size:14px}
.v1-friend-name small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;margin-top:2px}
.v1-friend-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.v1-add-friend{padding:16px 20px}
.v1-add-friend h2{font-size:18px;margin-bottom:10px}
.v1-add-friend>p{font-size:12px;margin-top:8px}
.v1-suggestions{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:12px}
.v1-suggestion{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--surface2)}
.v1-suggestion .v1-face{width:36px;height:36px;border-radius:11px}
.v1-suggestion small{display:block;color:var(--muted);font-size:11px}
.v1-friends-body.tab-notifications .notif-row{margin-bottom:8px}
@media(max-width:760px){.v1-friend{grid-template-columns:auto minmax(0,1fr)}.v1-friend-actions{grid-column:1/-1;justify-content:flex-start}}

/* Cases: the result dialog. */
.v1-case-result h2{margin:6px 0 12px}
.v1-case-result .case-results-grid.count-1{display:flex;justify-content:center}
.v1-case-result .case-result-item{width:min(240px,62vw)}

/* Open on smaller screens. */
@media(max-width:1250px){.v1-open-grid{grid-template-columns:1fr}.v1-case-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.v1-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.v1-hero{grid-template-columns:1fr;padding:16px}.v1-hero-art .booster-art{max-width:220px}.v1-hero-body h2{font-size:24px}.v1-pro-teaser{grid-template-columns:auto minmax(0,1fr);gap:10px}.v1-pro-price,.v1-pro-teaser>.icon{display:none}.v1-pro-hero{grid-template-columns:1fr;text-align:center;justify-items:center}.v1-pro-hero h1{font-size:26px}.v1-pro-actions{justify-content:center}.v1-topbar .top-avatar{display:grid}.v1-topbar .theme-toggle{display:none}}
@media(max-width:430px){.v1-case-grid{gap:8px}.v1-case{padding:10px 8px}.v1-case-actions .btn{font-size:11px;padding:8px 6px}}

/* ---- Battles: six cards a side, three on the field and three in reserve (owner request, 2026-09-25). Each side's
   reserve sits beside its field; when one of your fighters falls, your reserve lights up in green. */
.squad-rows.is-three{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.squad-row.is-bench{padding-left:22px;border-left:1px dashed var(--border)}
.squad-rows .squad-row-label{margin-top:4px}
.squad-field.is-three,.squad-bank.is-three,.preset-field.is-three,.preset-bank.is-three{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px}
.preset-rows{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.preset-rows .squad-row-label{margin-top:0}
.battle-layout.is-three{display:block!important;position:relative}
.battle-layout.is-three .battle-centre{width:100%;max-width:none}
.arena-v6 .battle-layout.is-three .ar-field-label{max-width:1060px!important;margin-inline:auto}
.ar-side-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:18px;align-items:end;max-width:1060px;margin:0 auto}
.arena-v6 .battle-layout.is-three .battle-centre .ar-field{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:none!important}
.arena-v6 .battle-layout.is-three .ar-field .battle-unit{max-width:none}
.ar-side-row>.ar-field{width:100%;margin:0}
.ar-bench{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface2),transparent 40%);transition:border-color .3s,box-shadow .3s}
.ar-bench-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11px}
.ar-bench-label b{letter-spacing:1px}
.ar-bench-label span{color:var(--muted);text-align:right}
.ar-bench-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end;padding-top:20px}
.ar-bench .battle-unit{width:100%;max-width:none}
.ar-bench .battle-card{height:200px}
.ar-bench .battle-portrait{height:78px}
.ar-bench .battle-card-copy{padding:6px 6px 5px}
.ar-bench .battle-card-copy>strong{font-size:11px!important;min-height:2.2em}
.ar-bench .battle-power b{font-size:17px}
.ar-bench .battle-role-name{font-size:9px}
.ar-bench .battle-card-foot{font-size:8px}
.ar-bench .battle-role-icon{width:26px;height:26px}
.ar-bench-gap,.ar-bench-tile{height:200px;border-radius:12px}
.ar-bench-gap{border:1px dashed var(--border);background:color-mix(in srgb,var(--surface2),transparent 60%)}
.ar-bench-tile{display:flex;flex-direction:column;gap:5px;padding:6px;min-width:0;background:var(--surface2);border:1px solid color-mix(in srgb,var(--rarity,#8a8199),transparent 55%);font-size:11px}
.ar-bench-tile img{width:100%;height:96px;object-fit:cover;border-radius:8px}
.ar-bench-tile strong{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}
.ar-bench-tile b{margin-top:auto;font:400 18px var(--display,Outfit),sans-serif}
.ar-bench-tile.is-hidden{padding:0;overflow:hidden;border-color:var(--border)}
.ar-bench-tile.is-hidden .mm-simple-back{width:100%;height:100%;max-height:none}
.ar-bench.is-choosing{border-color:#34d27b;box-shadow:0 0 0 1px #34d27b88,0 0 34px #34d27b44}
.ar-bench.is-choosing .ar-bench-label b,.ar-bench.is-choosing .ar-bench-label span{color:#5be397}
.battle-unit.is-reserve.can-deploy .battle-card{outline:3px solid #34d27b;outline-offset:2px;animation:v1DeployPulse 1.2s ease-in-out infinite}
@keyframes v1DeployPulse{0%,100%{box-shadow:0 0 10px #34d27b55}50%{box-shadow:0 0 28px #34d27bcc}}
.deploy-cta{position:absolute;left:50%;top:-15px;z-index:6;display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;background:#34d27b;color:#05230f;font:800 11px Inter,sans-serif;white-space:nowrap;transform:translateX(-50%);box-shadow:0 6px 16px #0009,0 0 16px #34d27b99;animation:v1CtaBob 1.3s ease-in-out infinite}
.deploy-cta .icon{width:13px;height:13px}
.deploy-cta:hover{background:#5be397}
.battle-empty.needs-replacement{border:2px dashed #34d27b!important;color:#5be397;background:color-mix(in srgb,#34d27b,transparent 90%)!important}
.ar-action-bar.replace{border-color:#34d27b88}
.ar-action-bar.replace .eyebrow{color:#5be397}
.ar-action-bar.replace small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
@media(prefers-reduced-motion:reduce){.battle-unit.is-reserve.can-deploy .battle-card,.deploy-cta{animation:none}}
.reduce-motion :is(.battle-unit.is-reserve.can-deploy .battle-card,.deploy-cta){animation:none}
@media(max-width:900px){.squad-rows.is-three,.preset-rows{grid-template-columns:1fr}.squad-row.is-bench{padding:10px 0 0;border-left:0;border-top:1px dashed var(--border)}.ar-side-row{grid-template-columns:1fr;gap:10px}}
@media(max-width:560px){.ar-bench .battle-card,.ar-bench-gap,.ar-bench-tile{height:168px}.ar-bench .battle-portrait{height:62px}.ar-bench-tile img{height:70px}.ar-bench.opponent .ar-bench-gap,.ar-bench.opponent .ar-bench-tile.is-hidden{height:96px}.ar-bench.opponent .ar-bench-cards{padding-top:6px}}

/* An interception: the arrow from the attacker to its target, the target in red, the Blocker lit up in its blue with
   the question above it. */
.battle-unit{position:relative}
.battle-unit.is-interceptor .battle-card{outline:3px solid #79b7ef;outline-offset:3px;box-shadow:0 0 26px #79b7efaa;animation:v1InterceptPulse 1.3s ease-in-out infinite}
@keyframes v1InterceptPulse{0%,100%{box-shadow:0 0 14px #79b7ef66}50%{box-shadow:0 0 30px #79b7efcc}}
.intercept-cta{position:absolute;left:50%;top:-16px;z-index:6;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:#79b7ef;color:#081827;font:800 12px Inter,sans-serif;letter-spacing:.2px;white-space:nowrap;transform:translateX(-50%);box-shadow:0 6px 18px #0009,0 0 18px #79b7efaa;animation:v1CtaBob 1.3s ease-in-out infinite}
@keyframes v1CtaBob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-4px)}}
.intercept-cta .icon{width:14px;height:14px}
.intercept-cta:hover{background:#a5d0f7}
.battle-unit.is-threatened .battle-card{outline:3px solid #ff4848;outline-offset:3px;box-shadow:0 0 22px #ff484888}
.battle-unit.is-attacking .battle-card{outline:3px solid #ffb13d;outline-offset:3px;box-shadow:0 0 22px #ffb13d88}
.intercept-arrow{position:absolute;left:0;top:0;pointer-events:none;z-index:5;color:#ff5a4a;overflow:visible}
.intercept-arrow-line{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-dasharray:12 8;filter:drop-shadow(0 0 6px #ff5a4a);animation:v1ArrowDash .9s linear infinite}
@keyframes v1ArrowDash{to{stroke-dashoffset:-20}}
.ar-action-bar.intercept small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
@media(prefers-reduced-motion:reduce){.battle-unit.is-interceptor .battle-card,.intercept-cta,.intercept-arrow-line{animation:none}}
.reduce-motion :is(.battle-unit.is-interceptor .battle-card,.intercept-cta,.intercept-arrow-line){animation:none}

/* ---- Open: the Classic Booster, the heart of the game, in the centre and in large; the cases below it (owner
   request, 2026-09-25). */
.v1-open-stack{display:flex;flex-direction:column;gap:24px;min-width:0}
.v1-open-stack>*{min-width:0}
.v1-hero.is-center .v1-open.is-big{white-space:normal;line-height:1.35}
.v1-hero.is-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;width:100%;max-width:760px;margin:0 auto;padding:26px 22px 22px}
.v1-hero.is-center:before{background:radial-gradient(ellipse at 50% 36%,color-mix(in srgb,var(--pack),transparent 56%),transparent 60%)}
.v1-hero.is-center .v1-hero-art{width:100%}
.v1-hero.is-center .v1-hero-art .booster-art{max-width:280px;margin:-64px 0 -34px}
.v1-hero.is-center.is-empty .v1-hero-art .booster-art{filter:saturate(.6)}
.v1-hero.is-center .v1-hero-body{align-items:center;width:100%;max-width:430px}
.v1-hero.is-center .v1-hero-body h1{font-size:34px;letter-spacing:-.6px}
.v1-open-stack .v1-case{height:100%}
.v1-open-stack .v1-case-body{flex:1}
.v1-open-stack .v1-case-actions{margin-top:auto}
.v1-hero.is-center .v1-odds-link{align-self:center}
.v1-hero-odds{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:4px}
.v1-hero-odds small{flex-basis:100%;color:var(--muted);font-size:10px;letter-spacing:1.2px;text-transform:uppercase}
.v1-hero-odds span{display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 6px;border-radius:10px;background:var(--surface2);font-size:12px}
.v1-hero-odds b{font-variant-numeric:tabular-nums}
.v1-open-stack .v1-case-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.v1-open-stack .v1-cases-head{justify-content:center;text-align:center;flex-direction:column;align-items:center;gap:2px}
@media(max-width:1000px){.v1-open-stack .v1-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.v1-hero.is-center{padding:18px 14px}.v1-hero.is-center .v1-hero-art .booster-art{max-width:220px;margin:-50px 0 -26px}.v1-hero.is-center .v1-hero-body h1{font-size:28px}}

/* The refill: green, and only once no Classic Booster is left (owner request, 2026-09-25). */
.btn-refill{background:#34d27b;color:#05230f;border:1px solid #7ff0ae;box-shadow:0 4px 18px #34d27b40}
.btn-refill:hover:not(:disabled){background:#5be397}
.v1-refill-note{color:var(--muted);font-size:12px}
.v1-refill-pop{text-align:center}
.v1-refill-pop .eyebrow{justify-content:center;color:#5be397}
[data-theme=light] .v1-refill-pop .eyebrow{color:#16884a}
.v1-refill-mark{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 12px;border-radius:18px;background:color-mix(in srgb,#34d27b,transparent 78%);color:#5be397;box-shadow:0 0 30px #34d27b55}
.v1-refill-mark .icon{width:28px;height:28px}
.v1-refill-pop h2{margin:4px 0 8px}
.v1-refill-wait{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:12px;margin-top:4px}
.v1-refill-wait .icon{width:14px;height:14px}
.v1-refill-pop .v1-pay-actions{justify-content:center}

/* ---- Trade-up as before (owner request, 2026-09-25): five copies of one meme, one card of the next rarity. */
.v1-trade-intro{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center}
.v1-trade-intro h2{font-size:19px;margin-bottom:4px}
.v1-trade-formula{display:flex;align-items:center;gap:8px;color:var(--muted)}
.v1-trade-formula .icon{width:20px;height:20px}
.v1-trade-five{font:700 22px Outfit,'Segoe UI',sans-serif;color:var(--text)}
.v1-trade-card{display:grid;place-items:center;width:44px;height:60px;border-radius:9px;border:2px solid #8a8199;background:var(--surface2);font:800 16px Outfit,'Segoe UI',sans-serif;color:var(--text)}
.v1-trade-card.is-up{border-color:#b28aeb;box-shadow:0 0 18px #b28aeb66;color:#d9c4ff}
[data-theme=light] .v1-trade-card.is-up{color:#6b3fc0}
.v1-trade-path{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 6px}
.v1-trade-path>b{color:var(--muted)}
.v1-trade-intro small{color:var(--muted);font-size:12px}
.v1-trade-tile{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px}
.v1-trade-tile.is-ready{border-color:color-mix(in srgb,var(--to),transparent 45%);box-shadow:0 0 22px color-mix(in srgb,var(--to),transparent 86%)}
.v1-trade-tile .meme-card{pointer-events:none}
.v1-trade-info{display:flex;justify-content:space-between;align-items:center;gap:6px}
.v1-trade-info b{font-size:14px;font-variant-numeric:tabular-nums}
.v1-trade-info span{display:inline-flex;align-items:center;gap:5px;color:var(--muted)}
.v1-trade-info .icon{width:14px;height:14px}
.v1-trade-tile .progress-track{margin-top:0}
.v1-trade-tile .progress-track>i{background:var(--to)}
.v1-trade-tile .btn{width:100%;padding:10px}
.v1-trade-confirm{max-width:500px;text-align:center}
.v1-trade-confirm-art{display:grid;grid-template-columns:150px auto 150px;align-items:center;justify-content:center;gap:12px;margin:14px 0 16px}
.v1-trade-confirm-art .meme-card{pointer-events:none}
.v1-trade-confirm-arrow .icon{width:26px;height:26px;color:var(--muted)}
.v1-trade-mystery{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:3/4;border-radius:12px;border:2px dashed var(--to);background:color-mix(in srgb,var(--to),transparent 88%)}
.v1-trade-mystery>b{font:700 44px Outfit,'Segoe UI',sans-serif;color:var(--to)}
.v1-trade-mystery small{color:var(--muted);font-size:11px}
.v1-trade-confirm h2{font-size:21px;margin-bottom:8px}
.v1-trade-confirm .v1-pay-actions{justify-content:center;margin-top:14px}
@media(max-width:760px){.v1-trade-intro{grid-template-columns:1fr;gap:12px}.v1-trade-confirm-art{grid-template-columns:110px auto 110px;gap:8px}}

/* ---- Recycling from the Collection (owner request, 2026-09-25): tap cards, set how many copies, recycle at once. */
.v1-recycle-toggle{margin-left:auto}
.v1-recycle-hint{display:flex;align-items:flex-start;gap:8px;margin:0 0 14px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,#34d27b,transparent 88%);font-size:12px;line-height:1.9}
.v1-recycle-hint>.icon{flex:none;width:16px;height:16px;color:#5be397;margin-top:4px}
[data-theme=light] .v1-recycle-hint>.icon{color:#16884a}
.v1-card-grid.is-picking .collection-slot{position:relative}
.v1-pick{position:absolute;inset:0;z-index:4;border-radius:14px;cursor:pointer;background:transparent;transition:box-shadow .2s,background .2s}
.v1-pick:hover{background:#ffffff0f}
.v1-pick-check{position:absolute;top:-9px;left:-9px;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;border:2px solid #ffffffd9;background:#000a;color:transparent;box-shadow:0 2px 8px #0008}
.v1-pick-check .icon{width:18px;height:18px}
.collection-slot.is-picked .v1-pick{box-shadow:inset 0 0 0 3px #34d27b,0 0 22px #34d27b55}
.collection-slot.is-picked .v1-pick-check{background:#34d27b;border-color:#34d27b;color:#05230f}
.v1-pick-qty{position:absolute;left:50%;bottom:10px;z-index:5;display:flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:#08170eee;border:1px solid #34d27b;transform:translateX(-50%);box-shadow:0 4px 14px #0009}
.v1-pick-qty button{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#34d27b;color:#05230f;font:800 16px/1 Inter,sans-serif}
.v1-pick-qty button:disabled{background:#2b3b31;color:#6f8a77;opacity:1}
.v1-pick-qty b{min-width:46px;text-align:center;font-size:12px;color:#e8fff0;font-variant-numeric:tabular-nums}
.v1-pick-lock{position:absolute;left:50%;bottom:10px;z-index:4;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:#000b;color:#e6e0ee;font-size:11px;transform:translateX(-50%);white-space:nowrap;pointer-events:none}
.v1-pick-lock .icon{width:12px;height:12px}
.v1-recycle-bar{position:sticky;bottom:14px;z-index:30;display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin-top:16px;padding:12px 16px;border-color:#34d27b88;background:color-mix(in srgb,var(--surface),#000 6%);box-shadow:0 12px 40px #000a,0 0 0 1px #34d27b33}
.v1-recycle-sum{display:flex;flex-direction:column;min-width:170px}
.v1-recycle-sum b{font-size:14px}
.v1-recycle-sum small{color:#5be397;font-size:12px;font-weight:650}
[data-theme=light] .v1-recycle-sum small{color:#16884a}
.v1-recycle-quick{display:flex;gap:4px;flex-wrap:wrap}
.v1-recycle-quick .btn{padding:9px 12px}
.v1-recycle-go{display:flex;gap:8px;margin-left:auto}
.v1-recycle-confirm{max-width:500px}
.v1-recycle-warn{display:flex;gap:8px;align-items:flex-start;margin:10px 0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#ffb13d,transparent 86%);font-size:13px}
.v1-recycle-warn>.icon{flex:none;width:16px;height:16px;color:#ffb13d;margin-top:3px}
@media(max-width:760px){.v1-recycle-bar{bottom:calc(84px + env(safe-area-inset-bottom,0px));padding:10px 12px}.v1-recycle-go{width:100%;margin-left:0}.v1-recycle-go .btn{flex:1}.v1-recycle-toggle{margin-left:0}}
@media(prefers-reduced-motion:reduce){.v1-pick{transition:none}}

/* ---- Accounts (owner request, 2026-09-25): Google, X or an email address; a local test until a service is connected. */
.v1-signup{padding:8px 14px;font-size:12px}
.v1-account{max-width:440px;text-align:center}
.v1-account h2{margin:6px 0 4px}
.v1-account .eyebrow{justify-content:center}
.v1-account-lead{color:var(--muted);font-size:13px;margin-bottom:16px}
.v1-account-providers{display:grid;gap:10px}
.v1-provider{width:100%;gap:10px;padding:12px 16px;font-size:14px;border-radius:12px}
.v1-provider.is-google{background:#fff;color:#1f1f1f;border:1px solid #dadce0}
.v1-provider.is-google:hover:not(:disabled){background:#f2f2f2}
.v1-provider.is-x{background:#000;color:#fff;border:1px solid #3a3a3a}
.v1-provider.is-x:hover:not(:disabled){background:#161616}
[data-theme=light] .v1-provider.is-x{border-color:#000}
.v1-provider-mark{flex:none}
.v1-account-or{display:flex;align-items:center;gap:10px;margin:16px 0 12px;color:var(--muted);font-size:12px}
.v1-account-or:before,.v1-account-or:after{content:'';flex:1;height:1px;background:var(--border)}
.v1-account-form{display:grid;gap:10px;text-align:left}
.v1-account-form label{display:grid;gap:6px;font-size:12px;font-weight:650;color:var(--muted)}
.simple-modal .v1-account-form label,.simple-modal .v1-account-form input{margin:0}
.v1-account-form input{width:100%;margin:0}
.v1-account-form .btn{width:100%;margin-top:4px;padding:12px}
.v1-account-error{display:flex;align-items:center;gap:6px;color:#ff7b7b;font-size:12px}
.v1-account-error .icon{width:14px;height:14px}
.v1-account-switch{margin-top:12px;font-size:13px;color:var(--muted)}
.v1-account .v1-pay-note{text-align:left}
.v1-account-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.v1-account-panel h2{margin-bottom:4px}
.v1-account-panel p{color:var(--muted);font-size:13px}
.v1-account-who{display:flex;align-items:center;gap:8px;color:var(--text)!important}
.v1-account-who .icon{width:16px;height:16px}
.v1-account-actions{display:flex;gap:8px;flex-wrap:wrap}
.v1-local-tag{padding:2px 7px;border-radius:6px;background:var(--surface2);color:var(--muted);font:800 10px Inter,sans-serif;font-style:normal;letter-spacing:.6px}
.v1-signup .icon{width:16px;height:16px}
/* Phones: the button keeps its icon, and the wordmark gives way while it is there. */
@media(max-width:560px){.v1-topbar .v1-signup{padding:8px;min-width:34px}.v1-topbar .v1-signup span{display:none}}
@media(max-width:430px){.v1-topbar:has(.v1-signup) .v1-mobile-brand>span{display:none}}

/* Openings: the glint of a revealed card is clipped to the card's own corner (fx-v11 used 5.3% on both axes, which cut
   the frame's corners vertically; owner report, 2026-09-26). */
.stack-card.fx-glint .stack-front,.bulk-dealt-card.fx-glint .bulk-front{border-radius:4.55% / 3.33%}

/* Online accounts (2026-09-26): the mail mark, "Forgot your password?", and the choice between two collections. */
.v1-refill-mark.is-mail{background:color-mix(in srgb,var(--accent,#b993ea),transparent 80%);color:var(--accent,#b993ea);box-shadow:0 0 30px color-mix(in srgb,var(--accent,#b993ea),transparent 70%)}
.v1-account-form .v1-account-forgot{justify-self:center;width:auto;margin:2px 0 0;padding:4px 8px;font-size:12px}
.v1-account-sync{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px}
.v1-account-sync .icon{width:14px;height:14px}
.v1-cloud-choice{max-width:480px;text-align:center}
.v1-cloud-choice .eyebrow{justify-content:center}
.v1-cloud-options{display:grid;gap:10px;margin:16px 0 12px}
.v1-cloud-options .btn{display:grid;justify-items:center;gap:3px;width:100%;padding:12px 16px;white-space:normal}
.v1-cloud-options .btn small{font-size:12px;font-weight:500;opacity:.8}
.v1-cloud-choice .v1-pay-note{text-align:left}

/* Account management (2026-09-26): the password rule, the robot check, and the delete button kept apart. */
.v1-account-hint{margin:-4px 0 0;font-size:11px;color:var(--muted)}
.v1-captcha{display:flex;justify-content:center;min-height:65px}
.v1-account-actions .v1-account-danger{color:#ff8a8a}
.v1-account-actions .v1-account-danger:hover:not(:disabled){background:color-mix(in srgb,#ff5c5c,transparent 88%)}
.v1-account-delete .btn-danger{width:100%;margin-top:4px;padding:12px}