:root {
    --bg: #080812;
    --top: #090914;
    --panel: #151126;
    --panel2: #201837;
    --text: #fff8ff;
    --muted: #c9c0d9;
    --line: rgba(255,255,255,.14);
    --magenta: #d900ff;
    --pink: #ff27bf;
    --cyan: #35d4ff;
    --violet: #7657ff;
    --green: #4bd38a;
    --shadow: 0 14px 28px rgba(0,0,0,.34);
    --radius: 20px;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
[data-theme="light"] {
    --bg: #eff6ff;
    --top: #111225;
    --panel: #ffffff;
    --panel2: #eef4ff;
    --text: #121326;
    --muted: #5c6175;
    --line: rgba(15,12,35,.16);
    --shadow: 0 12px 28px rgba(18,16,45,.14);
}
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
html { background: var(--bg); color: var(--text); }
body { min-height: 100dvh; color: var(--text); background: radial-gradient(circle at 0 0, rgba(217,0,255,.16), transparent 22rem), radial-gradient(circle at 100% 0, rgba(53,212,255,.13), transparent 24rem), var(--bg); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { border: 0; cursor: pointer; }
button:disabled { opacity: .55; cursor: not-allowed; }
img { display: block; max-width: 100%; }
.app-frame { min-height: 100dvh; width: 100%; display: grid; grid-template-columns: 96px minmax(0, 1fr); grid-template-rows: 52px minmax(0, 1fr); background: linear-gradient(180deg, rgba(16,9,31,.96), rgba(7,8,18,.99)); }
.game-header { grid-column: 2; grid-row: 1; position: sticky; top: 0; z-index: 30; background: linear-gradient(90deg, rgba(217,0,255,.92), rgba(117,82,255,.86) 55%, rgba(53,212,255,.80)); box-shadow: 0 4px 12px rgba(0,0,0,.28); }
.resource-strip { height: 52px; max-width: 1280px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 14px; }
.player-chip { display: flex; align-items: center; min-width: 42px; flex: 0 0 auto; }
.player-avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: linear-gradient(135deg, var(--magenta), var(--cyan)); border: 2px solid rgba(255,255,255,.86); color: #fff; font-weight: 950; font-size: .75rem; }
.player-avatar img { width: 100%; height: 100%; object-fit: cover; }
.resource-group { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0; flex: 1 1 auto; }
.resource-pill { height: 32px; min-width: 52px; max-width: 108px; display: flex; align-items: center; justify-content: center; gap: 5px; border-radius: 13px; padding: 0 9px; color: #fff; background: rgba(10,10,20,.46); box-shadow: inset 0 1px 0 rgba(255,255,255,.16); font-weight: 950; font-size: .8rem; line-height: 1; white-space: nowrap; }
.resource-pill img { width: 18px; height: 18px; object-fit: contain; flex: 0 0 auto; }
.resource-pill.messages img, .plus-btn img, .nav-ico img, .tile-ico img { filter: brightness(0) invert(1); }
.resource-pill b { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.resource-pill.coins { background: rgba(60,28,84,.50); }
.resource-pill.diamond { background: rgba(18,73,127,.60); }
.plus-btn { width: 32px; height: 32px; border-radius: 13px; display: grid; place-items: center; background: linear-gradient(135deg, var(--cyan), var(--magenta)); box-shadow: 0 5px 10px rgba(0,0,0,.24); flex: 0 0 auto; }
.plus-btn img { width: 19px; height: 19px; }
.side-nav { grid-column: 1; grid-row: 1 / span 2; position: sticky; top: 0; height: 100dvh; display: flex; flex-direction: column; gap: 10px; align-items: center; padding: 16px 9px; background: rgba(3,4,12,.88); border-right: 1px solid rgba(255,255,255,.08); z-index: 35; }
.brand { display: grid; place-items: center; gap: 7px; font-size: .68rem; font-weight: 950; color: #fff; margin-bottom: 8px; }
.brand-mark { width: 48px; height: 48px; border-radius: 18px; display: grid; place-items: center; background: linear-gradient(135deg,var(--magenta),var(--cyan)); color: #fff; font-weight: 950; }
.side-link, .bottom-link { position: relative; min-height: 66px; border-radius: 18px; display: grid; justify-items: center; align-content: center; gap: 5px; padding: 7px 6px; color: rgba(255,255,255,.78); font-size: .66rem; font-weight: 950; text-align: center; }
.side-link { width: 74px; }
.side-link.active, .bottom-link.active { color: #fff; background: linear-gradient(135deg,var(--magenta),var(--pink)); box-shadow: 0 12px 22px rgba(217,0,255,.25); }
.nav-ico { width: 32px; height: 32px; border-radius: 13px; background: rgba(255,255,255,.11); display: grid; place-items: center; padding: 7px; }
.nav-ico img { width: 100%; height: 100%; object-fit: contain; opacity: .96; }
.side-link.active .nav-ico, .bottom-link.active .nav-ico { background: rgba(255,255,255,.22); }
.badge { position: absolute; top: 6px; right: 8px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 999px; background: #fff; color: #15101e; display: grid; place-items: center; font-size: .62rem; font-weight: 950; }
.app-main { grid-column: 2; grid-row: 2; width: min(100%, 1280px); margin: 0 auto; padding: 14px 20px 42px; }
.bottom-nav { display: none; }
.flash-stack { display: grid; gap: 8px; margin-bottom: 10px; }
.flash { padding: 10px 12px; border-radius: 14px; border: 1px solid var(--line); background: var(--panel); box-shadow: var(--shadow); font-size: .82rem; }
.bonus-card { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 10px; align-items: center; min-height: 56px; border-radius: 18px; padding: 9px 11px; margin-bottom: 12px; background: linear-gradient(135deg, rgba(217,0,255,.70), rgba(48,88,166,.82) 56%, rgba(54,207,255,.78)); color: #fff; box-shadow: var(--shadow); border: 1px solid rgba(255,255,255,.16); }
.bonus-card.compact { max-width: 760px; }
.bonus-coin { width: 38px; height: 38px; border-radius: 14px; display: grid; place-items: center; background: rgba(255,255,255,.12); padding: 8px; }
.bonus-coin img { filter: brightness(0) invert(1); }
.bonus-copy { display: grid; gap: 2px; min-width: 0; }
.bonus-copy strong { font-size: .86rem; line-height: 1.05; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bonus-copy small { color: rgba(255,255,255,.78); font-size: .67rem; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.claim-btn, .orange-btn, .pink-btn, .white-btn, .primary-btn, .ghost-btn { min-height: 34px; border-radius: 13px; padding: 0 13px; display: inline-flex; align-items: center; justify-content: center; font-weight: 950; text-align: center; font-size: .78rem; white-space: nowrap; }
.claim-btn { background: #fff; color: #23142f; box-shadow: 0 3px 0 rgba(0,0,0,.16); }
.orange-btn, .pink-btn, .primary-btn { background: linear-gradient(135deg, var(--magenta), var(--pink)); color: #fff; box-shadow: 0 5px 0 rgba(70,0,80,.20); }
.white-btn, .ghost-btn { background: rgba(255,255,255,.92); color: #15101e; border: 1px solid rgba(255,255,255,.58); }
.slim { min-height: 32px; padding: 0 12px; }
.section-bar { min-height: 32px; display: grid; place-items: center; margin: 12px 0 10px; padding: 0 12px; background: linear-gradient(90deg,var(--magenta),var(--cyan)); color: #fff; font-weight: 950; font-size: .78rem; text-transform: uppercase; letter-spacing: .02em; }
.section-bar.purple { background: linear-gradient(90deg,var(--violet),var(--magenta)); }
.section-bar.blue { background: linear-gradient(90deg,var(--cyan),var(--violet)); }
.section-bar.green { background: linear-gradient(90deg,var(--green),var(--cyan)); }
.section-bar.live { background: linear-gradient(90deg,var(--pink),var(--magenta),var(--cyan)); }
.blink { animation: dxfBlink 1.1s ease-in-out infinite alternate; }
@keyframes dxfBlink { from { filter: brightness(.9); } to { filter: brightness(1.25); } }
.live-mini-card { display: grid; grid-template-columns: 150px minmax(0,1fr); min-height: 142px; border-radius: 20px; overflow: hidden; background: linear-gradient(135deg, rgba(44,21,70,.97), rgba(17,62,78,.96)); border: 1px solid var(--line); box-shadow: var(--shadow); margin-bottom: 12px; }
.live-mini-image { width: 100%; height: 100%; object-fit: cover; }
.live-mini-body { padding: 14px; display: grid; align-content: center; gap: 8px; }
.live-dot { width: max-content; min-height: 24px; padding: 0 10px; border-radius: 999px; background: linear-gradient(135deg,var(--pink),var(--cyan)); font-size: .66rem; font-weight: 950; }
.live-mini-body h2 { margin: 0; font-size: 1.1rem; line-height: 1.05; }
.live-mini-body p { margin: 0; color: var(--muted); font-size: .82rem; }
.action-row { display: flex; gap: 9px; flex-wrap: wrap; align-items: center; }
.home-feature-wrap { display: grid; justify-items: center; margin-bottom: 14px; }
.home-feature-wrap.multi { grid-template-columns: repeat(auto-fill, minmax(280px,1fr)); gap: 14px; justify-items: stretch; }
.feature-action-card { position: relative; width: min(100%, 560px); min-height: 260px; border-radius: 26px; overflow: hidden; background: linear-gradient(135deg, rgba(49,32,83,.96), rgba(17,57,78,.96)); border: 2px solid rgba(255,255,255,.34); box-shadow: var(--shadow); display: grid; place-items: stretch; }
.home-feature-wrap.multi .feature-action-card { width: 100%; }
.feature-card-bg { position: absolute; inset: 0; background: linear-gradient(135deg, color-mix(in srgb, var(--from) 38%, transparent), color-mix(in srgb, var(--to) 34%, transparent)); opacity: .95; }
.feature-card-bg img { width: 100%; height: 100%; object-fit: cover; opacity: .82; }
.feature-card-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8,8,18,.08), rgba(8,8,18,.72)); }
.feature-action-content { position: relative; z-index: 1; padding: 28px 24px 22px; display: grid; align-content: center; justify-items: center; gap: 10px; text-align: center; }
.feature-icon { width: 62px; height: 62px; border-radius: 22px; background: rgba(255,255,255,.17); border: 1px solid rgba(255,255,255,.18); display: grid; place-items: center; padding: 14px; }
.feature-icon img { width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1); }
.feature-icon.custom img { filter: none; }
.feature-action-card h2 { margin: 0; font-size: clamp(1.25rem, 3vw, 1.8rem); line-height: 1.02; color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,.34); }
.feature-action-card p { margin: 0; color: rgba(255,255,255,.88); font-size: .92rem; }
.corner-badge { position: absolute; top: 12px; right: 12px; z-index: 3; min-height: 26px; padding: 0 10px; border-radius: 999px; background: linear-gradient(135deg,var(--pink),var(--cyan)); color: #fff; display: grid; place-items: center; font-size: .68rem; font-weight: 950; text-transform: uppercase; transform: rotate(8deg); box-shadow: 0 6px 12px rgba(0,0,0,.24); }
.feature-progress { width: min(100%, 340px); height: 13px; border-radius: 999px; background: rgba(5,12,24,.62); overflow: hidden; box-shadow: inset 0 2px 4px rgba(0,0,0,.35); }
.feature-progress span { display: block; height: 100%; width: 52%; border-radius: inherit; background: linear-gradient(90deg,var(--cyan),var(--magenta)); }
.feature-bottom { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.timer-chip { min-height: 28px; padding: 0 10px; border-radius: 999px; background: rgba(5,12,24,.72); color: #fff; display: inline-flex; align-items: center; gap: 5px; font-size: .72rem; font-weight: 950; }
.timer-chip img { width: 16px; height: 16px; filter: brightness(0) invert(1); }
.wallet-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 12px 0; }
.wallet-summary div, .wallet-page-grid article { min-height: 86px; border-radius: 18px; padding: 12px; background: linear-gradient(135deg, rgba(47,18,69,.96), rgba(17,31,58,.96)); border: 1px solid var(--line); display: grid; align-content: center; gap: 4px; box-shadow: var(--shadow); }
.wallet-summary img, .wallet-page-grid img { width: 24px; height: 24px; object-fit: contain; }
.wallet-summary b, .wallet-page-grid b { font-size: 1.15rem; line-height: 1; color: #fff; }
.wallet-summary span, .wallet-page-grid span { color: var(--muted); font-size: .76rem; font-weight: 800; }
.invite-panel, .panel, .profile-card-app, .login-card, .show-highlight { background: linear-gradient(135deg, rgba(32,20,58,.96), rgba(17,54,76,.94)); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }
.compact-invite { max-width: 720px; padding: 14px; display: grid; gap: 8px; }
.compact-invite h2 { margin: 0; font-size: 1rem; }
.compact-invite p { margin: 0; color: var(--muted); font-size: .82rem; }
.copy-field, input[type=text], input[type=email], input[type=password], input[type=date], input[type=datetime-local], input[type=number], input[type=color], select, textarea { width: 100%; min-height: 42px; border-radius: 14px; border: 1px solid var(--line); background: rgba(5,7,18,.38); color: var(--text); padding: 10px 12px; font-weight: 800; }
textarea { min-height: 120px; resize: vertical; }
.count-line { width: max-content; color: #fff; font-size: .86rem; }
.today-show-strip { display: grid; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)); gap: 10px; margin-bottom: 12px; }
.today-show-card { min-height: 76px; border-radius: 18px; background: rgba(255,255,255,.92); color: #08122a; display: grid; grid-template-columns: 68px minmax(70px,.35fr) minmax(0,1fr); gap: 10px; align-items: center; padding: 8px; font-weight: 950; box-shadow: var(--shadow); }
.today-show-card > img { width: 68px; height: 60px; border-radius: 12px; object-fit: cover; }
.today-show-card span { display: grid; gap: 2px; }
.today-show-card small { color: #4c5970; font-size: .66rem; font-weight: 800; }
.today-show-card strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.show-highlight { display: grid; grid-template-columns: minmax(260px,.95fr) minmax(0,1.05fr); min-height: 230px; margin-bottom: 14px; }
.highlight-image, .show-poster { position: relative; min-height: 190px; background: #111627; overflow: hidden; }
.highlight-image img, .show-poster img { width: 100%; height: 100%; object-fit: cover; }
.image-placeholder { width: 100%; height: 100%; min-height: 190px; display: grid; place-items: center; background: linear-gradient(135deg, rgba(217,0,255,.18), rgba(53,212,255,.16)); }
.image-placeholder img { width: 56px; height: 56px; filter: brightness(0) invert(1); opacity: .7; }
.badge-hot, .date-chip { position: absolute; top: 10px; right: 10px; min-height: 24px; padding: 0 10px; border-radius: 999px; background: linear-gradient(135deg,var(--pink),var(--cyan)); color: #fff; display: grid; place-items: center; font-size: .64rem; font-weight: 950; text-transform: uppercase; }
.date-chip { left: 10px; right: auto; min-width: 52px; gap: 0; padding: 4px 8px; border-radius: 12px; background: rgba(4,5,12,.72); text-align: center; }
.date-chip b { font-size: .76rem; }
.date-chip small { font-size: .62rem; }
.show-body { padding: 16px; display: grid; align-content: center; gap: 9px; }
.show-body h2, .panel h2, .profile-head-app h2, .login-card h1, .show-card-body h2, .win-card h2 { margin: 0; line-height: 1.05; letter-spacing: -.02em; }
.show-body h2 { font-size: clamp(1.15rem,2vw,1.7rem); }
.show-body p, .panel p { color: var(--muted); margin: 0; font-size: .88rem; }
.show-card-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap: 14px; margin-bottom: 14px; }
.show-card { overflow: hidden; border-radius: 22px; background: linear-gradient(135deg, rgba(36,20,58,.96), rgba(25,18,38,.96)); border: 1px solid var(--line); box-shadow: var(--shadow); }
.show-card.live { box-shadow: 0 0 0 2px rgba(255,39,191,.45), var(--shadow); }
.show-poster { min-height: 150px; }
.show-card-body { padding: 12px; display: grid; gap: 9px; }
.show-card-body h2 { font-size: 1.1rem; }
.dj-line { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: .82rem; font-weight: 850; }
.dj-line img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.rsvp-stats, .rsvp-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.rsvp-stats span, .rsvp-btn { min-height: 38px; border-radius: 13px; display: grid; place-items: center; font-size: .78rem; font-weight: 950; }
.rsvp-stats .going { background: rgba(53,212,255,.15); color: #5df5ff; }
.rsvp-stats .maybe { background: rgba(255,39,191,.16); color: #ff7ecf; }
.rsvp-btn { background: rgba(255,255,255,.10); color: #fff; }
.rsvp-btn.active { background: linear-gradient(135deg,var(--magenta),var(--pink)); }
.show-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 4px; color: #ff64bd; font-size: .78rem; font-weight: 850; }
.stream-link { min-height: 34px; border-radius: 12px; padding: 0 10px; display: inline-flex; align-items: center; background: rgba(255,255,255,.08); color: #fff; }
.profile-card-app { padding: 16px; max-width: 880px; margin: 0 auto; }
.profile-head-app { display: flex; align-items: center; gap: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--line); margin-bottom: 14px; }
.profile-head-app p { margin: 3px 0 10px; color: var(--muted); font-size: .82rem; }
.profile-image { width: 86px; height: 86px; border-radius: 24px; overflow: hidden; background: linear-gradient(135deg,var(--magenta),var(--cyan)); display: grid; place-items: center; color: #fff; font-weight: 950; }
.profile-image.big { width: 96px; height: 96px; border-radius: 28px; flex: 0 0 auto; }
.profile-image img { width: 100%; height: 100%; object-fit: cover; }
.profile-view-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.profile-view-grid div { min-height: 68px; border-radius: 16px; background: rgba(255,255,255,.06); border: 1px solid var(--line); padding: 10px 12px; display: grid; align-content: center; gap: 4px; }
.profile-view-grid small { color: var(--muted); font-size: .68rem; font-weight: 900; text-transform: uppercase; }
.profile-view-grid b { font-size: .9rem; overflow-wrap: anywhere; }
.empty-value { color: rgba(255,255,255,.45); font-weight: 800; }
.profile-form-app { display: grid; gap: 14px; }
.form-grid { display: grid; gap: 12px; }
.two-col { grid-template-columns: repeat(2,minmax(0,1fr)); }
.full { grid-column: 1/-1; }
label { display: grid; gap: 6px; font-weight: 950; font-size: .78rem; }
.file-upload { position: relative; display: flex; align-items: center; gap: 10px; min-height: 44px; }
.file-upload input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.file-upload span { min-height: 36px; border-radius: 13px; padding: 0 12px; display: inline-flex; align-items: center; background: linear-gradient(135deg,var(--magenta),var(--pink)); color: #fff; font-weight: 950; }
.file-upload b { min-width: 0; color: var(--muted); font-size: .78rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.form-actions { display: flex; gap: 10px; justify-content: flex-end; }
.auth-screen { min-height: 100dvh; display: grid; place-items: center; padding: 24px; }
.login-card, .auth-card { width: min(100%,430px); padding: 24px; display: grid; gap: 14px; border-radius: 22px; background: linear-gradient(135deg, rgba(32,20,58,.96), rgba(17,54,76,.94)); border: 1px solid var(--line); box-shadow: var(--shadow); }
.auth-card.wide { width: min(100%,1040px); }
.login-logo { display: flex; align-items: center; gap: 12px; font-weight: 950; text-transform: uppercase; letter-spacing: .06em; }
.login-logo img { width: 58px; height: 58px; border-radius: 18px; }
.app-logo { width: 54px; height: 54px; border-radius: 18px; display: grid; place-items: center; background: linear-gradient(135deg,var(--magenta),var(--cyan)); color: #fff; font-weight: 950; }
.menu-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); gap: 12px; }
.menu-tile { min-height: 118px; border-radius: 20px; padding: 16px; background: var(--panel); border: 1px solid var(--line); box-shadow: var(--shadow); display: grid; place-items: center; align-content: center; gap: 9px; text-align: center; }
.tile-ico { width: 54px; height: 54px; border-radius: 18px; display: grid; place-items: center; background: rgba(255,255,255,.11); padding: 12px; }
.tile-ico img { width: 100%; height: 100%; object-fit: contain; filter: none; }
.menu-tile b { font-size: .95rem; }
.logout-tile button { all: unset; cursor: pointer; display: grid; place-items: center; gap: 9px; }
.panel { padding: 16px; }
.admin-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-bottom: 14px; }
.admin-card-wide { grid-column: 1/-1; }
.table-wrap { overflow: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 10px; border-bottom: 1px solid var(--line); text-align: left; font-size: .84rem; }
.wins-grid, .wallet-page-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(210px,1fr)); gap: 12px; margin-bottom: 12px; }
.win-card { position: relative; min-height: 180px; border-radius: 22px; padding: 18px; display: grid; align-content: end; gap: 8px; background: linear-gradient(135deg, rgba(217,0,255,.35), rgba(53,212,255,.24)), var(--panel); border: 1px solid var(--line); box-shadow: var(--shadow); overflow: hidden; }
.card-album { display: grid; grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); gap: 12px; }
.collect-card, .avatar-tile { border-radius: 20px; background: var(--panel); border: 1px solid var(--line); padding: 12px; box-shadow: var(--shadow); }
.rarity-pill { display: inline-flex; min-height: 24px; padding: 0 9px; border-radius: 999px; background: var(--card-color); color: #fff; align-items: center; font-size: .66rem; font-weight: 950; }
.collect-art, .avatar-preview { aspect-ratio: 1/1; border-radius: 16px; display: grid; place-items: center; background: rgba(255,255,255,.08); margin: 10px 0; overflow: hidden; }
.collect-art img, .avatar-preview img { width: 100%; height: 100%; object-fit: contain; }
.avatar-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(120px,1fr)); gap: 12px; }
.news-overview { display: grid; gap: 16px; }
.news-section-head {
    padding: 18px;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(217,0,255,.20), rgba(53,212,255,.12)), rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: var(--shadow);
}
.news-section-head h1 { margin: 2px 0 4px; font-size: clamp(1.7rem, 5vw, 2.7rem); line-height: 1; }
.news-section-head span { color: var(--muted); font-weight: 800; }
.news-preview-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 15px; }
.news-preview-card {
    overflow: hidden;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)), var(--panel);
    border: 1px solid rgba(255,255,255,.11);
    box-shadow: 0 16px 34px rgba(0,0,0,.30);
}
.news-preview-image {
    position: relative;
    display: block;
    aspect-ratio: 16 / 7;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(217,0,255,.25), rgba(53,212,255,.18));
}
.news-preview-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .22s ease; }
.news-preview-card:hover .news-preview-image img { transform: scale(1.045); }
.news-preview-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.62), rgba(0,0,0,.04) 62%);
    pointer-events: none;
}
.news-preview-image span {
    position: absolute;
    left: 12px;
    bottom: 10px;
    z-index: 2;
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 999px;
    color: #fff;
    background: rgba(10,10,22,.72);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(10px);
    font-size: .72rem;
    font-weight: 950;
}
.news-preview-content { padding: 15px; display: grid; gap: 10px; }
.news-preview-content h2 { margin: 0; color: var(--text); font-size: 1.15rem; line-height: 1.15; }
.news-preview-content p { margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.48; }
.news-read-more {
    width: max-content;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border-radius: 999px;
    color: #fff;
    font-weight: 950;
    background: linear-gradient(135deg, var(--magenta), var(--cyan));
    box-shadow: 0 10px 22px rgba(217,0,255,.22);
}
.news-read-more:hover { filter: brightness(1.08); }
.news-detail-page { display: grid; gap: 14px; }
.news-back-link {
    width: max-content;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    color: #fff;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    font-weight: 950;
}
.news-detail-card {
    overflow: hidden;
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035)), var(--panel);
    border: 1px solid rgba(255,255,255,.11);
    box-shadow: 0 18px 42px rgba(0,0,0,.34);
}
.news-hero {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 7;
    min-height: 190px;
    max-height: 340px;
    overflow: hidden;
    background: #111;
}
.news-hero img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.news-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,.18) 58%, rgba(0,0,0,.04)), linear-gradient(to right, rgba(217,0,255,.20), rgba(53,212,255,.10));
    pointer-events: none;
}
.news-hero-overlay { position: absolute; left: 18px; right: 18px; bottom: 17px; z-index: 2; display: grid; gap: 8px; }
.news-date-badge {
    width: max-content;
    min-height: 27px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 999px;
    color: #fff;
    background: rgba(10,10,22,.72);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(10px);
    font-size: .72rem;
    font-weight: 950;
}
.news-hero-overlay h1 { margin: 0; color: #fff; font-size: clamp(1.45rem, 5vw, 2.65rem); line-height: 1.05; text-shadow: 0 5px 20px rgba(0,0,0,.75); }
.news-body { padding: 20px; color: var(--text); font-size: 1rem; line-height: 1.72; }
.news-body p, .news-body div { margin-top: 0; }
.news-inline-link {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 28px;
    padding: 1px 9px;
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    font-weight: 950;
    background: linear-gradient(135deg, rgba(217,0,255,.40), rgba(53,212,255,.28));
    border: 1px solid rgba(255,255,255,.15);
    overflow-wrap: anywhere;
}
.news-inline-link:hover { filter: brightness(1.12); }
@media (max-width: 760px) {
    .news-preview-grid { grid-template-columns: 1fr; }
    .news-section-head { padding: 15px; border-radius: 21px; }
    .news-preview-card { border-radius: 21px; }
    .news-hero { aspect-ratio: 16 / 8; min-height: 170px; }
    .news-hero-overlay { left: 14px; right: 14px; bottom: 14px; }
    .news-body { padding: 16px; font-size: .96rem; }
}

.news-list, .leader-list, .chat-shell { display: grid; gap: 12px; }
.leader-row, .chat-bubble { border: 1px solid var(--line); background: var(--panel); border-radius: 18px; padding: 12px; box-shadow: var(--shadow); }
.empty-state { padding: 18px; border-radius: 16px; border: 1px dashed var(--line); color: var(--muted); text-align: center; background: rgba(255,255,255,.04); }
.chat-list { display: grid; gap: 8px; max-height: 62vh; overflow: auto; }
.chat-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
.legal { line-height: 1.6; }
@media (max-width: 1180px) {
    .admin-grid { grid-template-columns: 1fr; }
    .show-highlight { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .app-frame { display: block; min-height: 100dvh; }
    .game-header { position: sticky; width: 100%; }
    .resource-strip { height: 48px; padding: 5px 8px; }
    .player-avatar { width: 38px; height: 38px; }
    .resource-group { gap: 6px; }
    .resource-pill { height: 30px; min-width: 42px; max-width: 82px; padding: 0 7px; font-size: .74rem; border-radius: 12px; }
    .resource-pill img { width: 17px; height: 17px; }
    .plus-btn { width: 30px; height: 30px; border-radius: 12px; }
    .side-nav { display: none; }
    .app-main { width: 100%; padding: 10px 9px 88px; }
    .bottom-nav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; display: flex; justify-content: space-around; gap: 8px; padding: 8px 10px calc(8px + env(safe-area-inset-bottom)); background: linear-gradient(180deg, rgba(6,7,16,0), rgba(6,7,16,.82) 16%, rgba(6,7,16,.97)); backdrop-filter: blur(16px); border-top: 1px solid rgba(255,255,255,.06); }
    .bottom-link { flex: 1; min-height: 60px; border-radius: 18px; padding: 5px 3px; font-size: .64rem; }
    .bottom-link .nav-ico { width: 31px; height: 31px; padding: 7px; }
    .live-mini-card { grid-template-columns: 112px minmax(0,1fr); min-height: 122px; }
    .feature-action-card { min-height: 248px; border-radius: 24px; }
    .feature-action-content { padding: 24px 18px 18px; }
    .feature-icon { width: 58px; height: 58px; }
    .wallet-summary { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
    .wallet-summary div { min-height: 78px; padding: 10px; }
    .today-show-strip { grid-template-columns: 1fr; }
    .show-card-grid { grid-template-columns: 1fr; }
    .two-col, .profile-view-grid { grid-template-columns: 1fr; }
    .profile-head-app { align-items: flex-start; }
    .profile-image.big { width: 86px; height: 86px; }
    .menu-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .chat-form { grid-template-columns: 1fr; }
}

.bottom-link span:last-child { display:none !important; }
.bottom-link { min-height:56px !important; padding:8px 4px !important; }
.bottom-link .nav-ico { width:34px !important; height:34px !important; padding:7px !important; background:rgba(255,255,255,.16) !important; }
.bottom-link .nav-ico img { filter: brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.35)); opacity:1 !important; }
.bottom-link.active .nav-ico { background:rgba(255,255,255,.24) !important; }
.bottom-link.active .nav-ico img { filter: brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.35)); }
.bonus-card.compact { min-height:74px; border-radius:22px; grid-template-columns:48px minmax(0,1fr) auto; background:linear-gradient(135deg,#d900ff 0%,#4b7df0 64%,#36cfff 100%); }
.bonus-coin { width:42px; height:42px; border-radius:14px; background:rgba(255,255,255,.18); }
.bonus-copy strong { font-size:1rem; }
.bonus-copy small { font-size:.74rem; }
.live-mini-card { grid-template-columns:92px minmax(0,1fr) !important; min-height:118px !important; padding:12px !important; border-radius:20px !important; gap:12px !important; align-items:center !important; }
.live-mini-card:not(:has(.live-mini-image))::before { content:""; width:92px; height:92px; border-radius:18px; background:rgba(255,255,255,.12) url('/assets/icons/shows.png') center/38px 38px no-repeat; display:block; }
.live-mini-image { width:92px !important; height:92px !important; border-radius:18px !important; object-fit:cover !important; }
.live-mini-body { gap:7px !important; align-content:center !important; }
.live-mini-body h2 { font-size:1.18rem !important; line-height:1 !important; margin:0 !important; }
.live-mini-body p { margin:0 !important; font-size:.86rem !important; }
.action-row { flex-wrap:nowrap !important; }
.action-row .pink-btn,.action-row .white-btn { min-width:74px; width:auto !important; }
.home-feature-wrap { margin-bottom:14px; }
.feature-action-card { width:100% !important; min-height:236px !important; border-radius:22px !important; border:1px solid rgba(255,255,255,.20) !important; background:linear-gradient(145deg,rgba(58,34,98,.96),rgba(23,76,108,.94)) !important; }
.feature-action-card::before { content:""; position:absolute; left:0; top:26px; bottom:24px; width:16px; border-radius:0 14px 14px 0; background:linear-gradient(180deg,#d900ff,#ff7d33); z-index:2; }
.feature-card-bg { position:relative !important; min-height:92px !important; order:2; opacity:1 !important; }
.feature-card-bg img { width:100%; height:100%; object-fit:cover; }
.feature-action-content { position:relative !important; z-index:3 !important; display:grid !important; justify-items:center !important; text-align:center !important; gap:10px !important; padding:18px 20px 16px !important; }
.feature-icon { width:58px !important; height:58px !important; border-radius:18px !important; background:rgba(255,255,255,.14) !important; }
.feature-icon img { width:30px !important; height:30px !important; object-fit:contain !important; }
.feature-action-card h2 { font-size:1.55rem !important; line-height:1 !important; margin:0 !important; }
.feature-action-card p { font-size:.92rem !important; margin:0 !important; }
.feature-progress { width:100% !important; height:13px !important; border-radius:999px; background:rgba(0,0,0,.32) !important; overflow:hidden; }
.feature-progress span { display:block; width:54%; height:100%; border-radius:999px; background:linear-gradient(90deg,#36cfff,#d900ff); }
.feature-bottom { display:flex !important; align-items:center !important; justify-content:center !important; gap:12px !important; width:100%; }
.timer-chip { min-height:30px !important; border-radius:999px !important; padding:0 10px !important; background:rgba(0,0,0,.34) !important; color:#fff !important; }
.timer-chip img { width:15px !important; height:15px !important; }
.corner-badge { background:linear-gradient(135deg,#ff2bbf,#35d4ff) !important; color:#fff !important; box-shadow:0 10px 18px rgba(0,0,0,.22); }
@media (max-width:560px){
  .bonus-card.compact { grid-template-columns:42px minmax(0,1fr) auto; }
  .live-mini-card { grid-template-columns:84px minmax(0,1fr) !important; }
  .live-mini-card:not(:has(.live-mini-image))::before,.live-mini-image { width:84px !important; height:84px !important; }
  .feature-action-card { min-height:226px !important; }
  .feature-action-card h2 { font-size:1.35rem !important; }
}


.daily-single-card,.live-radio-image-card,.collection-single-card,.promo-single-card{width:100%;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow);background:linear-gradient(135deg,rgba(44,21,70,.96),rgba(17,62,78,.96))}.daily-single-card{min-height:76px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;margin-bottom:12px;background:linear-gradient(90deg,#d900ff,#2fcfff)}.daily-single-copy{display:grid;gap:2px;min-width:0;color:#fff}.daily-single-copy strong{font-size:1rem;line-height:1.05}.daily-single-copy span{font-size:.78rem;font-weight:800;opacity:.95}.daily-single-graphic{width:118px;height:58px;object-fit:contain;object-position:right center}.live-radio-image-card{position:relative;display:block;min-height:112px;margin-bottom:12px;background:linear-gradient(135deg,rgba(44,21,70,.96),rgba(17,62,78,.96))}.live-radio-image-card>img{width:100%;height:100%;min-height:112px;object-fit:cover;display:block}.live-inside-badge{position:absolute;left:12px;top:10px;min-height:24px;border-radius:999px;padding:0 10px;display:inline-grid;place-items:center;color:#fff;font-weight:950;font-size:.68rem;background:linear-gradient(135deg,var(--pink),var(--cyan));box-shadow:0 6px 18px rgba(0,0,0,.22)}.live-on-button{position:absolute;right:12px;bottom:10px;min-height:36px;border-radius:13px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#14101d;font-weight:950;font-size:.78rem;box-shadow:0 6px 18px rgba(0,0,0,.24)}.collection-single-card{padding:12px;margin-bottom:12px;display:grid;gap:10px;background:linear-gradient(135deg,rgba(53,30,92,.96),rgba(18,62,83,.96))}.collection-title-line{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center}.collection-title-line>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.13)}.collection-title-line img{width:26px;height:26px;object-fit:contain}.collection-title-line h2{margin:0;color:#fff;font-size:1.35rem;line-height:1}.collection-title-line p{margin:4px 0 0;color:rgba(255,255,255,.86);font-size:.86rem}.collection-graphic-link{display:block;border-radius:15px;overflow:hidden;background:rgba(255,255,255,.08)}.collection-graphic-link img{width:100%;height:auto;display:block}.collection-bottom-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center}.collection-progress,.promo-progress{height:13px;border-radius:999px;overflow:hidden;background:rgba(0,0,0,.32);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}.collection-progress span,.promo-progress span{display:block;width:52%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--magenta))}.promo-stack{display:grid;gap:12px;margin-bottom:12px}.promo-single-card{padding:12px;display:grid;gap:10px;background:linear-gradient(135deg,var(--from),var(--to))}.promo-card-head{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center}.promo-head-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.14)}.promo-head-icon img{width:30px;height:30px;object-fit:contain}.promo-head-icon.custom img{width:100%;height:100%;border-radius:15px;object-fit:cover}.promo-card-head small{display:inline-flex;min-height:22px;border-radius:999px;padding:0 8px;align-items:center;font-size:.64rem;font-weight:950;color:#fff;background:rgba(0,0,0,.18);margin-bottom:4px}.promo-card-head h2{margin:0;color:#fff;font-size:1.25rem;line-height:1.03}.promo-card-head p{margin:4px 0 0;color:rgba(255,255,255,.9);font-size:.84rem}.promo-main-graphic{border-radius:15px;overflow:hidden;background:rgba(255,255,255,.08)}.promo-main-graphic img{width:100%;height:auto;display:block}.promo-card-bottom{display:grid;gap:8px}.promo-bottom-line{display:flex;align-items:center;justify-content:space-between;gap:9px}.graphic-missing{min-height:82px;display:grid;place-items:center;padding:16px;color:rgba(255,255,255,.7);font-size:.82rem;font-weight:900;background:rgba(255,255,255,.07)}.admin-path-note{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.82);font-size:.82rem}.bonus-card,.live-mini-card,.home-feature-wrap .feature-action-card{display:none!important}@media(max-width:560px){.daily-single-card{grid-template-columns:minmax(0,1fr) auto;min-height:66px}.daily-single-graphic{display:none}.collection-bottom-line{grid-template-columns:minmax(0,1fr) auto}.collection-bottom-line .pink-btn{grid-column:2}.timer-chip{min-width:74px}}

.login-screen .app-login-card { width: min(100%, 480px); padding: 24px; gap: 14px; }
.login-brand-logo { display: grid; place-items: center; margin-bottom: 4px; }
.login-brand-logo img { width: min(100%, 260px); max-height: 110px; object-fit: contain; }
.login-lead { margin: 0; color: rgba(255,255,255,.84); font-weight: 800; line-height: 1.35; }
.login-form-app .primary-btn { width: 100%; min-height: 46px; border-radius: 15px; }
.install-box { display: grid; gap: 10px; padding: 12px; border-radius: 16px; background: rgba(255,255,255,.08); color: rgba(255,255,255,.84); font-size: .84rem; line-height: 1.35; }
.install-box p { margin: 0; }
.install-action { width: 100%; }
.daily-image-card { position: relative; display: block; margin-bottom: 12px; border-radius: 18px; overflow: hidden; background: linear-gradient(90deg, #d900ff, #36cfff); border: 1px solid rgba(255,255,255,.16); box-shadow: var(--shadow); min-height: 78px; }
.daily-image-card > img { width: 100%; height: auto; min-height: 78px; object-fit: contain; display: block; }
.daily-image-card form { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); margin: 0; }
.daily-image-card .claim-btn { min-width: 84px; min-height: 38px; border-radius: 14px; }
.daily-image-card.fallback { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center; padding: 12px; color: #fff; }
.daily-image-card.fallback strong { font-size: .95rem; }
.daily-image-card.fallback span { font-size: .76rem; color: rgba(255,255,255,.86); }
.daily-image-card.fallback form { position: static; transform: none; }
.live-radio-image-card { position: relative; display: block; min-height: 0; margin-bottom: 12px; border-radius: 18px; overflow: hidden; background: linear-gradient(135deg, rgba(44,21,70,.96), rgba(17,62,78,.96)); border: 1px solid rgba(255,255,255,.16); box-shadow: var(--shadow); }
.live-radio-image-card > img { width: 100%; height: auto; min-height: 92px; object-fit: contain; display: block; }
.live-inside-badge { position: absolute; left: 10px; top: 10px; min-height: 23px; border-radius: 999px; padding: 0 10px; display: inline-grid; place-items: center; color: #fff; font-weight: 950; font-size: .66rem; background: linear-gradient(135deg, var(--pink), var(--cyan)); box-shadow: 0 6px 18px rgba(0,0,0,.22); }
.live-on-button { position: absolute; right: 12px; bottom: 10px; min-height: 36px; border-radius: 13px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; background: #fff; color: #14101d; font-weight: 950; font-size: .78rem; box-shadow: 0 6px 18px rgba(0,0,0,.24); }
.collection-single-card { padding: 10px; margin-bottom: 12px; display: grid; gap: 8px; border-radius: 18px; overflow: hidden; background: linear-gradient(135deg, rgba(53,30,92,.96), rgba(18,62,83,.96)); border: 1px solid rgba(255,255,255,.16); box-shadow: var(--shadow); }
.collection-title-line { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 8px; align-items: center; }
.collection-title-line > span { width: 30px; height: 30px; border-radius: 0; display: grid; place-items: center; background: transparent; }
.collection-title-line img { width: 23px; height: 23px; object-fit: contain; filter: brightness(0) invert(1); opacity: .95; }
.collection-title-line h2 { margin: 0; color: #fff; font-size: 1.02rem; line-height: 1; }
.collection-title-line p { margin: 2px 0 0; color: rgba(255,255,255,.84); font-size: .75rem; font-weight: 800; }
.collection-graphic-link { display: block; border-radius: 14px; overflow: hidden; background: transparent; }
.collection-graphic-link img { width: 100%; height: auto; display: block; }
.collection-bottom-line { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px; align-items: center; }
.collection-progress { position: relative; height: 24px; border-radius: 999px; overflow: hidden; background: rgba(0,0,0,.34); box-shadow: inset 0 1px 2px rgba(0,0,0,.35); }
.collection-progress span { position: absolute; inset: 0 auto 0 0; display: block; width: 52%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--cyan),var(--magenta)); }
.collection-progress b { position: relative; z-index: 2; height: 100%; display: flex; align-items: center; justify-content: center; gap: 4px; color: #fff; font-size: .68rem; font-weight: 950; text-shadow: 0 1px 3px rgba(0,0,0,.45); white-space: nowrap; }
.collection-progress b::before { content: "⏱"; font-size: .72rem; }
.collection-bottom-line .pink-btn { min-height: 34px; border-radius: 13px; padding: 0 14px; font-size: .76rem; }
.daily-single-card { display: none !important; }
.bonus-card { display: none !important; }
.graphic-missing { min-height: 68px; display: grid; place-items: center; padding: 14px; color: rgba(255,255,255,.72); font-size: .78rem; font-weight: 900; background: rgba(255,255,255,.07); border-radius: 14px; }
@media (max-width: 560px) {
    .login-screen .app-login-card { padding: 18px; }
    .login-brand-logo img { width: min(100%, 220px); max-height: 92px; }
    .daily-image-card { min-height: 66px; }
    .daily-image-card > img { min-height: 66px; }
    .daily-image-card form { right: 9px; }
    .daily-image-card .claim-btn { min-width: 72px; min-height: 34px; font-size: .74rem; }
    .live-on-button { right: 9px; bottom: 8px; min-height: 32px; padding: 0 11px; font-size: .72rem; }
    .live-inside-badge { left: 9px; top: 8px; }
    .collection-single-card { padding: 9px; }
    .collection-title-line h2 { font-size: .98rem; }
    .collection-title-line p { font-size: .72rem; }
    .collection-bottom-line { grid-template-columns: minmax(0,1fr) auto; }
    .collection-progress { height: 23px; }
    .collection-progress b { font-size: .64rem; }
    .collection-bottom-line .pink-btn { min-height: 33px; padding: 0 12px; }
}


.daily-image-card,.daily-single-card,.invite-panel.compact-invite{display:none!important}
.daily-compact-graphic-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:74px;margin-bottom:12px;padding:9px 12px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow);background:linear-gradient(90deg,#d900ff 0%,#6d67ff 54%,#36cfff 100%)}
.daily-compact-art{min-width:0;display:flex;align-items:center;height:56px;overflow:hidden}.daily-compact-art img{width:auto;height:100%;max-width:170px;object-fit:contain;object-position:left center}.daily-compact-art b{color:#fff;font-size:1rem;font-weight:950}.daily-compact-graphic-card form{margin:0;display:flex;align-items:center}.daily-compact-graphic-card .claim-btn{min-width:78px;min-height:38px;border-radius:14px}
.home-action-graphic-card{padding:10px;margin-bottom:12px;gap:8px;border-radius:18px}.home-action-graphic-card .collection-title-line{grid-template-columns:26px minmax(0,1fr);gap:8px}.home-action-graphic-card .collection-title-line>span{width:24px;height:24px;border-radius:0;background:transparent;padding:0}.home-action-graphic-card .collection-title-line img{width:22px;height:22px;filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.3))}.home-action-graphic-card .collection-title-line h2{font-size:1.02rem;line-height:1;margin:0}.home-action-graphic-card .collection-title-line p{font-size:.76rem;margin:2px 0 0;line-height:1.15}.home-action-graphic-card .collection-graphic-link{border-radius:12px;background:rgba(255,255,255,.08);min-height:0}.home-action-graphic-card .collection-graphic-link img{width:100%;height:auto;display:block}.home-action-graphic-card .collection-bottom-line{grid-template-columns:minmax(0,1fr) auto;gap:9px}.home-action-graphic-card .collection-progress{position:relative;height:18px;display:grid;align-items:center}.home-action-graphic-card .collection-progress span{height:100%;width:52%;grid-area:1/1}.home-action-graphic-card .collection-progress b{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:2;font-size:.66rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55);white-space:nowrap}.home-action-graphic-card .pink-btn,.copy-action-btn{min-width:78px;min-height:36px;border-radius:13px;font-size:.78rem}.invite-graphic-card{background:linear-gradient(135deg,rgba(48,31,82,.96),rgba(17,61,80,.96))}.invite-progress span{width:34%}.copy-action-btn:disabled{opacity:.6;filter:grayscale(.2)}
@media(max-width:560px){.daily-compact-graphic-card{min-height:64px;padding:7px 10px}.daily-compact-art{height:48px}.daily-compact-art img{max-width:145px}.daily-compact-graphic-card .claim-btn{min-width:70px;min-height:34px;font-size:.74rem}.home-action-graphic-card{padding:9px}.home-action-graphic-card .collection-title-line h2{font-size:.98rem}.home-action-graphic-card .collection-title-line p{font-size:.73rem}.home-action-graphic-card .pink-btn,.copy-action-btn{min-width:74px;min-height:34px;font-size:.74rem}.home-action-graphic-card .collection-progress b{font-size:.62rem}}

.home-graphic-card{position:relative;width:100%;margin:0 0 12px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow);background:linear-gradient(135deg,rgba(44,21,70,.96),rgba(17,62,78,.96));isolation:isolate}
.home-graphic-wide{aspect-ratio:1080/340;min-height:92px;max-height:180px}
.home-graphic-tall{aspect-ratio:1080/280;min-height:0;max-height:none}
.home-graphic-img,.home-graphic-fill-link{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}
.home-graphic-img{object-fit:cover;object-position:center center}
.home-graphic-fill-link .home-graphic-img{position:absolute}
.home-graphic-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:linear-gradient(135deg,rgba(217,0,255,.25),rgba(54,207,255,.2));color:rgba(255,255,255,.8);font-weight:950;font-size:.85rem;text-align:center;z-index:1}
.home-graphic-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,8,18,.15),rgba(11,8,18,.05) 45%,rgba(11,8,18,.18));z-index:2;pointer-events:none}
.daily-home-card::after{background:linear-gradient(90deg,rgba(9,7,15,.06),rgba(9,7,15,.03) 50%,rgba(9,7,15,.18))}
.home-graphic-action{position:absolute;z-index:5;margin:0}
.daily-action{right:14px;top:50%;transform:translateY(-50%)}
.daily-action .claim-btn{min-width:82px;min-height:38px;border-radius:14px;font-size:.78rem}
.home-graphic-card.live-radio-image-card{display:block;min-height:92px;margin-bottom:12px;padding:0}
.home-graphic-card.live-radio-image-card>img,.home-graphic-card.live-radio-image-card .home-graphic-img{width:100%;height:100%;min-height:0;object-fit:cover;display:block}
.live-inside-badge{z-index:5;left:10px;top:9px;min-height:22px;padding:0 9px;font-size:.66rem}
.live-on-button{z-index:5;right:12px;bottom:12px;min-height:36px;border-radius:13px;padding:0 13px;font-size:.76rem;background:#fff;color:#14101d}
.home-graphic-title{position:absolute;left:12px;top:12px;right:12px;z-index:5;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:start;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.45)}
.home-title-icon{width:24px;height:24px;display:grid;place-items:center;margin-top:1px}
.home-title-icon img{width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.4))}
.home-graphic-title h2{margin:0;font-size:1.02rem;line-height:1;font-weight:950;color:#fff}
.home-graphic-title p{margin:3px 0 0;font-size:.74rem;line-height:1.15;color:rgba(255,255,255,.92);font-weight:800}
.home-graphic-bottom{position:absolute;left:12px;right:12px;bottom:12px;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}
.home-progress{position:relative;height:22px;border-radius:999px;overflow:hidden;background:rgba(0,0,0,.38);box-shadow:inset 0 1px 2px rgba(0,0,0,.4);display:grid;align-items:center}
.home-progress span{position:absolute;left:0;top:0;bottom:0;width:52%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--magenta))}
.home-progress b{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;color:#fff;font-size:.66rem;font-weight:950;text-shadow:0 1px 3px rgba(0,0,0,.52);white-space:nowrap}
.home-progress b::before{content:"⏱";font-size:.68rem}
.invite-progress span{width:34%}
.home-graphic-bottom .pink-btn{min-width:78px;min-height:34px;border-radius:13px;font-size:.76rem}
.collection-ready-card,.invite-code-card{padding:0;display:block;background:linear-gradient(135deg,rgba(53,30,92,.96),rgba(18,62,83,.96))}
.collection-ready-card .corner-badge,.collection-single-card .corner-badge{display:none!important}
.daily-compact-graphic-card,.collection-single-card.home-action-graphic-card,.invite-graphic-card.home-action-graphic-card{display:none!important}
@media(max-width:560px){.home-graphic-wide{min-height:96px;max-height:124px}.home-graphic-tall{min-height:0;max-height:none}.daily-action{right:12px}.daily-action .claim-btn{min-width:76px;min-height:36px;font-size:.74rem}.home-graphic-title{left:10px;top:10px;grid-template-columns:25px minmax(0,1fr);gap:7px}.home-title-icon{width:22px;height:22px}.home-title-icon img{width:20px;height:20px}.home-graphic-title h2{font-size:.95rem}.home-graphic-title p{font-size:.7rem}.home-graphic-bottom{left:10px;right:10px;bottom:10px;gap:8px}.home-progress{height:21px}.home-progress b{font-size:.61rem}.home-graphic-bottom .pink-btn{min-width:72px;min-height:32px;font-size:.72rem}.live-on-button{right:10px;bottom:10px;min-height:34px;font-size:.72rem}}


/* v23 home layout */
.home-graphic-wide {
    aspect-ratio: 1080 / 340 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
}

.home-graphic-tall {
    aspect-ratio: 1080 / 280 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
}

.home-graphic-img,
.home-graphic-fill-link,
.home-graphic-card.live-radio-image-card > img,
.home-graphic-card.live-radio-image-card .home-graphic-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: block !important;
}

.home-graphic-img,
.home-graphic-card.live-radio-image-card > img,
.home-graphic-card.live-radio-image-card .home-graphic-img {
    object-fit: cover !important;
    object-position: center center !important;
}

.home-graphic-card.live-radio-image-card {
    min-height: 0 !important;
    height: auto !important;
}

@media (max-width: 560px) {
    .home-graphic-wide {
        aspect-ratio: 1080 / 340 !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .home-graphic-tall {
        aspect-ratio: 1080 / 280 !important;
        min-height: 0 !important;
        max-height: none !important;
    }
}

.daily-home-card,
.live-radio-image-card {
    aspect-ratio: 1080 / 240 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
}

.daily-home-card .home-graphic-img,
.live-radio-image-card .home-graphic-img,
.home-graphic-card.live-radio-image-card > img {
    object-fit: cover !important;
    object-position: center center !important;
}

.daily-action .claim-btn,
.live-on-button {
    min-height: 34px !important;
    border-radius: 13px !important;
    font-size: .74rem !important;
}

@media (max-width: 560px) {
    .daily-home-card,
    .live-radio-image-card {
        aspect-ratio: 1080 / 240 !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .daily-action .claim-btn,
    .live-on-button {
        min-height: 32px !important;
        font-size: .70rem !important;
    }
}

.graphic-submit-card { display:block; }
.card-submit-form { position:absolute; inset:0; z-index:6; margin:0; }
.card-submit-hitbox { position:absolute; inset:0; width:100%; height:100%; border:0; background:transparent; cursor:pointer; }
.card-copy-hitbox { position:absolute; inset:0; width:100%; height:100%; border:0; background:transparent; cursor:pointer; z-index:4; }
.graphic-only-link { display:block; }
.graphic-only-link .live-inside-badge { z-index:5; }
.compact-bottom { left:10px; right:10px; bottom:10px; gap:8px; }
.compact-bottom .pink-btn { min-width:72px; min-height:32px; padding:0 12px; font-size:.72rem; }
.wallet-summary { margin-top: 12px; margin-bottom: 12px; }
.today-show-strip { margin-bottom: 12px; }
.home-graphic-card { margin-bottom: 12px; }
.home-progress { height: 22px; }
.home-progress b { font-size: .64rem; }
@media (min-width: 861px) {
  .app-shell .content-area { max-width: 980px; }
}


html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overscroll-behavior: none;
    touch-action: pan-y;
    -webkit-text-size-adjust: 100%;
}

body,
.app-frame,
.app-shell,
.app-main,
.content-area,
.bottom-nav,
.side-nav,
.game-header {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

input,
textarea,
select,
[contenteditable="true"] {
    -webkit-user-select: text;
    user-select: text;
    touch-action: manipulation;
}

a,
button,
img,
svg,
.nav-ico,
.resource-pill,
.home-graphic-card,
.today-show-card {
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-tap-highlight-color: transparent;
}

img,
.home-graphic-img {
    pointer-events: none;
}

a img,
button img,
.home-graphic-fill-link img,
.graphic-only-link img {
    pointer-events: none;
}

.card-submit-form,
.card-submit-hitbox,
.card-copy-hitbox,
.copy-action-btn,
.pink-btn,
.claim-btn,
.plus-btn,
.resource-pill,
a,
button {
    touch-action: manipulation;
}


html,
body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-x: none !important;
    overscroll-behavior-y: auto !important;
    touch-action: auto !important;
    -webkit-overflow-scrolling: touch;
}

.app-frame,
.app-shell,
.app-main,
.content-area {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    touch-action: pan-y !important;
}

.bottom-nav,
.side-nav,
.game-header,
.resource-strip,
.home-graphic-card,
.today-show-card,
.wallet-summary,
.menu-tile,
.panel {
    touch-action: pan-y !important;
}

button,
a,
.card-submit-hitbox,
.card-copy-hitbox,
.copy-action-btn,
.pink-btn,
.claim-btn,
.plus-btn,
.resource-pill {
    touch-action: manipulation !important;
}

input,
textarea,
select,
[contenteditable="true"] {
    touch-action: auto !important;
}


/* v26 fixed top bar */
.game-header {
    position: fixed !important;
    top: 0 !important;
    left: 96px !important;
    right: 0 !important;
    width: auto !important;
    height: 52px !important;
    z-index: 80 !important;
    transform: translateZ(0);
    will-change: transform;
}

.resource-strip {
    height: 52px !important;
}

@media (max-width: 860px) {
    .game-header {
        left: 0 !important;
        height: 48px !important;
    }

    .resource-strip {
        height: 48px !important;
    }

    .app-main {
        padding-top: 58px !important;
    }
}

@supports (padding-top: env(safe-area-inset-top)) {
    @media (max-width: 860px) {
        .game-header {
            padding-top: env(safe-area-inset-top);
            height: calc(48px + env(safe-area-inset-top)) !important;
        }

        .app-main {
            padding-top: calc(58px + env(safe-area-inset-top)) !important;
        }
    }
}

.collect-card.locked{filter:grayscale(1);opacity:.42}.card-modal-button{width:100%;border:0;padding:0;background:transparent;cursor:pointer}.card-modal-button:disabled{cursor:default}.card-lightbox{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:22px;background:rgba(7,4,14,.82);backdrop-filter:blur(12px)}.card-lightbox[hidden]{display:none}.card-lightbox-inner{width:min(92vw,360px);display:grid;gap:10px;justify-items:center;padding:16px;border-radius:22px;background:linear-gradient(145deg,rgba(34,18,61,.98),rgba(13,42,58,.98));border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 70px rgba(0,0,0,.48)}.card-lightbox-inner img{width:min(100%,260px);max-height:70vh;object-fit:contain;animation:cardFloat 4s ease-in-out infinite}.card-lightbox-inner h2{margin:0;color:#fff;text-align:center}.card-lightbox-inner p{margin:0;color:rgba(255,255,255,.74);font-weight:800}.card-lightbox-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:0;border-radius:999px;color:#fff;font-size:28px;line-height:1;background:linear-gradient(135deg,var(--pink),var(--cyan))}@keyframes cardFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}.pack-open-page{display:grid;gap:14px;padding:14px;border-radius:18px;background:linear-gradient(145deg,rgba(46,24,84,.96),rgba(12,52,72,.96));border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow)}.pack-counter{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;color:#fff}.pack-counter img{width:44px;height:44px}.pack-counter b{font-size:1.45rem;line-height:1}.pack-counter span{grid-column:2;color:rgba(255,255,255,.76);font-size:.82rem;font-weight:800}.pack-video-box{position:relative;min-height:210px;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 50% 35%,rgba(255,0,220,.24),rgba(7,4,14,.72))}.pack-video-box video{position:relative;z-index:2;width:100%;max-height:330px;object-fit:contain}.pack-video-fallback{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;color:#fff;font-weight:950}.pack-video-fallback img{width:72px;height:72px}.pack-result-card{margin-top:14px}.big-result{width:min(100%,300px);margin:0 auto}.avatar-preview video{width:100%;height:100%;object-fit:contain}.avatar-tile.active{outline:2px solid var(--cyan);box-shadow:0 0 26px rgba(54,207,255,.35)}.avatar-tile small{color:rgba(255,255,255,.76);font-weight:850}.treasure-link-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:12px;padding:14px;border-radius:18px;color:#fff;background:linear-gradient(135deg,rgba(217,0,255,.88),rgba(54,207,255,.88));box-shadow:var(--shadow)}.treasure-link-card div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px 10px;align-items:center}.treasure-link-card img{width:44px;height:44px;grid-row:span 2}.treasure-link-card b,.treasure-card b{font-size:1rem;line-height:1}.treasure-link-card span,.treasure-card span{color:rgba(255,255,255,.78);font-size:.78rem;font-weight:800}.treasure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.treasure-card{min-height:128px;display:grid;gap:8px;place-items:center;align-content:center;padding:14px;border-radius:18px;color:#fff;text-align:center;background:linear-gradient(145deg,rgba(39,22,75,.96),rgba(15,51,71,.96));border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow)}.treasure-card img{width:48px;height:48px}.treasure-card.locked{opacity:.66;filter:grayscale(.35)}@media(max-width:420px){.treasure-grid{grid-template-columns:1fr}}
.avatar-banner-card{margin-bottom:12px}.avatar-wallet-row,.avatar-shop-wallet{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:10px}.avatar-shop-wallet{margin:8px 0 10px}.avatar-wallet-row span,.avatar-shop-wallet span,.avatar-price span{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-weight:950}.avatar-wallet-row img,.avatar-shop-wallet img,.avatar-price img{width:18px!important;height:18px!important;object-fit:contain!important}.avatar-price{justify-self:center;margin-top:2px;display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-content:center;background:transparent!important;padding:0!important}

.streak-home-card{position:relative;min-height:132px;margin-bottom:12px;padding:16px;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;background:linear-gradient(135deg,rgba(217,0,255,.86),rgba(53,212,255,.72));box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.18);color:#fff}
.streak-home-card>img{width:96px;height:96px;border-radius:18px;object-fit:cover;background:rgba(255,255,255,.12)}
.streak-home-card small,.streak-home-card p{margin:0;color:rgba(255,255,255,.78);font-weight:850}.streak-home-card h2{margin:2px 0 4px;font-size:1.45rem;line-height:1}.streak-home-card>span{min-height:30px;border-radius:999px;padding:0 10px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-weight:950}
.collect-hero{height:clamp(150px,28vw,290px);border-radius:24px;overflow:hidden;margin-bottom:12px;border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,rgba(217,0,255,.25),rgba(53,212,255,.18))}.collect-hero img{width:100%;height:100%;object-fit:cover}
.shop-status-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.shop-status-row div,.shop-status-row a{min-height:78px;border-radius:18px;padding:12px;display:grid;align-content:center;gap:4px;background:linear-gradient(135deg,rgba(44,21,70,.96),rgba(16,54,74,.94));border:1px solid var(--line);box-shadow:var(--shadow)}.shop-status-row img{width:25px;height:25px}.shop-status-row b{font-size:1.1rem}.shop-status-row span{font-size:.76rem;color:var(--muted);font-weight:850}
.shop-offer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-bottom:14px}.shop-offer-card{min-height:210px;border-radius:22px;padding:14px;display:grid;gap:8px;align-content:start;background:linear-gradient(135deg,color-mix(in srgb,var(--from) 48%,#151126),color-mix(in srgb,var(--to) 42%,#151126));border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow);color:#fff}.shop-offer-card h2{margin:0;font-size:1.05rem;line-height:1.05}.shop-offer-card p{margin:0;color:rgba(255,255,255,.78);font-size:.82rem}.shop-offer-card small{width:max-content;border-radius:999px;padding:5px 8px;background:rgba(4,5,12,.35);font-size:.68rem;font-weight:950}.offer-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.14);padding:12px}.offer-icon img{width:100%;height:100%;filter:brightness(0) invert(1)}
.collect-tabs{margin-bottom:10px}.collection-summary-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,2fr) auto;gap:10px;align-items:center;padding:14px;border-radius:20px;background:linear-gradient(135deg,rgba(39,21,70,.96),rgba(13,52,75,.95));border:1px solid var(--line);box-shadow:var(--shadow)}.collection-summary-card b{font-size:1.2rem;color:#fff}.collection-summary-card span,.collection-summary-card em{color:var(--muted);font-weight:850}.collection-progress,.challenge-progress{height:14px;border-radius:999px;background:rgba(3,6,16,.55);overflow:hidden}.collection-progress span,.challenge-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--magenta))}
.free-pack-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border-radius:20px;background:linear-gradient(135deg,rgba(217,0,255,.28),rgba(53,212,255,.18)),var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.free-pack-card h2,.free-pack-card p{margin:0}.free-pack-card p,.free-pack-card small{color:var(--muted);font-weight:850}
.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:12px}.inventory-card{min-height:150px;border-radius:18px;padding:12px;display:grid;justify-items:center;align-content:center;gap:7px;text-align:center;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.inventory-card img{width:38px;height:38px;object-fit:contain}.inventory-card b{line-height:1.05}.inventory-card span{color:var(--muted);font-weight:850}
.card-album.enhanced .collect-card{position:relative}.card-album.enhanced .collect-card h3{min-height:2.3em}.pack-slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.pack-slot-card{min-height:160px;border-radius:20px;padding:12px;display:grid;justify-items:center;align-content:center;gap:8px;text-align:center;background:linear-gradient(145deg,rgba(44,22,80,.96),rgba(14,51,72,.96));border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow);animation:slotReveal .45s ease both}.pack-slot-card img{width:48px;height:48px;object-fit:contain}.pack-slot-card b{line-height:1.05}.pack-slot-card span{color:var(--muted);font-weight:850;font-size:.78rem}@keyframes slotReveal{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
.postbox-list,.challenge-list{display:grid;gap:10px}.postbox-card,.challenge-card,.arena-race-card,.race-result-card{border-radius:20px;padding:14px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.postbox-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center}.postbox-card img{width:48px;height:48px}.postbox-card b,.postbox-card span,.postbox-card small{display:block}.postbox-card span,.postbox-card small{color:var(--muted);font-weight:850;font-size:.78rem}.postbox-card.claimed{opacity:.62}
.arena-race-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;background:linear-gradient(135deg,rgba(75,211,138,.22),rgba(53,212,255,.18)),var(--panel)}.arena-race-card>div{display:grid;grid-template-columns:54px minmax(0,1fr);gap:0 12px;align-items:center}.arena-race-card img{width:54px;height:54px;grid-row:span 2}.arena-race-card h2,.arena-race-card p{margin:0}.arena-race-card p{color:var(--muted)}.race-result-card{margin:10px 0;display:flex;justify-content:space-between;gap:10px;background:linear-gradient(135deg,var(--magenta),var(--cyan));color:#fff}.race-result-card span{font-weight:850}
.challenge-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.5fr) auto auto;gap:10px;align-items:center}.challenge-card b,.challenge-card span{display:block}.challenge-card span{color:var(--muted);font-size:.78rem;font-weight:850}.challenge-card em{font-style:normal;color:var(--muted);font-weight:950}.challenge-card.done{outline:1px solid rgba(75,211,138,.55)}
.profile-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.profile-showcase article{min-height:76px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid var(--line);display:grid;place-items:center;align-content:center;gap:4px}.profile-showcase b{font-size:1.15rem}.profile-showcase span{color:var(--muted);font-weight:850;font-size:.76rem}.profile-badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.profile-badge-row span{min-height:28px;border-radius:999px;padding:6px 10px;background:linear-gradient(135deg,var(--magenta),var(--cyan));color:#fff;font-weight:950;font-size:.72rem}
.streak-modal{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:18px;background:rgba(5,4,12,.78);backdrop-filter:blur(14px)}.streak-modal-card{width:min(92vw,380px);padding:20px;border-radius:24px;display:grid;justify-items:center;gap:12px;text-align:center;background:linear-gradient(145deg,rgba(44,22,80,.98),rgba(12,54,75,.98));border:1px solid rgba(255,255,255,.16);box-shadow:0 26px 80px rgba(0,0,0,.48);color:#fff}.streak-modal-card img{width:72px;height:72px}.streak-modal-card h2,.streak-modal-card p{margin:0}.streak-modal-card p,.streak-modal-card small{color:rgba(255,255,255,.78);font-weight:850}
@media(max-width:760px){.streak-home-card{grid-template-columns:68px minmax(0,1fr);min-height:112px;padding:12px}.streak-home-card>img{width:68px;height:68px}.streak-home-card>span{grid-column:1/-1;width:max-content}.shop-status-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shop-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shop-offer-card{min-height:190px;padding:11px}.collection-summary-card{grid-template-columns:1fr;align-items:start}.free-pack-card,.arena-race-card,.postbox-card{grid-template-columns:1fr}.pack-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge-card{grid-template-columns:1fr}.profile-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.profile-showcase article{min-height:66px}.bottom-nav{gap:5px;padding-left:6px;padding-right:6px}.bottom-link{min-width:0}}
@media(max-width:420px){.shop-offer-grid{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-slot-grid{grid-template-columns:1fr}.shop-status-row{grid-template-columns:1fr}}

/* Sammelkarten patch v2: daily bonus modal, home bonus banner, profile stats */
.daily-bonus-panel {
    display: grid;
    gap: 8px;
    margin-bottom: 12px;
}

.daily-bonus-banner {
    width: 100%;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: var(--shadow);
    background: linear-gradient(90deg, #d900ff, #36cfff);
}

.daily-bonus-banner img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 78px;
    object-fit: cover;
}

.daily-bonus-copy {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 5px 10px;
    align-items: center;
    color: #fff;
}

.daily-bonus-copy small,
.daily-bonus-copy p {
    grid-column: 1 / -1;
    margin: 0;
    color: rgba(255,255,255,.82);
    font-weight: 850;
}

.daily-bonus-copy small {
    font-size: .78rem;
}

.daily-bonus-copy h2 {
    margin: 0;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.04;
}

.daily-bonus-copy span {
    min-height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    background: rgba(255,255,255,.12);
    color: #fff;
    font-size: .76rem;
    font-weight: 950;
}

.profile-endgame-block {
    margin: 0 0 14px;
}

.profile-stats-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 9px !important;
    margin: 0 !important;
}

.profile-stats-row .profile-stat-card {
    min-width: 0;
    min-height: 72px;
    padding: 9px 6px;
    border-radius: 15px;
    display: grid !important;
    place-items: center;
    align-content: center;
    gap: 3px;
    text-align: center;
    background: linear-gradient(145deg, rgba(217,0,255,.20), rgba(54,207,255,.14));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.profile-stats-row .profile-stat-card b {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 1px;
    color: #fff;
    font-size: 1.18rem;
    line-height: 1;
    white-space: nowrap;
}

.profile-stats-row .profile-stat-card b span {
    color: #fff;
    font-size: inherit;
    font-weight: 950;
}

.profile-stats-row .profile-stat-card b small {
    color: rgba(255,255,255,.68);
    font-size: .72rem;
    font-weight: 950;
}

.profile-stats-row .profile-stat-card em {
    max-width: 100%;
    color: rgba(255,255,255,.72);
    font-size: .68rem;
    font-style: normal;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.daily-bonus-modal[hidden] {
    display: none !important;
}

.daily-bonus-modal .streak-modal-card {
    position: relative;
    width: min(92vw, 390px);
    padding: 24px 18px 18px;
    border-radius: 24px;
    background: radial-gradient(circle at 50% 0%, rgba(255,39,191,.38), transparent 38%), linear-gradient(145deg, rgba(34,18,61,.98), rgba(7,28,45,.98));
}

.modal-x-button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.13);
    color: #fff;
    font-size: 18px;
    font-weight: 950;
    cursor: pointer;
}

.daily-bonus-modal-icon {
    width: 78px !important;
    height: 78px !important;
    padding: 14px;
    border-radius: 24px;
    background: linear-gradient(135deg, #d900ff, #36cfff);
    box-shadow: 0 14px 36px rgba(217,0,255,.28);
}

.daily-bonus-reward-row {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 8px;
}

.daily-bonus-reward-row span {
    min-height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 9px;
    background: rgba(255,255,255,.09);
    color: #fff;
    font-size: .82rem;
    font-weight: 950;
}

.daily-bonus-reward-row img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain;
}

.modal-progress {
    width: 100%;
}

@media (max-width: 420px) {
    .daily-bonus-copy h2 {
        font-size: 1.35rem;
    }

    .daily-bonus-copy p {
        font-size: .84rem;
    }

    .profile-stats-row {
        gap: 6px !important;
    }

    .profile-stats-row .profile-stat-card {
        min-height: 66px;
        padding: 8px 4px;
    }

    .profile-stats-row .profile-stat-card b {
        font-size: 1.05rem;
    }

    .profile-stats-row .profile-stat-card em {
        font-size: .62rem;
    }

    .daily-bonus-reward-row {
        grid-template-columns: 1fr;
    }
}

/* Sammelkarten patch v3: asset images and profile endgame view */
.shop-offer-card {
    overflow: hidden;
    align-content: stretch !important;
}

.shop-offer-art {
    width: calc(100% + 28px);
    height: 122px;
    margin: -14px -14px 4px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 50% 30%, rgba(255,255,255,.22), rgba(255,255,255,.04) 55%, rgba(0,0,0,.18));
}

.shop-offer-art img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 8px;
}

.shop-offer-card .fallback-icon img {
    filter: brightness(0) invert(1);
}

.treasure-card img {
    width: 76px !important;
    height: 76px !important;
    object-fit: contain;
    filter: none !important;
}

.free-pack-card .pack-icon img {
    width: 76px !important;
    height: 76px !important;
    object-fit: contain;
    filter: none !important;
}

.profile-card-app {
    padding: 14px !important;
    border-radius: 22px !important;
    background: radial-gradient(circle at 50% 0%, rgba(217,0,255,.18), transparent 36%), linear-gradient(145deg, rgba(29,20,58,.98), rgba(18,46,72,.96)) !important;
}

.profile-head-app {
    border-bottom: 0 !important;
    margin-bottom: 10px !important;
    padding-bottom: 6px !important;
}

.profile-head-app p {
    color: rgba(255,255,255,.72) !important;
}

.profile-visual-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin: 12px 0;
}

.profile-visual-grid article {
    min-height: 118px;
    padding: 10px 7px;
    border-radius: 17px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    text-align: center;
    background: linear-gradient(145deg, rgba(217,0,255,.22), rgba(54,207,255,.13));
    border: 1px solid rgba(255,255,255,.14);
}

.profile-visual-grid img {
    width: 58px;
    height: 58px;
    object-fit: contain;
}

.profile-visual-grid b,
.profile-card-showcase b {
    color: #fff;
    line-height: 1.05;
}

.profile-visual-grid span,
.profile-section-head span,
.profile-card-row span {
    color: rgba(255,255,255,.72);
    font-size: .7rem;
    font-weight: 850;
}

.profile-card-showcase {
    display: grid;
    gap: 9px;
    margin-bottom: 12px;
}

.profile-section-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

.profile-card-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.profile-card-row article {
    min-width: 0;
    border-radius: 14px;
    overflow: hidden;
    display: grid;
    gap: 4px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
}

.profile-card-row img,
.profile-card-row article > b {
    width: 100%;
    aspect-ratio: 750 / 1050;
    object-fit: cover;
    display: grid;
    place-items: center;
    background: rgba(0,0,0,.22);
}

.profile-card-row span {
    padding: 0 6px 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-public-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 8px;
}

.profile-public-actions a {
    min-height: 38px;
    padding: 0 8px;
    font-size: .76rem;
}

@media (max-width: 460px) {
    .shop-offer-grid {
        grid-template-columns: 1fr !important;
    }

    .shop-offer-art {
        height: 142px;
    }

    .profile-visual-grid {
        grid-template-columns: 1fr;
    }

    .profile-visual-grid article {
        grid-template-columns: 62px minmax(0,1fr);
        justify-items: start;
        text-align: left;
        min-height: 84px;
    }

    .profile-visual-grid img {
        grid-row: span 2;
    }

    .profile-card-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .profile-public-actions {
        grid-template-columns: 1fr;
    }
}

/* Sammelkarten patch v4: strict mobile shell and proportional shop images */
body {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    background: #333 !important;
}

.app-frame {
    width: min(100vw, 390px) !important;
    min-height: 100dvh !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
    background: linear-gradient(180deg, rgba(16,9,31,.98), rgba(7,8,18,.99)) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.05), 0 18px 60px rgba(0,0,0,.42);
}

.side-nav {
    display: none !important;
}

.game-header {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: 0 !important;
    width: min(100vw, 390px) !important;
    height: 48px !important;
    transform: translateX(-50%) !important;
    border-radius: 0 !important;
}

.resource-strip {
    width: 100% !important;
    max-width: none !important;
    height: 48px !important;
    padding: 5px 8px !important;
}

.app-main {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 58px 8px 88px !important;
    margin: 0 !important;
}

.bottom-nav {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: 0 !important;
    width: min(100vw, 390px) !important;
    transform: translateX(-50%) !important;
    z-index: 90 !important;
    display: flex !important;
    justify-content: space-around !important;
    gap: 6px !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
    background: linear-gradient(180deg, rgba(6,7,16,0), rgba(6,7,16,.86) 16%, rgba(6,7,16,.98)) !important;
    backdrop-filter: blur(16px);
    border-top: 1px solid rgba(255,255,255,.08);
}

.shop-offer-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}

.shop-offer-card {
    position: relative !important;
    min-height: 248px !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: grid !important;
    align-items: stretch !important;
    background: linear-gradient(135deg, color-mix(in srgb,var(--from) 42%,#151126), color-mix(in srgb,var(--to) 38%,#151126)) !important;
}

.shop-offer-art {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 50% 40%, rgba(255,255,255,.18), rgba(0,0,0,.08) 58%, rgba(0,0,0,.20)) !important;
}

.shop-offer-art img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 10px !important;
}

.shop-offer-overlay {
    position: relative !important;
    z-index: 2 !important;
    align-self: end !important;
    margin: auto 10px 10px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    display: grid !important;
    gap: 6px !important;
    background: rgba(0,0,0,.56) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    backdrop-filter: blur(8px);
}

.shop-offer-overlay h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 1rem !important;
    line-height: 1.05 !important;
    text-shadow: 0 1px 4px rgba(0,0,0,.7);
}

.shop-offer-overlay p {
    margin: 0 !important;
    color: rgba(255,255,255,.86) !important;
    font-size: .78rem !important;
    line-height: 1.2 !important;
}

.shop-offer-overlay small {
    width: max-content !important;
    max-width: 100% !important;
    border-radius: 999px !important;
    padding: 4px 8px !important;
    background: rgba(0,0,0,.48) !important;
    color: #fff !important;
    font-size: .66rem !important;
    font-weight: 950 !important;
}

.shop-offer-overlay form {
    margin: 0 !important;
}

.shop-offer-overlay .pink-btn {
    min-height: 34px !important;
    width: max-content !important;
    max-width: 100% !important;
}

.section-bar {
    border-radius: 0 !important;
}

@supports (padding-top: env(safe-area-inset-top)) {
    .game-header {
        padding-top: env(safe-area-inset-top) !important;
        height: calc(48px + env(safe-area-inset-top)) !important;
    }

    .app-main {
        padding-top: calc(58px + env(safe-area-inset-top)) !important;
    }
}

/* Sammelkarten patch v5: compact grouped shop layout */
.shop-status-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
}

.shop-status-row div,
.shop-status-row a {
    min-height: 66px !important;
    padding: 9px 8px !important;
    border-radius: 16px !important;
}

.shop-status-row img {
    width: 20px !important;
    height: 20px !important;
}

.shop-status-row b {
    font-size: .98rem !important;
}

.shop-status-row span {
    font-size: .66rem !important;
}

.shop-offer-grid {
    gap: 9px !important;
}

.shop-section-daily,
.shop-section-chests,
.shop-section-profile,
.shop-section-avatar,
.shop-section-race {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.shop-section-special,
.shop-section-packs,
.shop-section-gifts {
    grid-template-columns: 1fr !important;
}

.shop-section-daily .shop-offer-card,
.shop-section-chests .shop-offer-card,
.shop-section-profile .shop-offer-card,
.shop-section-avatar .shop-offer-card,
.shop-section-race .shop-offer-card {
    min-height: 190px !important;
    border-radius: 17px !important;
}

.shop-section-special .shop-offer-card,
.shop-section-packs .shop-offer-card,
.shop-section-gifts .shop-offer-card {
    min-height: 224px !important;
}

.shop-offer-art img {
    padding: 9px 9px 82px !important;
}

.shop-section-special .shop-offer-art img,
.shop-section-packs .shop-offer-art img,
.shop-section-gifts .shop-offer-art img {
    padding: 10px 10px 94px !important;
}

.shop-offer-overlay {
    margin: auto 7px 7px !important;
    padding: 8px !important;
    border-radius: 13px !important;
    gap: 4px !important;
    background: rgba(0,0,0,.64) !important;
}

.shop-offer-overlay h2 {
    font-size: .82rem !important;
    line-height: 1.02 !important;
}

.shop-offer-overlay p {
    font-size: .66rem !important;
    line-height: 1.12 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.shop-offer-overlay small {
    font-size: .58rem !important;
    padding: 3px 6px !important;
}

.shop-offer-overlay .pink-btn {
    min-height: 30px !important;
    border-radius: 12px !important;
    padding: 0 9px !important;
    font-size: .66rem !important;
}

.shop-section-special .shop-offer-overlay h2,
.shop-section-packs .shop-offer-overlay h2,
.shop-section-gifts .shop-offer-overlay h2 {
    font-size: .96rem !important;
}

.shop-section-special .shop-offer-overlay p,
.shop-section-packs .shop-offer-overlay p,
.shop-section-gifts .shop-offer-overlay p {
    font-size: .74rem !important;
}

@media (max-width: 340px) {
    .shop-section-daily,
    .shop-section-chests,
    .shop-section-profile,
    .shop-section-avatar,
    .shop-section-race {
        grid-template-columns: 1fr !important;
    }
}

/* Sammelkarten patch v6: clean shop cards and pack opening flow */
.shop-status-row {
    display: none !important;
}

.shop-offer-card {
    overflow: hidden !important;
}

.shop-offer-art,
.shop-offer-art img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.shop-offer-art img {
    object-fit: contain !important;
    object-position: center top !important;
    padding: 8px 8px 54px !important;
}

.shop-section-special .shop-offer-art img,
.shop-section-packs .shop-offer-art img,
.shop-section-gifts .shop-offer-art img {
    padding-bottom: 58px !important;
}

.shop-offer-overlay {
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    margin: 0 !important;
    padding: 7px !important;
    background: rgba(0, 0, 0, .36) !important;
    backdrop-filter: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.shop-offer-overlay p,
.shop-offer-overlay small {
    display: none !important;
}

.shop-offer-overlay h2 {
    font-size: .72rem !important;
    line-height: 1.05 !important;
    text-shadow: 0 2px 6px rgba(0,0,0,.8) !important;
}

.shop-price-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-height: 26px !important;
    padding: 0 8px !important;
    font-size: .62rem !important;
    border-radius: 10px !important;
}

.shop-price-btn img {
    width: 14px !important;
    height: 14px !important;
    object-fit: contain !important;
}

.owned-pack-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.owned-pack-card {
    min-height: 190px;
    border-radius: 18px;
    padding: 10px;
    background: linear-gradient(135deg, rgba(44, 18, 72, .96), rgba(15, 57, 82, .94));
    border: 1px solid var(--line);
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto auto;
    gap: 7px;
    overflow: hidden;
}

.owned-pack-card img {
    width: 100%;
    height: 118px;
    object-fit: contain;
    align-self: center;
}

.owned-pack-card b {
    color: #fff;
    font-size: .86rem;
}

.owned-pack-card form {
    margin: 0;
}

.owned-pack-card .pink-btn {
    width: 100%;
    min-height: 34px;
}

.owned-pack-card.empty {
    grid-column: 1 / -1;
}

.pack-purchase-modal {
    position: fixed;
    inset: 0;
    z-index: 280;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(4, 3, 12, .78);
}

.pack-purchase-modal .modal-card {
    max-width: 330px;
    width: 100%;
    padding: 20px;
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(42, 19, 79, .98), rgba(10, 58, 78, .98));
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 24px 70px rgba(0,0,0,.5);
    text-align: center;
    display: grid;
    gap: 12px;
}

.pack-purchase-modal h2,
.pack-purchase-modal p {
    margin: 0;
}

.pack-purchase-modal p {
    color: var(--muted);
    font-weight: 850;
}

.pack-opening-stage {
    display: grid;
    gap: 12px;
}

.reveal-video-box {
    min-height: 230px;
}

.pack-reveal-stack[hidden] {
    display: none !important;
}

.pack-swipe-track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 86%;
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    padding: 6px 18px 12px 0;
}

.pack-reveal-card {
    min-height: 330px;
    border-radius: 20px;
    padding: 14px;
    background: linear-gradient(150deg, rgba(63, 24, 100, .98), rgba(13, 51, 76, .96));
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 18px 40px rgba(0,0,0,.42);
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto auto;
    gap: 8px;
    scroll-snap-align: center;
}

.pack-reveal-card img {
    width: 100%;
    height: 235px;
    object-fit: contain;
}

.pack-reveal-card b {
    font-size: 1rem;
    color: #fff;
}

.pack-reveal-card span {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 850;
}

.pack-opening-fullscreen {
    min-height: calc(100vh - 126px);
    display: grid;
    align-content: start;
    gap: 10px;
}

.pack-opening-fullscreen .pack-opening-stage {
    min-height: calc(100vh - 190px);
}

.pack-opening-fullscreen .reveal-video-box {
    min-height: min(58vh, 460px);
}

.pack-opening-fullscreen video {
    width: 100%;
    height: min(58vh, 460px);
    object-fit: contain;
    background: radial-gradient(circle, rgba(217,0,255,.24), rgba(9,5,18,1) 72%);
}

.pack-back-btn {
    margin: 10px 0 0;
    width: 100%;
    text-align: center;
}

/* Sammelkarten patch v7: pack modal and 5-slot collection book */
.resource-pill.streak {
    display: none !important;
}

.cards-owned-packs {
    margin-bottom: 12px;
}

.owned-pack-card.compact {
    min-height: 158px;
}

.owned-pack-card.compact img {
    height: 86px;
}

.owned-pack-card.compact span {
    color: var(--muted);
    font-size: .76rem;
    font-weight: 850;
}

.pack-claim-card img {
    width: 150px;
    height: 150px;
    object-fit: contain;
    justify-self: center;
}

.collection-book {
    margin-bottom: 14px;
}

.collection-cover {
    min-height: 350px;
    border-radius: 24px;
    padding: 22px;
    background:
        radial-gradient(circle at 72% 20%, rgba(53,212,255,.36), transparent 34%),
        radial-gradient(circle at 24% 82%, rgba(217,0,255,.34), transparent 36%),
        linear-gradient(145deg, rgba(43, 18, 74, .98), rgba(10, 43, 66, .96));
    border: 2px solid rgba(255,255,255,.16);
    box-shadow: 0 22px 55px rgba(0,0,0,.46), inset 14px 0 0 rgba(0,0,0,.28);
    display: grid;
    align-content: end;
    gap: 16px;
    overflow: hidden;
}

.collection-cover div {
    display: grid;
    gap: 5px;
}

.collection-cover span,
.collection-cover em {
    color: rgba(255,255,255,.76);
    font-size: .82rem;
    font-weight: 900;
}

.collection-cover b {
    color: #fff;
    font-size: 2.1rem;
    line-height: 1;
}

.collection-pages {
    border-radius: 24px;
    padding: 12px;
    background: linear-gradient(180deg, #d8a977, #c58b5d);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 20px 45px rgba(0,0,0,.38);
}

.collection-pages[hidden],
.book-page[hidden] {
    display: none !important;
}

.book-controls {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.book-controls button {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 14px;
    background: rgba(0,0,0,.62);
    color: #fff;
    font-size: 1.55rem;
    font-weight: 950;
}

.book-controls span {
    min-height: 42px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(0,0,0,.62);
    color: #fff;
    font-weight: 950;
}

.book-page {
    border-radius: 18px;
    padding: 10px;
    background: #0f263a;
    box-shadow: inset 10px 0 0 #1571ad;
}

.book-page-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    margin: 0 0 10px 8px;
    font-weight: 950;
}

.book-page-head span {
    min-width: 64px;
    text-align: center;
    border-radius: 12px;
    padding: 5px 8px;
    background: rgba(0,0,0,.52);
}

.book-slot-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
}

.book-slot {
    min-height: 136px;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 5px;
}

.book-slot-art {
    width: 100%;
    min-height: 112px;
    border: 0;
    border-radius: 8px;
    background: #2b3442;
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.28);
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 0;
}

.book-slot-art img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.book-slot-art span {
    color: rgba(255,255,255,.42);
    font-size: 1.35rem;
    font-weight: 950;
}

.book-slot b {
    color: #fff;
    font-size: .55rem;
    line-height: 1.05;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.book-slot.locked b {
    color: rgba(255,255,255,.48);
}

@media (max-width: 380px) {
    .book-slot-grid {
        gap: 5px;
    }

    .book-slot {
        min-height: 126px;
    }

    .book-slot-art {
        min-height: 102px;
    }
}

/* Sammelkarten patch v9: overlays, album pages and profile card frames */
.daily-bonus-panel {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    min-height: 146px !important;
    padding: 0 !important;
}

.daily-bonus-banner {
    position: absolute !important;
    inset: 0 !important;
    margin: 0 !important;
}

.daily-bonus-banner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.daily-bonus-copy {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 10px 12px !important;
    background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.72) 24%, rgba(0,0,0,.86)) !important;
    color: #fff !important;
    z-index: 2 !important;
}

.daily-bonus-copy h2,
.daily-bonus-copy p {
    margin: 0 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.9) !important;
}

.daily-bonus-copy p {
    max-width: 95% !important;
}

.daily-bonus-copy span {
    display: inline-flex !important;
    width: auto !important;
    min-width: 82px !important;
    min-height: 24px !important;
    margin-top: 6px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: rgba(0,0,0,.55) !important;
}

.collection-cover {
    position: relative;
}

.collection-cover-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.collection-cover.has-cover-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.78));
}

.collection-cover > div,
.collection-cover > button {
    position: relative;
    z-index: 2;
}

.collection-pages.is-flipping .book-page:not([hidden]),
.book-page:not([hidden]) {
    animation: bookPageFlip .26s ease-out;
    transform-origin: left center;
}

@keyframes bookPageFlip {
    from {
        opacity: .35;
        transform: perspective(600px) rotateY(-18deg) translateX(8px);
    }
    to {
        opacity: 1;
        transform: perspective(600px) rotateY(0deg) translateX(0);
    }
}

.book-page {
    padding: 7px !important;
}

.book-page-head {
    margin: 0 0 6px 6px !important;
    font-size: .72rem !important;
}

.book-page-head span {
    min-width: 52px !important;
    padding: 3px 7px !important;
}

.book-slot-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(78px, auto) !important;
    gap: 5px !important;
}

.book-slot {
    min-height: 78px !important;
    gap: 2px !important;
}

.book-slot-art {
    position: relative !important;
    min-height: 62px !important;
    border-radius: 7px !important;
    background: linear-gradient(145deg, #202d3d, #131b28) !important;
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.34), 0 4px 8px rgba(0,0,0,.2) !important;
}

.book-slot.locked .book-slot-art img {
    opacity: .22 !important;
    filter: grayscale(.75) brightness(.8) !important;
}

.book-slot.owned .book-slot-art {
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.18), 0 0 14px rgba(217,0,255,.28) !important;
}

.book-stars {
    position: absolute !important;
    left: 4px !important;
    right: 4px !important;
    top: 3px !important;
    z-index: 2 !important;
    color: #ffd34d !important;
    font-size: .42rem !important;
    line-height: 1 !important;
    text-shadow: 0 1px 4px rgba(0,0,0,.8) !important;
    font-style: normal !important;
    text-align: center !important;
}

.book-slot b {
    font-size: .43rem !important;
    line-height: 1 !important;
}

.onair-race-card {
    grid-template-columns: 96px minmax(0, 1fr) !important;
}

.arena-race-image {
    width: 96px !important;
    height: 78px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
}

.onair-race-card:not(:has(.arena-race-image)) {
    grid-template-columns: 1fr !important;
}

.profile-card-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.profile-showcase-card {
    position: relative !important;
    border-radius: 14px !important;
    padding: 8px !important;
    min-height: 190px !important;
    background: linear-gradient(145deg, rgba(31,22,63,.98), rgba(13,44,69,.96)) !important;
    border: 2px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.28) !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    gap: 7px !important;
}

.profile-showcase-card.stars-1 { border-color: rgba(150, 210, 255, .55) !important; }
.profile-showcase-card.stars-2 { border-color: rgba(65, 220, 255, .65) !important; }
.profile-showcase-card.stars-3 { border-color: rgba(177, 91, 255, .7) !important; }
.profile-showcase-card.stars-4 { border-color: rgba(255, 63, 191, .78) !important; }
.profile-showcase-card.stars-5 { border-color: rgba(255, 210, 70, .88) !important; }

.profile-showcase-card em {
    position: absolute !important;
    top: 7px !important;
    left: 8px !important;
    right: 8px !important;
    z-index: 2 !important;
    color: #ffd34d !important;
    font-style: normal !important;
    font-size: .8rem !important;
    text-align: center !important;
    text-shadow: 0 2px 6px rgba(0,0,0,.85) !important;
}

.profile-showcase-card div {
    border-radius: 10px !important;
    overflow: hidden !important;
    background: rgba(0,0,0,.24) !important;
}

.profile-showcase-card img {
    width: 100% !important;
    height: 148px !important;
    object-fit: cover !important;
}

.profile-showcase-card span {
    color: #fff !important;
    font-size: .72rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    text-align: center !important;
}

/* Sammelkarten patch v10: album opens as its own screen, not inline */
body.book-full-open {
    overflow: hidden !important;
}

.collection-book.is-open {
    position: static !important;
}

.collection-book.is-open .collection-pages {
    position: fixed !important;
    top: calc(50px + env(safe-area-inset-top, 0px)) !important;
    bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    left: 50% !important;
    width: min(100vw, 390px) !important;
    transform: translateX(-50%) !important;
    z-index: 38 !important;
    border-radius: 0 !important;
    padding: 8px !important;
    overflow: auto !important;
    background: linear-gradient(180deg, #d8a977, #bd7d4e) !important;
    box-shadow: 0 -10px 30px rgba(0,0,0,.45) !important;
}

.book-full-head {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr) 76px;
    align-items: center;
    gap: 8px;
    margin-bottom: 7px;
}

.book-full-head button {
    min-height: 34px;
    border: 0;
    border-radius: 12px;
    background: rgba(0,0,0,.58);
    color: #fff;
    font-weight: 950;
}

.book-full-head strong {
    color: #fff;
    font-size: .82rem;
    text-align: center;
    text-shadow: 0 2px 5px rgba(0,0,0,.55);
}

.collection-book.is-open .book-controls {
    margin-bottom: 7px !important;
}

.collection-book.is-open .book-page {
    min-height: calc(100vh - 178px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
}

.collection-book.is-open .book-slot-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(7, minmax(0, 1fr)) !important;
    height: 100% !important;
    min-height: 560px !important;
}

.collection-book.is-open .book-slot {
    min-height: 0 !important;
}

.collection-book.is-open .book-slot-art {
    min-height: 0 !important;
    height: 100% !important;
}

/* DualFam feature update: compact packs, utility inventory, marketplace, streamer tools */
.owned-pack-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-bottom: 12px;
}

.owned-pack-card {
    min-height: 138px !important;
    border-radius: 14px !important;
    padding: 7px !important;
    gap: 5px !important;
    grid-template-rows: 66px auto auto auto !important;
}

.owned-pack-card img {
    width: 100% !important;
    height: 66px !important;
    object-fit: contain !important;
}

.owned-pack-card b {
    min-height: 24px;
    font-size: .68rem !important;
    line-height: 1.05 !important;
    text-align: center;
}

.owned-pack-card span {
    font-size: .62rem !important;
    line-height: 1 !important;
    text-align: center;
}

.owned-pack-card .pink-btn {
    min-height: 28px !important;
    border-radius: 10px !important;
    font-size: .66rem !important;
    padding: 0 6px !important;
}

.owned-pack-card.compact {
    min-height: 132px !important;
}

.inventory-item-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
    gap: 9px;
    margin-bottom: 14px;
}

.inventory-item-card {
    min-height: 142px;
    border-radius: 16px;
    padding: 10px;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 6px;
    text-align: center;
    background: linear-gradient(145deg, rgba(38,22,70,.96), rgba(13,48,70,.94));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: var(--shadow);
}

.inventory-item-card img {
    width: 44px;
    height: 44px;
    object-fit: contain;
}

.inventory-item-card b {
    color: #fff;
    font-size: .78rem;
    line-height: 1.05;
}

.inventory-item-card span,
.inventory-hint {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 850;
}

.inventory-item-card form {
    width: 100%;
}

.duplicate-card-list {
    display: grid;
    gap: 8px;
    margin-bottom: 12px;
}

.duplicate-card-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    align-items: center;
    padding: 10px;
    border-radius: 16px;
    background: rgba(255,255,255,.07);
    border: 1px solid var(--line);
}

.duplicate-card-row span {
    display: grid;
    min-width: 0;
}

.duplicate-card-row b {
    color: #fff;
    line-height: 1.05;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.duplicate-card-row small {
    color: var(--muted);
    font-weight: 850;
}

.duplicate-card-row form,
.crafting-actions form,
.market-auction-card form {
    margin: 0;
}

.crafting-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 13px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(48,24,82,.97), rgba(16,61,80,.95));
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
    margin-bottom: 14px;
}

.crafting-card b {
    display: block;
    color: #fff;
    font-size: 1rem;
}

.crafting-card span {
    display: block;
    color: var(--muted);
    font-size: .8rem;
    font-weight: 850;
}

.crafting-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.market-status-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 12px;
}

.market-status-row article {
    min-height: 76px;
    border-radius: 17px;
    padding: 12px;
    display: grid;
    align-content: center;
    gap: 4px;
    background: linear-gradient(135deg, rgba(43,21,74,.96), rgba(13,53,74,.94));
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
}

.market-status-row b {
    color: #fff;
    font-size: 1.2rem;
}

.market-status-row span {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 850;
}

.market-auction-list {
    display: grid;
    gap: 10px;
    margin-bottom: 14px;
}

.market-auction-card {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border-radius: 18px;
    background: rgba(255,255,255,.07);
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
}

.market-auction-card.boosted {
    border-color: rgba(255,180,47,.55);
    box-shadow: 0 0 24px rgba(255,180,47,.16), var(--shadow);
}

.market-auction-card > img {
    width: 58px;
    height: 72px;
    border-radius: 10px;
    object-fit: cover;
    background: rgba(0,0,0,.25);
}

.market-auction-card div {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.market-auction-card b {
    color: #fff;
    line-height: 1.05;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.market-auction-card span,
.market-auction-card small {
    color: var(--muted);
    font-size: .74rem;
    font-weight: 850;
}

.market-auction-card strong {
    color: #fff;
    font-size: .86rem;
    text-align: right;
}

.bid-form {
    grid-column: 2 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.bid-form input {
    min-height: 34px;
}

.streamer-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(170px, .45fr);
    gap: 14px;
    align-items: center;
    margin-bottom: 12px;
}

.streamer-hero h2 {
    margin: 0 0 5px;
}

.streamer-progress-mini {
    display: grid;
    gap: 7px;
}

.streamer-progress-mini b {
    color: #fff;
    text-align: right;
}

.streamer-progress-mini span {
    height: 14px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(0,0,0,.35);
}

.streamer-progress-mini i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--magenta), var(--cyan));
}

.streamer-url-panel,
.streamer-settings-panel,
.streamer-admin-panel {
    margin-bottom: 14px;
}

.streamer-url-panel {
    display: grid;
    gap: 10px;
}

.streamer-url-panel input,
.streamer-link-list input {
    font-size: .72rem;
}

.streamer-link-list {
    display: grid;
    gap: 9px;
    margin-bottom: 14px;
}

.streamer-link-list article {
    display: grid;
    gap: 6px;
    padding: 10px;
    border-radius: 16px;
    background: rgba(255,255,255,.07);
    border: 1px solid var(--line);
}

.streamer-link-list b {
    color: #fff;
    font-size: .82rem;
}

.check-row {
    min-height: 42px;
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255,255,255,.07);
    border: 1px solid var(--line);
    font-weight: 900;
}

.check-row input {
    width: auto;
}

.streamer-admin-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
}

.streamer-admin-list span {
    border-radius: 999px;
    padding: 6px 9px;
    background: rgba(255,255,255,.1);
    color: var(--muted);
    font-size: .72rem;
    font-weight: 850;
}

@media (max-width: 760px) {
    .owned-pack-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    .owned-pack-card {
        min-height: 126px !important;
        padding: 6px !important;
        grid-template-rows: 58px auto auto auto !important;
    }
    .owned-pack-card img {
        height: 58px !important;
    }
    .market-auction-card {
        grid-template-columns: 52px minmax(0, 1fr) auto;
    }
    .market-auction-card > img {
        width: 52px;
        height: 66px;
    }
    .streamer-hero,
    .crafting-card {
        grid-template-columns: 1fr;
    }
    .streamer-progress-mini b {
        text-align: left;
    }
}

@media (max-width: 380px) {
    .owned-pack-card b {
        font-size: .62rem !important;
    }
    .owned-pack-card .pink-btn {
        font-size: .61rem !important;
    }
    .duplicate-card-row {
        grid-template-columns: minmax(0, 1fr);
    }
    .market-status-row {
        grid-template-columns: 1fr;
    }
}

/* Shop cleanup: compact header, 3-up cards, corner price, purchase modal */
.shop-hero-compact {
    height: clamp(118px, 22vw, 190px) !important;
    min-height: 0 !important;
    margin-bottom: 10px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

.shop-hero-compact img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.shop-shortcuts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 12px;
}

.shop-shortcuts a {
    min-height: 58px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 9px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(36,20,66,.96), rgba(12,50,72,.94));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: var(--shadow);
}

.shop-shortcuts img {
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.shop-shortcuts span {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.shop-shortcuts b,
.shop-shortcuts small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shop-shortcuts b {
    color: #fff;
    font-size: .74rem;
    line-height: 1.05;
}

.shop-shortcuts small {
    color: var(--muted);
    font-size: .58rem;
    font-weight: 850;
}

.shop-daily-admin {
    display: grid;
    gap: 9px;
    margin-bottom: 12px;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(35,20,64,.96), rgba(13,49,70,.94));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: var(--shadow);
}

.shop-daily-admin > div {
    display: grid;
    gap: 2px;
}

.shop-daily-admin b {
    color: #fff;
    font-size: .86rem;
    line-height: 1.05;
}

.shop-daily-admin span,
.shop-daily-admin small {
    color: var(--muted);
    font-size: .68rem;
    font-weight: 850;
}

.shop-daily-admin form {
    display: grid;
    gap: 9px;
}

.shop-daily-admin-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
    gap: 7px;
}

.shop-daily-admin-grid label {
    min-height: 48px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    padding: 7px;
    border-radius: 12px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.10);
    font-size: .72rem;
}

.shop-daily-admin-grid input {
    width: 16px;
    height: 16px;
}

.shop-daily-admin-grid span {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.shop-daily-admin-grid b,
.shop-daily-admin-grid small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shop-offer-grid,
.shop-section-special,
.shop-section-packs,
.shop-section-daily,
.shop-section-chests,
.shop-section-market,
.shop-section-profile,
.shop-section-avatar,
.shop-section-race {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)) !important;
    gap: 9px !important;
    margin-bottom: 14px !important;
}

.shop-offer-card,
.shop-section-special .shop-offer-card,
.shop-section-packs .shop-offer-card,
.shop-section-daily .shop-offer-card,
.shop-section-chests .shop-offer-card,
.shop-section-market .shop-offer-card,
.shop-section-profile .shop-offer-card,
.shop-section-avatar .shop-offer-card,
.shop-section-race .shop-offer-card {
    position: relative !important;
    min-height: 160px !important;
    aspect-ratio: 1 / 1.22 !important;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: block !important;
    background: linear-gradient(135deg, color-mix(in srgb, var(--from) 44%, #171226), color-mix(in srgb, var(--to) 40%, #111f34)) !important;
    border: 1px solid rgba(255,255,255,.17) !important;
    box-shadow: var(--shadow) !important;
}

.shop-offer-art,
.shop-offer-art img,
.shop-offer-card .fallback-icon {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.shop-offer-art {
    z-index: 1 !important;
    display: grid !important;
    place-items: center !important;
    background: radial-gradient(circle at 50% 34%, rgba(255,255,255,.20), rgba(255,255,255,.04) 50%, rgba(0,0,0,.18)) !important;
    pointer-events: none !important;
}

.shop-offer-art img,
.shop-offer-card .fallback-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: 25px 9px 49px !important;
}

.shop-offer-card .fallback-icon {
    z-index: 1 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    pointer-events: none !important;
}

.shop-offer-card .fallback-icon img {
    filter: brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.45)) !important;
    opacity: .9 !important;
}

.shop-offer-hit {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
}

.shop-price-form {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
    margin: 0 !important;
    pointer-events: none !important;
}

.shop-price-form .shop-offer-hit {
    pointer-events: auto !important;
}

.shop-price-badge,
.shop-price-form .shop-price-btn {
    position: absolute !important;
    top: 7px !important;
    left: 7px !important;
    right: auto !important;
    z-index: 6 !important;
    margin: 0 !important;
    pointer-events: none !important;
}

.shop-price-btn {
    min-height: 25px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: .62rem !important;
    line-height: 1 !important;
    box-shadow: 0 5px 10px rgba(0,0,0,.28) !important;
}

.shop-price-btn img {
    width: 14px !important;
    height: 14px !important;
}

.shop-offer-overlay {
    position: absolute !important;
    left: 7px !important;
    right: 7px !important;
    bottom: 7px !important;
    z-index: 3 !important;
    min-height: 38px !important;
    display: grid !important;
    place-items: center !important;
    padding: 7px 8px !important;
    border-radius: 12px !important;
    background: rgba(3, 5, 14, .66) !important;
    border: 0 !important;
    backdrop-filter: blur(8px) !important;
    pointer-events: none !important;
}

.shop-offer-overlay h2 {
    margin: 0 !important;
    width: 100% !important;
    color: #fff !important;
    font-size: .58rem !important;
    line-height: 1.02 !important;
    text-align: center !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-shadow: 0 2px 6px rgba(0,0,0,.85) !important;
}

.shop-purchase-modal {
    position: fixed;
    inset: 0;
    z-index: 280;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(4, 3, 12, .80);
    backdrop-filter: blur(14px);
}

.shop-offer-confirm-modal[hidden] {
    display: none !important;
}

.shop-purchase-card {
    position: relative;
    width: min(92vw, 360px);
    padding: 20px;
    border-radius: 22px;
    display: grid;
    justify-items: center;
    gap: 10px;
    text-align: center;
    background: linear-gradient(145deg, rgba(43,20,82,.98), rgba(9,58,80,.98));
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 24px 70px rgba(0,0,0,.52);
}

.shop-purchase-card img {
    width: min(68vw, 180px);
    height: 150px;
    object-fit: contain;
}

.shop-purchase-card h2,
.shop-purchase-card p {
    margin: 0;
}

.shop-purchase-card h2 {
    color: #fff;
    font-size: 1.15rem;
    line-height: 1.05;
}

.shop-purchase-card p,
.shop-purchase-card strong {
    color: rgba(255,255,255,.82);
    font-size: .82rem;
}

.shop-purchase-card form {
    display: grid;
    justify-items: center;
    margin: 0;
}

.daily-bonus-graphic-only {
    min-height: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
}

.daily-bonus-graphic-only img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 14px !important;
}

.daily-bonus-graphic-only video,
.home-daily-media {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 14px !important;
    object-fit: cover !important;
}

.home-news-strip {
    display: grid;
    gap: 9px;
    margin-bottom: 12px;
}

.home-news-card {
    min-height: 74px;
    display: grid;
    grid-template-columns: 78px minmax(0,1fr);
    gap: 10px;
    align-items: center;
    padding: 8px;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, rgba(43,20,82,.96), rgba(10,55,78,.96));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: var(--shadow);
}

.home-news-card img {
    width: 78px;
    height: 58px;
    border-radius: 12px;
    object-fit: cover;
    background: rgba(255,255,255,.08);
}

.home-news-card span {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.home-news-card b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .93rem;
    line-height: 1.08;
}

.home-news-card small {
    color: rgba(255,255,255,.72);
    font-size: .7rem;
    font-weight: 850;
}

.home-media-admin {
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255,255,255,.12);
}

.home-media-library {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 10px;
}

.home-media-choice {
    position: relative;
    display: grid;
    gap: 7px;
    padding: 8px;
    border-radius: 14px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
    cursor: pointer;
}

.home-media-choice.active {
    border-color: var(--cyan);
    box-shadow: 0 0 18px rgba(54,207,255,.22);
}

.home-media-choice input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.home-media-preview {
    aspect-ratio: 1080 / 340;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    background: rgba(0,0,0,.24);
}

.home-media-preview img,
.home-media-preview video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.home-media-choice b {
    color: rgba(255,255,255,.84);
    font-size: .72rem;
    line-height: 1.15;
}

.admin-media-picker {
    display: grid;
    gap: 8px;
    padding: 10px;
    border-radius: 14px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
}

.admin-media-picker > b {
    color: #fff;
    font-size: .82rem;
}

.admin-media-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
    gap: 8px;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 2px;
}

.admin-media-choice {
    position: relative;
    min-width: 0;
    display: grid;
    gap: 5px;
    padding: 6px;
    border-radius: 12px;
    background: rgba(0,0,0,.18);
    border: 1px solid rgba(255,255,255,.11);
    cursor: pointer;
}

.admin-media-choice input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.admin-media-choice:has(input:checked) {
    border-color: var(--cyan);
    box-shadow: 0 0 18px rgba(54,207,255,.22);
}

.admin-media-choice span {
    aspect-ratio: 1 / 1;
    display: block;
    overflow: hidden;
    border-radius: 9px;
    background: rgba(255,255,255,.08);
}

.admin-media-choice img,
.admin-media-choice video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.admin-media-choice small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(255,255,255,.7);
    font-size: .62rem;
    font-weight: 800;
}

.admin-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.weekly-offer-admin-list {
    display: grid;
    gap: 12px;
}

.weekly-offer-admin-set {
    display: grid;
    gap: 9px;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(36,20,66,.88), rgba(12,50,72,.82));
    border: 1px solid rgba(255,255,255,.12);
}

.weekly-offer-admin-set.active {
    border-color: rgba(255,39,191,.72);
    box-shadow: 0 0 0 1px rgba(255,39,191,.18), 0 12px 30px rgba(217,0,255,.18);
}

.weekly-offer-admin-head,
.weekly-offer-admin-item {
    display: grid;
    gap: 8px;
    align-items: center;
}

.weekly-offer-admin-head {
    grid-template-columns: auto minmax(0, 1fr);
}

.weekly-offer-admin-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
    gap: 8px;
}

.weekly-offer-admin-item {
    grid-template-columns: 52px minmax(0, 1fr) 82px;
    align-items: center;
    padding: 8px;
    border-radius: 12px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.10);
}

.weekly-offer-admin-item img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    border-radius: 10px;
    background: rgba(0,0,0,.18);
}

.weekly-offer-admin-head span,
.weekly-offer-admin-item span {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.weekly-offer-admin-head b,
.weekly-offer-admin-head small,
.weekly-offer-admin-item b,
.weekly-offer-admin-item small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.weekly-offer-admin-head small,
.weekly-offer-admin-item small {
    color: var(--muted);
    font-size: .68rem;
    font-weight: 850;
}

.weekly-offer-admin-item input[type="number"] {
    width: 100%;
}

.inline-admin-form {
    margin: 0;
}

.ghost-btn.slim {
    min-height: 30px;
    padding-inline: 10px;
    font-size: .7rem;
}

/* Avatar/Profile update */
.admin-tabs {
    position: sticky;
    top: calc(54px + env(safe-area-inset-top));
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    overflow: visible;
    padding: 6px 0 10px;
    margin-bottom: 8px;
    background: linear-gradient(180deg, rgba(7,5,16,.96), rgba(7,5,16,.72));
    scrollbar-width: none;
}

.admin-tabs::-webkit-scrollbar {
    display: none;
}

.admin-tabs a {
    flex: 1 1 calc(33.333% - 7px);
    justify-content: center;
    min-width: 0;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 999px;
    color: #fff;
    font-size: .74rem;
    font-weight: 950;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.12);
}

.admin-tabs a.active {
    background: linear-gradient(135deg, var(--magenta), var(--cyan));
    box-shadow: 0 0 18px rgba(54,207,255,.22);
}

.admin-grid {
    grid-template-columns: 1fr !important;
}

.admin-fold {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(31, 20, 64, .96), rgba(11, 45, 68, .92));
    border: 1px solid rgba(255,255,255,.13);
    box-shadow: var(--shadow);
    overflow: hidden;
}

.admin-fold > summary {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 14px;
    color: #fff;
    font-size: 1rem;
    font-weight: 950;
    cursor: pointer;
    list-style: none;
}

.admin-fold > summary::-webkit-details-marker {
    display: none;
}

.admin-fold > summary::after {
    content: "+";
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255,255,255,.11);
    color: #fff;
}

.admin-fold[open] > summary::after {
    content: "-";
}

.admin-fold > .panel {
    margin: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.admin-home-slot-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
    gap: 10px;
}

.admin-daily-media-box {
    margin-top: 12px;
}

.admin-home-slot {
    min-width: 0;
    min-height: 154px;
    display: grid;
    align-content: start;
    gap: 7px;
    padding: 8px;
    border-radius: 16px;
    color: #fff;
    text-align: left;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.14);
    cursor: pointer;
}

.admin-home-slot:focus-visible {
    outline: 2px solid var(--cyan);
    outline-offset: 2px;
}

.admin-home-slot-preview {
    aspect-ratio: 1080 / 340;
    display: block;
    overflow: hidden;
    border-radius: 11px;
    background: rgba(0,0,0,.26);
}

.admin-home-slot-preview img,
.admin-home-slot-preview video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.admin-home-slot b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .82rem;
    line-height: 1.05;
}

.admin-home-slot small {
    color: rgba(255,255,255,.68);
    font-size: .66rem;
    font-weight: 850;
    line-height: 1.15;
}

.admin-replace-modal[hidden] {
    display: none !important;
}

.admin-replace-modal {
    position: fixed;
    inset: 0;
    z-index: 340;
    display: grid;
    place-items: center;
    padding: 10px;
    background: rgba(4, 3, 12, .82);
    backdrop-filter: blur(14px);
    overflow: hidden;
}

.admin-replace-card {
    width: min(100%, 430px);
    max-width: 100%;
    max-height: calc(100dvh - 20px);
    min-width: 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: grid;
    gap: 12px;
    padding: 14px;
    box-sizing: border-box;
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(31, 20, 64, .98), rgba(11, 45, 68, .97));
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 24px 70px rgba(0,0,0,.5);
    text-align: left;
}

.admin-replace-card h2 {
    margin: 0;
    padding-right: 34px;
    color: #fff;
    font-size: 1.12rem;
}

.admin-replace-card label {
    display: grid;
    gap: 6px;
    color: #fff;
    font-weight: 950;
    font-size: .78rem;
}

.admin-replace-card input[type=file] {
    min-width: 0;
    width: 100%;
}

.admin-replace-card .admin-media-grid,
.admin-replace-card .home-media-library {
    max-height: 340px;
    overflow-y: auto;
    overflow-x: hidden;
}

.admin-replace-card .admin-media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 420px) {
    .admin-home-slot-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-home-slot {
        min-height: 138px;
    }
}

@media (max-width: 560px) {
    .admin-tabs a {
        flex-basis: calc(50% - 7px);
        padding-inline: 8px;
        font-size: .68rem;
    }

    .admin-replace-modal {
        place-items: stretch;
        padding: 0;
    }

    .admin-replace-card {
        width: 100%;
        height: 100dvh;
        max-height: none;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        padding: 14px 12px calc(20px + env(safe-area-inset-bottom));
    }

    .admin-replace-card h2 {
        font-size: 1rem;
        line-height: 1.05;
    }

    .admin-replace-card .admin-media-grid,
    .admin-replace-card .home-media-library {
        max-height: none;
    }
}

.profile-avatar-hero {
    display: grid;
    grid-template-columns: minmax(132px, .8fr) minmax(0, 1.2fr);
    gap: 14px;
    align-items: center;
    margin-bottom: 14px;
}

.profile-avatar-stage {
    min-height: 190px;
    display: grid;
    place-items: center;
    border-radius: 24px;
    background: radial-gradient(circle at 50% 38%, rgba(255,255,255,.18), rgba(217,0,255,.16) 48%, rgba(54,207,255,.10));
    border: 1px solid rgba(255,255,255,.14);
    overflow: hidden;
}

.profile-main-avatar {
    width: min(88%, 220px);
    height: min(88%, 220px);
    object-fit: contain;
}

.profile-title-block {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.profile-title-block h2,
.profile-title-block p {
    margin: 0;
}

.profile-title-block p {
    color: rgba(255,255,255,.74);
    font-weight: 850;
}

.profile-quick-actions,
.profile-public-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.profile-card-showcase-editor {
    display: grid;
    gap: 9px;
    margin: 12px 0;
}

.profile-card-showcase-editor form {
    display: grid;
    gap: 9px;
}

.profile-showcase-picker {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
    gap: 8px;
    max-height: 360px;
    overflow: auto;
    padding: 2px;
}

.profile-showcase-pick {
    position: relative;
    min-width: 0;
    display: grid;
    gap: 4px;
    padding: 6px;
    border-radius: 14px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
}

.profile-showcase-pick input {
    position: absolute;
    top: 6px;
    right: 6px;
}

.profile-showcase-pick img,
.profile-showcase-pick > b {
    width: 100%;
    aspect-ratio: 750 / 1050;
    object-fit: cover;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: rgba(0,0,0,.22);
}

.profile-showcase-pick span {
    color: rgba(255,255,255,.78);
    font-size: .66rem;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.avatar-grid {
    grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)) !important;
}

.avatar-tile {
    position: relative;
    display: grid;
    gap: 7px;
    align-content: start;
}

.avatar-tile-hit {
    position: absolute;
    inset: 0;
    z-index: 2;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.avatar-preview,
.avatar-tile > span,
.avatar-tile > small {
    pointer-events: none;
}

.avatar-tile > span {
    color: #fff;
    font-weight: 950;
    line-height: 1.05;
}

.avatar-action-btn {
    position: relative;
    z-index: 3;
    justify-self: start;
}

.avatar-display {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.avatar-video-shell {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.avatar-video-shell .avatar-video-poster,
.avatar-video-shell .avatar-lazy-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.avatar-video-shell .avatar-lazy-video {
    opacity: 0;
    transition: opacity .18s ease;
}

.avatar-video-shell .avatar-lazy-video[src] {
    opacity: 1;
}

.avatar-video-shell.is-playing .avatar-lazy-video {
    opacity: 1;
}

.avatar-video-shell.is-playing .avatar-video-poster {
    opacity: 0;
}

.avatar-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 28px;
    height: 28px;
    margin: -14px 0 0 -14px;
    border-radius: 999px;
    border: 3px solid rgba(255,255,255,.28);
    border-top-color: var(--cyan);
    opacity: 0;
    animation: avatarSpin .8s linear infinite;
}

.avatar-video-shell.is-loading .avatar-loader {
    opacity: 1;
}

@keyframes avatarSpin {
    to { transform: rotate(360deg); }
}

.avatar-buy-modal[hidden] {
    display: none !important;
}

.avatar-modal-preview {
    width: min(46vw, 150px);
    height: min(46vw, 150px);
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: rgba(255,255,255,.08);
    overflow: hidden;
}

.avatar-modal-price {
    justify-content: center;
    flex-wrap: nowrap;
    gap: 8px;
}

.shop-purchase-card .avatar-modal-price img,
.shop-purchase-card .avatar-price img {
    width: 18px !important;
    height: 18px !important;
}

.shop-purchase-card .avatar-modal-price span {
    min-width: 78px;
    min-height: 32px;
    justify-content: center;
    padding: 5px 10px;
}

.avatar-buy-check {
    display: grid;
    gap: 6px;
    width: 100%;
    margin: 2px 0 8px;
}

.avatar-buy-check span {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 12px;
    font-size: .86rem;
    font-weight: 900;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
}

.avatar-buy-check .ok {
    color: #baffd7;
    border-color: rgba(76,255,148,.36);
}

.avatar-buy-check .missing {
    color: #ffd0d0;
    border-color: rgba(255,82,82,.48);
}

.admin-avatar-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.admin-avatar-card {
    display: grid;
    gap: 8px;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(36,20,66,.94), rgba(12,50,72,.88));
    border: 1px solid rgba(255,255,255,.12);
}

.admin-avatar-card.disabled {
    opacity: .55;
    filter: grayscale(.5);
}

.admin-avatar-thumb {
    height: 120px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(0,0,0,.18);
    overflow: hidden;
}

.admin-avatar-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.admin-avatar-fields .check-row {
    grid-column: 1 / -1;
    min-height: 34px;
}

@media (max-width: 520px) {
    .shop-shortcuts {
        grid-template-columns: 1fr;
    }

    .profile-avatar-hero {
        grid-template-columns: 1fr;
    }

    .profile-avatar-stage {
        min-height: 220px;
    }

    .profile-showcase-picker {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.shop-owned-list {
    display: grid;
    gap: 9px;
    margin-bottom: 14px;
}

.shop-owned-list article {
    min-height: 72px;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 9px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(34,20,65,.96), rgba(13,49,70,.94));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: var(--shadow);
}

.shop-owned-list img {
    width: 58px;
    height: 58px;
    object-fit: contain;
}

.shop-owned-list span {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.shop-owned-list b,
.shop-owned-list small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shop-owned-list b {
    color: #fff;
    font-size: .86rem;
}

.shop-owned-list small {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 850;
}

.shop-owned-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
    gap: 9px;
    margin-bottom: 14px;
}

.shop-owned-grid article {
    min-height: 148px;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 7px;
    padding: 10px;
    border-radius: 16px;
    text-align: center;
    background: linear-gradient(145deg, rgba(38,22,70,.96), rgba(13,48,70,.94));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: var(--shadow);
}

.shop-owned-grid img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.shop-owned-grid b {
    color: #fff;
    font-size: .78rem;
    line-height: 1.05;
}

.shop-owned-grid span {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 850;
}

@media (max-width: 760px) {
    body:has(.shop-hero-compact) .app-main {
        padding-top: 10px !important;
    }

    .shop-hero-compact {
        height: 132px !important;
        border-radius: 14px !important;
    }

    .shop-offer-grid,
    .shop-section-special,
    .shop-section-packs,
    .shop-section-daily,
    .shop-section-chests,
    .shop-section-market,
    .shop-section-profile,
    .shop-section-avatar,
    .shop-section-race {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .shop-offer-card,
    .shop-section-special .shop-offer-card,
    .shop-section-packs .shop-offer-card,
    .shop-section-daily .shop-offer-card,
    .shop-section-chests .shop-offer-card,
    .shop-section-market .shop-offer-card,
    .shop-section-profile .shop-offer-card,
    .shop-section-avatar .shop-offer-card,
    .shop-section-race .shop-offer-card {
        min-height: 150px !important;
    }

    .shop-shortcuts {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .shop-shortcuts a {
        grid-template-columns: 32px minmax(0, 1fr);
        min-height: 52px;
        padding: 8px;
    }

    .shop-shortcuts img {
        width: 32px;
        height: 32px;
    }

    .shop-owned-list article {
        grid-template-columns: 50px minmax(0, 1fr) auto;
    }

    .shop-owned-list img {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 350px) {
    .shop-offer-grid,
    .shop-section-special,
    .shop-section-packs,
    .shop-section-daily,
    .shop-section-chests,
    .shop-section-market,
    .shop-section-profile,
    .shop-section-avatar,
    .shop-section-race {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Bottom menu polish: bigger icon buttons and animated neon accent */
.bottom-nav {
    position: fixed !important;
    overflow: visible !important;
    min-height: calc(76px + env(safe-area-inset-bottom)) !important;
    padding: 12px 12px calc(10px + env(safe-area-inset-bottom)) !important;
    align-items: center !important;
    gap: 7px !important;
    background:
        linear-gradient(180deg, rgba(6,7,16,0), rgba(6,7,16,.90) 18%, rgba(6,7,16,.99)) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 -10px 24px rgba(0,0,0,.38) !important;
}

.bottom-nav::before {
    content: "";
    position: absolute;
    top: 0;
    left: 12px;
    right: 12px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent 0%, #ff27bf 22%, #35d4ff 50%, #ff27bf 78%, transparent 100%);
    background-size: 220% 100%;
    animation: dxfBottomNavAccent 2.8s linear infinite;
    box-shadow: 0 0 10px rgba(255,39,191,.45), 0 0 12px rgba(53,212,255,.35);
    pointer-events: none;
}

@keyframes dxfBottomNavAccent {
    from { background-position: 220% 0; }
    to { background-position: -220% 0; }
}

.bottom-link {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 0 !important;
    border-radius: 18px !important;
    display: grid !important;
    place-items: center !important;
    background: transparent !important;
    box-shadow: none !important;
}

.bottom-link span:last-child {
    display: none !important;
}

.bottom-link .nav-ico {
    width: 46px !important;
    height: 46px !important;
    border-radius: 17px !important;
    padding: 8px !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(255,255,255,.13) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 6px 14px rgba(0,0,0,.26) !important;
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.bottom-link .nav-ico img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    opacity: 1 !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.35)) !important;
}

.bottom-link.active {
    color: #fff !important;
    background: transparent !important;
    box-shadow: none !important;
}

.bottom-link.active .nav-ico {
    width: 56px !important;
    height: 56px !important;
    border-radius: 20px !important;
    padding: 9px !important;
    transform: translateY(-8px) !important;
    background: linear-gradient(135deg, #d900ff 0%, #ff27bf 52%, #35d4ff 100%) !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    box-shadow: 0 12px 22px rgba(217,0,255,.38), 0 0 18px rgba(53,212,255,.22) !important;
}

.bottom-link.active .nav-ico img {
    filter: drop-shadow(0 2px 5px rgba(0,0,0,.38)) !important;
}

@media (max-width: 360px) {
    .bottom-nav {
        gap: 5px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .bottom-link .nav-ico {
        width: 42px !important;
        height: 42px !important;
        padding: 7px !important;
    }

    .bottom-link.active .nav-ico {
        width: 52px !important;
        height: 52px !important;
    }
}

/* Streamer page tabs and Streamer.bot downloads */
.streamer-hero {
    display: block !important;
}

.streamer-hero h2 {
    margin-bottom: 6px !important;
}

.streamer-tabs {
    position: sticky;
    top: 54px;
    z-index: 24;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding: 8px 0 10px;
    margin: 2px 0 8px;
    scrollbar-width: none;
}

.streamer-tab-select {
    display: none;
}

.streamer-tabs::-webkit-scrollbar {
    display: none;
}

.streamer-tabs a {
    flex: 0 0 auto;
    min-height: 34px;
    border-radius: 999px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .72rem;
    font-weight: 950;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
    white-space: nowrap;
}

.streamer-tabs a.is-active {
    background: linear-gradient(135deg, #d900ff, #35d4ff);
    border-color: rgba(255,255,255,.28);
    box-shadow: 0 8px 24px rgba(88,61,255,.28), inset 0 1px 0 rgba(255,255,255,.16);
}

.streamer-tab-panel[hidden] {
    display: none !important;
}

.streamer-tab-panel {
    scroll-margin-top: 104px;
    display: grid;
    gap: 10px;
    margin-bottom: 14px;
}

.streamer-progress-card {
    display: grid;
    gap: 7px;
    margin-top: 12px;
    padding: 12px;
    border-radius: 16px;
    background: rgba(0,0,0,.22);
    border: 1px solid rgba(255,255,255,.10);
}

.streamer-progress-card b {
    color: #fff;
    font-size: 1rem;
    font-weight: 950;
}

.streamer-progress-card span {
    height: 16px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(0,0,0,.42);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.38);
}

.streamer-progress-card i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #35d4ff, #d900ff);
}

.streamer-progress-card small {
    color: rgba(255,255,255,.74);
    font-weight: 850;
}

.streamer-race-info h2,
.streamer-race-info p {
    margin: 0;
}

.streamer-race-info p {
    line-height: 1.35;
}

.streamer-subtitle {
    margin: 4px 0 0;
    padding: 0 3px;
    color: rgba(255,255,255,.82);
    font-size: .82rem;
    line-height: 1;
}

.streamer-integration-list {
    display: grid;
    gap: 10px;
}

.streamer-integration-card {
    display: grid;
    gap: 8px;
    padding: 12px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(32,20,58,.96), rgba(17,54,76,.94));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: var(--shadow);
}

.streamer-integration-card strong {
    color: #fff;
    line-height: 1.05;
}

.streamer-integration-card span {
    color: rgba(255,255,255,.74);
    font-size: .76rem;
    font-weight: 850;
    line-height: 1.25;
}

.streamer-integration-card input {
    min-height: 38px !important;
    border-radius: 13px !important;
    font-size: .72rem !important;
}

.streamer-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.streamer-actions .ghost-btn,
.streamer-actions .pink-btn {
    min-height: 36px;
    border-radius: 13px;
    font-size: .73rem;
    padding: 0 9px;
}

.streamer-admin-list {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.streamer-admin-list span {
    min-height: 25px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    background: rgba(255,255,255,.11);
    color: rgba(255,255,255,.84);
    font-size: .68rem;
    font-weight: 900;
}

/* Streamer Gewinnspiel */
.streamer-giveaway-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: linear-gradient(135deg, rgba(217,0,255,.18), rgba(53,212,255,.12));
    border-color: rgba(53,212,255,.24);
}

.streamer-giveaway-status > div {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.streamer-giveaway-status span,
.streamer-giveaway-status small {
    color: rgba(255,255,255,.70);
    font-size: .72rem;
    font-weight: 900;
}

.streamer-giveaway-status strong {
    color: #fff;
    font-size: 1rem;
}

.streamer-giveaway-status > b {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    background: rgba(255,255,255,.10);
    color: #fff;
    font-size: .75rem;
}

.streamer-giveaway-status.is-signup {
    border-color: rgba(37,242,190,.40);
    box-shadow: 0 0 22px rgba(37,242,190,.10);
}

.streamer-giveaway-status.is-locked {
    border-color: rgba(255,220,79,.40);
}

.streamer-giveaway-form {
    display: grid;
    gap: 10px;
}

.streamer-giveaway-form textarea {
    resize: vertical;
    min-height: 82px;
}

.streamer-giveaway-form [hidden] {
    display: none !important;
}

.streamer-giveaway-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.streamer-giveaway-card {
    display: grid;
    align-content: start;
    gap: 12px;
    margin: 0;
}

.streamer-giveaway-card.is-current {
    border-color: rgba(53,212,255,.45);
    box-shadow: var(--shadow), 0 0 24px rgba(53,212,255,.12);
}

.streamer-giveaway-card-head {
    display: grid;
    grid-template-columns: 66px minmax(0,1fr);
    align-items: center;
    gap: 11px;
}

.streamer-giveaway-card-head img,
.streamer-giveaway-placeholder {
    width: 66px;
    height: 66px;
    border-radius: 18px;
    object-fit: contain;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, rgba(217,0,255,.24), rgba(53,212,255,.16));
    border: 1px solid rgba(255,255,255,.14);
    font-size: 2rem;
}

.streamer-giveaway-card-head div {
    min-width: 0;
}

.streamer-giveaway-card-head strong {
    display: block;
    color: #fff;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.streamer-giveaway-card-head small {
    display: block;
    margin-top: 4px;
    color: #56e6ff;
    font-size: .72rem;
    font-weight: 900;
}

.streamer-giveaway-disable {
    margin: 0;
}

.streamer-giveaway-command-list {
    display: grid;
    gap: 9px;
}

.streamer-giveaway-command {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(210px,320px);
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(32,20,58,.96), rgba(17,54,76,.94));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: var(--shadow);
}

.streamer-giveaway-command > div:first-child {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.streamer-giveaway-command strong {
    color: #fff;
    line-height: 1.1;
}

.streamer-giveaway-command span {
    color: rgba(255,255,255,.72);
    font-size: .74rem;
    font-weight: 850;
    line-height: 1.3;
}

/* Streamer Gewinnversand */
.streamer-shipping-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.streamer-shipping-stats .panel {
    margin: 0;
    display: grid;
    gap: 5px;
    text-align: center;
    background: linear-gradient(135deg, rgba(32,20,58,.96), rgba(17,54,76,.94));
}

.streamer-shipping-stats span {
    color: rgba(255,255,255,.68);
    font-size: .72rem;
    font-weight: 900;
}

.streamer-shipping-stats strong {
    color: #fff;
    font-size: 1.35rem;
}

.streamer-shipping-stats .is-warning {
    border-color: rgba(255,87,87,.48);
    box-shadow: var(--shadow), 0 0 22px rgba(255,70,70,.10);
}

.streamer-shipping-filter {
    margin: 0;
}

.streamer-shipping-filter-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.streamer-shipping-filter-actions .primary-btn,
.streamer-shipping-filter-actions .ghost-btn,
.streamer-shipping-filter-actions .pink-btn {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.streamer-shipping-last {
    padding: 0 4px;
    color: rgba(255,255,255,.68);
    font-size: .72rem;
    font-weight: 850;
}

.streamer-shipping-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.streamer-shipping-card {
    margin: 0;
    display: grid;
    align-content: start;
    gap: 12px;
    border-color: rgba(255,220,79,.30);
}

.streamer-shipping-card.is-sent {
    border-color: rgba(37,242,190,.34);
    opacity: .88;
}

.streamer-shipping-card.is-missing-address {
    border-color: rgba(255,87,87,.48);
}

.streamer-shipping-card > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.streamer-shipping-card h3 {
    margin: 5px 0 0;
    color: #fff;
    font-size: 1rem;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.streamer-shipping-card time {
    flex: 0 0 auto;
    color: rgba(255,255,255,.58);
    font-size: .68rem;
    font-weight: 850;
}

.streamer-shipping-status {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 0 9px;
    border-radius: 999px;
    background: rgba(255,220,79,.13);
    color: #ffe66a;
    font-size: .66rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.streamer-shipping-card.is-sent .streamer-shipping-status {
    background: rgba(37,242,190,.13);
    color: #55f2c5;
}

.streamer-shipping-address {
    display: grid;
    gap: 2px;
    padding: 11px;
    border-radius: 15px;
    background: rgba(0,0,0,.20);
    border: 1px solid rgba(255,255,255,.09);
}

.streamer-shipping-address strong {
    margin-bottom: 3px;
    color: #fff;
}

.streamer-shipping-address span {
    color: rgba(255,255,255,.78);
    font-size: .78rem;
    line-height: 1.3;
}

.streamer-shipping-card.is-missing-address .streamer-shipping-address strong {
    color: #ff7777;
}

.streamer-shipping-wins {
    display: grid;
    gap: 6px;
}

.streamer-shipping-wins > b {
    color: #56e6ff;
    font-size: .70rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.streamer-shipping-wins > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: baseline;
    padding: 7px 9px;
    border-radius: 11px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.08);
}

.streamer-shipping-wins span {
    min-width: 0;
    color: rgba(255,255,255,.88);
    font-size: .77rem;
    font-weight: 850;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.streamer-shipping-wins time {
    color: rgba(255,255,255,.58);
    font-size: .66rem;
    font-weight: 850;
}

.streamer-shipping-detail {
    display: grid;
    gap: 3px;
}

.streamer-shipping-detail b {
    color: #56e6ff;
    font-size: .70rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.streamer-shipping-detail span {
    color: rgba(255,255,255,.86);
    font-size: .78rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.streamer-shipping-sent-at {
    color: rgba(37,242,190,.80);
    font-size: .70rem;
    font-weight: 900;
}

.streamer-shipping-action {
    margin: 0;
    align-self: end;
}

@media (max-width: 820px) {
    .streamer-giveaway-list,
    .streamer-shipping-list {
        grid-template-columns: 1fr;
    }

    .streamer-giveaway-command {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .streamer-shipping-stats,
    .streamer-shipping-filter-actions {
        grid-template-columns: 1fr;
    }

    .streamer-shipping-card > header {
        flex-direction: column;
    }

    .streamer-giveaway-status {
        align-items: flex-start;
        flex-direction: column;
    }

    .streamer-giveaway-status > b {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 560px) {
    .streamer-tabs {
        display: none;
    }

    .streamer-tab-select {
        position: sticky;
        top: 50px;
        z-index: 24;
        display: grid;
        gap: 6px;
        margin: 8px 0 12px;
        padding: 9px;
        border-radius: 16px;
        background: linear-gradient(135deg, rgba(32,20,58,.98), rgba(17,54,76,.96));
        border: 1px solid rgba(255,255,255,.14);
        box-shadow: var(--shadow);
        color: rgba(255,255,255,.82);
        font-size: .72rem;
        font-weight: 950;
    }

    .streamer-tab-select select {
        min-height: 42px;
        border-radius: 14px;
        font-size: .84rem;
        background: rgba(5,7,18,.58);
    }

    .streamer-actions {
        grid-template-columns: 1fr;
    }

    .streamer-settings-panel .two-col,
    .streamer-admin-panel .two-col {
        grid-template-columns: 1fr !important;
    }
}

/* Keep the footer boxes, make only the PNG icons larger. */
.bottom-link .nav-ico {
    padding: 3px !important;
}

.bottom-link .nav-ico img {
    width: 112% !important;
    height: 112% !important;
    max-width: none !important;
    max-height: none !important;
}

.bottom-link.active .nav-ico {
    padding: 4px !important;
}

.bottom-link.active .nav-ico img {
    width: 114% !important;
    height: 114% !important;
}

/* Pack opening: play video first, then reveal one stacked card deck. */
.pack-reveal-scene {
    position: relative !important;
    min-height: calc(100vh - 190px) !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    background: radial-gradient(circle at 50% 35%, rgba(217,0,255,.24), rgba(8,2,18,.98) 68%) !important;
}

.pack-reveal-scene .reveal-video-box {
    position: absolute !important;
    inset: 0 !important;
    z-index: 10 !important;
    min-height: 0 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: inherit !important;
    transition: opacity .5s ease, transform .5s ease, filter .5s ease !important;
}

.pack-reveal-scene .reveal-video-box.is-fading-out {
    opacity: 0 !important;
    transform: scale(1.06) !important;
    filter: blur(8px) !important;
    pointer-events: none !important;
}

.pack-opening-fullscreen .pack-reveal-scene video {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    background: transparent !important;
}

.pack-reveal-stack {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    min-height: calc(100vh - 190px) !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto auto !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 14px !important;
    opacity: 0 !important;
    transform: translateY(12px) scale(.98) !important;
    transition: opacity .36s ease .14s, transform .36s ease .14s !important;
}

.pack-reveal-stack[hidden],
.pack-back-btn[hidden],
[data-pack-done][hidden] {
    display: none !important;
}

.pack-reveal-stack.is-visible {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

.pack-reveal-counter {
    justify-self: end !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-weight: 950 !important;
    background: rgba(15,10,32,.76) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
}

.pack-single-card-wrap {
    position: relative !important;
    width: 100% !important;
    min-height: 380px !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    touch-action: pan-y !important;
}

.pack-single-card-wrap .pack-reveal-card {
    position: absolute !important;
    inset: 50% auto auto 50% !important;
    width: min(100%, 310px) !important;
    min-height: 390px !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto auto !important;
    gap: 10px !important;
    align-items: end !important;
    padding: 16px !important;
    border-radius: 24px !important;
    background: linear-gradient(150deg, rgba(63,24,100,.98), rgba(13,51,76,.98)) !important;
    border: 1px solid rgba(255,255,255,.2) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.48), 0 0 34px rgba(217,0,255,.22) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate(-50%, -50%) scale(.92) !important;
    transition: opacity .24s ease, transform .24s ease, filter .24s ease !important;
}

.pack-single-card-wrap .pack-reveal-card.is-current {
    z-index: 5 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

.pack-single-card-wrap .pack-reveal-card.is-next,
.pack-single-card-wrap .pack-reveal-card.is-behind {
    z-index: 3 !important;
    opacity: .5 !important;
    filter: brightness(.82) !important;
    transform: translate(calc(-50% + (var(--pack-offset, 1) * 10px)), calc(-50% + (var(--pack-offset, 1) * 8px))) scale(calc(1 - (var(--pack-offset, 1) * .045))) !important;
}

.pack-single-card-wrap .pack-reveal-card.is-behind {
    z-index: 2 !important;
    opacity: .26 !important;
}

.pack-single-card-wrap .pack-reveal-card.is-past {
    z-index: 0 !important;
    opacity: 0 !important;
    transform: translate(calc(-50% - 70px), -50%) scale(.88) rotate(-4deg) !important;
}

.pack-single-card-wrap .pack-reveal-card img {
    width: 100% !important;
    height: 290px !important;
    object-fit: contain !important;
    align-self: center !important;
}

.pack-single-card-wrap .pack-reveal-card b,
.pack-single-card-wrap .pack-reveal-card span {
    text-align: center !important;
}

.pack-reveal-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}

.pack-reveal-actions .primary-btn,
.pack-reveal-actions .ghost-btn,
.pack-back-btn {
    min-height: 46px !important;
}

.pack-reveal-actions .ghost-btn {
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-weight: 950 !important;
    background: rgba(255,255,255,.08) !important;
}

.pack-reveal-actions .ghost-btn:disabled {
    opacity: .38 !important;
}

@media (max-width: 420px) {
    .pack-reveal-scene,
    .pack-reveal-stack {
        min-height: calc(100vh - 168px) !important;
    }

    .pack-single-card-wrap {
        min-height: 330px !important;
    }

    .pack-single-card-wrap .pack-reveal-card {
        min-height: 338px !important;
        width: min(100%, 286px) !important;
    }

    .pack-single-card-wrap .pack-reveal-card img {
        height: 242px !important;
    }
}

/* Pack reveal card frame: no extra card box, CSS frame around the actual reward image. */
.pack-single-card-wrap .pack-reveal-card {
    width: min(100%, 340px) !important;
    min-height: 500px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    gap: 8px !important;
    justify-items: center !important;
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.pack-single-card-wrap .pack-reveal-card strong {
    z-index: 2 !important;
    max-width: 92% !important;
    padding: 7px 13px !important;
    border-radius: 12px !important;
    color: #fff !important;
    font-size: .98rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    text-align: center !important;
    background: rgba(8,6,16,.86) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.38) !important;
}

.pack-single-card-wrap .pack-reveal-card img {
    width: min(100%, 292px) !important;
    height: 420px !important;
    padding: 7px !important;
    border-radius: 16px !important;
    object-fit: contain !important;
    background: rgba(255,255,255,.035) !important;
    border: 3px solid rgba(255,255,255,.72) !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.48), 0 0 22px rgba(255,255,255,.14) !important;
}

.pack-single-card-wrap .pack-reveal-card em {
    min-height: 24px !important;
    color: #ffe94a !important;
    font-style: normal !important;
    font-size: 1rem !important;
    letter-spacing: 2px !important;
    line-height: 1 !important;
    text-shadow: 0 0 10px rgba(255,233,74,.75), 0 2px 4px rgba(0,0,0,.5) !important;
}

.pack-single-card-wrap .pack-reveal-card.stars-1 img {
    border-color: #ffffff !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.48), 0 0 16px rgba(255,255,255,.28) !important;
}

.pack-single-card-wrap .pack-reveal-card.stars-2 img {
    border-color: #35d4ff !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.48), 0 0 24px rgba(53,212,255,.48) !important;
}

.pack-single-card-wrap .pack-reveal-card.stars-3 img {
    border-color: #d900ff !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.48), 0 0 28px rgba(217,0,255,.55) !important;
}

.pack-single-card-wrap .pack-reveal-card.stars-4 img {
    border-color: #ffbf35 !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.48), 0 0 32px rgba(255,191,53,.62) !important;
}

.pack-single-card-wrap .pack-reveal-card.stars-5 img {
    border-color: #ff2f8f !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.48), 0 0 36px rgba(255,47,143,.68), 0 0 28px rgba(53,212,255,.5) !important;
}

@media (max-width: 420px) {
    .pack-single-card-wrap .pack-reveal-card {
        min-height: 462px !important;
        width: min(100%, 320px) !important;
    }

    .pack-single-card-wrap .pack-reveal-card img {
        width: min(100%, 280px) !important;
        height: 382px !important;
    }

    .pack-single-card-wrap .pack-reveal-card strong {
        font-size: .88rem !important;
    }
}

.pack-reveal-stack {
    grid-template-rows: minmax(0, 1fr) auto auto !important;
}

.pack-single-card-wrap {
    min-height: 500px !important;
}

.pack-reveal-counter {
    display: none !important;
}

.cards-owned-packs,
#pack-list.owned-pack-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.cards-owned-packs .owned-pack-card,
#pack-list .owned-pack-card {
    min-height: 172px !important;
    padding: 10px 8px !important;
}

.cards-owned-packs .owned-pack-card img,
#pack-list .owned-pack-card img {
    height: 76px !important;
}

.cards-owned-packs .owned-pack-card b,
#pack-list .owned-pack-card b {
    font-size: .78rem !important;
    line-height: 1.08 !important;
}

.cards-owned-packs .owned-pack-card span,
#pack-list .owned-pack-card span {
    font-size: .72rem !important;
}

.cards-owned-packs .owned-pack-card .pink-btn,
#pack-list .owned-pack-card .pink-btn {
    min-height: 34px !important;
    font-size: .76rem !important;
    padding: 0 9px !important;
}

@media (max-width: 360px) {
    .cards-owned-packs,
    #pack-list.owned-pack-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Cards overview and marketplace hall cleanup */
.cards-market-hero,
.marketplace-hero {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin: 0 0 10px;
    padding: 9px 10px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(38, 16, 70, .98), rgba(9, 57, 78, .96));
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: var(--shadow);
}

.cards-market-graphic,
.marketplace-hero > img {
    min-width: 0;
    display: grid;
    place-items: center;
}

.cards-market-graphic img,
.marketplace-hero > img {
    width: 74px;
    height: 74px;
    object-fit: contain;
    filter: drop-shadow(0 6px 12px rgba(217, 0, 255, .22));
}

.cards-market-copy {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.cards-market-copy span,
.marketplace-hero span {
    color: #35d4ff;
    font-size: .62rem;
    font-weight: 950;
    text-transform: uppercase;
}

.cards-market-copy b,
.marketplace-hero h2 {
    color: #fff;
    font-size: 1rem;
    line-height: 1.05;
    margin: 0;
}

.cards-market-copy p,
.marketplace-hero p,
.marketplace-rule {
    color: var(--muted);
    font-size: .8rem;
    font-weight: 850;
    line-height: 1.25;
    margin: 0;
}

.cards-market-copy .primary-btn {
    width: 100%;
    min-height: 32px;
    margin-top: 2px;
    padding: 0 10px;
    font-size: .78rem;
}

.free-pack-card {
    grid-template-columns: 74px minmax(0, 1fr) !important;
    align-items: center !important;
}

.free-pack-card form {
    grid-column: 2;
    width: 100%;
}

.free-pack-card form .orange-btn,
.free-pack-card form .pink-btn {
    width: 100%;
}

.free-pack-card h2 {
    font-size: 1.35rem !important;
    line-height: 1.05 !important;
}

.free-pack-card p {
    font-size: .82rem !important;
    line-height: 1.15 !important;
}

.market-mode-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.market-mode-tabs a {
    min-height: 40px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    font-weight: 950;
    text-decoration: none;
    background: rgba(255, 255, 255, .08);
    border: 1px solid var(--line);
}

.market-mode-tabs a.active {
    background: linear-gradient(135deg, #d900ff, #35d4ff);
}

.marketplace-create {
    display: grid;
    gap: 10px;
}

.market-auction-card {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    align-items: start !important;
}

.market-card-frame {
    position: relative;
    width: 92px;
    min-height: 118px;
    display: grid;
    place-items: center;
    padding: 7px;
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(13, 16, 34, .98), rgba(39, 18, 73, .98));
    border: 2px solid rgba(255, 255, 255, .22);
    box-shadow: inset 0 0 18px rgba(255, 255, 255, .06), 0 10px 18px rgba(0, 0, 0, .28);
}

.market-card-frame img {
    width: 100%;
    height: 96px;
    object-fit: cover;
    border-radius: 10px;
}

.market-card-frame em {
    position: absolute;
    z-index: 2;
    top: 5px;
    left: 6px;
    right: 6px;
    color: #ffe66d;
    font-size: .7rem;
    font-style: normal;
    letter-spacing: 1px;
    text-align: center;
    text-shadow: 0 0 5px rgba(255, 210, 38, .95), 0 2px 4px rgba(0, 0, 0, .7);
}

.market-card-frame.stars-1 { border-color: rgba(123, 140, 255, .58); }
.market-card-frame.stars-2 { border-color: rgba(53, 212, 255, .62); }
.market-card-frame.stars-3 { border-color: rgba(75, 211, 138, .62); }
.market-card-frame.stars-4 { border-color: rgba(255, 180, 47, .68); }
.market-card-frame.stars-5 { border-color: rgba(255, 39, 191, .78); }

.market-auction-main {
    min-width: 0;
    display: grid;
    gap: 5px;
}

.market-auction-card > strong,
.market-auction-card > form {
    grid-column: 2;
    width: 100%;
    text-align: left;
}

.market-user-chip {
    display: inline-grid;
    grid-template-columns: 34px minmax(0, max-content);
    gap: 7px;
    align-items: center;
    width: max-content;
    max-width: 100%;
    color: #fff;
    text-decoration: none;
}

.market-user-avatar {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .25);
}

.market-user-avatar img,
.market-user-avatar video {
    width: 44px;
    height: 44px;
    object-fit: contain;
}

.market-user-fallback {
    color: #fff;
    font-weight: 950;
}

.market-user-chip b {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.market-user-chip.tiny {
    grid-template-columns: 22px minmax(0, max-content);
    gap: 5px;
    display: inline-grid;
    vertical-align: middle;
}

.market-user-chip.tiny .market-user-avatar {
    width: 22px;
    height: 22px;
}

.market-user-chip.tiny .market-user-avatar img,
.market-user-chip.tiny .market-user-avatar video {
    width: 30px;
    height: 30px;
}

.market-user-chip.tiny b {
    max-width: 92px;
    font-size: .72rem;
}

.glow-neon { display:inline-block; background:linear-gradient(90deg,#ff18d7 0%,#ff4fe7 36%,#35d4ff 74%,#66fff0 100%); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 0 10px rgba(255,24,215,.44),0 0 15px rgba(53,212,255,.34); }
.glow-gold { display:inline-block; color:#fff; -webkit-text-stroke:.65px rgba(255,193,56,.9); paint-order:stroke fill; text-shadow:0 0 4px rgba(255,255,255,.95),0 0 10px rgba(255,190,42,.95),0 0 22px rgba(255,144,0,.78); }
.glow-fire { position:relative; display:inline-block; color:#fff; text-shadow:0 0 5px rgba(255,255,255,.9),0 0 10px rgba(255,116,0,.92),0 0 22px rgba(230,36,0,.82); }
.glow-fire::after { content:""; position:absolute; left:-.35em; right:-.35em; top:-.45em; bottom:-.2em; pointer-events:none; opacity:.95; background:radial-gradient(circle at 12% 68%,rgba(255,220,80,.95) 0 2px,transparent 3px),radial-gradient(circle at 34% 38%,rgba(255,94,0,.9) 0 2px,transparent 3px),radial-gradient(circle at 58% 72%,rgba(255,166,35,.95) 0 2px,transparent 3px),radial-gradient(circle at 82% 42%,rgba(255,70,0,.85) 0 2px,transparent 3px); filter:drop-shadow(0 0 5px rgba(255,80,0,.75)); animation:nameFireParticles 1.35s linear infinite; }
.glow-electric { display:inline-block; color:#fff; text-shadow:0 0 5px rgba(255,255,255,.95),0 0 13px rgba(170,235,255,.9),0 0 24px rgba(53,212,255,.72); animation:nameLightningFlicker 2.7s infinite; }
.glow-rainbow { background: linear-gradient(90deg, #ff4ad8, #ffe55c, #35ff9b, #35d4ff, #a46bff); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none; }
@keyframes nameFireParticles{0%{transform:translateY(4px) scale(.96);opacity:.25}30%{opacity:1}100%{transform:translateY(-8px) scale(1.05);opacity:.12}}
@keyframes nameLightningFlicker{0%,8%,18%,23%,100%{text-shadow:0 0 5px rgba(255,255,255,.95),0 0 13px rgba(170,235,255,.9),0 0 24px rgba(53,212,255,.72);filter:brightness(1)}10%,11%,21%{text-shadow:0 0 9px #fff,0 0 24px #eafcff,0 0 42px #35d4ff;filter:brightness(1.55)}52%,53%{text-shadow:0 0 3px rgba(255,255,255,.7),0 0 10px rgba(53,212,255,.48);filter:brightness(.86)}}

.shop-section-weekly,
.shop-section-daily {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shop-section-weekly .shop-offer-card {
    min-height: 186px;
}

.weekly-offer-admin-item {
    grid-template-columns: 52px minmax(0, 1fr);
}

.weekly-offer-admin-item select,
.weekly-offer-admin-item input[type="number"],
.weekly-offer-admin-item .check-row {
    grid-column: 1 / -1;
}

.weekly-offer-admin-item .check-row.compact {
    min-height: auto;
    padding: 0;
    background: transparent;
    border: 0;
}

.profile-prestige-shell {
    position: relative;
    border-radius: 24px;
    background:
        radial-gradient(circle at 18% 0%, rgba(255,255,255,.14), transparent 34%),
        linear-gradient(135deg, rgba(32,20,58,.98), rgba(15,63,84,.94));
}

.profile-prestige-shell.profile-frame-neon {
    border-color: rgba(53,212,255,.7);
    box-shadow: 0 0 0 1px rgba(53,212,255,.22), 0 20px 54px rgba(217,0,255,.22);
}

.profile-prestige-shell.profile-frame-gold {
    border-color: rgba(255,180,47,.78);
    box-shadow: 0 0 0 1px rgba(255,180,47,.24), 0 20px 54px rgba(255,180,47,.18);
}

.profile-prestige-shell.profile-bg-stage {
    background:
        radial-gradient(circle at 24% 12%, rgba(255,39,191,.22), transparent 34%),
        linear-gradient(145deg, rgba(24,15,45,.98), rgba(67,28,88,.92));
}

.profile-prestige-shell.profile-bg-neon {
    background:
        radial-gradient(circle at 80% 0%, rgba(53,212,255,.24), transparent 32%),
        linear-gradient(135deg, rgba(19,20,54,.98), rgba(71,19,88,.92));
}

.avatar-effect-glitter .profile-avatar-stage,
.avatar-effect-lightning .profile-avatar-stage {
    box-shadow: inset 0 0 28px rgba(255,255,255,.12), 0 0 26px rgba(53,212,255,.22);
}

.avatar-effect-fire .profile-avatar-stage,
.avatar-effect-turbo .profile-avatar-stage {
    box-shadow: inset 0 0 28px rgba(255,180,47,.16), 0 0 26px rgba(255,75,0,.22);
}

.avatar-effect-ice .profile-avatar-stage {
    box-shadow: inset 0 0 28px rgba(255,255,255,.14), 0 0 26px rgba(113,220,255,.24);
}

.profile-effects-panel {
    margin-top: 14px;
    display: grid;
    gap: 12px;
}

.profile-effects-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}

.profile-effect-card {
    display: grid;
    gap: 10px;
    padding: 10px;
    border-radius: 14px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.11);
}

.profile-effect-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.profile-effect-chips span {
    border-radius: 999px;
    padding: 5px 8px;
    font-size: .68rem;
    font-weight: 900;
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.72);
}

.profile-effect-chips .owned {
    color: #fff;
    background: rgba(53,212,255,.16);
}

.profile-effect-chips .active {
    background: linear-gradient(135deg, var(--pink), var(--cyan));
}

.profile-effect-chips .locked {
    opacity: .46;
}

@media (max-width: 640px) {
    .shop-section-weekly,
    .shop-section-daily {
        grid-template-columns: 1fr;
    }

    .profile-effects-grid {
        grid-template-columns: 1fr;
    }
}

.market-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.market-feature-grid article {
    min-height: 116px;
    display: grid;
    gap: 7px;
    align-content: start;
    padding: 13px;
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(38, 22, 70, .96), rgba(13, 48, 70, .94));
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
}

.market-feature-grid b {
    color: #fff;
    line-height: 1.08;
}

.market-feature-grid span {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 850;
    line-height: 1.25;
}

.market-more-btn {
    width: 100%;
}

.market-search-panel,
.postbox-compose form {
    display: grid;
    gap: 10px;
    margin-bottom: 14px;
    padding: 13px;
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(38, 22, 70, .96), rgba(13, 48, 70, .94));
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
}

.market-search-panel label,
.postbox-compose label {
    display: grid;
    gap: 6px;
    color: #fff;
    font-weight: 950;
    font-size: .78rem;
}

.market-search-panel input,
.market-search-panel select,
.postbox-compose select,
.postbox-compose textarea {
    width: 100%;
    min-height: 42px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 13px;
    padding: 0 12px;
    color: #fff;
    background: rgba(4, 12, 27, .72);
    font-weight: 850;
}

.postbox-compose textarea {
    min-height: 86px;
    padding-top: 10px;
    resize: vertical;
}

.postbox-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.postbox-tabs > a {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 14px;
    color: #fff;
    font-weight: 950;
    text-decoration: none;
    background: rgba(255, 255, 255, .08);
    border: 1px solid var(--line);
}

.postbox-tabs > a.active {
    background: linear-gradient(135deg, #d900ff, #35d4ff);
}

.postbox-tab-count {
    min-width: 23px;
    height: 23px;
    padding: 0 7px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-size: .72rem;
    line-height: 1;
    color: #fff;
    background: rgba(0, 0, 0, .3);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .18) inset;
}

.messenger-list {
    display: grid;
    gap: 9px;
    margin-bottom: 14px;
}

.message-card {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 10px;
    padding: 11px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .07);
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
}

.message-card.unread {
    border-color: rgba(53, 212, 255, .48);
}

.message-avatar {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 50%;
    background: linear-gradient(135deg, #d900ff, #35d4ff);
    text-decoration: none;
    color: #fff;
    font-weight: 950;
}

.message-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.message-card div {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.message-card b,
.message-card strong {
    color: #fff;
    line-height: 1.05;
}

.message-card p {
    margin: 0;
    color: var(--muted);
    font-size: .8rem;
    font-weight: 800;
    line-height: 1.25;
}

.message-card time {
    color: rgba(255, 255, 255, .52);
    font-size: .68rem;
    font-weight: 850;
}

.bottom-nav::before {
    opacity: .45 !important;
    height: 1px !important;
    animation-duration: 9s !important;
    box-shadow: 0 0 6px rgba(255, 39, 191, .24), 0 0 7px rgba(53, 212, 255, .20) !important;
}

@media (max-width: 420px) {
    .cards-market-hero,
    .marketplace-hero {
        grid-template-columns: 66px minmax(0, 1fr);
        gap: 8px;
        padding: 8px 9px;
    }

    .cards-market-graphic img,
    .marketplace-hero > img {
        width: 66px;
        height: 66px;
    }

    .market-feature-grid {
        grid-template-columns: 1fr;
    }

    .market-auction-card {
        grid-template-columns: 82px minmax(0, 1fr) !important;
    }

    .market-card-frame {
        width: 82px;
        min-height: 108px;
        padding: 6px;
    }

    .market-card-frame img {
        height: 88px;
    }
}

/* Pack reveal v5: one real card face with gradient under transparent PNGs. */
.pack-single-card-wrap .pack-reveal-card {
    min-height: 500px !important;
    display: grid !important;
    place-items: center !important;
}

.pack-single-card-wrap .pack-card-face {
    position: relative !important;
    width: min(100%, 292px) !important;
    height: 420px !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 3px solid rgba(255,255,255,.78) !important;
    background:
        radial-gradient(circle at 50% 24%, rgba(255,255,255,.20), transparent 34%),
        linear-gradient(160deg, rgba(217,0,255,.58) 0%, rgba(16,12,35,.95) 42%, rgba(13,64,92,.92) 100%) !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.48), 0 0 22px rgba(255,255,255,.14) !important;
}

.pack-single-card-wrap .pack-card-face img {
    width: 100% !important;
    height: 100% !important;
    padding: 9px !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pack-single-card-wrap .pack-card-face em {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 47px !important;
    z-index: 2 !important;
    min-height: 28px !important;
    color: #ffe94a !important;
    font-style: normal !important;
    font-size: 1.45rem !important;
    font-weight: 950 !important;
    letter-spacing: 1px !important;
    line-height: 1 !important;
    text-align: center !important;
    text-shadow: 0 0 12px rgba(255,233,74,.9), 0 2px 5px rgba(0,0,0,.74) !important;
}

.pack-single-card-wrap .pack-card-face strong {
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    bottom: 12px !important;
    z-index: 2 !important;
    max-width: none !important;
    min-height: 31px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 10px !important;
    border-radius: 12px !important;
    color: #fff !important;
    font-size: .94rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    text-align: center !important;
    background: rgba(8,6,16,.86) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.42) !important;
}

.pack-single-card-wrap .pack-reveal-card.stars-1 .pack-card-face {
    border-color: #ffffff !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.48), 0 0 16px rgba(255,255,255,.30) !important;
}

.pack-single-card-wrap .pack-reveal-card.stars-2 .pack-card-face {
    border-color: #35d4ff !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.48), 0 0 24px rgba(53,212,255,.55) !important;
}

.pack-single-card-wrap .pack-reveal-card.stars-3 .pack-card-face {
    border-color: #d900ff !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.48), 0 0 28px rgba(217,0,255,.62) !important;
}

.pack-single-card-wrap .pack-reveal-card.stars-4 .pack-card-face {
    border-color: #ffbf35 !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.48), 0 0 32px rgba(255,191,53,.68) !important;
}

.pack-single-card-wrap .pack-reveal-card.stars-5 .pack-card-face {
    border-color: #ff2f8f !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.48), 0 0 36px rgba(255,47,143,.72), 0 0 28px rgba(53,212,255,.55) !important;
}

@media (max-width: 420px) {
    .pack-single-card-wrap .pack-reveal-card {
        min-height: 456px !important;
    }

    .pack-single-card-wrap .pack-card-face {
        width: min(100%, 286px) !important;
        height: 396px !important;
    }

    .pack-single-card-wrap .pack-card-face em {
        bottom: 45px !important;
        font-size: 1.32rem !important;
    }

    .pack-single-card-wrap .pack-card-face strong {
        font-size: .86rem !important;
    }
}

/* Fixed graphic size system: short, medium, portrait */
:root {
    --dxf-graphic-short: 1080 / 320;
    --dxf-graphic-medium: 1080 / 500;
    --dxf-graphic-portrait: 900 / 1400;
}

.dxf-graphic-short,
.dxf-graphic-medium,
.dxf-graphic-portrait {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.dxf-graphic-short {
    aspect-ratio: var(--dxf-graphic-short) !important;
    max-height: 156px !important;
}

.dxf-graphic-medium {
    aspect-ratio: var(--dxf-graphic-medium) !important;
    max-height: 230px !important;
}

.dxf-graphic-portrait {
    aspect-ratio: var(--dxf-graphic-portrait) !important;
}

.home-graphic-card.dxf-graphic-short,
.home-graphic-card.dxf-graphic-medium,
.collect-hero.dxf-graphic-short,
.collection-cover.dxf-graphic-medium {
    height: auto !important;
}

.home-graphic-card.dxf-graphic-short,
.collect-hero.dxf-graphic-short,
.shop-hero-compact.dxf-graphic-short {
    border-radius: 16px !important;
}

.home-graphic-card.dxf-graphic-medium,
.collection-cover.dxf-graphic-medium {
    border-radius: 18px !important;
}

.home-graphic-card.dxf-graphic-short > img,
.home-graphic-card.dxf-graphic-medium > img,
.home-graphic-card.dxf-graphic-short .home-graphic-img,
.home-graphic-card.dxf-graphic-medium .home-graphic-img,
.collect-hero.dxf-graphic-short img,
.shop-hero-compact.dxf-graphic-short img,
.collection-cover.dxf-graphic-medium .collection-cover-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.home-graphic-bottom {
    left: clamp(9px, 3vw, 16px) !important;
    right: clamp(9px, 3vw, 16px) !important;
    bottom: clamp(9px, 3vw, 16px) !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: clamp(7px, 2vw, 12px) !important;
}

.home-progress {
    height: clamp(19px, 5.4vw, 24px) !important;
}

.home-progress b {
    font-size: clamp(.58rem, 2.4vw, .72rem) !important;
}

.home-graphic-bottom .pink-btn,
.live-on-button {
    min-height: clamp(31px, 8.5vw, 38px) !important;
    min-width: clamp(68px, 20vw, 92px) !important;
    font-size: clamp(.68rem, 2.6vw, .8rem) !important;
}

.live-inside-badge {
    left: clamp(8px, 2.8vw, 14px) !important;
    top: clamp(8px, 2.8vw, 14px) !important;
}

.collection-cover.dxf-graphic-medium {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto auto !important;
    align-content: end !important;
    gap: clamp(8px, 2.5vw, 14px) !important;
    padding: clamp(14px, 4vw, 22px) !important;
    box-sizing: border-box !important;
}

.collection-cover.dxf-graphic-medium > div {
    max-width: min(64%, 280px) !important;
    gap: 4px !important;
}

.collection-cover.dxf-graphic-medium span,
.collection-cover.dxf-graphic-medium em {
    font-size: clamp(.68rem, 2.2vw, .86rem) !important;
    line-height: 1.1 !important;
}

.collection-cover.dxf-graphic-medium b {
    font-size: clamp(1.55rem, 7vw, 2.25rem) !important;
}

.collection-cover.dxf-graphic-medium .primary-btn {
    width: 100% !important;
    min-height: clamp(34px, 9vw, 42px) !important;
    font-size: clamp(.76rem, 2.7vw, .88rem) !important;
}

.admin-home-slot em {
    width: max-content;
    max-width: 100%;
    padding: 3px 7px;
    border-radius: 999px;
    color: rgba(255,255,255,.74);
    background: rgba(0,0,0,.25);
    font-style: normal;
    font-size: .58rem;
    font-weight: 950;
    text-transform: uppercase;
}

.admin-home-slot.size-short .admin-home-slot-preview {
    aspect-ratio: var(--dxf-graphic-short) !important;
}

.admin-home-slot.size-medium .admin-home-slot-preview {
    aspect-ratio: var(--dxf-graphic-medium) !important;
}

.admin-home-slot.size-portrait .admin-home-slot-preview {
    aspect-ratio: var(--dxf-graphic-portrait) !important;
}

@media (min-width: 761px) and (max-width: 1180px) {
    .app-main {
        width: min(100%, 720px) !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .dxf-graphic-short {
        max-height: 190px !important;
    }

    .dxf-graphic-medium {
        max-height: 280px !important;
    }

    .shop-offer-grid,
    .card-album,
    .inventory-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 420px) {
    .dxf-graphic-short {
        max-height: 128px !important;
    }

    .dxf-graphic-medium {
        max-height: 188px !important;
    }

    .collection-cover.dxf-graphic-medium > div {
        max-width: 70% !important;
    }
}

/* Responsive app shell: phone uses full width, tablet gets real layout width */
:root {
    --dxf-app-width: min(100vw, 390px);
}

body {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
}

.app-frame {
    width: var(--dxf-app-width) !important;
    max-width: var(--dxf-app-width) !important;
    min-height: 100dvh !important;
    margin: 0 auto !important;
}

.game-header,
.bottom-nav {
    width: var(--dxf-app-width) !important;
    max-width: var(--dxf-app-width) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
}

.bottom-nav {
    justify-content: space-around !important;
}

.app-main {
    width: 100% !important;
    max-width: none !important;
}

@media (min-width: 761px) {
    :root {
        --dxf-app-width: min(88vw, 760px);
    }

    body {
        background:
            radial-gradient(circle at calc(50% - 520px) 18%, rgba(217, 0, 255, .30), transparent 34rem),
            radial-gradient(circle at calc(50% + 520px) 32%, rgba(53, 212, 255, .24), transparent 36rem),
            linear-gradient(135deg, #12051d 0%, #1b1230 48%, #071d2b 100%) !important;
        background-attachment: fixed !important;
    }

    .app-frame {
        box-shadow: 0 0 0 1px rgba(255,255,255,.06), 0 22px 72px rgba(0,0,0,.46) !important;
    }

    .app-main {
        padding: calc(58px + env(safe-area-inset-top, 0px)) 18px 92px !important;
    }

    .resource-strip {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .dxf-graphic-short {
        max-height: 224px !important;
    }

    .dxf-graphic-medium {
        max-height: 352px !important;
    }

    .today-show-strip,
    .home-news-strip,
    .shop-shortcuts {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 980px) {
    :root {
        --dxf-app-width: min(78vw, 820px);
    }

    .dxf-graphic-short {
        max-height: 240px !important;
    }

    .dxf-graphic-medium {
        max-height: 380px !important;
    }
}

/* Final shop hit-area override: the whole offer card buys, not only the price badge. */
.shop-offer-card .shop-price-form {
    position: absolute !important;
    inset: 0 !important;
    z-index: 8 !important;
    margin: 0 !important;
    pointer-events: none !important;
}

.shop-offer-card .shop-offer-hit {
    position: absolute !important;
    inset: 0 !important;
    z-index: 9 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.shop-offer-card .shop-price-btn {
    position: absolute !important;
    top: 7px !important;
    left: 7px !important;
    right: auto !important;
    z-index: 10 !important;
    min-height: 23px !important;
    padding: 0 7px !important;
    font-size: .58rem !important;
    pointer-events: none !important;
}

.shop-offer-card .shop-price-btn img {
    width: 13px !important;
    height: 13px !important;
}

.shop-offer-overlay {
    min-height: 34px !important;
    padding: 6px 7px !important;
}

.shop-offer-overlay h2 {
    font-size: .57rem !important;
    line-height: 1.02 !important;
}

.shop-shortcuts b {
    font-size: .72rem !important;
}

.shop-shortcuts small {
    font-size: .57rem !important;
}

.shop-purchase-card strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 30px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: rgba(255,255,255,.10) !important;
}

.shop-purchase-card strong img {
    width: 18px !important;
    height: 18px !important;
    object-fit: contain !important;
}

/* Shop modal: larger item art while keeping the buy action reachable on small phones. */
.shop-offer-confirm-modal,
.shop-purchase-modal {
    align-items: center !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: max(14px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom)) !important;
}

.shop-offer-confirm-modal .shop-purchase-card {
    width: min(92vw, 390px) !important;
    max-height: calc(100dvh - 28px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 18px 16px 16px !important;
    gap: 8px !important;
}

.shop-offer-confirm-modal .shop-purchase-card > img {
    width: min(76vw, 260px) !important;
    height: clamp(190px, 39dvh, 300px) !important;
    object-fit: contain !important;
    margin: -4px 0 0 !important;
}

.shop-offer-confirm-modal .shop-purchase-card h2 {
    font-size: 1.05rem !important;
    line-height: 1.04 !important;
}

.shop-offer-confirm-modal .shop-purchase-card p {
    font-size: .76rem !important;
    line-height: 1.2 !important;
}

.shop-offer-confirm-modal .shop-purchase-card form,
.shop-offer-confirm-modal .shop-purchase-card .primary-btn {
    width: 100% !important;
}

@media (max-height: 720px) {
    .shop-offer-confirm-modal .shop-purchase-card > img {
        height: clamp(150px, 34dvh, 230px) !important;
    }

    .shop-offer-confirm-modal .shop-purchase-card {
        gap: 7px !important;
        padding-top: 16px !important;
    }
}

/* Admin users, marketplace pages, duplicate cards and home show layout */
.today-show-card {
    grid-template-columns: 68px minmax(0, 1fr) auto !important;
    grid-template-areas: "image info time";
    align-items: center !important;
}
.today-show-card > img { grid-area: image; }
.today-show-card time { grid-area: time; justify-self: end; align-self: start; color: #08122a; font-size: .92rem; font-weight: 950; }
.today-show-card span { grid-area: info; min-width: 0; }
.today-show-card strong { display: block; margin-bottom: 2px; }

.admin-user-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; }
.admin-user-search label { display: grid; gap: 6px; color: #fff; font-weight: 950; font-size: .78rem; }
.admin-user-results, .admin-user-inventory { display: grid; gap: 8px; margin-top: 12px; }
.admin-user-results a, .admin-user-inventory span, .admin-user-stat-grid span { display: grid; gap: 3px; padding: 10px; border-radius: 14px; color: #fff; background: rgba(255,255,255,.08); border: 1px solid var(--line); }
.admin-user-results span, .admin-user-inventory small, .admin-user-stat-grid small { color: var(--muted); font-size: .72rem; font-weight: 850; }
.admin-user-stat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.admin-user-stat-grid b { color: #fff; font-size: 1rem; }

.market-status-row { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.market-action-grid { display: grid; grid-template-columns: minmax(86px, 120px) repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.market-action-graphic, .market-action-link { min-height: 102px; display: grid; place-items: center; padding: 10px; border-radius: 18px; color: #fff; background: linear-gradient(145deg, rgba(38,22,70,.96), rgba(13,48,70,.94)); border: 1px solid var(--line); box-shadow: var(--shadow); }
.market-action-graphic { border: 0; cursor: pointer; }
.market-action-graphic img { width: 100%; height: 92px; object-fit: contain; }
.market-action-link { align-content: center; gap: 4px; text-align: center; }
.market-action-link span, .market-warning { color: var(--muted); font-size: .72rem; font-weight: 850; }

.market-search-fold { margin-bottom: 12px; border-radius: 16px; background: rgba(255,255,255,.07); border: 1px solid var(--line); overflow: hidden; }
.market-search-fold summary { min-height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; color: #fff; font-weight: 950; cursor: pointer; }
.market-search-fold summary::after { content: "+"; }
.market-search-fold[open] summary::after { content: "-"; }
.market-search-fold .market-search-panel { margin: 0; border: 0; border-radius: 0; box-shadow: none; }

.market-own-row, .duplicate-card-row.with-image, .market-trade-card { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto auto; gap: 8px; align-items: center; padding: 10px; border-radius: 16px; background: rgba(255,255,255,.07); border: 1px solid var(--line); box-shadow: var(--shadow); }
.market-own-row img, .duplicate-card-row.with-image > img { width: 54px; height: 70px; border-radius: 10px; object-fit: cover; background: rgba(0,0,0,.25); }
.market-own-row span, .duplicate-card-row.with-image span { min-width: 0; display: grid; gap: 3px; }
.market-own-row b, .duplicate-card-row.with-image b { color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.market-own-row small, .duplicate-card-row.with-image small { color: var(--muted); font-weight: 850; font-size: .72rem; }

.market-pager { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; margin: 12px 0; }
.market-pager span { color: #fff; text-align: center; font-weight: 950; }
.market-trade-card { grid-template-columns: minmax(0, 1fr); }
.market-trade-pair { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; }
.market-trade-pair span { display: grid; gap: 5px; justify-items: center; min-width: 0; color: #fff; font-size: .76rem; font-weight: 950; text-align: center; }
.market-trade-pair img { width: 76px; height: 96px; border-radius: 12px; object-fit: cover; background: rgba(0,0,0,.25); }
.market-trade-pair em { color: var(--muted); font-size: .72rem; font-weight: 950; font-style: normal; }

@media (max-width: 520px) {
    .market-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-user-search { grid-template-columns: 1fr; }
}
@media (max-width: 380px) {
    .market-status-row, .admin-user-stat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    .duplicate-card-row.with-image { grid-template-columns: 54px minmax(0, 1fr); }
    .duplicate-card-row.with-image form { grid-column: 1 / -1; }
}

/* Market compact pass v2: smaller tabs/stats and image-only action cards */
.market-mode-tabs {
    gap: 5px !important;
    margin-bottom: 8px !important;
}

.market-mode-tabs a {
    min-height: 32px !important;
    padding: 0 8px !important;
    border-radius: 11px !important;
    font-size: .72rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.market-status-row {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 6px !important;
    margin-bottom: 9px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
}

.market-status-row::-webkit-scrollbar {
    display: none !important;
}

.market-status-row article {
    flex: 0 0 auto !important;
    min-width: 76px !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 5px 8px !important;
    border-radius: 12px !important;
    gap: 1px !important;
    align-content: center !important;
}

.market-status-row b {
    font-size: .9rem !important;
    line-height: 1 !important;
}

.market-status-row span {
    max-width: 68px !important;
    font-size: .56rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.market-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
}

.market-action-graphic {
    min-height: 0 !important;
    aspect-ratio: 900 / 420 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.06) !important;
}

.market-action-graphic img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

.marketplace-create-modal {
    width: min(92vw, 330px) !important;
    max-height: calc(100dvh - 22px) !important;
    gap: 7px !important;
    padding: 12px !important;
    align-content: start !important;
}

.marketplace-create-modal h2 {
    font-size: .98rem !important;
    line-height: 1.05 !important;
    margin-bottom: 2px !important;
}

.marketplace-create-modal .marketplace-rule {
    margin: 0 0 4px !important;
    font-size: .68rem !important;
    line-height: 1.18 !important;
}

.marketplace-create-modal label {
    gap: 4px !important;
    font-size: .68rem !important;
    line-height: 1 !important;
}

.marketplace-create-modal input,
.marketplace-create-modal select {
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    font-size: .76rem !important;
    line-height: 1 !important;
}

.marketplace-create-modal .primary-btn {
    min-height: 44px !important;
    border-radius: 13px !important;
    font-size: .76rem !important;
}

@media (max-width: 360px) {
    .market-mode-tabs a {
        padding: 0 6px !important;
        font-size: .66rem !important;
    }

    .market-action-grid {
        gap: 7px !important;
    }
}

/* Central collectible card frame */
.dxf-card-frame{--frame-a:color-mix(in srgb,var(--card-color,#d900ff) 70%,#fff 0%);width:min(100%,150px);margin:0 auto;color:#fff}.dxf-card-frame-body{position:relative;width:100%;aspect-ratio:9/14;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:5px;align-items:center;justify-items:center;overflow:hidden;padding:8px 7px 9px;border:2px solid rgba(255,255,255,.74);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,0) 34%),radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--card-color,#d900ff) 38%,transparent),rgba(9,8,20,.94) 72%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 10px 26px rgba(0,0,0,.28),0 0 18px color-mix(in srgb,var(--card-color,#d900ff) 42%,transparent);text-align:center}button.dxf-card-frame-body{border-color:rgba(255,255,255,.74);cursor:pointer}button.dxf-card-frame-body:disabled{cursor:default}.dxf-card-frame.locked{filter:grayscale(1);opacity:.48}.dxf-card-stars{min-height:16px;color:#ffd76a;font-size:.78rem;line-height:1;letter-spacing:1px;text-shadow:0 0 8px rgba(255,215,106,.72)}.dxf-card-art{width:100%;min-height:0;display:grid;place-items:center;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.18))}.dxf-card-art img{width:100%;height:100%;max-height:100%;object-fit:contain}.dxf-card-art b{font-size:2rem;line-height:1}.dxf-card-frame strong{width:100%;min-height:2.1em;display:-webkit-box;overflow:hidden;font-size:.68rem;line-height:1.05;font-weight:950;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 1px 4px rgba(0,0,0,.5)}.dxf-card-badges{position:absolute;left:6px;right:6px;bottom:34px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;pointer-events:none}.dxf-card-badges small{padding:3px 5px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--pink),var(--cyan));box-shadow:0 0 10px rgba(255,0,220,.35);font-size:.54rem;font-weight:950}.shop-offer-art.framed{width:100%;height:auto;min-height:132px}.shop-offer-frame,.shop-modal-frame{width:min(100%,138px)}.inventory-frame{width:min(100%,118px)}.book-slot-frame{width:100%}.pack-result-frame{width:min(76vw,260px)}.pack-slot-frame{width:min(100%,124px)}.market-card-frame{width:92px;flex:0 0 92px}.market-own-frame{width:58px;flex:0 0 58px}.market-trade-frame{width:76px}.profile-showcase-frame,.profile-editor-frame{width:100%}.lightbox-card-frame{width:min(82vw,300px)}.card-lightbox-inner .dxf-card-frame img{animation:none}.ranking-grid{display:grid;gap:14px}.ranking-panel{display:grid;gap:10px;padding:12px;border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.ranking-list{display:grid;gap:8px}.ranking-row{display:grid;grid-template-columns:42px 44px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:60px;padding:9px;border-radius:14px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.ranking-row strong,.ranking-row em{font-weight:950}.ranking-avatar{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,rgba(217,0,255,.45),rgba(54,207,255,.35))}.ranking-avatar img,.ranking-avatar video{width:100%;height:100%;object-fit:cover}.ranking-name{min-width:0;display:grid;gap:2px}.ranking-name b,.ranking-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-name small{color:var(--muted);font-size:.72rem;font-weight:850}@media(max-width:420px){.market-card-frame{width:78px;flex-basis:78px}.ranking-row{grid-template-columns:34px 40px minmax(0,1fr) auto;gap:7px}.ranking-avatar{width:40px;height:40px}}
.dxf-card-frame .dxf-card-art img,.market-card-frame .dxf-card-art img,.profile-showcase-card .dxf-card-art img,.pack-single-card-wrap .pack-card-face .dxf-card-art img{width:100%!important;height:100%!important;max-height:100%!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:contain!important;background:transparent!important;box-shadow:none!important}.profile-showcase-card .dxf-card-frame,.profile-showcase-card .dxf-card-frame div,.profile-showcase-card .dxf-card-frame span,.profile-showcase-pick .dxf-card-frame span,.market-trade-pair .dxf-card-frame span{font-size:inherit!important}.profile-showcase-card .dxf-card-frame div,.profile-showcase-pick .dxf-card-frame div{background:initial!important;overflow:visible!important}.profile-showcase-pick .dxf-card-frame{pointer-events:none}.pack-single-card-wrap .pack-card-face .dxf-card-frame{width:min(76vw,260px)!important}.pack-single-card-wrap .pack-card-face .dxf-card-stars,.pack-single-card-wrap .pack-card-face .dxf-card-frame strong{position:static!important;max-width:100%!important}.market-card-frame.dxf-card-frame{min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.market-card-frame .dxf-card-frame-body{min-height:118px}.market-trade-pair .market-trade-frame img{width:100%!important;height:100%!important}.shop-owned-grid article .dxf-card-frame+form,.inventory-item-card .dxf-card-frame+form{margin-top:4px}
.duplicate-card-frame{width:78px;flex:0 0 78px}.duplicate-card-row.with-image{grid-template-columns:78px minmax(0,1fr) auto auto!important}.legacy-card-frame{width:min(100%,150px)}.collect-card .legacy-card-frame .dxf-card-art img,.duplicate-card-frame .dxf-card-art img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important}@media(max-width:520px){.duplicate-card-row.with-image{grid-template-columns:70px minmax(0,1fr)!important}.duplicate-card-frame{width:70px}.duplicate-card-row.with-image form{grid-column:2}}

/* Login landing page */
.login-screen{place-items:start center;padding:16px 12px 30px;background:radial-gradient(circle at 20% 0%,rgba(217,0,255,.28),transparent 32%),radial-gradient(circle at 90% 10%,rgba(54,207,255,.22),transparent 30%),linear-gradient(180deg,#080914 0%,#120d21 54%,#080914 100%)}
.login-page-shell{width:min(100%,980px);display:grid;gap:14px}
.login-screen .app-login-card{width:min(100%,460px);margin:0 auto;position:sticky;top:10px;z-index:2}
.login-screen .app-login-card h1{text-align:center;font-size:clamp(1.45rem,4vw,2.05rem)}
.login-info-stack{display:grid;gap:12px}
.login-info-hero,.login-info-grid article,.login-legal-strip{border:1px solid rgba(255,255,255,.14);background:rgba(12,13,28,.72);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.login-info-hero{border-radius:20px;padding:18px;display:grid;gap:8px}
.login-info-hero span{width:max-content;max-width:100%;min-height:25px;border-radius:999px;padding:0 10px;display:inline-flex;align-items:center;color:#fff;background:linear-gradient(135deg,var(--magenta),var(--cyan));font-size:.68rem;font-weight:950;text-transform:uppercase}
.login-info-hero h2{margin:0;color:#fff;font-size:clamp(1.25rem,4vw,2rem);line-height:1.05}
.login-info-hero p,.login-info-grid p{margin:0;color:rgba(255,255,255,.82);font-weight:800;line-height:1.45}
.login-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.login-info-grid article{min-height:118px;border-radius:18px;padding:14px;display:grid;align-content:start;gap:7px}
.login-info-grid b{color:#fff;font-size:.98rem}
.login-info-grid p{font-size:.82rem}
.login-legal-strip{border-radius:18px;padding:10px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.login-legal-strip a{min-height:38px;border-radius:999px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.09);font-weight:950;font-size:.82rem}
.legal-page{max-width:860px;margin:0 auto}
.legal-page p{color:rgba(255,255,255,.82);font-weight:800}
@media(min-width:820px){.login-screen{padding-top:24px}.login-page-shell{grid-template-columns:460px minmax(0,1fr);align-items:start}}
@media(max-width:560px){.login-screen{padding:10px 9px 24px}.login-page-shell{gap:10px}.login-screen .app-login-card{position:static;padding:16px;border-radius:20px}.login-info-grid{grid-template-columns:1fr}.login-info-grid article{min-height:0}.login-info-hero{padding:15px}}

/* Profile showcase refresh */
.public-profile-shell{min-height:100dvh;display:grid;place-items:start center;padding:18px 12px 34px;background:radial-gradient(circle at 20% 0%,rgba(217,0,255,.24),transparent 30%),radial-gradient(circle at 85% 8%,rgba(54,207,255,.20),transparent 28%),linear-gradient(180deg,#080914 0%,#100b1d 58%,#080914 100%)}
.is-public-profile .public-profile-card{width:min(100%,760px);margin:0 auto}
.profile-avatar-hero{grid-template-columns:minmax(210px,.92fr) minmax(0,1.08fr);align-items:center}
.profile-avatar-showpiece{position:relative;display:grid;place-items:center;padding-top:30px}
.profile-nameplate{position:absolute;top:0;z-index:2;max-width:min(92%,360px);padding:8px 18px;border-radius:999px;background:linear-gradient(135deg,rgba(10,12,28,.92),rgba(35,21,68,.92));border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 34px rgba(0,0,0,.32);color:#fff;font-size:clamp(1.15rem,4vw,2rem);font-weight:1000;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-nameplate [data-profile-name-text]{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.05}
.profile-nameplate .glow-neon{background:linear-gradient(90deg,#ff18d7 0%,#ff35df 34%,#35d4ff 72%,#66fff0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 7px rgba(255,24,215,.64)) drop-shadow(0 0 9px rgba(53,212,255,.42))}
.profile-nameplate .glow-gold{color:#fff;-webkit-text-fill-color:#fff}
.profile-nameplate .glow-fire{color:#fff;-webkit-text-fill-color:#fff}
.profile-nameplate .glow-electric{color:#fff;-webkit-text-fill-color:#fff}
.profile-nameplate.glow-electric,.profile-nameplate:has(.glow-electric){background:transparent!important;border-color:transparent!important;box-shadow:none!important;overflow:visible!important}
.profile-nameplate.glow-electric{color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 0 7px rgba(255,255,255,.95),0 0 18px rgba(53,212,255,.75),0 0 32px rgba(53,212,255,.55);animation:nameLightningFlicker 2.7s infinite}
.profile-nameplate.glow-electric [data-profile-name-text],.profile-nameplate:has(.glow-electric) [data-profile-name-text]{padding:2px 6px;color:#fff;-webkit-text-fill-color:#fff;filter:drop-shadow(0 0 7px rgba(255,255,255,.9)) drop-shadow(0 0 18px rgba(53,212,255,.62))}

.profile-avatar-showpiece .profile-avatar-stage{width:100%;min-height:240px;padding:26px 14px 14px;border-radius:22px}
.profile-main-avatar{width:min(86%,230px);height:min(86%,230px)}
.profile-title-block{align-content:center}
.profile-title-block>p{font-size:1rem}
.profile-endgame-block{display:grid;gap:12px}
.profile-card-showcase{display:grid;gap:10px}
.profile-card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start}
.profile-showcase-card{min-width:0;padding:5px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.profile-showcase-frame.dxf-card-frame{width:min(100%,102px)}
.profile-editor-frame.dxf-card-frame{width:min(100%,96px)}
.profile-market-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:2px}
.profile-market-strip a,.profile-action-card,.profile-action-grid article{min-width:0;display:grid;gap:4px;padding:11px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);color:#fff}
.profile-market-strip a{min-height:52px;padding:8px 7px;text-align:center;align-content:center}
.profile-market-strip b{font-size:1rem;line-height:1}
.profile-market-strip span,.profile-action-card span,.profile-action-grid article>span{color:rgba(255,255,255,.72);font-size:.72rem;font-weight:850;line-height:1.25}
.profile-action-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}
.profile-action-grid input,.profile-message-card textarea{width:100%;min-width:0;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.20);color:#fff;border-radius:12px;padding:9px 10px;font-weight:850}
.profile-share-card{padding:10px!important}
.profile-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}
.profile-share-row .primary-btn{min-height:38px;border-radius:12px;padding:0 10px;font-size:.72rem}
.profile-message-card form{display:grid;gap:8px}
.profile-edit-shell{display:grid;gap:14px}
.profile-edit-hero{margin-bottom:0}
.profile-effect-choice-grid{display:grid;gap:12px}
.profile-effect-category{display:grid;gap:9px;padding:10px;border-radius:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10)}
.profile-section-head.mini{font-size:.86rem}
.profile-effect-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:9px}
.profile-effect-choice{position:relative;display:grid;gap:6px;justify-items:center;padding:8px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);color:#fff}
.profile-effect-choice.active{border-color:rgba(53,212,255,.65);box-shadow:0 0 0 1px rgba(53,212,255,.22),0 0 22px rgba(53,212,255,.16)}
.profile-effect-choice.locked{opacity:.55}
.profile-effect-choice:disabled{cursor:default}
.profile-effect-frame.dxf-card-frame{width:min(100%,96px)}
.profile-modal-effect-frame.dxf-card-frame{width:min(66vw,170px)}
.profile-effect-meta{min-height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;background:rgba(255,255,255,.10);font-size:.64rem;font-weight:950}
.profile-effect-modal-card{width:min(94vw,360px)}
.profile-effect-modal-card .dxf-card-frame{margin-top:2px}
@media(max-width:720px){.profile-avatar-hero{grid-template-columns:1fr}.profile-title-block{text-align:center}.profile-quick-actions{justify-content:center}.profile-card-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.profile-market-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-action-grid{grid-template-columns:1fr}.profile-showcase-frame.dxf-card-frame{width:min(100%,92px)}.profile-showcase-card{padding:4px}.profile-showcase-frame .dxf-card-frame-body{padding:6px 5px 7px;border-radius:11px}.profile-showcase-frame .dxf-card-stars{font-size:.62rem;min-height:12px}.profile-showcase-frame strong{font-size:.55rem}.profile-share-row{grid-template-columns:1fr}.profile-share-row .primary-btn{width:100%}}

.profile-edit-section{display:grid;gap:10px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);overflow:hidden}
.profile-edit-section>summary,.profile-effect-category>summary{list-style:none;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:13px 14px;cursor:pointer;color:#fff}
.profile-edit-section>summary::-webkit-details-marker,.profile-effect-category>summary::-webkit-details-marker{display:none}
.profile-edit-section>summary b,.profile-effect-category>summary b{font-size:1rem;line-height:1.05}
.profile-edit-section>summary small,.profile-effect-category>summary small{grid-column:1/-1;color:rgba(255,255,255,.72);font-size:.72rem;font-weight:850;line-height:1.25}
.profile-edit-section>summary::after,.profile-effect-category>summary::after{content:"+";grid-column:2;grid-row:1;width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.12);font-size:1.1rem;font-weight:1000}
.profile-edit-section[open]>summary::after,.profile-effect-category[open]>summary::after{content:"-"}
.profile-edit-section>form,.profile-edit-section>.profile-effect-choice-grid{padding:0 10px 12px}
.profile-card-showcase-editor{margin:0}
.profile-showcase-picker{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));max-height:430px}
.profile-showcase-pick{border:2px solid rgba(255,255,255,.16);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.profile-showcase-pick:has(input:checked){border-color:#35d4ff;box-shadow:0 0 0 2px rgba(53,212,255,.28),0 0 24px rgba(53,212,255,.24);transform:translateY(-1px)}
.profile-showcase-pick:has(input:checked)::after{content:"Ausgewählt";position:absolute;left:7px;right:7px;bottom:7px;min-height:20px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--cyan));color:#fff;font-size:.58rem;font-weight:1000;text-transform:uppercase;box-shadow:0 0 14px rgba(217,0,255,.35)}
.profile-showcase-pick input{width:22px;height:22px;accent-color:#35d4ff;z-index:2}

/* Profile fixes: own edit action and always three showcase cards per row */
.profile-card-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
}
.profile-showcase-card{
    min-height:0!important;
    padding:4px!important;
}
.profile-showcase-frame.dxf-card-frame{
    width:min(100%,92px)!important;
}
.profile-showcase-frame .dxf-card-frame-body{
    padding:6px 5px 7px!important;
    border-radius:11px!important;
}
.profile-showcase-frame .dxf-card-stars{
    min-height:12px!important;
    font-size:.62rem!important;
}
.profile-showcase-frame strong{
    font-size:.55rem!important;
}
.profile-edit-action-card{
    border-color:rgba(53,212,255,.35)!important;
    background:linear-gradient(135deg,rgba(217,0,255,.18),rgba(53,212,255,.12))!important;
}
.profile-effect-category{display:grid;gap:0;padding:0;border-radius:16px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.11);overflow:hidden}
.profile-effect-category>.profile-effect-card-list{padding:0 9px 10px}
.profile-avatar-media{position:relative;width:min(88%,230px);aspect-ratio:1;display:grid;place-items:center}
.profile-avatar-media .avatar-video-shell.profile-main-avatar{position:relative;z-index:1;width:100%;height:100%;display:block}
.profile-avatar-media .profile-main-avatar{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}
.profile-avatar-media .avatar-video-shell .profile-main-avatar{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.profile-avatar-effect-video{position:absolute;inset:-10%;z-index:2;width:120%;height:120%;object-fit:contain;pointer-events:none}
.profile-frame-neon .profile-avatar-stage{border-color:rgba(53,212,255,.86);box-shadow:inset 0 0 28px rgba(53,212,255,.14),0 0 0 2px rgba(53,212,255,.34),0 0 28px rgba(53,212,255,.28)}
.profile-frame-gold .profile-avatar-stage{border-color:rgba(255,214,106,.9);box-shadow:inset 0 0 28px rgba(255,214,106,.14),0 0 0 2px rgba(255,214,106,.36),0 0 28px rgba(255,190,68,.26)}
.profile-effect-modal{place-items:center!important;padding:12px!important}
.profile-effect-modal-card{width:min(94vw,360px)!important;height:auto!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;align-content:start!important;justify-items:center!important;gap:12px!important;padding:16px!important;border-radius:22px!important;background:linear-gradient(160deg,rgba(35,22,72,.98),rgba(10,38,62,.98))!important}
.profile-effect-modal-head{width:100%;display:grid;gap:5px;text-align:left}
.profile-effect-modal-head h2{margin:0;font-size:1.15rem!important;line-height:1.08}
.profile-effect-modal-head span,.profile-effect-file-hint span{color:rgba(255,255,255,.75);font-size:.72rem;font-weight:850;line-height:1.25;word-break:break-word}
.profile-effect-file-hint{width:100%;display:grid;gap:3px;padding:9px 10px;border-radius:13px;background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.11);text-align:left}
.profile-effect-file-hint b{font-size:.75rem}
.profile-effect-modal-state{width:100%;display:grid;gap:2px;padding:10px 11px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);text-align:left}
.profile-effect-modal-state.is-active{background:linear-gradient(135deg,rgba(53,212,255,.20),rgba(217,0,255,.16));border-color:rgba(53,212,255,.42)}
.profile-effect-modal-state b{font-size:.9rem}
.profile-effect-modal-state span{color:rgba(255,255,255,.82);font-size:.78rem;font-weight:850}
.profile-effect-modal-card p{width:100%;margin:0;color:rgba(255,255,255,.84);font-weight:850;line-height:1.35;text-align:left}
.profile-effect-modal-actions{width:100%;display:grid;gap:8px}
.profile-effect-modal-actions .primary-btn,.profile-effect-modal-actions .white-btn,.profile-effect-modal-actions .ghost-btn{width:100%;min-height:46px;border-radius:14px}
.profile-effect-modal-actions [hidden],
[data-profile-effect-submit][hidden]{display:none!important}
@media(max-width:720px){.profile-edit-section>summary,.profile-effect-category>summary{grid-template-columns:1fr auto;padding:12px}.profile-edit-section>summary small,.profile-effect-category>summary small{font-size:.7rem}.profile-effect-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-effect-frame.dxf-card-frame{width:min(100%,88px)}.profile-avatar-showpiece .profile-avatar-stage{min-height:205px}.profile-avatar-media{width:min(78%,205px)}}

/* Guest landing page v2 */
body.is-guest .app-frame{display:block;min-height:100dvh;background:linear-gradient(180deg,#070712,#120b20 48%,#070712)}
body.is-guest .side-nav{display:none!important}
body.is-guest .app-main{width:100%;max-width:none;margin:0;padding:0}
.login-screen{min-height:100dvh;display:block;padding:16px 12px 36px;background:radial-gradient(circle at 12% 0%,rgba(217,0,255,.24),transparent 32rem),radial-gradient(circle at 88% 5%,rgba(53,212,255,.18),transparent 30rem),linear-gradient(180deg,#080812,#110a20 54%,#080812)}
.login-page-shell{width:min(100%,1120px);margin:0 auto;display:grid;gap:18px}
.login-screen .login-top-card{position:relative;top:auto;width:min(100%,520px);margin:0 auto;padding:22px;border-radius:20px;background:linear-gradient(135deg,rgba(42,28,78,.97),rgba(20,61,85,.96));border:1px solid rgba(255,255,255,.20)}
.login-brand-logo img{width:118px;height:118px;max-height:none;border-radius:28px;margin:0 auto}
.login-screen .login-top-card h1{margin:0;text-align:center;font-size:clamp(1.65rem,4vw,2.2rem);line-height:1.05}
.login-screen .login-lead{text-align:center;font-size:.95rem;line-height:1.4;color:rgba(255,255,255,.86)}
.login-info-stack{display:grid;gap:16px;width:100%}
.login-hero-panel,.login-section,.login-device-panel,.login-radio-panel,.login-legal-strip{border:1px solid rgba(255,255,255,.14);background:rgba(13,14,30,.82);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.login-hero-panel{min-height:300px;border-radius:22px;padding:22px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);gap:18px;align-items:center;overflow:hidden}
.login-hero-copy{display:grid;gap:12px;min-width:0}
.login-hero-copy span,.login-section-head small,.login-radio-panel small{width:max-content;max-width:100%;min-height:25px;border-radius:999px;padding:0 10px;display:inline-flex;align-items:center;color:#fff;background:linear-gradient(135deg,var(--magenta),var(--cyan));font-size:.68rem;font-weight:950;text-transform:uppercase}
.login-hero-copy h2,.login-section-head h2,.login-device-panel h2,.login-radio-panel h2{margin:0;color:#fff;font-size:clamp(1.45rem,4vw,2.35rem);line-height:1.05}
.login-hero-copy p,.login-section-head p,.login-device-panel p,.login-radio-panel p,.login-step-grid p,.login-feature-grid p,.login-device-list p{margin:0;color:rgba(255,255,255,.82);font-weight:800;line-height:1.45}
.login-hero-actions{display:flex;flex-wrap:wrap;gap:9px}
.login-hero-actions a{min-height:38px;border-radius:999px;padding:0 14px;display:inline-flex;align-items:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);font-weight:950}
.login-hero-visual{position:relative;min-height:250px;display:grid;place-items:center;border-radius:20px;background:radial-gradient(circle,rgba(217,0,255,.22),rgba(53,212,255,.10) 48%,rgba(255,255,255,.04))}
.login-hero-logo{width:min(70%,260px);border-radius:36px;box-shadow:0 20px 60px rgba(0,0,0,.36)}
.login-orbit-icons span{position:absolute;width:58px;height:58px;border-radius:20px;display:grid;place-items:center;padding:12px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16)}
.login-orbit-icons span:nth-child(1){left:10%;top:12%}.login-orbit-icons span:nth-child(2){right:12%;top:18%}.login-orbit-icons span:nth-child(3){left:14%;bottom:14%}.login-orbit-icons span:nth-child(4){right:10%;bottom:12%}
.login-section{border-radius:22px;padding:20px;display:grid;gap:16px}
.login-section-head{display:grid;gap:8px;max-width:820px}
.login-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.login-step-grid article,.login-feature-grid article,.login-device-list article{border-radius:18px;padding:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);min-width:0}
.login-step-grid b{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--magenta),var(--cyan));color:#fff;font-size:1.2rem}
.login-step-grid h3{margin:10px 0 6px;font-size:1rem;line-height:1.08}
.login-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.login-feature-grid article{display:grid;gap:9px;align-content:start;min-height:170px}
.login-feature-grid img{width:52px;height:52px;border-radius:18px;padding:10px;background:rgba(255,255,255,.12);object-fit:contain}
.login-feature-grid b,.login-device-list b{font-size:1rem;color:#fff}
.login-device-panel{border-radius:22px;padding:20px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:center}
.login-device-panel>div:first-child{display:grid;gap:10px}
.login-device-panel>div:first-child>img{width:92px;height:92px;border-radius:24px}
.login-device-list{display:grid;gap:10px}
.login-radio-panel{border-radius:22px;padding:16px;display:grid;grid-template-columns:minmax(180px,320px) minmax(0,1fr);gap:16px;align-items:center;overflow:hidden}
.login-radio-panel>img{width:100%;max-height:190px;object-fit:contain;border-radius:18px;background:rgba(255,255,255,.06)}
.login-radio-panel>div{display:grid;gap:8px}
.login-legal-strip{border-radius:20px;padding:12px;display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
.login-legal-strip a{min-height:40px;border-radius:999px;padding:0 16px;display:inline-flex;align-items:center;background:rgba(255,255,255,.10);font-weight:950}
.app-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:end center;padding:16px;background:rgba(4,5,12,.66);backdrop-filter:blur(12px)}
.app-modal[hidden]{display:none!important}
.app-modal-card{position:relative;width:min(100%,430px);display:grid;gap:12px;justify-items:center;text-align:center;padding:22px;border-radius:24px;background:linear-gradient(135deg,rgba(38,25,70,.98),rgba(17,54,76,.98));border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 80px rgba(0,0,0,.42)}
.app-modal-card>img{width:82px;height:82px;border-radius:22px}
.app-modal-card h2{margin:0;font-size:1.35rem;line-height:1.06}
.app-modal-card p{margin:0;color:rgba(255,255,255,.84);font-weight:800;line-height:1.4}
.app-modal-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:1.4rem;line-height:1}
.ios-install-steps{width:100%;display:grid;gap:7px;text-align:left}
.ios-install-steps span{min-height:38px;border-radius:14px;padding:9px 11px;background:rgba(255,255,255,.08);font-weight:900}
.app-modal-card .primary-btn,.app-modal-card .ghost-btn{width:100%;min-height:44px}
@media(max-width:900px){.login-hero-panel,.login-device-panel,.login-radio-panel{grid-template-columns:1fr}.login-hero-visual{min-height:220px}.login-step-grid,.login-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.login-screen{padding:10px 9px 28px}.login-screen .login-top-card{padding:16px;border-radius:20px}.login-brand-logo img{width:96px;height:96px;border-radius:24px}.login-hero-panel,.login-section,.login-device-panel,.login-radio-panel{padding:15px;border-radius:19px}.login-step-grid,.login-feature-grid{grid-template-columns:1fr}.login-feature-grid article{min-height:0}.login-hero-copy h2,.login-section-head h2,.login-device-panel h2,.login-radio-panel h2{font-size:1.35rem}.login-hero-visual{min-height:190px}.login-orbit-icons span{width:46px;height:46px;border-radius:16px;padding:9px}.app-modal{padding:10px}.app-modal-card{border-radius:22px;padding:18px}}

.push-settings{border:0;color:#fff;min-width:58px;background:rgba(20,110,90,.58)}
.push-settings b{font-size:.66rem;letter-spacing:.04em}
.plain-mini-btn{min-height:26px;padding:0 8px;border-radius:999px;background:transparent;color:rgba(255,255,255,.68);font-size:.68rem;font-weight:900;text-decoration:underline}
.push-page{display:grid;gap:12px}
.push-page-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:center;padding:18px;border-radius:22px;background:linear-gradient(135deg,rgba(38,25,70,.98),rgba(17,54,76,.98));border:1px solid var(--line);box-shadow:var(--shadow)}
.push-page-card>img{width:82px;height:82px;border-radius:22px}
.push-page-card h2{margin:0 0 6px;font-size:1.35rem;line-height:1.05}
.push-page-card p{margin:0;color:var(--muted);font-weight:850;line-height:1.4}
.push-page-card p[data-state=success]{color:#61f0a6}
.push-page-card p[data-state=danger]{color:#ff8ba8}
.push-page-actions{grid-column:1/-1;display:grid;gap:9px}
.push-page-actions [hidden]{display:none!important}
.push-page-actions .primary-btn,.push-page-actions .ghost-btn{width:100%;min-height:46px}
.push-page-actions button:disabled{opacity:.62;pointer-events:none}
.push-page-help{display:grid;gap:7px}
@media(min-width:720px){.push-page-card{grid-template-columns:92px minmax(0,1fr) minmax(180px,240px)}.push-page-card>img{width:92px;height:92px}.push-page-actions{grid-column:auto}}
.admin-test-inventory-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:12px}
.admin-test-inventory-list span{display:grid;gap:2px;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10)}
.admin-test-inventory-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}
.admin-test-inventory-list small{color:var(--muted);font-weight:850;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Profile edit polish and share watermark */
.profile-card-app{position:relative;overflow:hidden}
.profile-card-app>*{position:relative;z-index:1}
.profile-card-app::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("/assets/brand/logo.png");background-size:86px 86px;background-repeat:repeat;opacity:.035;transform:rotate(-12deg) scale(1.35);transform-origin:center}
.profile-edit-shell{gap:12px!important}
.profile-edit-shell .profile-avatar-hero{padding:12px;border-radius:20px;background:linear-gradient(135deg,rgba(217,0,255,.13),rgba(53,212,255,.10));border:1px solid rgba(255,255,255,.12)}
.profile-edit-section>summary b,.profile-effect-category>summary b{display:flex;align-items:center;gap:8px}
.profile-summary-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,rgba(217,0,255,.78),rgba(53,212,255,.72));box-shadow:0 8px 20px rgba(0,0,0,.18);color:#fff;font-size:.84rem;font-weight:1000;line-height:1}
.profile-edit-section>summary{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))}
.profile-edit-section[open]>summary{border-bottom:1px solid rgba(255,255,255,.10)}
.profile-active-effect-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 10px 10px}
.profile-active-effect-strip span{min-width:0;display:grid;gap:2px;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10)}
.profile-active-effect-strip span.is-active{background:linear-gradient(135deg,rgba(53,212,255,.17),rgba(217,0,255,.13));border-color:rgba(53,212,255,.34)}
.profile-active-effect-strip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:.76rem}
.profile-active-effect-strip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.72);font-size:.66rem;font-weight:850}
.profile-stats-row .profile-stat-card{position:relative;overflow:hidden;background-size:cover;background-position:center;border-color:rgba(255,255,255,.18)}
.profile-stats-row .profile-stat-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,20,.18),rgba(7,8,20,.72));z-index:0}
.profile-stats-row .profile-stat-card>*{position:relative;z-index:1}
.profile-stats-row .profile-stat-card.stat-cards{background-image:url("/assets/profile/stat_cards.jpg")}
.profile-stats-row .profile-stat-card.stat-streak{background-image:url("/assets/profile/stat_streak.jpg")}
.profile-stats-row .profile-stat-card.stat-race{background-image:url("/assets/profile/stat_race.jpg")}
.profile-album-status{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.8fr);gap:8px}
.profile-album-status article{min-width:0;display:flex;align-items:center;gap:9px;padding:10px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);color:#fff}
.profile-album-cover,.profile-album-status article>img{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.12);overflow:hidden}
.profile-album-cover img,.profile-album-status article>img{width:100%;height:100%;object-fit:contain}
.profile-album-status b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;line-height:1.05}
.profile-album-status span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.72);font-size:.68rem;font-weight:850}
.profile-album-current i{width:100%;height:7px;display:block;margin-top:6px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.13)}
.profile-album-current u{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--cyan));text-decoration:none}
@media(max-width:720px){.profile-active-effect-strip{grid-template-columns:1fr}.profile-album-status{grid-template-columns:1fr}.profile-album-status article{min-height:62px}.profile-card-app::before{background-size:70px 70px;opacity:.03}}

/* Cards page compact graphic layout */
.cards-graphic-action{position:relative!important;display:block!important;min-height:112px!important;margin-bottom:10px!important;padding:0!important;overflow:hidden!important;border-radius:16px!important;color:#fff!important;text-decoration:none!important;background:linear-gradient(135deg,rgba(31,18,62,.98),rgba(10,56,78,.96))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:var(--shadow)!important}
.cards-graphic-action .cards-market-graphic{position:absolute!important;inset:0!important;display:block!important}
.cards-graphic-action .cards-market-graphic img{width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important}
.cards-corner-btn{position:absolute!important;right:10px!important;bottom:10px!important;z-index:3!important;width:auto!important;min-width:86px!important;min-height:32px!important;padding:0 13px!important;border-radius:12px!important;font-size:.72rem!important;line-height:1!important;box-shadow:0 8px 18px rgba(0,0,0,.28)!important}
.collection-summary-card{min-height:64px!important;grid-template-columns:minmax(0,.78fr) minmax(104px,1fr) auto!important;gap:8px!important;padding:10px 12px!important;margin-bottom:10px!important;border-radius:16px!important}
.collection-summary-card b{font-size:1rem!important;line-height:1!important}
.collection-summary-card span,.collection-summary-card em{font-size:.7rem!important;line-height:1.1!important}
.collection-summary-card .collection-progress{height:10px!important}
.graphic-free-pack.free-pack-card{position:relative!important;display:block!important;min-height:128px!important;padding:0!important;overflow:hidden!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(65,25,98,.96),rgba(17,65,88,.94))!important}
.graphic-free-pack .free-pack-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.graphic-free-pack:not(.has-free-graphic){display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:12px!important}
.graphic-free-pack:not(.has-free-graphic) .cards-corner-btn{position:static!important;grid-column:2!important;justify-self:stretch!important;width:100%!important}
.graphic-free-pack .cards-corner-btn:disabled{opacity:1!important;filter:none!important;background:linear-gradient(135deg,rgba(53,212,255,.95),rgba(112,87,255,.95))!important}
.collection-cover.dxf-graphic-medium{min-height:118px!important;max-height:156px!important;padding:0!important;overflow:hidden!important;border-radius:16px!important;cursor:pointer!important}
.collection-cover.dxf-graphic-medium::after{background:linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.05) 48%,rgba(0,0,0,.58))!important}
.collection-cover.dxf-graphic-medium>div{display:none!important}
.album-open-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:104px!important}
.album-open-btn b,.album-open-btn span{font-size:.72rem!important;line-height:1!important}
.inventory-fold{margin-top:10px!important}
.inventory-fold>summary.section-bar{list-style:none!important;cursor:pointer!important;position:relative!important}
.inventory-fold>summary.section-bar::-webkit-details-marker{display:none!important}
.inventory-fold>summary.section-bar::after{content:"+"!important;position:absolute!important;right:13px!important;top:50%!important;transform:translateY(-50%)!important;font-size:1.05rem!important}
.inventory-fold[open]>summary.section-bar::after{content:"-"!important}
.inventory-fold .inventory-item-grid{margin-top:10px!important}
@media(max-width:420px){.cards-graphic-action{min-height:96px!important}.graphic-free-pack.free-pack-card{min-height:116px!important}.collection-summary-card{grid-template-columns:minmax(0,.72fr) minmax(82px,1fr) auto!important}.collection-cover.dxf-graphic-medium{min-height:106px!important;max-height:142px!important}}

/* Duplicate cards and marketplace fix pass */
.duplicate-banner-card{position:relative!important;min-height:64px!important;margin:10px 0!important;padding:10px 12px!important;overflow:hidden!important;border-radius:15px!important;background:linear-gradient(135deg,rgba(214,0,255,.88),rgba(53,212,255,.82))!important}
.duplicate-banner-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 50%,rgba(255,255,255,.20),transparent 34%),linear-gradient(90deg,rgba(0,0,0,.10),rgba(0,0,0,.24));pointer-events:none}
.duplicate-banner-card>*{position:relative;z-index:1}
.duplicate-banner-card img{width:36px!important;height:36px!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.35))}
.duplicate-banner-card b{font-size:.88rem!important;line-height:1!important}
.duplicate-banner-card span{font-size:.66rem!important;line-height:1.15!important;color:rgba(255,255,255,.88)!important}
.duplicate-banner-card strong{min-height:30px!important;padding:0 12px!important;border-radius:11px!important;background:rgba(255,255,255,.18)!important}
.crafting-card{position:relative!important;overflow:hidden!important;gap:10px!important;padding:11px!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(41,22,78,.98),rgba(12,61,82,.96))!important;border:1px solid rgba(53,212,255,.22)!important}
.crafting-card::before{content:"";position:absolute;right:-18px;top:-18px;width:106px;height:106px;border-radius:50%;background:radial-gradient(circle,rgba(53,212,255,.28),transparent 65%);pointer-events:none}
.crafting-workshop-card{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;align-items:center!important}
.crafting-workshop-card>*{position:relative;z-index:1}
.crafting-workshop-art{width:58px;height:58px;display:grid!important;place-items:center;margin:0!important;overflow:hidden;border-radius:14px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.14);box-shadow:0 0 18px rgba(53,212,255,.12)}
.crafting-workshop-art img{width:100%;height:100%;display:block;object-fit:contain;padding:3px}
.crafting-workshop-copy{min-width:0;display:grid;gap:4px}
.crafting-workshop-copy b{display:block;color:#fff;font-size:.92rem!important;line-height:1.05!important}
.crafting-workshop-copy span{display:block;margin:0!important;color:rgba(255,255,255,.74)!important;font-size:.66rem!important;line-height:1.22!important;font-weight:850}
.crafting-workshop-open{min-width:118px!important;min-height:38px!important;padding:0 10px!important;border-radius:12px!important;font-size:.66rem!important;line-height:1.05!important}
.crafting-action-modal{max-width:430px!important}
.crafting-modal-frame{width:112px!important}
.crafting-current-balance{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center;padding:9px;border-radius:15px;background:linear-gradient(135deg,rgba(217,0,255,.12),rgba(53,212,255,.10));border:1px solid rgba(255,255,255,.12)}
.crafting-current-balance>span{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.12)}
.crafting-current-balance img{width:100%;height:100%;object-fit:contain;padding:3px}
.crafting-current-balance>div{display:grid;gap:3px;min-width:0}
.crafting-current-balance small{color:rgba(255,255,255,.58);font-size:.58rem;font-weight:900;line-height:1}
.crafting-current-balance b{color:#fff;font-size:.92rem;font-weight:950;line-height:1.05}
.crafting-choice-group{width:100%;margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.crafting-choice-group legend{grid-column:1/-1;width:100%;margin:0 0 2px;padding:0;color:#fff;font-size:.67rem;font-weight:950;line-height:1.15}
.crafting-choice{position:relative;display:block;min-width:0;cursor:pointer}
.crafting-choice input{position:absolute;opacity:0;pointer-events:none}
.crafting-choice>span{min-height:94px;display:grid;align-content:center;gap:5px;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.crafting-choice b{color:#fff;font-size:.72rem;font-weight:950;line-height:1.05}
.crafting-choice small{color:rgba(255,255,255,.62);font-size:.57rem;font-weight:850;line-height:1.1}
.crafting-chance-intro{width:100%;display:grid;gap:4px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,rgba(217,0,255,.22),rgba(53,212,255,.16));border:1px solid rgba(53,212,255,.3)}
.crafting-chance-intro strong{color:#fff;font-size:.76rem;font-weight:950;line-height:1.1}
.crafting-chance-intro span{color:rgba(255,255,255,.76);font-size:.61rem;font-weight:800;line-height:1.25}
.crafting-choice-head{display:flex;align-items:center;justify-content:space-between;gap:5px}
.crafting-choice-head em{padding:3px 6px;border-radius:999px;background:rgba(53,212,255,.13);color:#8ce9ff;font-size:.5rem;font-style:normal;font-weight:950;line-height:1;white-space:nowrap}
.crafting-choice-card>strong{color:#fff;font-size:.6rem;font-weight:950;line-height:1.1}
.crafting-chance-meter{width:100%;height:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}
.crafting-chance-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d900ff,#35d4ff);box-shadow:0 0 9px rgba(53,212,255,.4)}
.crafting-choice:has(input:checked)>span{background:linear-gradient(135deg,rgba(217,0,255,.24),rgba(53,212,255,.16));border-color:rgba(53,212,255,.62);box-shadow:0 0 0 2px rgba(53,212,255,.10),0 0 18px rgba(217,0,255,.16)}
.crafting-choice.disabled{cursor:not-allowed;opacity:.62}
.broken-card-workshop{margin-top:10px!important;background:linear-gradient(135deg,rgba(68,26,71,.98),rgba(30,33,64,.96))!important;border-color:rgba(255,130,184,.22)!important}
.broken-card-balance{background:linear-gradient(135deg,rgba(255,122,172,.12),rgba(118,132,255,.10))!important}
.broken-card-quantity-field{width:100%;display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
.broken-card-quantity-field>span{color:#fff;font-size:.67rem;font-weight:950;line-height:1.1}
.broken-card-quantity-field input{width:100%;min-width:0;min-height:46px;height:46px;padding:0 11px;border-radius:13px;border:1px solid rgba(255,255,255,.16);background:rgba(3,5,18,.48);color:#fff;font-size:.78rem;font-weight:900;box-shadow:inset 0 0 16px rgba(0,0,0,.20)}
.craft-result-backdrop{z-index:380!important}
.craft-result-card{width:min(92vw,380px)!important;display:grid!important;gap:12px!important;justify-items:center!important;text-align:center!important;padding:18px!important}
.craft-result-card .craft-result-frame{width:154px!important;margin:0 auto!important}
.craft-result-card h2{margin:0!important;color:#fff!important;font-size:1.18rem!important;line-height:1.08!important}
.craft-result-card p{margin:0!important;color:rgba(255,255,255,.82)!important;font-size:.78rem!important;font-weight:850!important;line-height:1.32!important}
.craft-result-stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.craft-result-stats span{display:grid;gap:3px;min-height:58px;align-content:center;padding:8px 6px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}
.craft-result-stats b{color:#fff;font-size:.96rem;line-height:1.05}
.craft-result-stats small{color:rgba(255,255,255,.62);font-size:.58rem;font-weight:900;line-height:1.1}
.craft-result-note{display:block;color:rgba(255,255,255,.72)!important;font-size:.66rem!important;font-weight:850!important;line-height:1.28!important}
.craft-result-card.is-broken{background:radial-gradient(circle at 14% 0%,rgba(255,80,180,.18),transparent 34%),radial-gradient(circle at 94% 24%,rgba(130,145,255,.14),transparent 36%),linear-gradient(155deg,rgba(32,16,49,.99),rgba(12,23,52,.99))!important}
.craft-result-new-visual{position:relative;display:grid;place-items:center;isolation:isolate}
.craft-result-new-visual .craft-result-frame{position:relative;z-index:3}
.collect-new-card-burst{position:absolute;top:50%;left:50%;z-index:1;width:260px;height:260px;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.25)}
.collect-new-card-burst::before,.collect-new-card-burst::after{content:"";position:absolute;inset:0;border-radius:50%}
.collect-new-card-burst::before{background:repeating-conic-gradient(from 0deg,rgba(53,212,255,.9) 0 3deg,transparent 3deg 18deg,rgba(255,47,143,.78) 18deg 21deg,transparent 21deg 36deg);filter:blur(.3px)}
.collect-new-card-burst::after{inset:22%;background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(53,212,255,.58) 24%,rgba(217,0,255,.28) 48%,transparent 72%);box-shadow:0 0 46px rgba(53,212,255,.8),0 0 76px rgba(217,0,255,.56)}
.collect-new-card-badge{position:absolute;top:-15px;left:50%;z-index:6;min-width:138px;padding:8px 14px;border-radius:999px;background:linear-gradient(90deg,#ff2f8f,#d900ff 48%,#35d4ff);border:2px solid rgba(255,255,255,.85);box-shadow:0 0 22px rgba(53,212,255,.68),0 8px 20px rgba(0,0,0,.42);color:#fff!important;font-size:.74rem!important;font-weight:1000!important;line-height:1!important;letter-spacing:.04em;text-align:center;white-space:nowrap;opacity:0;transform:translateX(-50%) scale(.55)}
.craft-result-card.is-new-card .collect-new-card-burst{animation:dxf-new-card-burst 1.65s ease-out .12s both}
.craft-result-card.is-new-card .collect-new-card-badge{animation:dxf-new-card-badge .58s cubic-bezier(.2,1.45,.42,1) .42s both}
.craft-result-card.is-new-card .craft-result-frame{animation:dxf-new-card-pop .72s cubic-bezier(.18,1.42,.38,1) .18s both}
.pack-single-card-wrap .pack-reveal-card.is-new-card .collect-new-card-burst{top:48%;width:390px;height:390px}
.pack-single-card-wrap .pack-reveal-card.is-new-card .collect-new-card-badge{top:22px}
.pack-single-card-wrap .pack-reveal-card.is-new-card .pack-card-face{position:relative;z-index:3}
.pack-single-card-wrap .pack-reveal-card.is-new-card.is-current .collect-new-card-burst{animation:dxf-new-card-burst 1.65s ease-out .12s both}
.pack-single-card-wrap .pack-reveal-card.is-new-card.is-current .collect-new-card-badge{animation:dxf-new-card-badge .58s cubic-bezier(.2,1.45,.42,1) .42s both}
.pack-single-card-wrap .pack-reveal-card.is-new-card.is-current .pack-card-face{animation:dxf-new-card-pop .72s cubic-bezier(.18,1.42,.38,1) .18s both}
@keyframes dxf-new-card-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.22) rotate(-18deg)}32%{opacity:1}72%{opacity:.78}100%{opacity:0;transform:translate(-50%,-50%) scale(1.2) rotate(34deg)}}
@keyframes dxf-new-card-badge{0%{opacity:0;transform:translateX(-50%) scale(.55) translateY(8px)}100%{opacity:1;transform:translateX(-50%) scale(1) translateY(0)}}
@keyframes dxf-new-card-pop{0%{transform:scale(.72);filter:brightness(2.1) saturate(1.7)}55%{transform:scale(1.08);filter:brightness(1.35) saturate(1.35)}100%{transform:scale(1);filter:brightness(1) saturate(1)}}
@media(prefers-reduced-motion:reduce){.collect-new-card-burst{display:none}.craft-result-card.is-new-card .collect-new-card-badge,.pack-single-card-wrap .pack-reveal-card.is-new-card.is-current .collect-new-card-badge{animation:none;opacity:1;transform:translateX(-50%)}.craft-result-card.is-new-card .craft-result-frame,.pack-single-card-wrap .pack-reveal-card.is-new-card.is-current .pack-card-face{animation:none}}
.duplicate-card-row.with-image{grid-template-columns:72px minmax(0,1fr) auto!important;align-items:center!important;min-height:126px!important}
.duplicate-card-row.with-image .duplicate-card-frame{grid-row:span 2!important}
.duplicate-card-row.with-image>button{grid-column:3!important;min-width:94px!important}
.duplicate-card-row.with-image>span{align-self:end!important}
.duplicate-action-modal{max-width:360px!important;gap:10px!important;text-align:left!important}
.duplicate-action-modal .market-action-modal-copy p{font-size:.69rem!important;line-height:1.3!important;color:rgba(255,255,255,.74)!important}
.duplicate-action-modal .market-action-ticket-cost>strong{min-width:54px;text-align:center}
.duplicate-reward-box{gap:8px!important}
.duplicate-reward-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.duplicate-reward-grid b{display:grid;place-items:center;min-height:44px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);color:#fff;font-size:.82rem;line-height:1.15;text-align:center}
.duplicate-modal-note{margin:0!important;color:#ffb4d8!important;font-size:.68rem!important;font-style:normal!important;font-weight:900!important;line-height:1.25!important}
.duplicate-shard-reward>strong{background:rgba(98,227,170,.14)!important;border-color:rgba(98,227,170,.32)!important}
.marketplace-hero.marketplace-hero-graphic{display:block!important;min-height:96px!important;padding:0!important;overflow:hidden!important;border-radius:16px!important;background:rgba(255,255,255,.06)!important}
.marketplace-hero.marketplace-hero-graphic>img{width:100%!important;height:100%!important;min-height:96px!important;object-fit:cover!important;filter:none!important}
@media(max-width:420px){.duplicate-card-row.with-image{grid-template-columns:68px minmax(0,1fr)!important}.duplicate-card-row.with-image>button{grid-column:2!important;width:100%!important}.duplicate-action-modal{max-width:calc(100vw - 28px)!important}.duplicate-reward-grid{grid-template-columns:1fr}.crafting-workshop-card{grid-template-columns:54px minmax(0,1fr)!important}.crafting-workshop-art{width:54px;height:54px}.crafting-workshop-open{grid-column:1/-1;width:100%!important}.crafting-choice-group{grid-template-columns:repeat(2,minmax(0,1fr))}.crafting-action-modal{max-width:calc(100vw - 28px)!important}.craft-result-card{width:min(94vw,360px)!important}.craft-result-stats{grid-template-columns:1fr}.broken-card-quantity-field input{min-height:44px;height:44px}}


/* DXF modal feedback + Postbox fixes v2 */
a,.user-profile-link,.message-open-link,.message-avatar,.postbox-back-link{text-decoration:none!important}
a:hover,.user-profile-link:hover,.message-open-link:hover,.message-avatar:hover,.postbox-back-link:hover{text-decoration:none!important}
.flash-stack{display:none!important}
.dxf-flash-modal{z-index:360;position:fixed;inset:0;display:grid;place-items:center;padding:18px;background:rgba(5,4,12,.78);backdrop-filter:blur(14px)}
.dxf-flash-card{width:min(92vw,390px);padding:20px;border-radius:24px;display:grid;justify-items:center;gap:12px;text-align:center;background:linear-gradient(145deg,rgba(44,22,80,.98),rgba(12,54,75,.98));border:1px solid rgba(255,255,255,.16);box-shadow:0 26px 80px rgba(0,0,0,.52);color:#fff}
.dxf-flash-icon{width:74px;height:74px;border-radius:22px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(53,212,255,.35))}
.dxf-flash-card h2{margin:0;font-size:1.28rem;line-height:1.1}.dxf-flash-card p{margin:0;color:rgba(255,255,255,.86);font-weight:850;line-height:1.38}.dxf-flash-message-list{display:grid;gap:8px}.dxf-flash-card .primary-btn{width:100%;min-height:44px}.flash-modal-error .dxf-flash-card,.flash-modal-danger .dxf-flash-card{background:linear-gradient(145deg,rgba(83,22,45,.98),rgba(38,17,69,.98))}.flash-modal-success .dxf-flash-card{background:linear-gradient(145deg,rgba(48,24,82,.98),rgba(12,74,70,.98))}
.user-profile-link{color:inherit;font-weight:950}.chat-profile-link{display:inline-flex}.message-profile-link,.message-recipient-link{position:relative;z-index:3}
.user-autocomplete{position:relative;display:grid;gap:8px}.user-autocomplete input[type=text]{width:100%;min-width:0;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.22);color:#fff;border-radius:14px;padding:11px 12px;font-weight:900;outline:none}.user-autocomplete input[type=text]:focus{border-color:rgba(53,212,255,.55);box-shadow:0 0 0 3px rgba(53,212,255,.11)}.user-autocomplete-results{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;display:grid;gap:6px;padding:8px;border-radius:16px;background:rgba(13,10,28,.98);border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 60px rgba(0,0,0,.45);max-height:290px;overflow:auto}.user-autocomplete-results[hidden]{display:none!important}.user-autocomplete-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;text-align:left;width:100%;border:0;border-radius:13px;padding:8px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer}.user-autocomplete-item:hover{background:rgba(217,0,255,.18)}.user-autocomplete-avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(217,0,255,.45),rgba(53,212,255,.35));font-weight:950}.user-autocomplete-avatar img{width:100%;height:100%;object-fit:cover}.user-autocomplete-item b,.user-autocomplete-item small{display:block}.user-autocomplete-item small,.user-autocomplete-empty{color:var(--muted);font-weight:850}.user-autocomplete-empty{padding:10px;text-align:center}.user-autocomplete-selected{display:grid;grid-template-columns:44px minmax(0,1fr) 38px;gap:10px;align-items:center;padding:9px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(53,212,255,.22)}.user-autocomplete-selected[hidden]{display:none!important}.user-autocomplete-selected-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(217,0,255,.45),rgba(53,212,255,.35));font-weight:950;color:#fff}.user-autocomplete-selected-avatar img{width:100%;height:100%;object-fit:cover}.user-autocomplete-selected-name{min-width:0}.user-autocomplete-selected-name b,.user-autocomplete-selected-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-autocomplete-selected-name b{color:#fff;font-weight:950}.user-autocomplete-selected-name small{color:rgba(255,255,255,.65);font-weight:850}.user-autocomplete-selected button{width:38px;height:38px;border:0;border-radius:13px;background:rgba(255,255,255,.11);color:#fff;font-size:1.25rem;font-weight:950;cursor:pointer}
.message-card{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;align-items:start;position:relative}.message-card.read{opacity:.82}.message-card.unread{border-color:rgba(53,212,255,.55)!important;background:linear-gradient(135deg,rgba(53,212,255,.14),rgba(217,0,255,.11))!important;box-shadow:0 0 0 1px rgba(53,212,255,.16),0 18px 48px rgba(0,0,0,.34)!important}.message-card .message-avatar{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(217,0,255,.30),rgba(53,212,255,.25));border:1px solid rgba(255,255,255,.12);align-self:start}.message-card .message-avatar img{width:100%;height:100%;object-fit:cover}.message-card .message-avatar span{font-weight:950}.message-card .system-avatar img{object-fit:contain;padding:5px;background:#0b0713}.message-card-main{min-width:0;display:grid;gap:4px}.message-card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.message-card-topline>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-read-state{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:.64rem;line-height:1;font-weight:950;text-transform:uppercase;letter-spacing:.03em;background:rgba(255,255,255,.10);color:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.10)}.message-read-state.unread{background:linear-gradient(135deg,var(--pink),var(--cyan));color:#fff;border-color:rgba(255,255,255,.24);box-shadow:0 0 18px rgba(53,212,255,.26)}.message-read-state.sent{background:rgba(255,255,255,.07);color:rgba(255,255,255,.58)}.message-open-link{display:grid;gap:3px;color:inherit}.message-open-link strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.message-open-link p{margin:0;color:rgba(255,255,255,.72);font-weight:850;line-height:1.28}.message-card time{color:rgba(255,255,255,.55);font-weight:850;font-size:.74rem}.system-sender-name{color:#fff;font-weight:950}
.postbox-message-page{display:grid;gap:12px}.postbox-back-link{width:max-content;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px}.postbox-message-page-card{display:grid;gap:16px;padding:16px;border-radius:22px;background:linear-gradient(145deg,rgba(42,22,82,.97),rgba(10,48,72,.96));border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow);color:#fff}.postbox-message-page-head{display:grid;grid-template-columns:68px minmax(0,1fr);gap:13px;align-items:start}.postbox-message-page-avatar{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(217,0,255,.35),rgba(53,212,255,.28));border:1px solid rgba(255,255,255,.12);font-weight:950}.postbox-message-page-avatar img{width:100%;height:100%;object-fit:cover}.postbox-message-page-avatar.system-avatar img{object-fit:contain;padding:7px;background:#0b0713}.postbox-message-page-head small{display:block;margin-bottom:4px;color:rgba(255,255,255,.6);font-weight:850}.postbox-message-page-head h2{margin:0 0 8px;font-size:1.22rem;line-height:1.12}.postbox-message-page-head p{margin:3px 0;color:rgba(255,255,255,.72);font-weight:850}.postbox-message-page-body{white-space:normal;line-height:1.48;color:rgba(255,255,255,.9);font-weight:800;padding:13px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);overflow-wrap:anywhere}
@media(max-width:760px){.message-card{grid-template-columns:46px minmax(0,1fr)}.message-card .message-avatar{width:46px;height:46px}.message-card-topline{align-items:flex-start}.message-read-state{font-size:.58rem;padding:0 7px}.postbox-message-page-head{grid-template-columns:56px minmax(0,1fr)}.postbox-message-page-avatar{width:56px;height:56px;border-radius:17px}.dxf-flash-modal{padding:10px}.dxf-flash-card{border-radius:22px;padding:18px}}

/* Home startpage refresh */
.home-graphic-card.live-radio-image-card,.live-radio-image-card{aspect-ratio:1080/170!important;min-height:0!important;max-height:118px!important}
.home-graphic-card.live-radio-image-card>.home-graphic-img,.live-radio-image-card>.home-graphic-img,.live-radio-image-card>img,.home-graphic-card.live-radio-image-card>img{height:100%!important;object-fit:cover!important}
.home-insight-card{display:grid;gap:12px;margin:0 0 12px;padding:14px;border-radius:18px;background:linear-gradient(135deg,rgba(56,27,89,.96),rgba(16,59,83,.96));border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow)}
.home-insight-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.home-insight-head>div{display:grid;gap:4px;min-width:0}.home-insight-head b{font-size:1rem;color:#fff;line-height:1}.home-insight-head span{font-size:.76rem;color:rgba(255,255,255,.78);font-weight:800;line-height:1.25}.home-insight-link{white-space:nowrap;min-height:34px;padding:0 12px;border-radius:12px}
.home-insight-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.home-insight-stat{display:grid;gap:4px;padding:10px 11px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.home-insight-stat small{color:rgba(255,255,255,.7);font-size:.7rem;font-weight:850}.home-insight-stat b{color:#fff;font-size:.95rem;line-height:1}
.home-insight-leaderboard{display:grid;gap:8px}.home-insight-row{display:grid;grid-template-columns:36px 42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border-radius:14px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);color:#fff}.home-insight-row strong,.home-insight-row em{font-weight:950}.home-insight-avatar{width:42px;height:42px}.home-insight-user{display:grid;gap:2px;min-width:0}.home-insight-user b,.home-insight-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-insight-user small{color:rgba(255,255,255,.72);font-size:.72rem;font-weight:800}
.admin-graphics-home-note{display:grid;gap:3px;margin:0 0 12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.admin-graphics-home-note b{font-size:.95rem;color:#fff}.admin-graphics-home-note span{font-size:.8rem;color:rgba(255,255,255,.78);font-weight:800}
.startpage-slot-grid{margin-bottom:14px}
.ranking-hero{margin-bottom:12px}.ranking-intro-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,rgba(50,27,89,.96),rgba(15,57,80,.96));border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow)}.ranking-intro-card>div{display:grid;gap:4px}.ranking-intro-card b{font-size:1rem;color:#fff}.ranking-intro-card span{font-size:.78rem;color:rgba(255,255,255,.8);font-weight:800}
.ranking-panel{gap:12px}.ranking-panel-head{align-items:center}.ranking-panel-featured{background:linear-gradient(135deg,rgba(58,31,92,.98),rgba(15,57,82,.96));border-color:rgba(76,220,255,.22)}.ranking-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ranking-podium-card{display:grid;justify-items:center;gap:7px;padding:12px 10px;border-radius:16px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);text-align:center}.ranking-podium-card i{font-style:normal;font-size:.68rem;font-weight:950;color:rgba(255,255,255,.72)}.ranking-podium-card b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-podium-card small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.72);font-size:.7rem;font-weight:850}.ranking-podium-card em{font-style:normal;font-size:1rem;font-weight:950;color:#fff}.podium-avatar{width:64px;height:64px;border-radius:18px}.ranking-podium-card.place-1{box-shadow:0 0 0 1px rgba(255,215,106,.22) inset,0 0 22px rgba(255,215,106,.12)}.ranking-podium-card.place-2{box-shadow:0 0 0 1px rgba(174,231,255,.2) inset}.ranking-podium-card.place-3{box-shadow:0 0 0 1px rgba(255,148,209,.2) inset}.ranking-list-rest{gap:9px}
@media(max-width:560px){.home-graphic-card.live-radio-image-card,.live-radio-image-card{aspect-ratio:1080/155!important;max-height:100px!important}.home-insight-head{grid-template-columns:minmax(0,1fr);display:grid}.home-insight-link{width:100%;justify-content:center}.home-insight-stats{grid-template-columns:1fr}.ranking-intro-card{display:grid}.ranking-podium{grid-template-columns:1fr}.podium-avatar{width:58px;height:58px}}

/* Home insight compact ranking refinements */
.home-insight-card{padding:12px!important;gap:10px!important}
.home-insight-header-graphic{display:block;width:100%;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}
.home-insight-header-graphic img{display:block;width:100%;height:auto;max-height:86px;object-fit:cover;object-position:center}
.home-insight-mini-link{display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font-weight:900;color:#fff}
.home-insight-stats.compact-three{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.home-insight-stat{padding:8px 9px!important;min-height:72px;align-content:center}.home-insight-stat small{font-size:.66rem!important;line-height:1.05}.home-insight-stat b{font-size:1.02rem!important;line-height:1.02;word-break:break-word}
.home-insight-leaderboard{gap:7px!important}.home-insight-row{grid-template-columns:30px 38px minmax(0,1fr) auto!important;gap:8px!important;padding:8px 9px!important;min-height:54px}.home-insight-row strong,.home-insight-row em{font-size:.95rem}.home-insight-row em{align-self:center}.home-insight-avatar{width:38px!important;height:38px!important}.home-insight-user b{font-size:.95rem;line-height:1}.home-insight-user small{font-size:.68rem!important;line-height:1.1}
@media(max-width:560px){.home-insight-stats.compact-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}.home-insight-header-graphic img{max-height:74px}.home-insight-stat{min-height:66px;padding:8px 7px!important}.home-insight-stat small{font-size:.6rem!important}.home-insight-stat b{font-size:.92rem!important}.home-insight-row{grid-template-columns:26px 34px minmax(0,1fr) auto!important;gap:7px!important;padding:7px 8px!important}.home-insight-avatar{width:34px!important;height:34px!important}.home-insight-row strong,.home-insight-row em{font-size:.88rem}.home-insight-user b{font-size:.88rem}.home-insight-user small{font-size:.64rem!important}}

/* Sammelheft Kartenansicht Fix */
.collection-book{margin-bottom:14px!important}.collection-pages{position:relative!important;width:100%!important;margin:0!important;padding:10px!important;border-radius:20px!important;background:linear-gradient(135deg,#071527 0%,#09213a 52%,#05111f 100%)!important;border:1px solid rgba(53,212,255,.22)!important;box-shadow:0 18px 45px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.05)!important;overflow:hidden!important}.collection-pages::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 12%,rgba(217,0,255,.18),transparent 32%),radial-gradient(circle at 88% 76%,rgba(53,212,255,.16),transparent 34%),linear-gradient(90deg,rgba(255,255,255,.06),transparent 12%,transparent 88%,rgba(255,255,255,.04));pointer-events:none}.collection-pages>*{position:relative;z-index:1}.book-full-head{display:none!important}.album-book-controls{grid-template-columns:38px minmax(0,1fr) 38px!important;gap:8px!important;margin:0 0 8px!important}.album-book-controls button{width:38px!important;height:38px!important;border-radius:13px!important;background:linear-gradient(135deg,rgba(35,22,70,.96),rgba(9,48,72,.96))!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 8px 18px rgba(0,0,0,.24)!important}.book-page-counter{min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;border-radius:13px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-weight:950!important;line-height:1!important}.book-page-counter b,.book-page-counter i{display:inline!important;font-style:normal!important;line-height:1!important}.book-page-track{width:100%!important;overflow:hidden!important}.book-page[hidden]{display:none!important}.book-page:not([hidden]){display:block!important}.book-page{padding:9px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(9,35,62,.96),rgba(7,18,33,.98))!important;border:1px solid rgba(53,212,255,.18)!important;box-shadow:inset 7px 0 0 rgba(53,212,255,.18),inset -7px 0 0 rgba(217,0,255,.12)!important;animation:none!important}.book-page-head{height:24px!important;margin:0 0 7px!important;padding:0 4px!important;color:rgba(255,255,255,.82)!important;font-size:.72rem!important;line-height:1!important}.book-page-head b{font-weight:950!important}.book-page-head span{min-width:54px!important;padding:4px 7px!important;border-radius:999px!important;background:rgba(0,0,0,.36)!important;border:1px solid rgba(255,255,255,.1)!important}.book-slot-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;gap:7px!important;padding:0!important;margin:0!important;background:transparent!important;border-radius:0!important;min-height:0!important;overflow:hidden!important}.book-slot{min-width:0!important;min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto auto!important;gap:3px!important;align-items:start!important;padding:3px!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.10)!important;overflow:hidden!important}.book-slot.locked{opacity:.52!important;filter:grayscale(.75)!important}.book-slot-frame{width:100%!important;max-width:none!important;margin:0!important}.book-slot-frame .dxf-card-frame-body{width:100%!important;aspect-ratio:9/14!important;min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:3px!important;padding:5px!important;border-radius:10px!important;overflow:hidden!important}.book-slot-frame .dxf-card-stars{position:relative!important;z-index:5!important;min-height:12px!important;font-size:.6rem!important;line-height:1!important;letter-spacing:0!important;text-align:center!important;text-shadow:0 0 6px rgba(255,215,106,.7)!important}.book-slot-frame .dxf-card-art{position:relative!important;z-index:1!important;min-height:0!important;height:100%!important;border-radius:8px!important;overflow:hidden!important}.book-slot-frame .dxf-card-art img{width:100%!important;height:100%!important;object-fit:contain!important}.book-slot-frame .dxf-card-frame-body>strong,.book-slot-frame .dxf-card-badges{display:none!important}.book-slot-name{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font-size:.62rem!important;font-weight:950!important;line-height:1.05!important;text-align:center!important;text-shadow:0 1px 5px rgba(0,0,0,.55)!important}.book-slot-dupes{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:rgba(53,212,255,.95)!important;font-size:.55rem!important;font-weight:950!important;line-height:1!important;text-align:center!important}.book-slot .dxf-card-frame.stars-1,.book-slot .dxf-card-frame.stars-2,.book-slot .dxf-card-frame.stars-3,.book-slot .dxf-card-frame.stars-4,.book-slot .dxf-card-frame.stars-5{width:100%!important;transform:none!important}.book-slot .dxf-card-frame-body{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 6px 14px rgba(0,0,0,.25)!important}.book-slot .dxf-card-frame{filter:none}.book-slot.locked .dxf-card-frame{filter:grayscale(1)!important;opacity:.75!important}.book-slot.locked .book-slot-dupes{display:none!important}
@media(max-width:560px){.collection-pages{padding:8px!important;border-radius:18px!important}.album-book-controls{grid-template-columns:36px minmax(0,1fr) 36px!important;gap:7px!important}.album-book-controls button{width:36px!important;height:36px!important}.book-page-counter{min-height:36px!important}.book-page{padding:7px!important;border-radius:16px!important}.book-page-head{height:22px!important;margin-bottom:6px!important;font-size:.66rem!important}.book-slot-grid{gap:5px!important}.book-slot{padding:2px!important;border-radius:10px!important;gap:2px!important}.book-slot-frame .dxf-card-frame-body{padding:4px!important;border-radius:9px!important}.book-slot-frame .dxf-card-stars{font-size:.52rem!important;min-height:10px!important}.book-slot-name{font-size:.52rem!important}.book-slot-dupes{font-size:.48rem!important}}
@media(max-width:380px){.book-slot-grid{gap:4px!important}.book-slot-frame .dxf-card-frame-body{padding:3px!important}.book-slot-frame .dxf-card-stars{font-size:.48rem!important}.book-slot-name{font-size:.49rem!important}.book-slot-dupes{font-size:.45rem!important}}

/* Cards album book fix v4: stable inline album sheet */
body.book-full-open{overflow:auto!important}
.collection-book.album-sheet-book{margin:0 0 14px!important;padding:0!important;position:relative!important}
.collection-book.album-sheet-book .collection-cover,.collection-book.album-sheet-book .book-full-head{display:none!important}
.collection-book.album-sheet-book .collection-pages,.collection-book.album-sheet-book.is-open .collection-pages{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;z-index:auto!important;width:100%!important;max-width:none!important;min-height:0!important;max-height:none!important;transform:none!important;margin:0!important;padding:10px!important;border-radius:22px!important;overflow:hidden!important;background:linear-gradient(135deg,#071225 0%,#0b2a43 48%,#06111f 100%)!important;border:1px solid rgba(53,212,255,.28)!important;box-shadow:0 18px 44px rgba(0,0,0,.42),inset 10px 0 0 rgba(53,212,255,.12),inset -10px 0 0 rgba(217,0,255,.10)!important}
.collection-book.album-sheet-book .collection-pages::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 12%,rgba(217,0,255,.16),transparent 31%),radial-gradient(circle at 88% 84%,rgba(53,212,255,.14),transparent 34%),linear-gradient(90deg,rgba(255,255,255,.06),transparent 14%,transparent 86%,rgba(255,255,255,.04));pointer-events:none}.collection-book.album-sheet-book .collection-pages>*{position:relative;z-index:1}
.collection-book.album-sheet-book .album-book-controls{display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px!important;gap:8px!important;margin:0 0 8px!important}.collection-book.album-sheet-book .album-book-controls button{width:38px!important;height:38px!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(34,22,67,.98),rgba(7,45,68,.98))!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:0 8px 18px rgba(0,0,0,.25)!important}.collection-book.album-sheet-book .book-page-counter{min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;border-radius:14px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-weight:950!important;line-height:1!important}.collection-book.album-sheet-book .book-page-counter b,.collection-book.album-sheet-book .book-page-counter i{display:inline!important;font-style:normal!important;line-height:1!important}
.collection-book.album-sheet-book .book-page-track{width:100%!important;overflow:hidden!important}.collection-book.album-sheet-book .book-page[hidden]{display:none!important}.collection-book.album-sheet-book .book-page:not([hidden]){display:grid!important}.collection-book.album-sheet-book .book-page{height:min(620px,calc(100dvh - 165px))!important;min-height:505px!important;padding:9px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(9,35,62,.96),rgba(5,15,29,.98))!important;border:1px solid rgba(53,212,255,.2)!important;box-shadow:inset 7px 0 0 rgba(53,212,255,.18),inset -7px 0 0 rgba(217,0,255,.12)!important;grid-template-rows:auto minmax(0,1fr)!important;animation:none!important}.collection-book.album-sheet-book .book-page-head{height:24px!important;margin:0 0 7px!important;padding:0 4px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:rgba(255,255,255,.82)!important;font-size:.72rem!important;line-height:1!important}.collection-book.album-sheet-book .book-page-head span{min-width:54px!important;padding:4px 7px!important;border-radius:999px!important;background:rgba(0,0,0,.36)!important;border:1px solid rgba(255,255,255,.1)!important;text-align:center!important}
.collection-book.album-sheet-book .book-slot-grid{height:100%!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;gap:6px!important;padding:0!important;margin:0!important;background:transparent!important;border-radius:0!important;min-height:0!important;overflow:hidden!important}.collection-book.album-sheet-book .book-slot{min-width:0!important;min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto auto!important;gap:2px!important;align-items:start!important;padding:3px!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.10)!important;overflow:hidden!important}.collection-book.album-sheet-book .book-slot.locked{opacity:.52!important;filter:grayscale(.75)!important}
.collection-book.album-sheet-book .book-slot-frame,.collection-book.album-sheet-book .book-slot .dxf-card-frame.stars-1,.collection-book.album-sheet-book .book-slot .dxf-card-frame.stars-2,.collection-book.album-sheet-book .book-slot .dxf-card-frame.stars-3,.collection-book.album-sheet-book .book-slot .dxf-card-frame.stars-4,.collection-book.album-sheet-book .book-slot .dxf-card-frame.stars-5{width:100%!important;max-width:none!important;margin:0!important;transform:none!important}.collection-book.album-sheet-book .book-slot-frame .dxf-card-frame-body{position:relative!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1fr)!important;gap:0!important;padding:4px!important;border-radius:10px!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 6px 14px rgba(0,0,0,.25)!important}.collection-book.album-sheet-book .book-slot-frame .dxf-card-stars{position:absolute!important;left:2px!important;right:2px!important;top:3px!important;z-index:5!important;min-height:0!important;font-size:.54rem!important;line-height:1!important;letter-spacing:0!important;text-align:center!important;text-shadow:0 0 6px rgba(0,0,0,.85),0 0 7px rgba(255,215,106,.7)!important;pointer-events:none!important}.collection-book.album-sheet-book .book-slot-frame .dxf-card-art{position:relative!important;z-index:1!important;width:100%!important;height:100%!important;min-height:0!important;border-radius:8px!important;overflow:hidden!important}.collection-book.album-sheet-book .book-slot-frame .dxf-card-art img{width:100%!important;height:100%!important;object-fit:contain!important}.collection-book.album-sheet-book .book-slot-frame .dxf-card-frame-body>strong,.collection-book.album-sheet-book .book-slot-frame .dxf-card-badges{display:none!important}
.collection-book.album-sheet-book .book-slot-name{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font-size:.58rem!important;font-weight:950!important;line-height:1.05!important;text-align:center!important;text-shadow:0 1px 5px rgba(0,0,0,.55)!important}.collection-book.album-sheet-book .book-slot-dupes{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:rgba(53,212,255,.95)!important;font-size:.5rem!important;font-weight:950!important;line-height:1!important;text-align:center!important}.collection-book.album-sheet-book .book-slot-dupes.empty{opacity:0!important}.collection-book.album-sheet-book .book-slot.locked .dxf-card-frame{filter:grayscale(1)!important;opacity:.75!important}.collection-book.album-sheet-book .book-slot.locked .book-slot-dupes{display:none!important}
@media(max-width:560px){.collection-book.album-sheet-book .collection-pages{padding:8px!important;border-radius:18px!important}.collection-book.album-sheet-book .album-book-controls{grid-template-columns:36px minmax(0,1fr) 36px!important;gap:7px!important}.collection-book.album-sheet-book .album-book-controls button{width:36px!important;height:36px!important}.collection-book.album-sheet-book .book-page-counter{min-height:36px!important}.collection-book.album-sheet-book .book-page{height:min(590px,calc(100dvh - 154px))!important;min-height:485px!important;padding:7px!important;border-radius:16px!important}.collection-book.album-sheet-book .book-page-head{height:22px!important;margin-bottom:6px!important;font-size:.66rem!important}.collection-book.album-sheet-book .book-slot-grid{gap:5px!important}.collection-book.album-sheet-book .book-slot{padding:2px!important;border-radius:10px!important;gap:2px!important}.collection-book.album-sheet-book .book-slot-frame .dxf-card-frame-body{padding:3px!important;border-radius:9px!important}.collection-book.album-sheet-book .book-slot-frame .dxf-card-stars{font-size:.46rem!important;top:2px!important}.collection-book.album-sheet-book .book-slot-name{font-size:.48rem!important}.collection-book.album-sheet-book .book-slot-dupes{font-size:.43rem!important}}

.album-cover-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:0 0 14px}.album-cover-card{position:relative;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:9px;border-radius:18px;color:#fff;text-decoration:none;background:linear-gradient(135deg,rgba(20,16,48,.94),rgba(5,34,54,.94));border:1px solid rgba(53,212,255,.18);box-shadow:0 14px 32px rgba(0,0,0,.34);overflow:hidden}.album-cover-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 12%,rgba(217,0,255,.20),transparent 34%),radial-gradient(circle at 92% 82%,rgba(53,212,255,.18),transparent 34%);pointer-events:none}.album-cover-card>*{position:relative;z-index:1}.album-cover-card.is-active{border-color:rgba(255,0,220,.55);box-shadow:0 0 0 1px rgba(255,0,220,.18),0 18px 36px rgba(0,0,0,.38),0 0 24px rgba(217,0,255,.22)}.album-cover-art{width:100%;aspect-ratio:13/5;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1)}.album-cover-art img{width:100%;height:100%;object-fit:cover}.album-cover-info{display:grid;gap:4px;min-width:0}.album-cover-info b,.album-cover-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-cover-info b{font-size:.82rem;font-weight:950}.album-cover-info small{color:rgba(255,255,255,.74);font-size:.66rem;font-weight:850}.album-cover-info i{height:7px;display:block;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden}.album-cover-info u{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--cyan));text-decoration:none}.album-cover-card strong{justify-self:end;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--cyan));font-size:.66rem;font-weight:950}.album-page-shell{display:grid;gap:0}.album-detail-summary{margin-bottom:12px}.profile-albums-block{display:grid;gap:8px;margin:0 0 12px}.profile-albums-block .album-cover-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));margin-bottom:0}.profile-albums-block .album-cover-card{padding:8px;border-radius:16px}.profile-albums-block .album-cover-card strong{display:none}.profile-album-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-album-mini-stats span{padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.78);font-size:.72rem;font-weight:850}.profile-album-mini-stats b{color:#fff;font-size:.9rem;font-weight:950}@media(max-width:420px){.album-cover-grid{grid-template-columns:1fr}.profile-albums-block .album-cover-grid{grid-template-columns:1fr 1fr}.album-cover-art{aspect-ratio:13/5}.album-cover-info b{font-size:.76rem}.album-cover-info small{font-size:.61rem}.profile-album-mini-stats{grid-template-columns:1fr 1fr}}

/* Marketplace create pages */
.market-create-header{width:100%;aspect-ratio:1080/135;margin:0 0 10px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 28px rgba(0,0,0,.32)}
.market-create-header img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.market-create-info{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;margin:0 0 10px;padding:10px;border-radius:16px;background:linear-gradient(135deg,rgba(40,24,78,.96),rgba(8,49,74,.96));border:1px solid rgba(255,255,255,.12);color:#fff}
.market-create-info b{font-size:.8rem;font-weight:950;white-space:nowrap}.market-create-info span{font-size:.72rem;font-weight:850;color:rgba(255,255,255,.76);line-height:1.18}.market-create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}.market-create-card{appearance:none;border:1px solid rgba(53,212,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border-radius:14px;padding:6px;display:grid;gap:5px;color:#fff;text-align:center;box-shadow:0 8px 18px rgba(0,0,0,.25);cursor:pointer}.market-create-card span{display:grid;gap:2px;min-width:0}.market-create-card b,.market-create-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-create-card b{font-size:.62rem;font-weight:950}.market-create-card small{font-size:.52rem;color:rgba(53,212,255,.95);font-weight:900}.market-create-frame{width:100%;max-width:none;margin:0}.market-create-frame .dxf-card-frame-body{padding:4px;border-radius:11px}.market-create-frame .dxf-card-stars{font-size:.52rem}.market-create-frame .dxf-card-frame-body>strong,.market-create-frame .dxf-card-badges{display:none}.market-card-action-modal{max-width:360px;gap:10px}.market-modal-frame{width:138px;margin:0 auto}.market-modal-frame .dxf-card-frame-body>strong,.market-modal-frame .dxf-card-badges{display:none}.market-warning{border-color:rgba(255,80,180,.35)!important;color:#fff!important}.market-create-main-btn{margin:0 0 10px}.market-want-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:360px;overflow:auto;padding:2px}.market-want-card{display:grid;gap:4px;padding:5px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);cursor:pointer;text-align:center;color:#fff}.market-want-card input{position:absolute;opacity:0;pointer-events:none}.market-want-card:has(input:checked){border-color:rgba(217,0,255,.75);box-shadow:0 0 0 2px rgba(217,0,255,.18),0 0 18px rgba(217,0,255,.18)}.market-want-card.missing{opacity:.78;filter:grayscale(.35)}.market-want-card span{font-size:.52rem;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-want-frame{width:100%;max-width:none}.market-want-frame .dxf-card-frame-body{padding:3px;border-radius:9px}.market-want-frame .dxf-card-stars{font-size:.44rem}.market-want-frame .dxf-card-frame-body>strong,.market-want-frame .dxf-card-badges{display:none}.trade-create-modal{max-width:390px}.direct-price-admin-form{display:grid;gap:12px}.direct-price-set{display:grid;gap:8px;padding:10px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.direct-price-set h3{margin:0;color:#fff;font-size:.95rem}.direct-price-set label{display:grid;grid-template-columns:34px 1fr 1fr;align-items:center;gap:8px}.admin-muted{color:rgba(255,255,255,.72);font-size:.8rem;font-weight:800;line-height:1.3}
@media(max-width:480px){.market-create-info{grid-template-columns:1fr;align-items:stretch}.market-create-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.market-create-card{padding:4px;border-radius:12px}.market-create-card b{font-size:.52rem}.market-create-card small{font-size:.46rem}.market-want-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.market-card-action-modal{max-width:calc(100vw - 28px)}}

/* Marketplace v4 fixes */
.market-create-grid-compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.market-create-select-card{text-decoration:none;position:relative}
.market-create-select-card.selected{border-color:rgba(53,212,255,.95);box-shadow:0 0 0 2px rgba(53,212,255,.22),0 0 22px rgba(217,0,255,.26);background:linear-gradient(180deg,rgba(217,0,255,.18),rgba(53,212,255,.08))}
.market-create-select-card.selected:after{content:"✓";position:absolute;right:5px;top:5px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:950;background:linear-gradient(135deg,#e600ff,#35d4ff);color:#fff;box-shadow:0 0 12px rgba(217,0,255,.45)}
.market-trade-create-form{display:grid;gap:10px;margin-bottom:16px}.market-want-grid-page{grid-template-columns:repeat(5,minmax(0,1fr));max-height:none;overflow:visible}.market-want-grid-page .market-want-card{position:relative;padding:4px;border-radius:10px}.market-want-grid-page .market-want-card:has(input:checked){border-color:rgba(53,212,255,.95);background:linear-gradient(180deg,rgba(217,0,255,.2),rgba(53,212,255,.1));box-shadow:0 0 0 2px rgba(53,212,255,.2),0 0 20px rgba(217,0,255,.26)}.market-want-grid-page .market-want-card:has(input:checked):after{content:"✓";position:absolute;right:4px;top:4px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:.66rem;font-weight:950;background:linear-gradient(135deg,#e600ff,#35d4ff);color:#fff}.market-want-grid-page .market-want-card span{font-size:.46rem}.market-want-grid-page .market-want-frame .dxf-card-frame-body{padding:2px;border-radius:8px}.market-note-label{display:grid;gap:6px;color:#fff;font-size:.78rem;font-weight:900}.market-note-label input{min-height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:rgba(5,16,33,.86);color:#fff;padding:0 12px;font-weight:800}
@media(max-width:480px){.market-create-grid-compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.market-create-grid-compact .market-create-card{padding:3px;border-radius:10px}.market-create-grid-compact .market-create-card b{font-size:.44rem}.market-create-grid-compact .market-create-card small{font-size:.4rem}.market-want-grid-page{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.market-want-grid-page .market-want-card{padding:3px}.market-want-grid-page .market-want-card span{font-size:.4rem}}
.market-trade-page-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:6px 0 8px}.market-trade-page-nav b{color:#fff;font-size:.78rem;font-weight:950;text-align:center}.market-trade-page-nav a:last-child{justify-self:end}.market-trade-page-nav .disabled{opacity:.35;pointer-events:none}.market-trade-choice-grid{max-height:none;overflow:visible}.market-create-select-card.selected,.market-want-card:has(input:checked){border-color:rgba(217,0,255,.95)!important;box-shadow:0 0 0 2px rgba(217,0,255,.28),0 0 18px rgba(217,0,255,.28)!important;background:linear-gradient(180deg,rgba(217,0,255,.20),rgba(53,212,255,.08))}.section-bar small{font-size:.65rem;opacity:.82}.market-want-none{display:flex;align-items:center;gap:8px;margin:8px 0;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:900;font-size:.8rem}.market-want-none input{accent-color:#d900ff}.market-trade-open-want{display:grid;place-items:center;min-height:90px;border:1px dashed rgba(255,255,255,.22);border-radius:14px;color:#fff;font-weight:950;background:rgba(255,255,255,.06);padding:10px}.market-trade-open-note{font-weight:900;color:rgba(255,255,255,.72);font-size:.72rem}.leader-row form{margin-left:auto}.leader-row .ghost-btn.slim{padding:7px 10px;font-size:.7rem}
@media(max-width:480px){.market-trade-page-nav{gap:5px}.market-trade-page-nav .ghost-btn.slim{padding:8px 9px}.market-want-none{font-size:.72rem;padding:8px 10px}.market-trade-open-want{min-height:70px;font-size:.72rem}}
.market-my-trade-card{gap:10px}.market-trade-meta{display:grid;gap:2px;color:#fff;font-weight:950;font-size:.82rem}.market-trade-meta small{color:var(--muted);font-size:.72rem}.market-trade-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.market-trade-actions form{margin:0}.market-response-card{gap:10px}.market-response-main{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:center}.market-response-main .market-trade-frame{width:76px}@media(max-width:420px){.market-response-main{grid-template-columns:74px minmax(0,1fr);gap:8px}.market-response-main .market-trade-frame{width:70px}.market-trade-actions .pink-btn.slim,.market-trade-actions .ghost-btn.slim{padding:8px 10px;font-size:.7rem}}

/* Marketplace card display fix v9 */
.market-auction-card.rich,.market-own-row,.market-trade-card{min-width:0!important;overflow:hidden!important}
.market-auction-main,.market-own-row>span,.market-trade-meta{min-width:0!important}
.market-auction-main>b,.market-own-row>span>b,.market-trade-meta>b{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.82rem!important;line-height:1.08!important;font-weight:950!important}
.market-own-row>span>small,.market-auction-main>span,.market-auction-main>small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.market-card-frame.dxf-card-frame,.market-own-frame.dxf-card-frame,.market-trade-frame.dxf-card-frame{position:relative!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.market-card-frame .dxf-card-frame-body,.market-own-frame .dxf-card-frame-body,.market-trade-frame .dxf-card-frame-body{position:relative!important;display:grid!important;grid-template-rows:minmax(0,1fr)!important;gap:0!important;padding:4px!important;overflow:hidden!important;border-radius:12px!important;aspect-ratio:9/14!important;min-height:0!important}
.market-card-frame .dxf-card-stars,.market-own-frame .dxf-card-stars,.market-trade-frame .dxf-card-stars{position:absolute!important;left:2px!important;right:2px!important;top:3px!important;z-index:6!important;min-height:0!important;margin:0!important;font-size:.56rem!important;line-height:1!important;letter-spacing:0!important;text-align:center!important;color:#ffd76a!important;text-shadow:0 0 5px rgba(0,0,0,.95),0 0 7px rgba(255,215,106,.75)!important;pointer-events:none!important}
.market-card-frame .dxf-card-art,.market-own-frame .dxf-card-art,.market-trade-frame .dxf-card-art{position:relative!important;z-index:1!important;width:100%!important;height:100%!important;min-height:0!important;border-radius:9px!important;overflow:hidden!important}
.market-card-frame .dxf-card-art img,.market-own-frame .dxf-card-art img,.market-trade-frame .dxf-card-art img{width:100%!important;height:100%!important;object-fit:contain!important}
.market-card-frame .dxf-card-frame-body>strong,.market-own-frame .dxf-card-frame-body>strong,.market-trade-frame .dxf-card-frame-body>strong,.market-card-frame .dxf-card-badges,.market-own-frame .dxf-card-badges,.market-trade-frame .dxf-card-badges{display:none!important}
.market-card-frame{width:78px!important;flex:0 0 78px!important}.market-own-frame{width:56px!important;flex:0 0 56px!important}.market-trade-frame{width:72px!important;max-width:72px!important}
.market-trade-pair{min-width:0!important}.market-trade-pair>span{min-width:0!important;display:grid!important;place-items:center!important}.market-trade-pair em{font-size:.72rem!important;font-weight:950!important;white-space:nowrap!important;color:rgba(255,255,255,.8)!important}
.market-card-frame button.dxf-card-frame-body,.market-own-frame button.dxf-card-frame-body,.market-trade-frame button.dxf-card-frame-body{cursor:pointer!important}
@media(max-width:420px){.market-card-frame{width:68px!important;flex-basis:68px!important}.market-own-frame{width:54px!important;flex-basis:54px!important}.market-trade-frame{width:68px!important;max-width:68px!important}.market-auction-main>b,.market-own-row>span>b,.market-trade-meta>b{font-size:.76rem!important}.market-card-frame .dxf-card-stars,.market-own-frame .dxf-card-stars,.market-trade-frame .dxf-card-stars{font-size:.48rem!important;top:2px!important}}

.arena-info-card{border-radius:20px;padding:16px;background:linear-gradient(135deg,rgba(75,211,138,.22),rgba(53,212,255,.18)),var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;gap:8px;margin-bottom:10px}.arena-info-card h2,.arena-info-card p{margin:0}.arena-info-card p,.arena-info-card small{color:var(--muted);font-weight:850}.challenge-level-list{display:grid;gap:12px}.challenge-level-card{border-radius:20px;padding:14px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;gap:12px}.challenge-level-card.locked{opacity:.5}.challenge-level-card.done{border-color:rgba(75,211,138,.55)}.challenge-level-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.challenge-level-card header strong{font-size:1.05rem}.challenge-level-card header span{font-weight:950;font-size:.78rem;border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.08)}.challenge-rewards{display:none}.challenge-reward-preview{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.challenge-reward-icon{position:relative;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(217,0,255,.24),rgba(53,212,255,.16));border:1px solid rgba(255,255,255,.14);box-shadow:0 0 18px rgba(217,0,255,.16);overflow:visible}.challenge-reward-icon img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(53,212,255,.25))}.challenge-reward-icon b{font-size:1.8rem}.challenge-reward-icon em{position:absolute;right:-6px;bottom:-6px;border-radius:999px;padding:3px 6px;background:linear-gradient(135deg,#35d4ff,#d900ff);font-size:.72rem;font-style:normal;font-weight:950;color:#fff;box-shadow:0 0 12px rgba(217,0,255,.35)}.challenge-tasks{display:grid;gap:9px}.challenge-task-row{display:grid;gap:5px;padding:10px;border-radius:15px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08)}.challenge-task-row b,.challenge-task-row small,.challenge-task-row em{display:block}.challenge-task-row small{color:var(--muted);font-weight:850}.challenge-task-row em{font-style:normal;font-weight:950}.challenge-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.challenge-reward-grid article{border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:10px;display:grid;gap:8px;place-items:center;text-align:center;font-weight:950}.challenge-reward-grid img{width:86px;height:132px;object-fit:contain}.challenge-reward-grid b{font-size:2.2rem}.streamer-row-group.challenge{border-color:rgba(75,211,138,.45)}

.challenge-reward-open-wrap{display:inline-grid}.challenge-reward-toggle{position:absolute;opacity:0;pointer-events:none}.challenge-reward-icon{cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.challenge-reward-icon:hover{transform:translateY(-2px) scale(1.03);border-color:rgba(53,212,255,.55);box-shadow:0 0 22px rgba(217,0,255,.28)}.challenge-reward-preview-modal{position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;padding:22px}.challenge-reward-toggle:checked~.challenge-reward-preview-modal{display:flex}.challenge-reward-preview-backdrop{position:absolute;inset:0;background:rgba(2,0,10,.82);backdrop-filter:blur(9px);cursor:pointer}.challenge-reward-preview-card{position:relative;z-index:1;width:min(360px,calc(100vw - 36px));border-radius:24px;padding:22px;background:linear-gradient(145deg,rgba(31,21,58,.98),rgba(13,33,51,.98));border:1px solid rgba(53,212,255,.28);box-shadow:0 22px 70px rgba(0,0,0,.62),0 0 40px rgba(217,0,255,.18);display:grid;gap:12px;place-items:center;text-align:center}.challenge-reward-preview-card>img{width:min(230px,72vw);max-height:330px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(53,212,255,.28))}.challenge-reward-preview-card strong{font-size:1.2rem;font-weight:950}.challenge-reward-preview-card small{color:var(--muted);font-weight:850;line-height:1.35}.challenge-reward-preview-card .primary-btn{width:100%;cursor:pointer}.challenge-reward-preview-card .modal-x-button{display:grid;place-items:center;cursor:pointer}.challenge-reward-preview-fallback{font-size:4rem}

.admin-function-card-head { margin-top: 16px; }
.admin-function-card-grid { display: grid; gap: 12px; margin-top: 12px; }
.admin-function-card { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 12px; align-items: center; padding: 12px; border-radius: 18px; background: rgba(255,255,255,.07); border: 1px solid var(--line); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.admin-function-card.owned { border-color: rgba(53,212,255,.45); background: linear-gradient(135deg, rgba(53,212,255,.12), rgba(217,0,255,.08)); }
.admin-function-card-preview { width: 86px; }
.admin-function-card-preview .dxf-card-frame { width: 86px; max-width: 86px; }
.admin-function-card-preview .dxf-card-frame-body { min-height: 132px; padding: 7px; border-radius: 13px; }
.admin-function-card-preview .dxf-card-art { min-height: 74px; }
.admin-function-card-preview .dxf-card-stars { font-size: .58rem; }
.admin-function-card-preview strong { font-size: .58rem; line-height: 1.05; }
.admin-function-card-preview .dxf-card-badges small { font-size: .5rem; padding: 2px 4px; }
.admin-function-card-meta { display: grid; gap: 4px; min-width: 0; }
.admin-function-card-meta b { color: #fff; font-size: .95rem; }
.admin-function-card-meta small { color: var(--muted); font-weight: 850; font-size: .72rem; }
.admin-function-card-meta p { margin: 3px 0 0; color: rgba(255,255,255,.72); font-size: .74rem; line-height: 1.35; }
.admin-function-card-form { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: end; }
.admin-function-card-form label { display: grid; gap: 5px; color: #fff; font-weight: 950; font-size: .72rem; }
.admin-function-card-form .primary-btn { min-height: 42px; }
@media (max-width: 420px) {
    .admin-function-card { grid-template-columns: 78px minmax(0, 1fr); gap: 10px; padding: 10px; }
    .admin-function-card-preview, .admin-function-card-preview .dxf-card-frame { width: 72px; max-width: 72px; }
    .admin-function-card-preview .dxf-card-frame-body { min-height: 112px; }
    .admin-function-card-form { grid-template-columns: 1fr; }
}

.admin-user-id-line { margin: -4px 0 12px; color: rgba(255,255,255,.72); font-size: .78rem; font-weight: 850; }
.admin-function-card-stock { color: #35d4ff !important; }

/* Avatar-Shop v4: Übersicht pro Avatar + Modell-Detailseite */
.avatar-overview-grid {
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)) !important;
}

.avatar-family-tile {
    text-decoration: none;
    min-height: 235px;
    color: #fff;
}

.avatar-family-tile .avatar-preview,
.avatar-static-preview {
    min-height: 145px;
    height: 145px;
    display: grid;
    place-items: center;
}

.avatar-family-tile .avatar-display,
.avatar-static-preview .avatar-display {
    max-height: 145px;
}

.avatar-model-count {
    display: inline-flex;
    width: fit-content;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.86) !important;
}

.avatar-back-btn {
    margin-bottom: 10px;
}

.avatar-detail-head {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
    padding: 12px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(36,20,66,.94), rgba(12,50,72,.9));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: var(--shadow);
}

.avatar-detail-preview {
    height: 96px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: rgba(0,0,0,.18);
    overflow: hidden;
}

.avatar-detail-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.avatar-detail-head h2,
.avatar-detail-head p {
    margin: 0;
}

.avatar-detail-head h2 {
    color: #fff;
    font-size: 1.15rem;
    line-height: 1.05;
}

.avatar-detail-head p,
.avatar-detail-head small {
    color: rgba(255,255,255,.76);
    font-weight: 850;
}

.avatar-model-grid .avatar-preview {
    min-height: 150px;
    height: 150px;
}

.avatar-shop-promo {
    min-height: 132px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
    margin: 12px 0 14px;
    padding: 14px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(45,19,80,.96), rgba(13,64,84,.92));
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: var(--shadow);
    overflow: hidden;
}

.avatar-shop-promo b {
    display: block;
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.05;
    text-transform: uppercase;
}

.avatar-shop-promo span {
    display: block;
    margin-top: 4px;
    color: rgba(255,255,255,.8);
    font-size: .82rem;
    font-weight: 850;
}

.avatar-shop-promo .primary-btn {
    width: auto;
    min-width: 132px;
    text-decoration: none;
}

@media (max-width: 420px) {
    .avatar-shop-promo {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
    .avatar-shop-promo .primary-btn {
        width: 100%;
    }
}

/* Postfach v3: mobile Übersichts-Löschen, ganze Box klickbar, neue Nachricht eigene Seite */
.postbox-title-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;align-items:center;margin-bottom:12px}.postbox-title-row .section-bar{margin:0}.postbox-new-btn{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;text-decoration:none!important;color:#fff;font-size:1.85rem;font-weight:950;line-height:1;background:linear-gradient(135deg,var(--pink),var(--cyan));box-shadow:0 14px 34px rgba(217,0,255,.24),0 0 0 1px rgba(255,255,255,.18) inset}.postbox-new-btn:active{transform:translateY(1px)}
.message-card{padding-right:50px;cursor:pointer}.message-card-hit{position:absolute;inset:0;z-index:1;border-radius:inherit;text-decoration:none!important}.message-card .message-avatar,.message-card-main{position:relative;z-index:2;pointer-events:none}.message-delete-form{position:absolute;right:12px;top:12px;z-index:4}.message-delete-form button{width:32px;height:32px;border:0;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.10);color:rgba(255,255,255,.82);font-size:1.15rem;font-weight:950;line-height:1;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset}.message-delete-form button:hover{background:rgba(255,65,125,.24);color:#fff}.message-open-link{pointer-events:none}.postbox-compose-page-card form{display:grid;gap:12px}.postbox-compose-page-card label{display:grid;gap:7px;font-weight:950}.postbox-compose-page-card input[type="text"],.postbox-compose-page-card textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.22);color:#fff;border-radius:14px;padding:11px 12px;font-weight:850}.postbox-compose-page-card textarea{resize:vertical;min-height:170px}.postbox-compose-page-card .primary-btn{width:100%;min-height:48px}
@media(max-width:760px){.postbox-title-row{grid-template-columns:minmax(0,1fr) 46px}.postbox-new-btn{width:46px;height:46px;border-radius:16px}.message-card{padding-right:46px}.message-delete-form{right:10px;top:10px}.message-delete-form button{width:30px;height:30px;border-radius:11px}.postbox-compose-page-card textarea{min-height:220px}}

/* Stream / FontAwesome v20260709stream2 */
.fa-solid,.fa-regular{line-height:1}.primary-btn i,.pink-btn i,.white-btn i,.ghost-btn i,.stream-link i,.section-bar i{margin-right:7px}.stream-add-btn{min-height:46px;margin:0 8px 14px;padding:0 16px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none!important;color:#fff;font-weight:950;background:linear-gradient(90deg,#ff3aa9,#b35cff);box-shadow:0 12px 30px rgba(217,0,255,.24),inset 0 0 0 1px rgba(255,255,255,.18)}.stream-add-btn i{font-size:1.1rem}.stream-live-card{margin:0 8px 12px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,rgba(31,19,58,.98),rgba(16,58,78,.96));border:1px solid rgba(53,212,255,.24);box-shadow:var(--shadow)}.stream-live-icon{height:128px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(22,12,46,.95),rgba(17,38,67,.95));color:rgba(255,255,255,.82);font-weight:950}.stream-live-icon i{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.82);color:#22263a;font-size:1.45rem}.stream-live-icon small{margin-top:-26px;font-size:.7rem;font-weight:950}.stream-live-body{padding:13px 14px 14px;display:grid;gap:8px}.stream-live-body h2{margin:0;color:#fff;font-size:1.05rem;line-height:1.1}.stream-live-body p{margin:0;color:rgba(255,255,255,.72);display:flex;align-items:center;gap:7px;font-weight:850;font-size:.82rem}.stream-live-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:2px}.stream-live-actions .pink-btn,.stream-live-actions .white-btn{min-height:34px;border-radius:11px;padding:0 13px;font-size:.72rem}.stream-week-head{display:grid;grid-template-columns:36px minmax(0,1fr)40px;gap:8px;align-items:center;margin:10px 8px 12px;color:#ff2db7}.stream-week-head b{text-align:center;font-size:1.02rem;font-weight:950;letter-spacing:.01em}.stream-week-head a{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;text-decoration:none!important;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.stream-week-head a i{margin:0}.stream-show-list{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px;padding:0 8px}.stream-event-card{border-radius:12px;background:linear-gradient(135deg,rgba(25,15,42,.98),rgba(39,18,58,.96));border:1px solid rgba(255,255,255,.13);box-shadow:0 12px 34px rgba(0,0,0,.38),0 0 0 1px rgba(217,0,255,.13) inset;overflow:hidden}.stream-event-card.live{box-shadow:0 0 0 2px rgba(255,39,191,.45),0 16px 42px rgba(0,0,0,.40)}.stream-event-poster{height:166px;min-height:166px;border-radius:12px 12px 0 0;background:#050711}.stream-event-poster img{display:block;width:100%;height:166px;object-fit:cover}.stream-event-poster .image-placeholder{height:166px;min-height:166px;display:grid;place-items:center}.stream-event-poster .image-placeholder i{font-size:2.2rem;color:rgba(255,255,255,.78);margin:0}.stream-date-chip{top:0;left:0;border-radius:9px 0 10px 0;min-width:68px;min-height:46px;background:rgba(24,18,38,.88);backdrop-filter:blur(8px);border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:4px 8px}.stream-date-chip small{display:block;font-size:.62rem;text-align:left;width:100%;line-height:.95}.stream-date-chip b{display:block;font-size:1.02rem;line-height:1}.stream-time-chip{position:absolute;right:12px;bottom:8px;display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:.78rem;font-weight:950;text-shadow:0 2px 6px rgba(0,0,0,.65)}.stream-time-chip i{margin:0}.stream-event-body{padding:13px 13px 14px;display:grid;gap:10px}.stream-event-body h2{font-size:1.25rem;line-height:1.12;margin:0;color:#fff}.stream-dj-line{display:flex;align-items:center;gap:8px;font-size:.9rem;color:rgba(255,255,255,.82);font-weight:950}.stream-dj-line i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(53,212,255,.22),rgba(255,39,191,.22));color:#fff;border:1px solid rgba(255,255,255,.12);margin:0}.stream-rsvp-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stream-rsvp-actions form{margin:0}.stream-rsvp-actions .rsvp-btn{width:100%;min-height:50px;border-radius:9px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:7px}.stream-rsvp-actions .rsvp-btn.active{background:linear-gradient(135deg,rgba(217,0,255,.85),rgba(255,39,191,.82));box-shadow:0 0 20px rgba(255,39,191,.25)}.stream-rsvp-actions .rsvp-btn i{font-size:1.05rem;margin:0}.stream-rsvp-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stream-rsvp-stats span{min-height:53px;border-radius:9px;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:950}.stream-rsvp-stats span i{margin:0}.stream-rsvp-stats .going{background:rgba(53,212,255,.15);border:1px solid rgba(53,212,255,.28);color:#21f2cb}.stream-rsvp-stats .maybe{background:rgba(255,39,108,.17);border:1px solid rgba(255,39,108,.30);color:#ff6f93}.stream-info-fold{border-radius:9px;background:rgba(255,39,191,.12);border:1px solid rgba(255,39,191,.22);overflow:hidden}.stream-info-fold summary{list-style:none;cursor:pointer;min-height:43px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;font-weight:950}.stream-info-fold summary::-webkit-details-marker{display:none}.stream-info-fold summary span{display:flex;align-items:center;gap:8px}.stream-info-fold summary i{margin:0}.stream-info-fold[open] summary>i{transform:rotate(180deg)}.stream-info-fold p{margin:0;padding:0 12px 10px;color:rgba(255,255,255,.78);font-size:.82rem;font-weight:750;line-height:1.35}.stream-info-fold .stream-link{margin:0 12px 12px;min-height:36px;display:flex;justify-content:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12)}.stream-comment-row{display:flex;align-items:center;gap:8px;color:#ff4ab7;font-weight:850;font-size:.88rem;padding-top:2px}.stream-comment-row i{font-size:1rem;margin:0}.stream-show-list .empty-state{min-height:86px;display:grid;place-items:center;text-align:center;border-radius:12px;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.16);color:rgba(255,255,255,.72);font-weight:850}.stream-show-list .empty-state i{font-size:1.5rem;color:#ff3ab3;margin:0 0 4px}.stream-create-head{padding:0 8px 10px}.stream-create-head .ghost-btn{display:inline-flex;align-items:center}.stream-create-panel{margin:0 8px 18px}.stream-create-form input[type=text],.stream-create-form input[type=datetime-local],.stream-create-form select,.stream-create-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.22);color:#fff;border-radius:14px;padding:11px 12px;font-weight:850}.stream-create-form textarea{resize:vertical;min-height:150px}.stream-create-form input[type=file]{font-size:.82rem;color:rgba(255,255,255,.82)}.stream-create-form button.primary-btn{display:flex;align-items:center;justify-content:center;gap:8px}.stream-create-form button.primary-btn i{margin:0}.rank-medal{width:32px;height:32px;border-radius:12px;display:inline-grid;place-items:center;position:relative;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.rank-medal i{font-size:.95rem;margin:0;color:#ffdc5a}.rank-medal small{position:absolute;right:-5px;bottom:-5px;width:17px;height:17px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#ff2bbd,#35d4ff);font-size:.58rem;font-weight:950;color:#fff;border:1px solid rgba(255,255,255,.28)}.rank-medal.place-2 i{color:#d8e5ff}.rank-medal.place-3 i{color:#ffb07a}.home-rank-medal,.stat-rank-medal{width:30px;height:30px}.podium-rank-medal{width:40px;height:40px;margin-bottom:5px}.podium-rank-medal small{right:-4px;bottom:-4px}.home-insight-row>strong,.leader-row>b,.ranking-row>strong{display:grid;place-items:center}.ranking-podium-card>i{font-style:normal;display:grid;place-items:center}.home-insight-stat .stat-rank-medal{vertical-align:middle}@media(min-width:760px){.stream-show-list{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-live-card{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)}.stream-live-icon{height:auto;min-height:190px}.stream-live-icon small{margin-top:-70px}.stream-live-body{align-content:center}}

/* Stream/show create v3 */
.stream-create-form input[type=url],
.stream-create-form input[type=number]{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.22);color:#fff;border-radius:14px;padding:11px 12px;font-weight:850}
.stream-create-form label>span,.stream-field-title{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:#fff;font-weight:950;font-size:.82rem}
.stream-create-form label>span i,.stream-field-title i{width:18px;text-align:center;color:#56d7ff;margin:0}
.stream-create-form input[readonly]{opacity:.86;background:rgba(255,255,255,.06);border-color:rgba(53,212,255,.28);cursor:not-allowed}
.stream-create-form label small,.show-image-field small{display:block;margin-top:5px;color:rgba(255,255,255,.62);font-size:.72rem;font-weight:800;line-height:1.25}
.show-image-field{display:grid;gap:7px;padding:10px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10)}
.show-image-field .ghost-btn.full{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px}
.stream-media-modal-card{width:min(94vw,620px);max-height:86vh;overflow:auto}
.stream-media-modal-card h2{display:flex;align-items:center;gap:8px}.stream-media-modal-card h2 i{margin:0;color:#56d7ff}
.stream-media-modal-card .file-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);cursor:pointer;color:#fff;font-weight:950}.stream-media-modal-card .file-upload input{position:absolute;opacity:0;pointer-events:none}.stream-media-modal-card .file-upload span{display:flex;align-items:center;gap:7px}.stream-media-modal-card .file-upload b{min-height:32px;display:grid;place-items:center;padding:0 10px;border-radius:10px;background:rgba(0,0,0,.22);font-size:.75rem;color:rgba(255,255,255,.80);white-space:nowrap}.stream-show-media-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;max-height:420px;overflow:auto;padding:4px}.stream-show-media-choice{position:relative;display:grid;gap:5px;padding:6px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);cursor:pointer}.stream-show-media-choice input{position:absolute;opacity:0;pointer-events:none}.stream-show-media-choice:has(input:checked){border-color:rgba(53,212,255,.95);box-shadow:0 0 0 2px rgba(53,212,255,.22),0 0 24px rgba(217,0,255,.30);background:linear-gradient(180deg,rgba(217,0,255,.18),rgba(53,212,255,.10))}.stream-show-media-choice:has(input:checked)::after{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#d900ff,#35d4ff);color:#fff;font-size:.65rem;border:1px solid rgba(255,255,255,.35)}.stream-show-media-choice .home-media-preview{height:58px;border-radius:10px;overflow:hidden;background:#060511}.stream-show-media-choice .home-media-preview img{width:100%;height:100%;object-fit:cover}.stream-show-media-choice b{font-size:.62rem;line-height:1.1;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-add-btn{background:linear-gradient(90deg,#f73aa6,#9d67ff,#35d4ff)}.stream-week-head b::before{content:"\f073";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:8px;color:#35d4ff}.stream-event-body h2::before{content:"\f001";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:7px;color:#ff3ab3;font-size:.82em}.stream-create-form .primary-btn.full{min-height:52px;border-radius:14px;font-size:.95rem}.stream-create-form .primary-btn.full i{margin:0}
@media(max-width:520px){.stream-create-form.two-col{grid-template-columns:1fr}.stream-media-modal-card{width:calc(100vw - 24px);max-height:82vh}.stream-media-modal-card .file-upload{grid-template-columns:1fr}.stream-media-modal-card .file-upload b{justify-content:start}.stream-show-media-library{grid-template-columns:repeat(3,minmax(0,1fr));max-height:340px}}

/* stream show create v4 */
.stream-create-form input[type=text],
.stream-create-form input[type=url],
.stream-create-form input[type=number],
.stream-create-form input[type=datetime-local],
.stream-create-form select,
.stream-create-form textarea{box-sizing:border-box;background:#101a34!important;color:#fff!important;border:1px solid rgba(53,212,255,.22)!important;border-radius:14px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.stream-create-form input[type=text]:focus,
.stream-create-form input[type=url]:focus,
.stream-create-form input[type=number]:focus,
.stream-create-form input[type=datetime-local]:focus,
.stream-create-form select:focus,
.stream-create-form textarea:focus{outline:2px solid rgba(255,255,255,.9);outline-offset:0;border-color:rgba(53,212,255,.55)!important;background:#0f1730!important}
.stream-create-form select{color-scheme:dark;accent-color:#d900ff;min-height:45px}
.stream-create-form select option{background:#17162e!important;color:#fff!important;font-weight:850}
.stream-link-fields{display:grid;grid-template-columns:1fr;gap:12px}
.stream-link-fields label{margin:0}
.show-image-field .ghost-btn.full{min-height:46px;border-radius:14px;background:linear-gradient(90deg,rgba(255,58,169,.92),rgba(53,212,255,.75));border:1px solid rgba(255,255,255,.16);color:#fff!important;font-weight:950;box-shadow:0 12px 26px rgba(217,0,255,.18)}
.show-image-field .ghost-btn.full i{margin-right:7px}
.stream-create-form input[readonly]{background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.86)!important;border-color:rgba(53,212,255,.28)!important;cursor:not-allowed}
.stream-create-form input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.85}
.stream-create-form .stream-field-title{margin-bottom:8px}
.stream-create-form [data-selected-show-image]{color:rgba(255,255,255,.72);font-weight:850}
.stream-show-media-choice:has(input:checked){border-color:rgba(53,212,255,.78)!important;box-shadow:0 0 0 2px rgba(53,212,255,.22),0 0 18px rgba(217,0,255,.25)}
@media(min-width:760px){.stream-link-fields{grid-column:span 2;grid-template-columns:1fr 1fr}.stream-create-form .show-image-field.full,.stream-create-form label.full,.stream-create-form button.full,.stream-create-form .modal-backdrop{grid-column:1/-1}}

/* Admin Streamer v5 */
.admin-tabs a i{margin-right:6px}
.danger-btn{min-height:38px;border:0;border-radius:12px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#ff416f,#ff2bbd);color:#fff!important;font-weight:950;text-decoration:none!important;box-shadow:0 12px 26px rgba(255,45,120,.22),inset 0 0 0 1px rgba(255,255,255,.16);cursor:pointer}.danger-btn i{margin:0}.danger-btn:active{transform:translateY(1px)}
.admin-streamer-admin .panel h2{display:flex;align-items:center;gap:8px}.admin-streamer-admin .panel h2 i{color:#35d4ff;margin:0}.admin-streamer-admin .muted{margin:-4px 0 12px;color:rgba(255,255,255,.70);font-weight:800;font-size:.82rem}.admin-streamer-search{margin-bottom:12px}.admin-streamer-quick-add{align-items:end}.admin-streamer-quick-add .primary-btn{min-height:45px}.admin-streamer-list{display:grid;gap:10px;margin-top:12px}.admin-streamer-list.compact{margin-top:0}.admin-streamer-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}.admin-streamer-row.active{border-color:rgba(53,212,255,.24);background:linear-gradient(135deg,rgba(53,212,255,.12),rgba(217,0,255,.08))}.admin-streamer-row.inactive{opacity:.78}.admin-streamer-main{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.admin-streamer-main b{display:block;color:#fff;font-size:.95rem;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-streamer-main small{display:block;margin-top:3px;color:rgba(255,255,255,.66);font-size:.72rem;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-streamer-avatar{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(217,0,255,.32),rgba(53,212,255,.20));border:1px solid rgba(255,255,255,.15);color:#fff}.admin-streamer-avatar i{margin:0}.admin-streamer-badge{min-height:32px;border-radius:999px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.72rem;font-weight:950;white-space:nowrap;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);color:#fff}.admin-streamer-badge i{margin:0}.admin-streamer-badge.on{background:rgba(37,242,190,.14);border-color:rgba(37,242,190,.28);color:#25f2be}.admin-streamer-badge.off{background:rgba(255,65,111,.12);border-color:rgba(255,65,111,.25);color:#ff7c9b}.admin-streamer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.admin-streamer-actions form{margin:0}.admin-streamer-actions .primary-btn,.admin-streamer-actions .danger-btn,.admin-streamer-actions .ghost-btn{min-height:36px;padding:0 11px;border-radius:11px;font-size:.72rem;white-space:nowrap}.admin-streamer-actions .ghost-btn{display:inline-flex;align-items:center;gap:7px}.admin-streamer-actions .ghost-btn i{margin:0}
@media(max-width:760px){.admin-streamer-row{grid-template-columns:1fr;align-items:stretch}.admin-streamer-badge{justify-self:start}.admin-streamer-actions{justify-content:stretch}.admin-streamer-actions form,.admin-streamer-actions button{width:100%}.admin-streamer-actions .primary-btn,.admin-streamer-actions .danger-btn,.admin-streamer-actions .ghost-btn{width:100%;min-height:42px}.admin-streamer-quick-add{grid-template-columns:1fr}.admin-streamer-main small{white-space:normal}.admin-streamer-main b{white-space:normal}}

/* 2026-07-09: Streamplan Radio-Banner, Menü-Kategorien, Startseiten-Sendeplan-Link */
.menu-category { display: grid; gap: 10px; margin: 0 0 16px; }
.menu-category-title { min-height: 28px; margin: 0; border-radius: 9px; font-size: .72rem; letter-spacing: .04em; }
.menu-category .menu-grid { margin: 0; }
.menu-category .menu-tile { min-height: 102px; }

.stream-radio-banner { position: relative; display: block; margin: 0 8px 14px; min-height: 112px; max-height: 150px; border-radius: 18px; overflow: hidden; border: 1px solid rgba(53,212,255,.26); box-shadow: 0 14px 36px rgba(0,0,0,.34), 0 0 26px rgba(217,0,255,.14); background: linear-gradient(135deg, rgba(19,12,42,.92), rgba(12,54,76,.86)); text-decoration: none !important; }
.stream-radio-banner img { display: block; width: 100%; height: 100%; min-height: 112px; max-height: 150px; object-fit: cover; }
.stream-radio-banner:after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,6,18,.24), rgba(5,6,18,0) 55%, rgba(5,6,18,.20)); pointer-events: none; }
.stream-radio-live-badge { position: absolute; right: 12px; top: 10px; z-index: 2; min-height: 28px; padding: 0 11px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(90deg,#ff2bbd,#35d4ff); color: #fff; font-size: .72rem; font-weight: 950; box-shadow: 0 8px 20px rgba(0,0,0,.30); }
.stream-radio-fallback { min-height: 112px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #fff; font-weight: 950; font-size: 1.05rem; }
.stream-radio-fallback i { margin: 0; color: #35d4ff; }
.today-show-plan-icon { width: 68px; height: 60px; border-radius: 12px; display: grid !important; place-items: center; background: linear-gradient(135deg, rgba(217,0,255,.22), rgba(53,212,255,.20)); color: #fff; font-size: 1.35rem; }
.today-show-plan-icon i { margin: 0; }
.today-show-plan-link { text-decoration: none !important; }
@media(max-width:760px){
    .menu-category { margin-bottom: 14px; }
    .menu-category .menu-tile { min-height: 102px; }
    .stream-radio-banner { min-height: 92px; max-height: 118px; margin-left: 8px; margin-right: 8px; }
    .stream-radio-banner img { min-height: 92px; max-height: 118px; }
    .stream-radio-fallback { min-height: 92px; }
}

/* Showgrafik-Auswahl: nur Thumbnail, keine Dateinamen */
.stream-media-modal-card .stream-image-upload{grid-template-columns:minmax(0,1fr) 88px!important;align-items:center!important;min-height:92px!important}
.stream-upload-preview{width:88px;height:56px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.65);font-size:1.1rem}
.stream-upload-preview img{width:100%;height:100%;object-fit:cover;display:block}
.stream-show-media-library{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))!important}
.stream-show-media-choice{gap:0!important;padding:5px!important;min-height:72px!important}
.stream-show-media-choice .home-media-preview{height:70px!important;border-radius:12px!important}
.stream-show-media-choice b{display:none!important}
.stream-show-media-choice .home-media-preview img{width:100%;height:100%;object-fit:cover}
@media(max-width:520px){.stream-media-modal-card .stream-image-upload{grid-template-columns:1fr!important}.stream-upload-preview{width:100%;height:96px}.stream-show-media-library{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* Community Chat */
.chat-community-shell{gap:12px}
.chat-community-shell .chat-list{gap:10px;max-height:calc(100dvh - 240px);padding:2px 2px 8px;position:relative;overflow:auto}
.chat-community-shell [data-chat-items]{display:grid;gap:10px}
.chat-load-row{position:sticky;top:0;z-index:5;margin:0 0 10px;padding:10px 12px;border-radius:15px;background:linear-gradient(135deg,rgba(217,0,255,.20),rgba(53,212,255,.18));border:1px solid rgba(255,255,255,.14);font-weight:900;text-align:center;color:rgba(255,255,255,.88);box-shadow:0 10px 28px rgba(0,0,0,.30)}
.chat-load-row[hidden]{display:none!important}
.chat-load-row span{display:inline-block;width:13px;height:13px;margin-right:8px;border-radius:999px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;vertical-align:-2px;animation:chatSpin .75s linear infinite}
@keyframes chatSpin{to{transform:rotate(360deg)}}
.chat-row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;overflow:visible}
.chat-avatar{position:relative;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;overflow:visible;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.12),rgba(217,0,255,.12) 44%,rgba(53,212,255,.08));border:1px solid rgba(255,255,255,.14);box-shadow:0 0 18px rgba(217,0,255,.20)}
.chat-avatar>img,.chat-avatar>b{position:relative;z-index:2;width:100%;height:100%;border-radius:17px;object-fit:contain;display:grid;place-items:center;text-align:center;font-weight:950;color:#fff;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}
.chat-avatar-effect-video{position:absolute;inset:-18%;z-index:3;width:136%;height:136%;object-fit:contain;pointer-events:none;mix-blend-mode:screen}
.chat-avatar-system{background:linear-gradient(135deg,rgba(53,212,255,.28),rgba(217,0,255,.20));padding:10px;overflow:hidden}
.chat-avatar-system img{object-fit:contain;filter:drop-shadow(0 0 8px rgba(53,212,255,.65))}
.chat-row .chat-bubble{padding:11px 12px;border-radius:18px 18px 18px 6px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(53,212,255,.055));border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 32px rgba(0,0,0,.22)}
.chat-row.system .chat-bubble{background:linear-gradient(135deg,rgba(53,212,255,.12),rgba(217,0,255,.10));border-color:rgba(53,212,255,.24)}
.chat-bubble header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.chat-profile-link{font-weight:950;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-system-name{color:#35d4ff;text-shadow:0 0 14px rgba(53,212,255,.75)}
.chat-bubble time{font-size:.68rem;color:rgba(255,255,255,.52);white-space:nowrap}
.chat-bubble p{margin:0;color:rgba(255,255,255,.92);line-height:1.36;font-size:.9rem;overflow-wrap:anywhere}
.chat-form input{border-radius:15px;background:rgba(5,13,33,.88);border:1px solid rgba(53,212,255,.24);color:#fff;padding:0 13px;min-height:46px}
.chat-form .primary-btn{min-height:46px;border-radius:15px}
@media(max-width:520px){.chat-row{grid-template-columns:48px minmax(0,1fr);gap:8px}.chat-avatar{width:48px;height:48px;border-radius:16px}.chat-avatar>img,.chat-avatar>b{border-radius:15px}.chat-avatar-effect-video{inset:-20%;width:140%;height:140%}.chat-row .chat-bubble{padding:10px 11px}.chat-bubble header{align-items:flex-start}.chat-bubble time{font-size:.62rem}}

/* Community chat: keep active name effects visible inside profile links */
.chat-profile-link .chat-name-effect-text{display:inline-block;line-height:1.05;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-profile-link .chat-name-effect-text.glow-neon{background:linear-gradient(90deg,#ff18d7 0%,#ff4fe7 36%,#35d4ff 74%,#66fff0 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none;filter:drop-shadow(0 0 7px rgba(255,24,215,.58)) drop-shadow(0 0 9px rgba(53,212,255,.40))}
.chat-profile-link .chat-name-effect-text.glow-gold{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 0 4px rgba(255,255,255,.95),0 0 10px rgba(255,190,42,.95),0 0 22px rgba(255,144,0,.78)}
.chat-profile-link .chat-name-effect-text.glow-fire{position:relative;color:#fff!important;-webkit-text-fill-color:#fff!important;overflow:visible;text-shadow:0 0 5px rgba(255,255,255,.9),0 0 10px rgba(255,116,0,.92),0 0 22px rgba(230,36,0,.82)}
.chat-profile-link .chat-name-effect-text.glow-electric{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 0 5px rgba(255,255,255,.95),0 0 13px rgba(170,235,255,.9),0 0 24px rgba(53,212,255,.72);animation:nameLightningFlicker 2.7s infinite}
.chat-profile-link .chat-name-effect-text.glow-rainbow{background:linear-gradient(90deg,#ff4ad8,#ffe55c,#35ff9b,#35d4ff,#a46bff);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none}

/* Fix: Marketplace back navigation must not restore a broken horizontal scroll position. */
html, body, .app-shell, .app-main { max-width: 100%; overflow-x: hidden; }
.market-create-info, .market-trade-page-nav, .market-create-grid, .market-want-grid, .market-trade-choice-grid { min-width: 0; }
.market-create-info { grid-template-columns: auto minmax(0,auto) minmax(0,1fr); }
.market-create-info span { min-width: 0; overflow-wrap: anywhere; }
.market-trade-page-nav .disabled { cursor: default; }

.streamer-pack-admin-list { display: grid; gap: 10px; margin-top: 12px; }
.streamer-pack-admin-row { display: grid; grid-template-columns: minmax(0,1fr) 130px 150px auto; gap: 10px; align-items: end; }
.streamer-pack-admin-row strong { color: #fff; font-size: .92rem; font-weight: 950; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.streamer-pack-admin-row label { display: grid; gap: 6px; color: rgba(255,255,255,.78); font-size: .72rem; font-weight: 900; }
.streamer-pack-admin-row input { min-height: 40px; border-radius: 12px; border: 1px solid rgba(255,255,255,.14); background: rgba(0,0,0,.22); color: #fff; padding: 0 10px; font-weight: 900; }
@media(max-width:760px){ .streamer-pack-admin-row { grid-template-columns: 1fr; } .streamer-pack-admin-row .primary-btn { width: 100%; } }

/* v24 public register/legal refresh */
body.is-guest .app-frame {
    display: block;
    min-height: 100dvh;
    width: min(100%, 820px);
    margin: 0 auto;
    background: linear-gradient(180deg, rgba(16,9,31,.98), rgba(7,8,18,.99));
    box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 24px 80px rgba(0,0,0,.48);
}
body.is-guest .side-nav {
    display: none;
}
body.is-guest .app-main {
    width: 100%;
    min-height: 100dvh;
    padding: 14px 14px 34px;
}
.register-screen {
    min-height: calc(100dvh - 28px);
    display: grid;
    place-items: start center;
    padding: 0;
}
.register-card {
    width: 100%;
    max-width: 780px;
    padding: 16px;
    gap: 14px;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(34,20,63,.98), rgba(13,58,78,.94));
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: var(--shadow), inset 0 0 0 1px rgba(255,255,255,.04);
}
.register-hero {
    display: grid;
    grid-template-columns: 104px minmax(0,1fr);
    gap: 14px;
    align-items: center;
    padding: 14px;
    border-radius: 20px;
    background: radial-gradient(circle at 18% 20%, rgba(255,39,191,.34), transparent 14rem), linear-gradient(135deg, rgba(217,0,255,.22), rgba(53,212,255,.14));
    border: 1px solid rgba(255,255,255,.14);
}
.register-logo-wrap {
    width: 96px;
    height: 96px;
    display: grid;
    place-items: center;
    border-radius: 24px;
    background: rgba(255,255,255,.09);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 12px 30px rgba(0,0,0,.24);
    overflow: hidden;
}
.register-logo-wrap img {
    width: 88px;
    height: 88px;
    object-fit: contain;
}
.register-hero-copy {
    min-width: 0;
    display: grid;
    gap: 7px;
}
.register-hero-copy span {
    width: max-content;
    max-width: 100%;
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0 10px;
    background: linear-gradient(135deg,var(--magenta),var(--cyan));
    color: #fff;
    font-size: .68rem;
    font-weight: 950;
    text-transform: uppercase;
}
.register-hero-copy h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.45rem, 4vw, 2.25rem);
    line-height: 1.02;
    letter-spacing: -.03em;
}
.register-hero-copy p {
    margin: 0;
    color: rgba(255,255,255,.84);
    font-weight: 850;
    line-height: 1.38;
    font-size: .88rem;
}
.register-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
}
.register-info-grid article {
    min-height: 74px;
    padding: 12px;
    border-radius: 17px;
    background: rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.12);
    display: grid;
    align-content: center;
    gap: 4px;
}
.register-info-grid b {
    color: #fff;
    font-weight: 950;
    line-height: 1.05;
}
.register-info-grid small {
    color: rgba(255,255,255,.70);
    font-weight: 800;
    line-height: 1.25;
}
.register-form {
    padding: 12px;
    border-radius: 18px;
    background: rgba(0,0,0,.18);
    border: 1px solid rgba(255,255,255,.10);
}
.register-form.two-col {
    grid-template-columns: repeat(2, minmax(0,1fr));
}
.register-form label {
    display: grid;
    gap: 6px;
    color: rgba(255,255,255,.88);
    font-size: .78rem;
    font-weight: 950;
}
.register-form input[type="text"],
.register-form input[type="email"],
.register-form input[type="date"],
.register-form input[type="password"] {
    width: 100%;
    min-height: 44px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    padding: 0 12px;
    background: rgba(7,8,18,.78);
    color: #fff;
    font-weight: 850;
    outline: none;
}
.register-form input:focus {
    border-color: rgba(53,212,255,.72);
    box-shadow: 0 0 0 3px rgba(53,212,255,.16);
}
.register-form .check-row {
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.10);
}
.register-form .check-row input {
    width: 18px;
    height: 18px;
    accent-color: #ff27bf;
}
.register-form .check-row a {
    color: #6fe6ff;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.register-form .full,
.register-form button.full {
    grid-column: 1 / -1;
}
.register-form .primary-btn.full {
    min-height: 48px;
    border-radius: 16px;
    font-size: .9rem;
}
.register-legal-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}
.register-legal-links a {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.88);
    font-size: .76rem;
    font-weight: 950;
}
.legal-page {
    max-width: 820px;
    margin: 0 auto;
    display: grid;
    gap: 12px;
    padding: 16px;
    border-radius: 22px;
}
.legal-page h2,
.legal-page h3,
.legal-page p {
    margin: 0;
}
.legal-page h2 {
    font-size: 1.45rem;
    color: #fff;
}
.legal-page h3 {
    margin-top: 8px;
    font-size: 1rem;
    color: #fff;
}
.legal-page p {
    color: rgba(255,255,255,.82);
    font-weight: 800;
    line-height: 1.45;
}
.legal-back {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 4px;
}
@media(max-width:700px){
    body.is-guest .app-frame { width: 100%; }
    body.is-guest .app-main { padding: 10px 10px 24px; }
    .register-card { padding: 10px; border-radius: 20px; }
    .register-hero { grid-template-columns: 78px minmax(0,1fr); padding: 10px; gap: 10px; }
    .register-logo-wrap { width: 76px; height: 76px; border-radius: 20px; }
    .register-logo-wrap img { width: 70px; height: 70px; }
    .register-info-grid { grid-template-columns: 1fr; }
    .register-info-grid article { min-height: 58px; }
    .register-form.two-col { grid-template-columns: 1fr; }
    .register-form { padding: 10px; }
    .register-hero-copy p { font-size: .8rem; }
}

/* Admin Direktversand: eindeutige Auswahl per Klick, keine versteckten Mehrfach-Sends */
.admin-direct-reward-form{display:flex;flex-direction:column;gap:18px}.admin-direct-picker-block{padding:14px;border:1px solid rgba(80,210,255,.22);border-radius:18px;background:rgba(5,12,32,.36)}.admin-direct-picker-block h3{margin:0 0 12px;font-size:1rem}.admin-direct-picker-grid,.admin-direct-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.admin-direct-pick-card,.admin-direct-collect-card{position:relative;display:block;cursor:pointer}.admin-direct-pick-card input,.admin-direct-collect-card input{position:absolute;opacity:0;pointer-events:none}.admin-direct-pick-card{min-height:180px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(145deg,rgba(15,22,52,.95),rgba(9,12,30,.95));box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 10px 22px rgba(0,0,0,.25);text-align:center;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.admin-direct-pick-media{height:105px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.admin-direct-pick-media img{max-width:100%;max-height:105px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(217,0,255,.35))}.admin-direct-pick-title{display:block;font-weight:900;font-size:.82rem;line-height:1.15}.admin-direct-pick-card small{display:block;margin-top:5px;color:rgba(255,255,255,.62);font-size:.68rem;line-height:1.15;word-break:break-word}.admin-direct-pick-card:hover,.admin-direct-collect-card:hover{transform:translateY(-2px)}.admin-direct-pick-card:has(input:checked),.admin-direct-collect-card:has(input:checked){border-color:#ff27bf;box-shadow:0 0 0 3px rgba(255,39,191,.22),0 0 28px rgba(255,39,191,.32)}.admin-direct-collect-card{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:6px;background:rgba(6,10,28,.72);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.admin-direct-card-frame{width:100%;max-width:none}.admin-direct-card-frame .dxf-card-frame-body{width:100%;min-height:0}.admin-direct-card-frame .dxf-card-art{aspect-ratio:3/4}.admin-direct-card-frame strong{font-size:.72rem;line-height:1.08}@media (max-width:860px){.admin-direct-picker-grid,.admin-direct-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-direct-pick-card{min-height:160px}.admin-direct-pick-media{height:88px}.admin-direct-pick-media img{max-height:88px}}@media (max-width:520px){.admin-direct-picker-grid,.admin-direct-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Meine Käufe: Karten zuerst, Aktionen erst im Modal */
.shop-owned-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.shop-owned-card-item {
    min-height: 148px;
    display: grid;
    justify-items: center;
    align-content: center;
    padding: 10px;
    border-radius: 16px;
    text-align: center;
    background: linear-gradient(145deg, rgba(38,22,70,.96), rgba(13,48,70,.94));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: var(--shadow);
}

.shop-owned-card-button {
    width: 100%;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.shop-owned-card-button > img {
    width: min(100%, 118px);
    height: 168px;
    object-fit: contain;
    filter: drop-shadow(0 12px 22px rgba(0,0,0,.34));
}

.shop-owned-card-button .dxf-card-frame {
    pointer-events: none;
}

.inventory-detail-modal {
    display: grid;
    justify-items: center;
    gap: 10px;
}

.inventory-detail-image {
    width: min(72vw, 260px);
    max-height: 340px;
    object-fit: contain;
    filter: drop-shadow(0 15px 28px rgba(0,0,0,.42));
}

.inventory-modal-frame {
    width: min(72vw, 260px) !important;
}

.inventory-detail-meta {
    margin: 0;
    padding: 8px 12px;
    border-radius: 999px;
    color: #fff;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.14);
    font-weight: 900;
}

.inventory-detail-meta b {
    color: #fff;
}

/* Home modal fixes: invite/wait/copy/pack claim */
.home-wait-modal,
[data-copy-result-modal] {
    position: fixed;
    inset: 0;
    z-index: 420;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(5, 4, 14, .78);
    backdrop-filter: blur(14px);
}
.home-wait-modal[hidden],
[data-copy-result-modal][hidden] {
    display: none !important;
}
.home-wait-card {
    width: min(92vw, 470px);
    max-height: calc(100vh - 36px);
    overflow: auto;
    border-radius: 24px;
    padding: 18px;
    display: grid;
    gap: 12px;
    position: relative;
    color: #fff;
    background: linear-gradient(145deg, rgba(38, 18, 72, .98), rgba(8, 39, 58, .98));
    border: 1px solid rgba(255, 255, 255, .18);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .62), 0 0 42px rgba(217, 0, 255, .26), inset 0 0 0 1px rgba(255,255,255,.06);
}
.home-wait-card img {
    width: 100%;
    max-height: 230px;
    object-fit: cover;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.14);
}
.home-wait-card h2 {
    margin: 0;
    font-size: 1.35rem;
    line-height: 1.08;
}
.home-wait-card p {
    margin: 0;
    color: rgba(255,255,255,.84);
    font-weight: 850;
    line-height: 1.35;
}
.home-wait-card strong[data-countdown] {
    min-height: 42px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: rgba(0,0,0,.28);
    border: 1px solid rgba(53,212,255,.28);
    color: #fff;
    font-weight: 950;
    text-shadow: 0 0 10px rgba(53,212,255,.5);
}
.home-wait-card .modal-close,
.home-wait-card .modal-x-button {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(0,0,0,.42);
    color: #fff;
    font-size: 1.25rem;
    font-weight: 950;
    cursor: pointer;
}
.copy-result-link {
    width: 100%;
    min-height: 44px;
    border-radius: 14px;
    border: 1px solid rgba(53, 212, 255, .34);
    background: rgba(0,0,0,.34);
    color: #fff;
    padding: 0 12px;
    font-weight: 850;
}
.home-pack-claim-result {
    display: grid;
    gap: 9px;
    border-radius: 16px;
    padding: 12px;
    background: rgba(53,212,255,.12);
    border: 1px solid rgba(53,212,255,.26);
}
.home-pack-claim-result[hidden] {
    display: none !important;
}
.home-pack-claim-result b {
    font-size: 1.05rem;
}
.home-pack-claim-result span {
    color: rgba(255,255,255,.86);
    font-weight: 850;
}
.inventory-home-banner {
    min-height: 74px;
    margin-top: 10px;
    margin-bottom: 12px;
}
.inventory-home-banner img {
    height: 74px;
    object-fit: cover;
}
@media (max-width: 560px) {
    .home-wait-modal,
    [data-copy-result-modal] { padding: 10px; }
    .home-wait-card { border-radius: 21px; padding: 14px; }
    .home-wait-card img { max-height: 190px; border-radius: 15px; }
    .inventory-home-banner { min-height: 62px; }
    .inventory-home-banner img { height: 62px; }
}

/* Fix: Inventar-Banner exakt proportional anzeigen, kein Crop/keine Verschiebung */
.inventory-home-banner.home-graphic-card.dxf-graphic-short,
.home-graphic-card.inventory-home-banner {
    aspect-ratio: 1080 / 135 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    display: block !important;
}

.inventory-home-banner.home-graphic-card.dxf-graphic-short > img,
.inventory-home-banner.home-graphic-card.dxf-graphic-short .home-graphic-img,
.home-graphic-card.inventory-home-banner > img,
.home-graphic-card.inventory-home-banner .home-graphic-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}

@media (max-width: 560px) {
    .inventory-home-banner.home-graphic-card.dxf-graphic-short,
    .home-graphic-card.inventory-home-banner {
        aspect-ratio: 1080 / 135 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .inventory-home-banner.home-graphic-card.dxf-graphic-short > img,
    .inventory-home-banner.home-graphic-card.dxf-graphic-short .home-graphic-img,
    .home-graphic-card.inventory-home-banner > img,
    .home-graphic-card.inventory-home-banner .home-graphic-img {
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
    }
}

/* Public profile navigation for logged-in users */
.is-public-profile-auth .public-profile-shell{padding-top:68px;padding-bottom:104px}
.public-profile-topbar{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:70;width:min(100% - 24px,760px);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border-radius:18px;background:linear-gradient(135deg,rgba(15,19,43,.92),rgba(48,27,86,.90));border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px rgba(0,0,0,.38);backdrop-filter:blur(14px)}
.public-profile-back,.public-profile-home{appearance:none;border:0;border-radius:14px;padding:10px 14px;color:#fff;text-decoration:none;font-weight:1000;font-size:.88rem;line-height:1;background:linear-gradient(135deg,#35d4ff,#a82cff 54%,#ff4fd8);box-shadow:0 8px 20px rgba(168,44,255,.22);cursor:pointer}
.public-profile-back{display:inline-flex;align-items:center;gap:8px}
.public-profile-home{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14)}
.public-profile-back:hover,.public-profile-home:hover{text-decoration:none;filter:brightness(1.08)}
.is-public-profile .public-profile-bottom-nav{display:flex}
@media(min-width:761px){.is-public-profile .public-profile-bottom-nav{display:none}.is-public-profile-auth .public-profile-shell{padding-bottom:34px}}
@media(max-width:420px){.public-profile-topbar{top:8px;width:calc(100% - 18px);border-radius:16px}.public-profile-back,.public-profile-home{padding:9px 12px;font-size:.82rem}}

/* Marketplace bidding modal and auction runtime display v21 */
.market-auction-card.rich > .market-auction-price,
.market-auction-card.rich > form,
.market-auction-card.rich > .market-bid-open {
    grid-column: 2;
    width: 100%;
    min-width: 0;
}

.market-auction-card.rich > .market-auction-price {
    display: block;
    margin-top: 3px;
    color: #fff;
    font-size: .92rem;
    font-weight: 950;
    line-height: 1.1;
    text-align: left;
}

.market-auction-card.rich > .market-bid-open {
    min-height: 40px;
}

.market-auction-rarity {
    display: block;
    color: rgba(255,255,255,.72) !important;
    font-size: .7rem !important;
    font-weight: 900 !important;
}

.market-card-need-status {
    width: 100%;
    min-height: 30px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 10px;
    font-size: .7rem !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    text-align: center;
}

.market-card-need-status.missing {
    color: #071725 !important;
    background: linear-gradient(135deg, #35d4ff, #7df7cf);
    border: 1px solid rgba(125,247,207,.72);
    box-shadow: 0 5px 14px rgba(53,212,255,.16);
}

.market-card-need-status.owned {
    color: #d8ffe9 !important;
    background: rgba(40,190,112,.15);
    border: 1px solid rgba(75,211,138,.42);
}

@media (min-width: 700px) {
    .market-card-need-status {
        width: max-content;
        min-width: 136px;
    }
}

.market-auction-timebox {
    width: 100%;
    margin-top: 3px;
    padding: 8px 10px;
    border-radius: 12px;
    background: rgba(0,0,0,.22);
    border: 1px solid rgba(255,255,255,.10);
}

.market-auction-timebox small,
.market-auction-timebox strong,
.market-auction-timebox em {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.market-auction-timebox small {
    color: rgba(255,255,255,.62) !important;
    font-size: .62rem !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.market-auction-timebox strong {
    color: #fff !important;
    font-size: .84rem !important;
    font-weight: 950 !important;
}

.market-auction-timebox em {
    color: rgba(255,255,255,.68);
    font-size: .64rem;
    font-style: normal;
    font-weight: 800;
}

.market-bid-modal {
    z-index: 380;
}

.market-bid-modal-card {
    width: min(94vw, 440px);
    max-height: calc(100dvh - 24px);
    justify-items: center;
    gap: 12px;
    padding: 16px;
    text-align: center;
    border-radius: 24px;
    background: linear-gradient(155deg, rgba(38,20,76,.99), rgba(8,45,68,.99));
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 26px 86px rgba(0,0,0,.58), 0 0 34px rgba(217,0,255,.16);
}

.market-bid-modal-frame {
    width: min(46vw, 190px) !important;
    flex: 0 0 auto !important;
    margin: 2px auto 0 !important;
}

.market-bid-modal-heading {
    width: 100%;
    display: grid;
    gap: 3px;
    text-align: center;
}

.market-bid-modal-heading h2 {
    margin: 0;
    padding: 0 34px;
    font-size: 1.2rem;
    line-height: 1.08;
}

.market-bid-modal-heading span {
    color: rgba(255,255,255,.72);
    font-size: .76rem;
    font-weight: 900;
}

.market-bid-modal-stats {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.market-bid-modal-stats article {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 3px;
    min-height: 68px;
    padding: 9px;
    border-radius: 14px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.11);
}

.market-bid-modal-stats article.wide {
    grid-column: 1 / -1;
}

.market-bid-modal-stats small {
    color: rgba(255,255,255,.64);
    font-size: .64rem;
    font-weight: 900;
}

.market-bid-modal-stats b {
    color: #fff;
    font-size: .88rem;
    font-weight: 950;
}

.market-bid-modal-stats em {
    color: rgba(255,255,255,.66);
    font-size: .63rem;
    font-style: normal;
    font-weight: 800;
}

.market-bid-amount-label {
    width: 100%;
    text-align: left;
}

.market-bid-input-wrap {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    overflow: hidden;
    border-radius: 14px;
    background: rgba(3,5,18,.50);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: inset 0 0 18px rgba(0,0,0,.24);
}

.market-bid-input-wrap input {
    width: 100%;
    min-width: 0;
    min-height: 50px;
    padding: 0 13px;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 950;
    box-shadow: none !important;
}

.market-bid-input-wrap input:focus {
    box-shadow: inset 0 0 0 2px rgba(53,212,255,.62) !important;
}

.market-bid-input-wrap em {
    padding: 0 13px 0 8px;
    color: rgba(255,255,255,.72);
    font-size: .72rem;
    font-style: normal;
    font-weight: 900;
}

.market-bid-modal-card .marketplace-rule {
    width: 100%;
    margin: -2px 0 0;
    color: rgba(255,255,255,.68);
    font-size: .69rem;
    line-height: 1.3;
    text-align: left;
}

.market-bid-modal-actions {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
    gap: 8px;
}

.market-bid-modal-actions button {
    width: 100%;
    min-height: 44px;
}

@media (max-width: 560px) {
    .market-bid-modal {
        place-items: center;
        padding: 10px;
    }

    .market-bid-modal-card {
        width: 100%;
        height: auto;
        max-height: calc(100dvh - 20px);
        padding: 14px 12px calc(14px + env(safe-area-inset-bottom));
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 22px;
    }

    .market-bid-modal-frame {
        width: min(42vw, 168px) !important;
    }

    .market-bid-modal-heading h2 {
        font-size: 1.08rem;
    }
}

/* Postfach: Massenloeschung und Seitennavigation */
.postbox-message-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.postbox-message-toolbar>span{color:rgba(255,255,255,.72);font-size:.78rem;font-weight:900}
.postbox-message-toolbar form{margin:0}
.postbox-delete-all-btn{min-height:38px;border:1px solid rgba(255,92,138,.36);border-radius:13px;padding:0 13px;background:rgba(255,65,125,.16);color:#fff;font-weight:950}
.postbox-delete-all-btn:hover{background:rgba(255,65,125,.28)}
.message-read-state.system{background:rgba(255,255,255,.08);color:rgba(255,255,255,.64);border-color:rgba(255,255,255,.10)}
.postbox-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:12px 0 2px}
.postbox-pagination a,.postbox-pagination span{min-width:38px;height:38px;padding:0 9px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;font-weight:950}
.postbox-pagination a{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11)}
.postbox-pagination a.active{background:linear-gradient(135deg,var(--pink),var(--cyan));border-color:rgba(255,255,255,.25);box-shadow:0 0 20px rgba(53,212,255,.20)}
.postbox-pagination span{min-width:auto;color:rgba(255,255,255,.45);padding:0 2px}
.postbox-pagination .postbox-page-arrow{font-size:1.35rem;line-height:1}
@media(max-width:760px){.postbox-message-toolbar{align-items:stretch;flex-direction:column}.postbox-delete-all-btn{width:100%}.postbox-pagination{gap:5px}.postbox-pagination a{min-width:36px;height:36px;border-radius:12px}}

/* Radio-Supportpunkte auf der Startseite */
.home-support-card {
    margin: 0 0 22px;
    padding: 12px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.10);
    background: linear-gradient(180deg, rgba(17,11,44,.96), rgba(9,13,34,.98));
    box-shadow: 0 16px 38px rgba(6,10,30,.28), inset 0 1px 0 rgba(255,255,255,.05);
}
.home-support-header-graphic {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.05);
}
.home-support-header-graphic img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 86px;
    object-fit: cover;
    object-position: center;
}
.home-support-head {
    margin-bottom: 10px;
}
.home-support-title-wrap small {
    display: block;
    margin-bottom: 4px;
    color: #67fff0;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .16em;
}
.home-support-title-wrap h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.2rem, 3.8vw, 1.65rem);
    line-height: 1.02;
}
.home-support-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}
.home-support-ratio {
    color: rgba(255,255,255,.74);
    font-size: .76rem;
    font-weight: 850;
}
.home-support-badge {
    min-height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(135deg, rgba(255,47,184,.88), rgba(60,214,222,.62));
    border: 1px solid rgba(255,255,255,.15);
    box-shadow: 0 10px 24px rgba(217,0,255,.18);
    font-size: .72rem;
    font-weight: 950;
    white-space: nowrap;
}
.home-support-stats-grid {
    margin-top: 0;
}
.home-support-stat {
    min-height: 76px;
}
.home-support-stat span {
    display: block;
    color: rgba(255,255,255,.72);
    font-size: .66rem;
    font-weight: 800;
    line-height: 1.15;
}
.home-support-stat.is-diamond b {
    color: #6efdf3;
}
.home-support-actions {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
}
.home-support-actions form { margin: 0; }
.home-support-actions .pink-btn[disabled] {
    cursor: default;
    opacity: .52;
    filter: saturate(.55);
}
@media (max-width: 620px) {
    .home-support-card {
        padding: 10px;
        border-radius: 20px;
    }
    .home-support-header-graphic img {
        max-height: 74px;
    }
    .home-support-topline {
        gap: 8px;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .home-support-ratio {
        font-size: .72rem;
    }
    .home-support-badge {
        min-height: 26px;
        padding: 0 10px;
        font-size: .68rem;
    }
    .home-support-stats-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .home-support-stat {
        min-height: 66px;
        padding: 8px 7px !important;
    }
    .home-support-stat small,
    .home-support-stat span {
        font-size: .60rem !important;
    }
    .home-support-stat b {
        font-size: .92rem !important;
    }
    .home-support-actions .pink-btn {
        width: 100%;
    }
}



/* Marketplace create dialogs and trade page stability */
.market-create-toolbar{
    display:grid;
    grid-template-columns:88px minmax(0,1fr);
    gap:9px;
    align-items:stretch;
    margin:0 0 10px;
}
.market-create-back{
    width:100%;
    min-height:100%;
    display:flex!important;
    align-items:center;
    justify-content:center;
    padding:0 10px!important;
    text-align:center;
}
.market-ticket-overview{
    min-width:0;
    display:grid;
    grid-template-columns:64px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:9px 10px;
    border-radius:17px;
    background:linear-gradient(135deg,rgba(41,23,78,.98),rgba(7,49,73,.98));
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 0 22px rgba(53,212,255,.05);
}
.market-ticket-overview.ready{border-color:rgba(53,212,255,.32)}
.market-ticket-overview.missing{border-color:rgba(255,78,159,.42)}
.market-ticket-overview-art{
    width:64px;
    height:64px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:14px;
    background:rgba(3,5,18,.38);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:inset 0 0 18px rgba(0,0,0,.24),0 0 18px rgba(53,212,255,.12);
}
.market-ticket-overview-art img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    padding:4px;
}
.market-ticket-overview-copy{
    min-width:0;
    display:grid;
    gap:4px;
}
.market-ticket-overview-copy b{
    color:#fff;
    font-size:.88rem;
    font-weight:950;
    line-height:1.05;
}
.market-ticket-overview-copy small{
    color:rgba(255,255,255,.72);
    font-size:.66rem;
    font-weight:850;
    line-height:1.25;
}
.market-ticket-overview>em{
    min-width:58px;
    display:grid;
    justify-items:center;
    gap:1px;
    padding:7px 8px;
    border-radius:13px;
    color:rgba(255,255,255,.78);
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.12);
    font-size:.56rem;
    font-style:normal;
    font-weight:900;
    line-height:1;
}
.market-ticket-overview>em strong{
    color:#fff;
    font-size:1.05rem;
    font-weight:950;
}
.admin-replace-modal.market-card-action-backdrop{
    place-items:center!important;
    padding:10px!important;
    overflow:auto!important;
}
.admin-replace-modal.market-card-action-backdrop .market-card-action-modal{
    width:min(100%,410px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 20px)!important;
    align-content:start!important;
    gap:10px!important;
    padding:15px!important;
    border-radius:23px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    background:radial-gradient(circle at 14% 0%,rgba(217,0,255,.16),transparent 34%),radial-gradient(circle at 94% 28%,rgba(53,212,255,.12),transparent 36%),linear-gradient(155deg,rgba(24,16,56,.99),rgba(7,34,58,.99))!important;
    box-shadow:0 28px 80px rgba(0,0,0,.62),inset 0 0 28px rgba(255,255,255,.035)!important;
}
.market-action-modal-head{
    width:100%;
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    gap:12px;
    align-items:center;
    padding-right:30px;
}
.market-action-modal-head .market-modal-frame{
    width:112px!important;
    margin:0!important;
}
.market-action-modal-head .market-modal-frame .dxf-card-frame-body{
    border-radius:15px!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 10px 24px rgba(0,0,0,.36),0 0 22px rgba(53,212,255,.16)!important;
}
.market-action-modal-copy{
    min-width:0;
    display:grid;
    gap:5px;
}
.market-action-modal-copy>span{
    width:max-content;
    max-width:100%;
    padding:5px 8px;
    border-radius:999px;
    color:#fff;
    background:linear-gradient(135deg,rgba(217,0,255,.86),rgba(53,212,255,.76));
    font-size:.56rem;
    font-weight:950;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.market-action-modal-copy h2{
    margin:0!important;
    padding:0!important;
    color:#fff;
    font-size:1.08rem!important;
    line-height:1.08!important;
}
.market-action-modal-copy p{
    margin:0;
    color:rgba(255,255,255,.70);
    font-size:.68rem;
    font-weight:850;
    line-height:1.28;
}
.market-action-ticket-cost{
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:58px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:9px;
    border-radius:16px;
    background:rgba(255,255,255,.065);
    border:1px solid rgba(255,255,255,.12);
}
.market-action-ticket-cost.ready{border-color:rgba(53,212,255,.34);box-shadow:inset 0 0 18px rgba(53,212,255,.045)}
.market-action-ticket-cost.missing{border-color:rgba(255,71,143,.42);box-shadow:inset 0 0 18px rgba(255,71,143,.05)}
.market-action-ticket-cost>span{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:13px;
    background:rgba(0,0,0,.26);
    border:1px solid rgba(255,255,255,.12);
}
.market-action-ticket-cost>span img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    padding:3px;
}
.market-action-ticket-cost>div{
    min-width:0;
    display:grid;
    gap:3px;
}
.market-action-ticket-cost small{
    color:rgba(255,255,255,.56);
    font-size:.58rem;
    font-weight:900;
    line-height:1;
}
.market-action-ticket-cost b{
    overflow:hidden;
    color:#fff;
    font-size:.82rem;
    font-weight:950;
    line-height:1.08;
    text-overflow:ellipsis;
}
.market-action-ticket-cost em{
    color:rgba(255,255,255,.70);
    font-size:.62rem;
    font-style:normal;
    font-weight:850;
    line-height:1.15;
}
.market-action-ticket-cost>strong{
    padding:6px 8px;
    border-radius:999px;
    color:#fff;
    background:rgba(53,212,255,.16);
    border:1px solid rgba(53,212,255,.34);
    font-size:.58rem;
    font-weight:950;
    line-height:1;
}
.market-action-ticket-cost.missing>strong{
    background:rgba(255,71,143,.16);
    border-color:rgba(255,71,143,.36);
}
.market-direct-price-box{
    width:100%;
    display:grid;
    gap:3px;
    padding:10px 12px;
    border-radius:16px;
    background:linear-gradient(135deg,rgba(217,0,255,.14),rgba(53,212,255,.10));
    border:1px solid rgba(255,255,255,.12);
}
.market-direct-price-box small{
    color:rgba(255,255,255,.58);
    font-size:.6rem;
    font-weight:900;
}
.market-direct-price-box b{
    color:#fff;
    font-size:1.16rem;
    font-weight:950;
    line-height:1;
}
.market-direct-price-box span{
    color:rgba(255,255,255,.68);
    font-size:.62rem;
    font-weight:820;
    line-height:1.2;
}
.market-card-action-modal .marketplace-rule{
    width:100%;
    margin:0!important;
    color:rgba(255,255,255,.65)!important;
    font-size:.66rem!important;
    font-weight:820;
    line-height:1.28!important;
    text-align:left;
}
.market-action-fields{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}
.market-action-fields label{
    min-width:0;
    display:grid;
    gap:5px;
    color:#fff;
    font-size:.67rem;
    font-weight:950;
}
.market-action-fields input,
.market-action-fields select{
    width:100%;
    min-width:0;
    min-height:46px;
    height:46px;
    padding:0 11px;
    border-radius:13px;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(3,5,18,.48);
    color:#fff;
    font-size:.78rem;
    font-weight:900;
    box-shadow:inset 0 0 16px rgba(0,0,0,.20);
}
.market-card-action-modal>.primary-btn{
    width:100%;
    min-height:48px!important;
    margin:0!important;
    border-radius:14px!important;
    font-size:.78rem!important;
}
.market-card-action-modal>.primary-btn:disabled{
    opacity:.45;
    cursor:not-allowed;
    filter:grayscale(.45);
}
.market-mode-tabs{
    min-width:0;
    height:auto!important;
    align-items:stretch!important;
}
.market-mode-tabs>a{
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
}
@media(max-width:560px){
    .market-create-toolbar{grid-template-columns:80px minmax(0,1fr);gap:7px}
    .market-ticket-overview{grid-template-columns:54px minmax(0,1fr);gap:8px;padding:8px}
    .market-ticket-overview-art{width:54px;height:54px}
    .market-ticket-overview>em{grid-column:2;justify-self:start;display:flex;align-items:center;gap:4px;min-width:0;padding:5px 7px}
    .market-ticket-overview>em strong{font-size:.82rem}
    .admin-replace-modal.market-card-action-backdrop{place-items:center!important;padding:9px!important}
    .admin-replace-modal.market-card-action-backdrop .market-card-action-modal{width:100%!important;height:auto!important;max-height:calc(100dvh - 18px)!important;padding:13px 12px calc(13px + env(safe-area-inset-bottom))!important;border-radius:22px!important}
    .market-action-modal-head{grid-template-columns:100px minmax(0,1fr);gap:10px;padding-right:25px}
    .market-action-modal-head .market-modal-frame{width:100px!important}
}
@media(max-width:360px){
    .market-create-toolbar{grid-template-columns:1fr}
    .market-create-back{min-height:40px}
    .market-ticket-overview{grid-template-columns:52px minmax(0,1fr)}
    .market-ticket-overview-art{width:52px;height:52px}
    .market-ticket-overview>em{grid-column:2;justify-self:start;display:flex;align-items:center;gap:4px;min-width:0;padding:5px 7px}
    .market-ticket-overview>em strong{font-size:.82rem}
    .market-action-modal-head{grid-template-columns:88px minmax(0,1fr)}
    .market-action-modal-head .market-modal-frame{width:88px!important}
    .market-action-ticket-cost{grid-template-columns:52px minmax(0,1fr)}
    .market-action-ticket-cost>span{width:52px;height:52px}
    .market-action-ticket-cost>strong{grid-column:2;justify-self:start}
    .market-action-fields{grid-template-columns:1fr}
}

/* Password reset */
.login-forgot-link{justify-self:center;color:#fff;font-size:.8rem;font-weight:900;text-decoration:underline;text-underline-offset:3px;opacity:.9}
.password-reset-screen{background:radial-gradient(circle at 18% 0%,rgba(217,0,255,.28),transparent 34rem),radial-gradient(circle at 88% 8%,rgba(53,212,255,.20),transparent 30rem),linear-gradient(180deg,#080812,#110a20 56%,#080812);padding:16px 12px}
.password-reset-card{width:min(100%,480px);gap:16px;padding:24px}
.password-reset-brand{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:1rem;font-weight:1000;letter-spacing:.02em}
.password-reset-brand img{width:64px;height:64px;border-radius:19px;object-fit:cover;box-shadow:0 12px 32px rgba(0,0,0,.32)}
.password-reset-copy{display:grid;gap:8px;text-align:center}
.password-reset-copy small{justify-self:center;min-height:25px;border-radius:999px;padding:0 10px;display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--magenta),var(--cyan));color:#fff;font-size:.68rem;font-weight:950;text-transform:uppercase}
.password-reset-copy h2{margin:0;color:#fff;font-size:clamp(1.35rem,5vw,1.9rem);line-height:1.08}
.password-reset-copy p,.password-reset-security{margin:0;color:rgba(255,255,255,.76);font-weight:800;line-height:1.45}
.password-reset-form input{min-height:46px}
.password-reset-form .primary-btn,.password-reset-back{width:100%;min-height:46px}
.password-reset-security{font-size:.72rem;text-align:center}
.password-reset-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:560px){.password-reset-card{padding:18px;border-radius:20px}.password-reset-brand img{width:56px;height:56px;border-radius:17px}}



/* Show ownership, edit, cancel and delete */
.stream-event-card.cancelled{border-color:rgba(255,65,111,.48);box-shadow:0 0 0 2px rgba(255,65,111,.16),0 16px 42px rgba(0,0,0,.42);opacity:.9}
.stream-event-card.cancelled .stream-event-poster img{filter:grayscale(.72) brightness(.55)}
.stream-cancelled-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(9,5,16,.56);color:#fff;font-size:1.05rem;font-weight:1000;letter-spacing:.08em;text-shadow:0 3px 12px rgba(0,0,0,.8);z-index:4}
.stream-cancelled-badge i{margin:0;color:#ff557d}
.stream-owner-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:2px}
.stream-owner-actions form{margin:0}
.stream-owner-actions .ghost-btn,.stream-owner-actions .primary-btn,.stream-owner-actions .danger-btn{width:100%;min-height:42px;border-radius:11px;font-size:.76rem;display:flex;align-items:center;justify-content:center;gap:7px}
.stream-owner-actions i{margin:0}
.stream-current-image{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:10px;padding:8px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.stream-current-image img{width:86px;height:58px;object-fit:cover;border-radius:10px;background:#060511}
.stream-current-image b{color:#fff;font-size:.82rem}
.stream-remove-image{margin-top:10px}
.stream-danger-panel{margin:0 8px 18px;border-color:rgba(255,65,111,.30);background:linear-gradient(135deg,rgba(255,65,111,.09),rgba(36,13,38,.94))}
.stream-danger-panel h2{display:flex;align-items:center;gap:8px;margin-top:0;color:#fff}
.stream-danger-panel h2 i{margin:0;color:#ff557d}
.stream-danger-panel p{color:rgba(255,255,255,.72);font-weight:800;line-height:1.4}
.stream-danger-panel .danger-btn{min-height:46px;width:100%}
@media(max-width:460px){.stream-owner-actions{grid-template-columns:1fr}.stream-current-image{grid-template-columns:72px minmax(0,1fr)}.stream-current-image img{width:72px;height:52px}}

/* Avatar-Verwaltung: Shop, Event, Exklusiv und Tresor */
.avatar-section-note{margin:-4px 0 10px;color:rgba(255,255,255,.72);font-size:.82rem;font-weight:800;line-height:1.4}.avatar-access-badge{display:inline-flex;width:fit-content;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);color:#fff!important;font-size:.69rem!important;font-weight:950!important}.avatar-access-badge.access-event{border-color:rgba(255,205,56,.48);background:rgba(255,176,0,.16)}.avatar-access-badge.access-streamer,.avatar-access-badge.access-personal{border-color:rgba(53,212,255,.5);background:rgba(53,212,255,.14)}.avatar-access-badge.access-vault{border-color:rgba(217,0,255,.52);background:rgba(217,0,255,.16)}.avatar-vault-unlock{display:grid;gap:9px;margin:10px 0 14px;text-align:center}.avatar-vault-unlock h3,.avatar-vault-unlock p{margin:0}.avatar-vault-unlock p{color:rgba(255,255,255,.76);font-weight:800}.avatar-event-info{margin:10px 0 14px;padding:11px 13px;border-radius:15px;border:1px solid rgba(255,205,56,.4);background:rgba(255,176,0,.12);color:#fff;font-weight:850;text-align:center}.avatar-model-grid-locked{opacity:.72}.avatar-tile.locked{filter:grayscale(.45)}
.admin-avatar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.admin-avatar-head h2,.admin-avatar-head p{margin:0}.admin-avatar-head p{margin-top:5px}.admin-avatar-family-list{display:grid;gap:16px}.admin-avatar-family{display:grid;gap:12px;padding:13px;border-radius:20px;background:linear-gradient(145deg,rgba(34,18,60,.9),rgba(10,43,61,.82));border:1px solid rgba(255,255,255,.13)}.admin-avatar-family-head{display:grid;grid-template-columns:72px minmax(0,1fr);gap:11px;align-items:center}.admin-avatar-family-head h3,.admin-avatar-family-head small{margin:0}.admin-avatar-family-head h3{color:#fff;font-size:1.05rem}.admin-avatar-family-head small{color:rgba(255,255,255,.64);font-weight:800}.admin-avatar-family-preview{height:72px;display:grid;place-items:center;border-radius:14px;background:rgba(0,0,0,.2);overflow:hidden}.admin-avatar-family-fields{padding:10px;border-radius:15px;background:rgba(0,0,0,.16)}.admin-avatar-file-error,.admin-avatar-file-ok{padding:6px 8px;border-radius:10px;font-size:.7rem;font-weight:900}.admin-avatar-file-error{color:#ffd0d0;background:rgba(255,72,72,.15);border:1px solid rgba(255,72,72,.36)}.admin-avatar-file-ok{color:#baffd7;background:rgba(62,230,134,.12);border:1px solid rgba(62,230,134,.3)}.admin-avatar-grant-list{display:grid;gap:7px;margin-top:12px}.admin-avatar-grant-list>div{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.admin-avatar-grant-list span{color:rgba(255,255,255,.72);font-size:.75rem;font-weight:800;text-align:right}
@media(max-width:620px){.admin-avatar-head{display:grid}.admin-avatar-head form,.admin-avatar-head button{width:100%}.admin-avatar-family-fields{grid-template-columns:1fr!important}.admin-avatar-family-fields .full{grid-column:auto}.admin-avatar-grant-list>div{display:grid}.admin-avatar-grant-list span{text-align:left}}

/* Globale Zurück-Leiste */
.global-back-bar{position:relative;z-index:20;display:flex;align-items:center;min-height:44px;margin:0 0 12px;padding:5px 8px;border-radius:14px;background:linear-gradient(135deg,rgba(34,18,61,.96),rgba(13,42,58,.94));border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(0,0,0,.22)}.global-back-bar button{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 12px;border:0;border-radius:11px;color:#fff;background:rgba(255,255,255,.09);font:inherit;font-weight:900;cursor:pointer}.global-back-bar button:active{transform:translateY(1px)}.inventory-detail-modal .full,.shop-purchase-card .full{width:100%;justify-content:center;text-align:center}

/* Showgrafik: getrennte Bildausschnitte für App-Sendeplan und Stream-Overlay */
.show-crop-editor{grid-column:1/-1;display:grid;gap:12px;padding:12px;border-radius:16px;background:linear-gradient(145deg,rgba(217,0,255,.10),rgba(53,212,255,.08));border:1px solid rgba(255,255,255,.13)}
.show-crop-editor[hidden]{display:none!important}
.show-crop-intro{display:grid;gap:3px}.show-crop-intro b{display:flex;align-items:center;gap:8px;color:#fff;font-size:.92rem}.show-crop-intro b i{margin:0;color:#58dcff}.show-crop-intro span{color:rgba(255,255,255,.7);font-size:.76rem;font-weight:800;line-height:1.35}
.show-crop-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(190px,.75fr);gap:12px;align-items:start}
.show-crop-panel{display:grid;gap:8px;min-width:0;padding:10px;border-radius:14px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.10)}
.show-crop-panel h3{margin:0;color:#fff;font-size:.82rem;font-weight:950}
.show-crop-preview{position:relative;width:100%;overflow:hidden;border-radius:12px;background:#05050d;border:2px solid rgba(255,255,255,.18);cursor:crosshair;touch-action:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.45)}
.show-crop-preview.schedule{aspect-ratio:16/8.2}.show-crop-preview.overlay{aspect-ratio:9/16;max-height:360px;width:min(100%,210px);justify-self:center}
.show-crop-preview:focus-visible{outline:3px solid rgba(53,212,255,.72);outline-offset:2px}
.show-crop-preview img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}
.show-crop-preview::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33%,rgba(255,255,255,.14) 33%,rgba(255,255,255,.14) calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,rgba(255,255,255,.14) 66%,rgba(255,255,255,.14) calc(66% + 1px),transparent calc(66% + 1px)),linear-gradient(0deg,transparent 50%,rgba(255,255,255,.10) 50%,rgba(255,255,255,.10) calc(50% + 1px),transparent calc(50% + 1px))}
.show-crop-marker{position:absolute;z-index:3;width:28px;height:28px;border:2px solid #fff;border-radius:999px;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 4px rgba(217,0,255,.42),0 0 18px rgba(53,212,255,.75)}
.show-crop-marker::before,.show-crop-marker::after{content:"";position:absolute;background:#fff;opacity:.9}.show-crop-marker::before{left:50%;top:-7px;width:2px;height:38px;transform:translateX(-50%)}.show-crop-marker::after{top:50%;left:-7px;height:2px;width:38px;transform:translateY(-50%)}.show-crop-marker i{position:absolute;inset:8px;border-radius:999px;background:linear-gradient(135deg,#ff2bbd,#35d4ff)}
.show-crop-label{position:absolute;left:8px;bottom:8px;z-index:2;padding:5px 8px;border-radius:8px;background:rgba(0,0,0,.72);color:#fff;font-size:.65rem;font-weight:950;pointer-events:none}
.show-crop-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.show-crop-actions button{min-height:34px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.09);color:#fff;font-size:.72rem;font-weight:950}.show-crop-actions button:active{transform:translateY(1px)}.show-crop-actions output{grid-column:1/-1;text-align:center;color:#5cecff;font-size:.68rem;font-weight:900}
@media(max-width:620px){.show-crop-grid{grid-template-columns:1fr}.show-crop-preview.overlay{max-height:300px;width:min(58vw,190px)}}