/* Generated by build.mjs from src/heroes/*.mjs. Edit those files, not this one. */

/* ---- RUMobile ---- */
.app-ru { --bg: #B8132B; --fg: #fff; --muted: #FFE3E7; --accent: #fff; --accent-text: #FFE3E7; --name: #FFD0D7;
          --ring: #fff; --ring-2: rgba(0,0,0,0); --pill-bg: #fff; --pill-fg: #A50F25;
          --card: rgba(255,255,255,.09); --card-line: rgba(255,255,255,.2); --rule: rgba(255,255,255,.28); --drop: rgba(70,0,10,.45); }
.app-ru .theme { background: linear-gradient(180deg, #C8162F 0%, #B8132B 40%, #9C0E24 100%); }
.app-ru .app-copy .glyph { filter: brightness(0) invert(1); opacity: .9; }
.tab-ru[aria-current="page"] { background: #C51A30; }
.chip-ru i { background: #C51A30; }

.app-ru .map { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; }
.app-ru .map .r1 { stroke: rgba(255,255,255,.85); }
.app-ru .map .r2 { stroke: rgba(255,255,255,.38); }
.app-ru .map .r3 { stroke: rgba(255,208,215,.5); }
.app-ru .map .r4 { stroke: rgba(90,4,18,.45); }
.app-ru .map .stops circle { fill: #B8132B; stroke: #fff; stroke-width: 5; }
.app-ru .map .labels text { font-family: var(--mono); font-size: 15px; font-weight: 500; fill: rgba(255,255,255,.88); letter-spacing: .02em; }

.card-ru { --c: #C51A30; background: linear-gradient(160deg, #D21F37, #9C0E24); }
.card-ru .card-art::before { right: -10px; bottom: 40px; width: 40%; height: 96px; border: 12px solid rgba(255,255,255,.32);
  border-right: 0; border-bottom: 0; border-top-left-radius: 70px; }
.card-ru .card-art::after { right: 20%; bottom: 114px; width: 22px; height: 22px; border-radius: 50%; background: #B8132B;
  border: 5px solid #fff; box-shadow: 64px 0 0 -5px #B8132B, 64px 0 0 0 #fff; }

/* ---- Luna Subscriptions ---- */
.app-luna { --bg: #1B2552; --fg: #fff; --muted: #D9DEEE; --accent: #E7BE5E; --accent-text: #E7BE5E; --name: #E7BE5E;
          --ring: #0F1532; --ring-2: rgba(255,255,255,.12); --pill-bg: #141C42; --pill-fg: #E7BE5E;
          --card: rgba(255,255,255,.05); --card-line: rgba(255,255,255,.1); --rule: rgba(231,190,94,.28); --drop: rgba(8,12,34,.55); }
.app-luna .theme { background:
    radial-gradient(circle at 6% 6%, rgba(255,255,255,.7) 0 1.2px, transparent 2px),
    radial-gradient(circle at 14% 31%, rgba(255,255,255,.45) 0 1px, transparent 1.8px),
    radial-gradient(circle at 31% 3%, rgba(255,255,255,.55) 0 1px, transparent 1.8px),
    radial-gradient(circle at 44% 18%, rgba(255,255,255,.35) 0 1px, transparent 1.8px),
    radial-gradient(circle at 93% 2%, rgba(255,255,255,.5) 0 1px, transparent 1.8px),
    radial-gradient(circle at 22% 44%, rgba(255,255,255,.4) 0 1px, transparent 1.8px),
    radial-gradient(circle at 71% 52%, rgba(255,255,255,.4) 0 1px, transparent 1.8px),
    radial-gradient(circle at 88% 70%, rgba(255,255,255,.45) 0 1px, transparent 1.8px),
    radial-gradient(circle at 9% 84%, rgba(255,255,255,.35) 0 1px, transparent 1.8px),
    linear-gradient(180deg, #1E2A5C 0%, #19224D 55%, #151D43 100%); }
.app-luna .app-copy .glyph { filter: brightness(0) invert(1); opacity: .9; }
.tab-luna[aria-current="page"] { background: #1B2552; }
.chip-luna i { background: #1B2552; }

.app-luna .moon { position: absolute; width: 640px; height: 640px; left: 50%; top: 50%; transform: translate(-46%, -50%); border-radius: 50%;
  background:
    radial-gradient(ellipse 46px 32px at 22% 30%, rgba(196,146,52,.55) 0 60%, transparent 62%),
    radial-gradient(ellipse 30px 22px at 38% 16%, rgba(196,146,52,.5) 0 60%, transparent 62%),
    radial-gradient(ellipse 64px 44px at 78% 26%, rgba(196,146,52,.45) 0 60%, transparent 62%),
    radial-gradient(ellipse 40px 30px at 86% 58%, rgba(196,146,52,.5) 0 60%, transparent 62%),
    radial-gradient(ellipse 54px 36px at 16% 70%, rgba(196,146,52,.45) 0 60%, transparent 62%),
    radial-gradient(ellipse 34px 24px at 64% 86%, rgba(196,146,52,.5) 0 60%, transparent 62%),
    radial-gradient(circle at 36% 32%, #F6DA92 0%, #E9C163 48%, #D5A646 100%);
  box-shadow: 0 0 0 18px rgba(231,190,94,.07), 0 0 0 40px rgba(231,190,94,.04), 0 0 120px rgba(231,190,94,.25); }
.app-luna .star { position: absolute; color: #F3D58A; }
.app-luna .star svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.app-luna .star.s1 { width: 34px; height: 34px; left: 2%; top: 4%; }
.app-luna .star.s2 { width: 18px; height: 18px; right: 2%; bottom: 10%; opacity: .8; }
.app-luna .star.s3 { width: 12px; height: 12px; right: 12%; top: 2%; opacity: .7; }

.card-luna { --c: #1B2552; background: linear-gradient(160deg, #22306A, #151D43); }
.card-luna .card-art { background:
  radial-gradient(circle at 68% 18%, rgba(255,255,255,.6) 0 1.2px, transparent 2px),
  radial-gradient(circle at 86% 46%, rgba(255,255,255,.45) 0 1px, transparent 1.8px),
  radial-gradient(circle at 54% 64%, rgba(255,255,255,.4) 0 1px, transparent 1.8px),
  radial-gradient(circle at 94% 12%, rgba(255,255,255,.5) 0 1px, transparent 1.8px); }
.card-luna .card-art::after { right: -40px; bottom: -150px; width: 270px; height: 270px; border-radius: 50%;
  background:
    radial-gradient(ellipse 26px 18px at 30% 26%, rgba(196,146,52,.55) 0 60%, transparent 62%),
    radial-gradient(ellipse 36px 24px at 68% 20%, rgba(196,146,52,.45) 0 60%, transparent 62%),
    radial-gradient(circle at 36% 32%, #F6DA92 0%, #E9C163 48%, #D5A646 100%);
  box-shadow: 0 0 0 14px rgba(231,190,94,.08), 0 0 70px rgba(231,190,94,.3); }

/* ---- Ebay Calculator ---- */
.app-ebay { --bg: #1A63C9; --fg: #fff; --muted: #DCE9FF; --accent: #F5AF02; --accent-text: #FFD25A; --name: #FFD25A;
          --ring: #fff; --ring-2: rgba(0,0,0,0); --pill-bg: #0B3F8F; --pill-fg: #fff;
          --card: rgba(255,255,255,.09); --card-line: rgba(255,255,255,.2); --rule: rgba(255,255,255,.26); --drop: rgba(5,25,70,.45);
          --d-profit: #3FA34D; --d-fees: #F5AF02; --d-tax: #E53238; --d-ship: #FFFFFF; --d-cost: rgba(255,255,255,.2); }
.app-ebay .theme { background: linear-gradient(180deg, #1E6FD9 0%, #1A63C9 45%, #0F4FB0 100%); }
.app-ebay .app-copy .glyph { filter: brightness(0) invert(1); opacity: .9; }
.tab-ebay[aria-current="page"] { background: #1A63C9; }
.chip-ebay i { background: #1A63C9; }

.app-ebay .donut { position: absolute; width: 600px; height: 600px; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-8deg); border-radius: 50%;
  background: var(--donut); -webkit-mask: radial-gradient(circle, transparent 56%, #000 56.5%); mask: radial-gradient(circle, transparent 56%, #000 56.5%);
  filter: drop-shadow(0 20px 40px rgba(5,25,70,.35)); }
.app-ebay .donut-tag { position: absolute; left: 4%; top: 6%; z-index: 2; padding: 8px 14px; border-radius: 12px; background: #fff; color: #0F4FB0;
  font-family: var(--mono); font-size: 14px; box-shadow: 0 10px 24px rgba(5,25,70,.3); }
.app-ebay .donut-tag b { color: #2E8A3C; font-weight: 500; }
.app-ebay .key { position: absolute; width: 58px; height: 58px; border-radius: 16px; box-shadow: 0 12px 24px rgba(5,25,70,.35); display: grid; place-items: center;
  font-style: normal; font-family: var(--sans); font-weight: 800; font-size: 28px; color: #1A63C9; }
.app-ebay .key.k1 { background: #E53238; right: 3%; top: 4%; transform: rotate(10deg); }
.app-ebay .key.k2 { background: #F5AF02; right: 13%; top: 15%; width: 42px; height: 42px; border-radius: 12px; transform: rotate(-8deg); }
.app-ebay .key.k3 { background: #3FA34D; left: 2%; bottom: 8%; transform: rotate(-12deg); }
.app-ebay .key.k4 { background: #fff; right: 4%; bottom: 5%; transform: rotate(6deg); }

.card-ebay { --c: #1A63C9; background: linear-gradient(160deg, #2A7BE4, #0F4FB0); }
.card-ebay .card-art::after { right: -50px; bottom: -140px; width: 270px; height: 270px; border-radius: 50%;
  background: conic-gradient(from -90deg, #3FA34D 0 28.5%, #F5AF02 28.5% 42.2%, #E53238 42.2% 49.1%, #fff 49.1% 52.8%, rgba(255,255,255,.22) 52.8% 100%);
  -webkit-mask: radial-gradient(circle, transparent 52%, #000 53%); mask: radial-gradient(circle, transparent 52%, #000 53%); }

/* ---- TipScan ---- */
.app-tip { --bg: #FDFCF7; --fg: #1C1B19; --muted: #4E4A43; --accent: #E8B04A; --accent-text: #8A5A00; --name: #A86F0C;
          --ring: #1C1B19; --ring-2: rgba(0,0,0,0); --pill-bg: #1C1B19; --pill-fg: #FDFCF7;
          --card: #fff; --card-line: rgba(28,27,25,.12); --rule: rgba(28,27,25,.14); --drop: rgba(28,27,25,.18); }
.tab-tip[aria-current="page"] { background: #1C1B19; }
.chip-tip i { background: #E8B04A; }

.app-tip .shot img { box-shadow: 0 0 0 3px var(--ring), 0 26px 50px var(--drop); }
.app-tip .receipt { position: absolute; left: 50%; top: -48px; bottom: -48px; width: 380px; transform: translateX(-50%) rotate(-3deg);
  display: flex; flex-direction: column; padding: 34px 34px 40px; gap: 10px; background: #fff; color: #1C1B19; font-family: var(--mono); font-size: 15px;
  filter: drop-shadow(0 18px 36px rgba(28,27,25,.14));
  -webkit-mask:
    conic-gradient(from 135deg at top, transparent, #000 1deg 89deg, transparent 90deg) top / 20px 51% repeat-x,
    conic-gradient(from -45deg at bottom, transparent, #000 1deg 89deg, transparent 90deg) bottom / 20px 51% repeat-x;
  mask:
    conic-gradient(from 135deg at top, transparent, #000 1deg 89deg, transparent 90deg) top / 20px 51% repeat-x,
    conic-gradient(from -45deg at bottom, transparent, #000 1deg 89deg, transparent 90deg) bottom / 20px 51% repeat-x; }
.app-tip .r-head { text-align: center; font-size: 22px; font-weight: 500; letter-spacing: .3em; }
.app-tip .r-sub { text-align: center; font-size: 12px; color: #6B665D; padding-bottom: 12px; border-bottom: 2px dashed #1C1B19; }
.app-tip .r-row { display: flex; justify-content: space-between; }
.app-tip .r-spacer { flex: 1; }
.app-tip .r-total { padding-top: 14px; border-top: 2px dashed #1C1B19; font-size: 22px; font-weight: 500; }
.app-tip .r-foot { text-align: center; font-size: 12px; letter-spacing: .14em; color: #6B665D; }
.app-tip .slash { position: absolute; z-index: 0; width: 26px; height: 300px; border-radius: 13px; background: #E8B04A; right: 2%; top: 50%;
  transform: translateY(-50%) rotate(45deg); }

.card-tip { --c: #1C1B19; background: #F6F3EA; color: #1C1B19; box-shadow: inset 0 0 0 1.5px rgba(28,27,25,.1); }
.card-tip .plat { background: rgba(28,27,25,.08); }
.card-tip .glyph { filter: none; }
.card-tip .card-go { background: rgba(28,27,25,.08); }
.card-tip:hover .card-go { background: #1C1B19; color: #FDFCF7; }
.card-tip .card-icon { box-shadow: 0 0 0 1px rgba(28,27,25,.14), 0 10px 24px rgba(28,27,25,.12); }
.card-tip .card-art::after { right: 34px; bottom: -14px; width: 150px; height: 112px; background: #fff;
  box-shadow: 0 0 0 1px rgba(28,27,25,.08);
  -webkit-mask: conic-gradient(from 135deg at top, transparent, #000 1deg 89deg, transparent 90deg) top / 16px 51% repeat-x,
                linear-gradient(#000 0 0) bottom / 100% calc(100% - 7px) no-repeat;
  mask: conic-gradient(from 135deg at top, transparent, #000 1deg 89deg, transparent 90deg) top / 16px 51% repeat-x,
        linear-gradient(#000 0 0) bottom / 100% calc(100% - 7px) no-repeat; transform: rotate(-5deg); }
.card-tip .card-art::before { z-index: 1; right: 58px; bottom: 58px; width: 100px; height: 2px; transform: rotate(-5deg);
  background: repeating-linear-gradient(90deg, rgba(28,27,25,.45) 0 6px, transparent 6px 10px);
  box-shadow: 0 18px 0 rgba(28,27,25,.14), 2px 34px 0 rgba(28,27,25,.14); }

/* ---- CryptoLots ---- */
.app-crypto { --bg: #0F1715; --fg: #fff; --muted: #BFD3CB; --accent: #20C795; --accent-text: #7EE8B4; --name: #7EE8B4;
          --ring: #0B1210; --ring-2: rgba(126,232,180,.28); --pill-bg: #12302A; --pill-fg: #7EE8B4;
          --card: rgba(255,255,255,.05); --card-line: rgba(255,255,255,.1); --rule: rgba(32,199,149,.3); --drop: rgba(0,0,0,.6); }
.app-crypto .theme { background:
    radial-gradient(ellipse 60% 50% at 85% 0%, rgba(32,199,149,.16), transparent 70%),
    linear-gradient(180deg, #152421 0%, #0F1715 50%, #0B1210 100%); }
.app-crypto .app-copy .glyph { filter: brightness(0) invert(1); opacity: .9; }
.tab-crypto[aria-current="page"] { background: #0F1715; }
.chip-crypto i { background: #20C795; }

.app-crypto .ticker { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; }
.app-crypto .gem { position: absolute; width: 560px; height: 504px; left: 50%; top: 50%; transform: translate(-48%, -54%);
  filter: drop-shadow(0 0 60px rgba(32,199,149,.35)) drop-shadow(0 30px 50px rgba(0,0,0,.5)); }
.app-crypto .lot { position: absolute; z-index: 2; padding: 7px 12px; border-radius: 10px; font-family: var(--mono); font-size: 13px;
  background: #12302A; color: #7EE8B4; box-shadow: 0 0 0 1px rgba(126,232,180,.35), 0 12px 28px rgba(0,0,0,.45); }
.app-crypto .lot-1 { left: 0; top: 3%; }
.app-crypto .lot-2 { right: 0; top: 3%; background: #7EE8B4; color: #0B1210; box-shadow: 0 12px 28px rgba(0,0,0,.45); }

.card-crypto { --c: #0F1715; background: linear-gradient(160deg, #1A2E29, #0B1210); }
.card-crypto .card-art::after { right: -60px; bottom: -90px; width: 300px; height: 270px;
  background:
    linear-gradient(#7EE8B4, #7EE8B4) 0 0 / 100% 0 no-repeat,
    conic-gradient(from 180deg at 50% 39%, #083E77 0 60deg, #07666D 60deg 120deg, #098669 120deg 180deg, #20C795 180deg 220deg, #7EE8B4 220deg 320deg, #099E7A 320deg 360deg);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 360"><polygon points="80,40 320,40 380,140 200,350 20,140"/></svg>') center / contain no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 360"><polygon points="80,40 320,40 380,140 200,350 20,140"/></svg>') center / contain no-repeat;
  filter: drop-shadow(0 0 30px rgba(32,199,149,.35)); }

@media (max-width: 680px) {
.app-ru .map .labels { display: none; }

.card-ru .card-art::before { bottom: 30px; height: 64px; width: 42%; }
.card-ru .card-art::after { bottom: 72px; }

.app-luna .moon { width: 340px; height: 340px; transform: translate(-50%, -50%); }
.app-luna .star.s1 { width: 22px; height: 22px; left: 4%; top: 2%; }

.card-luna .card-art::after { width: 200px; height: 200px; right: -60px; bottom: -90px; }

.app-ebay .donut { width: 330px; height: 330px; }
.app-ebay .donut-tag { left: 0; top: -4px; font-size: 12px; padding: 6px 10px; }
.app-ebay .key { width: 38px; height: 38px; border-radius: 11px; font-size: 19px; }
.app-ebay .key.k2 { width: 28px; height: 28px; border-radius: 8px; }
.app-ebay .key.k1 { right: 0; top: 2%; } .app-ebay .key.k4 { right: 0; bottom: 0; } .app-ebay .key.k3 { left: 0; bottom: 2%; }

.card-ebay .card-art::after { width: 190px; height: 190px; right: -60px; bottom: -70px; }

.app-tip .shot img { box-shadow: 0 0 0 2px var(--ring), 0 16px 30px var(--drop); }
.app-tip .receipt { width: 250px; top: -28px; bottom: -28px; padding: 22px 20px 26px; font-size: 11px; gap: 6px; }
.app-tip .r-head { font-size: 16px; } .app-tip .r-total { font-size: 15px; padding-top: 8px; } .app-tip .r-sub, .app-tip .r-foot { font-size: 9px; }
.app-tip .slash { height: 180px; width: 18px; right: -2%; }

.card-tip .card-art::after, .card-tip .card-art::before { display: none; }

.app-crypto .gem { width: 330px; height: 297px; transform: translate(-50%, -54%); }
.app-crypto .lot { font-size: 11px; padding: 5px 9px; }
.app-crypto .lot-1 { left: 0; top: 0; } .app-crypto .lot-2 { right: 0; top: 0; }

.card-crypto .card-art::after { width: 210px; height: 190px; right: -50px; bottom: -60px; }
}