/* Interface principal: proporções compactas e uma hierarquia consistente. */
:root {
  --bg: #101820;
  --panel: #17222d;
  --panel2: #1c2935;
  --line: #2b3946;
  --text: #f1f3f5;
  --muted: #a6b2bd;
  --mint: #e8b75a;
  --container: 1180px;
  font-family: Arial, Helvetica, sans-serif;
}
body, button, input, select, textarea { font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, .logo, .mini-brand, .art-center strong { font-family: Arial, Helvetica, sans-serif; letter-spacing: -.025em; }
p { line-height: 1.55; }
.app-shell { background: var(--bg); }
.container { width: min(var(--container), calc(100% - 48px)); }
.announcement { min-height: 27px; background: #0c131a; color: #a7b3be; border-bottom: 1px solid #24313d; font-size: 11px; gap: 8px; }
.announcement .status-dot { display: none; }
.announcement .an-sep { display: inline; }
.header { height: 72px; background: #101820; backdrop-filter: none; border-color: var(--line); }
.nav { gap: 24px; }
.logo { font-size: 23px; font-weight: 700; letter-spacing: -.9px; gap: 10px; }
.logo-accent { color: #e8b75a; }
.logo-mark { width: 32px; height: 32px; background: #e8b75a; border-radius: 7px; color: #18212a; box-shadow: none; font-size: 22px; }
.nav-links { gap: 24px; }
.nav-links a { font-size: 13px; font-weight: 600; color: #aebac4; }
.nav-links a.active { color: #e8b75a; }
.nav-actions { gap: 12px; }
.balance-pill { background: #182430; border-color: #344450; border-radius: 7px; }
.avatar { background: #263846; border-color: #465967; }
.btn { border-radius: 7px; box-shadow: none; font-weight: 600; gap: 10px; padding: 12px 16px; }
.btn:hover:not(:disabled) { transform: none; }
.btn-primary, .btn-light { background: #e8b75a; color: #18212a; box-shadow: none; }
.btn-primary:hover:not(:disabled), .btn-light:hover:not(:disabled) { background: #f2c879; }
.btn-outline, .btn-ghost { background: #1c2935; border-color: #3c4b58; color: #eef2f5; }
.btn-outline:hover { background: #283845; }
.btn-large { padding: 14px 18px; font-size: 14px; }
.section-kicker, .eyebrow { color: #e8b75a; letter-spacing: .09em; font-size: 10px; }
.page-section { padding-top: 32px; padding-bottom: 40px; }
.page-heading { margin-bottom: 28px; gap: 20px; }
.page-heading h1, .rules-content h1, .play-heading h1 { font-size: clamp(28px, 3.2vw, 40px); line-height: 1.15; }
.page-heading p, .rules-content > p { color: var(--muted); max-width: 700px; }
.page-heading h1 em, .section-head h2 em, .rules-content h1 em, .auth-visual h2 em, .play-heading h1 em { color: inherit; font-style: normal; }
.home-page { padding-top: 30px; padding-bottom: 40px; }
.home-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.home-heading h1 { font-size: clamp(26px, 2.8vw, 34px); margin: 0 0 8px; font-weight: 700; }
.home-heading p { color: var(--muted); font-size: 14px; margin: 0; }
.section-link { padding: 0; color: #d8b577; font-weight: 600; font-size: 13px; }
.section-head { margin: 32px 0 18px; align-items: center; }
.section-head h2 { font-size: 25px; margin: 0 0 7px; font-weight: 700; }
.section-head p { font-size: 13px; }
.count-label { font-size: 12px; color: var(--muted); white-space: nowrap; }
.rv-carousel { margin: 0 0 28px; }
.rv-carousel-top { margin-bottom: 10px; }
.rv-carousel-label { color: #aebac5; font-size: 10px; letter-spacing: .1em; }
.rv-carousel-label .status-dot, .rv-carousel-note { display: none; }
.rv-slide-window { min-height: 230px; }
.rv-banner { min-height: 230px; border-radius: 10px; border-color: #3a4b58; box-shadow: none; }
.rv-banner-violet { background: #302b47; }
.rv-banner-mint { background: #203e37; }
.rv-banner-gold { background: #443728; }
.rv-banner-blue { background: #223b50; }
.rv-banner-pink { background: #442d3c; }
.rv-banner::before { background: rgba(8, 14, 20, .12); }
.rv-banner-content { max-width: 73%; padding: 30px 36px; gap: 10px; }
.rv-banner-badge { color: #d3c6a6; font-size: 10px; letter-spacing: .09em; }
.rv-banner-content h2 { font-size: clamp(23px, 2.4vw, 32px); font-weight: 700; line-height: 1.16; }
.rv-banner-content p { font-size: 14px; color: #c4cdd4; max-width: 560px; }
.rv-banner-button { background: #e8b75a; color: #18212a; border-radius: 6px; padding: 11px 16px; gap: 14px; font-weight: 600; font-size: 13px; }
.rv-banner-button:hover { transform: none; background: #f2c879; }
.rv-banner-art { width: 27%; opacity: .65; }
.rv-banner-ring { width: 116px; height: 116px; border-radius: 16px; border: 1px solid #ffffff24; box-shadow: none; transform: none; }
.rv-banner-ring::after { display: none; }
.rv-banner-symbol { font-size: 62px; color: #ffffff9e; text-shadow: none; transform: none; }
.rv-carousel-controls { margin-top: 10px; }
.rv-dot { width: 7px; height: 7px; background: #42515e; }
.rv-dot.active { width: 22px; background: #e8b75a; }
.rv-carousel-buttons button { width: 30px; height: 30px; border-radius: 6px; background: #182530; border-color: #394956; }
.rv-countdown { padding: 6px 9px; border-radius: 5px; font-size: 12px; }
.catalog-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.catalog-card { background: #17222d; border-color: #2c3a46; border-radius: 9px; box-shadow: none; display: flex; flex-direction: column; }
.catalog-card:hover { transform: none; border-color: #7a6848; }
.card-art-link { padding: 8px 8px 0; }
.card-art { aspect-ratio: 4 / 3; border-radius: 5px; padding: 12px; border: 0; box-shadow: none; }
.theme-violet { background: #51466b; }
.theme-gold { background: #826036; }
.theme-cyan { background: #316271; }
.theme-pink { background: #794e68; }
.art-light, .art-orbit, .art-stars, .hero-spark { display: none; }
.art-top { font-size: 9px; }
.mini-brand { font-size: 10px; font-weight: 600; letter-spacing: -.03em; opacity: .75; }
.mini-brand span { color: inherit; }
.art-center { min-height: auto; gap: 6px; flex: 1; }
.art-center strong, .catalog-card .art-center strong { font-size: 17px; font-weight: 700; text-transform: none; text-shadow: none; line-height: 1.1; letter-spacing: -.02em; }
.art-emoji, .catalog-card .art-emoji { height: 38px; font-size: 38px; color: #f8f2e9; transform: none; text-shadow: none; }
.art-bottom { font-size: 7px; font-weight: 500; letter-spacing: .06em; opacity: .65; }
.card-badge { top: 14px; right: 14px; background: #15212ce8; border: 0; border-radius: 3px; padding: 4px 6px; font-size: 7px; font-weight: 600; backdrop-filter: none; }
.catalog-body { padding: 14px; display: flex; flex-direction: column; flex: 1; }
.catalog-body h3 { font-size: 16px; margin-bottom: 6px; line-height: 1.2; }
.catalog-body p { font-size: 12px; color: #acb8c2; line-height: 1.4; min-height: 34px; }
.catalog-bottom { margin-top: 16px; gap: 8px; }
.price { font-size: 17px; font-weight: 700; }
.price span { display: none; }
.price small { margin-top: 2px; font-size: 10px; }
.btn-card { padding: 8px 10px; font-size: 11px; gap: 6px; border-radius: 5px; }
.btn-card span:last-child { font-size: 13px; }
.bingo-home-teaser { margin: 28px 0 0; padding: 20px 24px; background: #172732; border: 1px solid #324451; border-radius: 9px; gap: 20px; box-shadow: none; }
.bingo-home-teaser .bingo-teaser-symbol { font: 700 28px Arial, sans-serif; letter-spacing: -.03em; color: #e8b75a; border: 1px solid #485561; border-radius: 8px; padding: 10px; width: 58px; height: 58px; min-height: 58px; display: grid; place-items: center; flex: 0 0 58px; }
.bingo-home-teaser h3 { font-size: 20px; margin: 5px 0 6px; }
.bingo-home-teaser p { font-size: 13px; margin: 0; color: var(--muted); }
.bingo-home-teaser > div:nth-child(2) { flex: 1; }
.feature-banner { margin: 20px 0 0; background: #17222d; border-color: #2c3a46; border-radius: 9px; padding: 22px 24px; gap: 20px; }
.feature-banner > div:first-child { flex: 1; }
.feature-banner h3 { font-size: 18px; }
.feature-banner p { font-size: 13px; color: var(--muted); }
.footer { padding: 32px 0 20px; background: #0c131a; border-color: #293642; }
.footer p { margin: 12px 0 0; }
.footer-links { gap: 18px; }
.foot-bottom { border-color: #293642; color: #a3afbb; margin-top: 22px; padding-top: 18px; line-height: 1.6; }
.detail-layout { grid-template-columns: minmax(0, 390px) minmax(0, 1fr); gap: 36px; align-items: start; }
.detail-art .card-art { height: auto; width: 100%; aspect-ratio: 1 / 1; transform: none; box-shadow: none; }
.detail-art .hero-art .art-center strong { font-size: 30px; }
.detail-art .hero-art .art-emoji { height: 90px; font-size: 80px; }
.detail-info h1 { font-size: 36px; }
.auth-visual { background: #1b2b36; box-shadow: none; }
.auth-visual h2 { font-size: 38px; }
.auth-glyph { color: #e8b75a; text-shadow: none; }
.auth-box, .wallet-balance, .pix-preview, .data-panel, .rules-grid article, .stat-grid > div { background: #17222d; border-color: #2c3a46; box-shadow: none; border-radius: 9px; }
.wallet-balance h2 { color: #e8b75a; }
.panel-head h2 { font-size: 20px; }
.notice { background: #192a32; border-color: #354752; border-radius: 7px; color: #b8c6cf; }
.admin-subnav { background: #192530; border-color: #344451; border-radius: 8px; }
.admin-subnav a:hover { background: #2a3a47; }
.settings-admin-form input, .settings-admin-form select { background: #111d26; border-color: #455461; border-radius: 6px; }
.partner-hero, .checkout-package, .rules-edit-card, .rv-banner-admin-card { background: #1b2935; border-color: #394954; box-shadow: none; border-radius: 8px; }
.bingo-landing { min-height: 0; gap: 30px; padding: 0; margin: 0 0 30px; }
.bingo-landing h1 { font-size: 38px; }
.bingo-landing h1 em { color: inherit; font-style: normal; }
.bingo-landing-copy > p { font-size: 14px; max-width: 560px; }
.bingo-landing-poster { min-height: 240px; height: 240px; max-width: 340px; background: #233e4b; border: 1px solid #405965; box-shadow: none; border-radius: 10px; transform: none; }
.bingo-poster-ball { width: 116px; height: 116px; font-size: 20px; background: #e8b75a; color: #18212a; box-shadow: none; }
.bingo-poster-ball span { font-size: 52px; }
.bingo-poster-text, .bingo-poster-dots { display: none; }
.bingo-landing-chips span { background: #172b34; border-color: #3a4c56; color: #b5c3cc; }
.bingo-room-card { background: #172833; border-color: #344a55; border-radius: 9px; box-shadow: none; }
.bingo-room-card:hover { transform: none; }
.bingo-admin-create, .bingo-admin-panel { background: #1b2b36; border-color: #3b4e5a; }
.rv-install-hero { background: none; padding: 28px 14px; }
.rv-install-hero h1 { font-size: 38px; }
.rv-install-hero h1 em { color: inherit; font-style: normal; }
.rv-install-icon { height: 70px; width: 70px; background: #e8b75a; border-radius: 12px; box-shadow: none; font-size: 42px; }
.rv-install-steps article { background: #17222d; border-color: #344451; border-radius: 9px; }
a:focus-visible, button:focus-visible { outline: 2px solid #e8b75a; outline-offset: 4px; }

@media (max-width: 1100px) {
  .catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .nav-links { background: #17222dfa; border-color: #40505d; backdrop-filter: none; }
  .nav-links a:hover, .nav-links a.active { background: #293a47; }
  .nav-toggle { background: #1b2935; border-color: #3b4d5b; border-radius: 6px; }
}
@media (max-width: 700px) {
  .container { width: calc(100% - 32px); }
  .header { height: 64px; }
  .logo { font-size: 21px; }
  .home-page, .page-section { padding-top: 24px; }
  .home-heading { align-items: start; margin-bottom: 20px; }
  .home-heading .section-link { display: none; }
  .home-heading h1 { font-size: 27px; }
  .home-heading p { font-size: 13px; max-width: 310px; }
  .rv-slide-window, .rv-banner { min-height: 208px; }
  .rv-banner { align-items: center; }
  .rv-banner-content { max-width: 78%; padding: 22px 20px; gap: 9px; }
  .rv-banner-content h2 { font-size: 24px; }
  .rv-banner-content p { font-size: 12px; }
  .rv-banner-art { width: 23%; height: 100%; inset: 0 0 0 auto; opacity: .4; }
  .rv-banner-ring { width: 70px; height: 100px; border-radius: 8px; }
  .rv-banner-symbol { font-size: 40px; }
  .rv-banner::before { background: rgba(8,14,20,.14); }
  .rv-banner-button { padding: 9px 12px; font-size: 12px; }
  .rv-carousel { margin-bottom: 24px; }
  .section-head { margin-top: 24px; }
  .section-head h2 { font-size: 23px; }
  .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .catalog-body { padding: 12px; }
  .catalog-body h3 { font-size: 15px; }
  .catalog-body p { font-size: 11px; min-height: 32px; }
  .card-art { padding: 10px; }
  .art-center strong, .catalog-card .art-center strong { font-size: 15px; }
  .art-emoji, .catalog-card .art-emoji { height: 30px; font-size: 30px; }
  .art-top .mini-brand { font-size: 9px; }
  .art-bottom { font-size: 6px; letter-spacing: 0; }
  .card-badge { font-size: 6px; padding: 4px; top: 13px; right: 13px; }
  .catalog-bottom { margin-top: 13px; gap: 6px; }
  .price { font-size: 16px; }
  .price small { font-size: 9px; }
  .btn-card { padding: 8px; font-size: 10px; gap: 4px; }
  .bingo-home-teaser { flex-wrap: wrap; padding: 18px; gap: 12px; margin-top: 24px; }
  .bingo-home-teaser .bingo-teaser-symbol { width: 45px; height: 45px; min-height: 45px; flex: 0 0 45px; font-size: 22px; }
  .bingo-home-teaser > div:nth-child(2) { flex-basis: calc(100% - 65px); }
  .bingo-home-teaser h3 { font-size: 17px; }
  .bingo-home-teaser p { font-size: 12px; }
  .bingo-home-teaser > .btn { margin-left: 57px; width: auto; }
  .feature-banner { align-items: flex-start; flex-direction: column; padding: 18px; gap: 14px; }
  .feature-banner h3 { font-size: 18px; }
  .feature-banner p { font-size: 12px; }
  .footer-inside { flex-direction: column; gap: 22px; }
  .footer-links { flex-wrap: wrap; gap: 14px; }
  .detail-layout { grid-template-columns: 1fr; gap: 24px; }
  .detail-art { max-width: 310px; width: 100%; margin: auto; }
  .detail-info h1 { font-size: 30px; }
  .bingo-landing { grid-template-columns: 1fr; }
  .bingo-landing h1 { font-size: 32px; }
  .bingo-landing-poster { display: none; }
  .nav-actions .avatar { display: none; }
  .rv-install-hero h1 { font-size: 30px; }
  .rv-banner-admin-grid { padding: 0 14px 18px; }
}
@media (max-width: 360px) {
  .container { width: calc(100% - 24px); }
  .catalog-grid { gap: 8px; }
  .catalog-body { padding: 10px; }
  .catalog-body h3 { font-size: 14px; }
  .btn-card span { display: none; }
  .logo { font-size: 19px; }
  .rv-banner-content { max-width: 86%; padding: 20px 16px; }
}
/* Illustrated collection — publication 8 */
:root{--bg:#0c101c;--panel:#171d2d;--muted:#a6aec2;--gold:#f2cb78}
body,.app-shell{background:#0c101c;color:#f3f4fa;font-family:Segoe UI,Arial,sans-serif}
.container{max-width:1240px}
.header{background:#0f1422;border-bottom:1px solid #252c3f}
.announcement{background:#080c15;color:#a6aec2}
.logo{font-weight:800;letter-spacing:-1px}.logo-accent,.logo-mark{color:#f2cb78}
.btn-primary,.btn-light,.rv-banner-button{background:#f2cb78;color:#172031;border-radius:9px}
.btn-outline,.btn-ghost{background:#21283b;border-color:#394157;border-radius:9px}
.home-page{padding-top:34px}.home-heading{margin-bottom:26px}.home-heading h1{font-size:36px;letter-spacing:-1.2px;margin-top:8px}.home-heading p{color:#a6aec2}
.home-spotlight{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:22px;align-items:stretch}
.home-spotlight .rv-carousel{margin:0;position:relative;padding-bottom:32px}.rv-carousel-top{display:none}
.rv-slide-window,.rv-banner{min-height:320px}.rv-banner{border-radius:18px;border:1px solid #34334b;background:#201d35;overflow:hidden}
.rv-banner::before{background:linear-gradient(90deg,#171729 0%,#171729f5 36%,#17172900 78%);z-index:1}
.rv-banner-content{max-width:65%;padding:36px;position:relative;z-index:2;gap:15px}
.rv-banner-content h2{font-size:38px;letter-spacing:-1px;line-height:1.08;max-width:340px}.rv-banner-content p{font-size:14px;line-height:1.6;color:#d3d2e1;max-width:290px}
.rv-banner-badge{color:#f2cb78;font-size:10px;letter-spacing:1.6px}.rv-banner-button{padding:12px 18px;align-self:flex-start}
.rv-banner-art{inset:0 0 0 auto;width:61%;height:100%;opacity:1;position:absolute;display:block;z-index:0}.rv-banner-art img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.rv-banner-image{z-index:0}.rv-banner-image~.rv-banner-art{display:none}.rv-carousel-controls{margin-top:8px}.rv-dot.active{background:#f2cb78}
.bingo-spotlight{display:flex;flex-direction:column;position:relative;padding:26px 28px;border:1px solid #30423c;border-radius:18px;background:#152a26;margin-bottom:32px;overflow:hidden;color:#f2f6f5}
.bingo-spotlight .section-kicker{color:#9be1c3}.bingo-spotlight h2{font-size:25px;letter-spacing:-.7px;line-height:1.2;margin:16px 0 10px}.bingo-spotlight p{font-size:13px;line-height:1.55;color:#b1c6c1;max-width:265px;margin:0}.spotlight-link{font-size:13px;font-weight:600;margin-top:auto;padding-top:18px;display:flex;justify-content:space-between}
.bingo-ball-set{display:flex;gap:8px;margin-top:22px}.bingo-ball-set span{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:#f3f1e7;color:#183329;font-size:21px;font-weight:800;border:6px solid #8ccdb2;box-shadow:0 6px 0 #081b1560}.bingo-ball-set span:nth-child(2){border-color:#f2cb78;transform:translateY(-9px)}.bingo-ball-set span:nth-child(3){border-color:#a3b4ef}
.home-catalog-heading{margin-top:28px;margin-bottom:20px}.section-head h2{font-size:26px;letter-spacing:-.6px}.section-head p{color:#a6aec2}
.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.catalog-card{background:#171d2d;border:1px solid #2a3044;border-radius:14px;overflow:hidden;transition:border-color .2s,transform .2s}.catalog-card:hover{border-color:#7b6b4d;transform:translateY(-3px)}
.card-art-link{display:block;position:relative}.illustrated-art.card-art{padding:0;aspect-ratio:1/1.06;height:auto;min-height:0;position:relative;overflow:hidden;border-radius:0;background:#201d35}.game-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-caption{position:absolute;inset:auto 0 0;padding:36px 15px 16px;background:linear-gradient(transparent,#090d1aea);display:flex;flex-direction:column;gap:5px}.cover-caption span{font-size:8px;letter-spacing:1.7px;color:#d6ccae}.cover-caption strong{font-size:19px;letter-spacing:-.4px;line-height:1.12}
.catalog-body{padding:14px}.catalog-body h3{display:none}.catalog-body p{font-size:11px;line-height:1.45;min-height:32px;color:#abb3c8;margin:0}.catalog-bottom{margin-top:14px;gap:8px}.price{font-size:19px;color:#f4ead3}.price small{display:block;font-size:9px;font-weight:400;margin-top:3px;color:#a6aec2}.price>span{display:none}.btn-card{font-size:11px;padding:9px 12px;gap:8px}.card-badge{top:12px;right:12px;font-size:7px;letter-spacing:.6px;padding:6px 8px;border-radius:5px;background:#101522dc;color:#f5e0ad;border:1px solid #c8ab6940}
.feature-banner{background:#171d2d;border:1px solid #2a3044;border-radius:14px;margin-top:32px;padding:23px 26px}.feature-banner h3{font-size:19px}.feature-banner p{color:#a6aec2;font-size:13px;max-width:690px}.footer{background:#090d17;border-top:1px solid #252c3f}.footer-inside{padding-top:32px}.foot-bottom{color:#8b95ae}
.detail-art .illustrated-art{border-radius:18px;aspect-ratio:1/1}.detail-art .cover-caption{padding:55px 28px 28px}.detail-art .cover-caption strong{font-size:32px}
@media(max-width:1050px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rv-banner-content{padding:28px;max-width:70%}.rv-banner-content h2{font-size:32px}.bingo-spotlight{padding:24px 20px}.bingo-spotlight h2{font-size:23px}}
@media(max-width:720px){.container{width:calc(100% - 32px)}.home-page{padding-top:25px}.home-heading h1{font-size:29px;letter-spacing:-.8px}.home-heading p{font-size:12px}.home-spotlight{grid-template-columns:1fr;gap:14px}.rv-slide-window,.rv-banner{min-height:270px}.rv-banner-content{padding:25px 22px;max-width:72%;gap:13px}.rv-banner-content h2{font-size:30px}.rv-banner-content p{font-size:12px;max-width:200px}.rv-banner-art{width:78%}.rv-banner::before{background:linear-gradient(90deg,#171729fa,#171729bd 45%,#17172900)}.home-spotlight .rv-carousel{padding-bottom:28px}.bingo-spotlight{margin-bottom:0;min-height:0;padding:20px}.bingo-spotlight h2{font-size:22px;margin:10px 0 6px}.bingo-spotlight h2 br{display:none}.bingo-spotlight p{max-width:75%;font-size:12px}.bingo-ball-set{position:absolute;right:16px;top:19px;gap:3px;margin:0}.bingo-ball-set span{width:30px;height:30px;border-width:4px;font-size:13px}.bingo-spotlight .spotlight-link{padding-top:14px;max-width:190px;font-size:12px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.home-catalog-heading{margin-top:27px}.section-head h2{font-size:24px}.section-head p{font-size:12px;max-width:240px}.count-label{font-size:10px}.illustrated-art.card-art{aspect-ratio:1/1.12}.cover-caption{padding:30px 12px 13px}.cover-caption strong{font-size:17px}.cover-caption span{font-size:7px}.catalog-body{padding:12px}.catalog-body p{font-size:10px;min-height:30px}.catalog-bottom{margin-top:11px}.price{font-size:18px}.price small{font-size:9px}.btn-card{padding:8px 10px;font-size:10px}.card-badge{font-size:6px;top:9px;right:9px;padding:5px}.feature-banner{padding:20px;gap:14px}.feature-banner p{font-size:12px}.detail-art .cover-caption strong{font-size:28px}}
@media(max-width:360px){.container{width:calc(100% - 24px)}.cover-caption strong{font-size:15px}.btn-card{padding:8px}.bingo-spotlight p{max-width:100%}.bingo-ball-set{display:none}}
/* UX refinement: clear game discovery and mobile reach */
:root{--container:1240px}
[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f2cb78;outline-offset:4px}
.home-heading{margin-bottom:22px}.home-heading h1{font-size:32px}.home-heading .section-kicker{color:#a6aec2;letter-spacing:1.3px}
.game-categories{display:flex;gap:10px;margin-bottom:24px;overflow:auto;padding:2px}.game-categories a{display:flex;align-items:center;gap:9px;padding:11px 17px;border:1px solid #2b3349;border-radius:10px;color:#b7bfd1;white-space:nowrap;font-size:13px;font-weight:600;background:#131929}.game-categories a.selected{background:#f2cb7812;color:#f2cb78;border-color:#f2cb7860}.game-categories a>span{font-size:19px}.game-categories small{background:#f2cb7820;border-radius:4px;padding:2px 5px;font-size:10px}
.home-spotlight .rv-carousel{padding-bottom:0}.bingo-spotlight{margin-bottom:38px}.rv-banner-content h2{font-size:36px}.rv-banner-content p{font-size:14px}.rv-carousel-controls{margin-top:10px}.home-catalog-heading{margin-top:26px}.home-catalog-heading p{margin-bottom:0}.section-head h2{font-size:25px}
.catalog-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:19px}.game-search{display:flex;align-items:center;gap:10px;border:1px solid #343c52;background:#141a29;border-radius:9px;max-width:340px;flex:1;padding:0 13px;height:43px}.game-search>span{font-size:24px;color:#aeb8d0}.game-search input{border:0;background:transparent;color:#f4f5f9;min-width:0;width:100%;padding:10px 0;font-size:13px;box-shadow:none}.game-search input::placeholder{color:#a6aec2}.game-sort{display:flex;align-items:center;gap:9px;color:#a6aec2;font-size:12px}.game-sort select{background:#141a29;color:#e4e8f3;border:1px solid #343c52;border-radius:9px;padding:11px 30px 11px 12px;font-size:12px;max-width:190px}.game-result{color:#a6aec2;font-size:12px;margin-left:auto}.game-empty{padding:28px;text-align:center;background:#171d2d;border:1px solid #343c52;border-radius:12px;color:#bdc5d6}
.card-art-link{padding:0}.illustrated-art.card-art{aspect-ratio:1/1.08}.catalog-body{padding:16px}.catalog-body p{font-size:12px;min-height:36px}.cover-caption{padding:40px 16px 18px}.cover-caption strong{font-size:20px}.card-badge{font-size:8px}.btn-card{font-size:12px;padding:10px 12px;min-height:40px}.catalog-bottom{align-items:center}.catalog-card:hover .game-cover{transform:scale(1.025)}.game-cover{transition:transform .25s ease}.mobile-dock{display:none}.feature-banner{margin-bottom:0}.footer{padding-bottom:0}
@media(max-width:1050px){.nav-links{gap:14px}.nav-links a{font-size:12px}.nav{gap:14px}.catalog-grid{gap:16px}}
@media(max-width:720px){.home-heading h1{font-size:28px}.home-heading{margin-bottom:20px}.game-categories{gap:8px;margin-bottom:20px}.game-categories a{font-size:11px;padding:10px 12px;gap:7px}.game-categories a>span{font-size:16px}.game-categories small{display:none}.home-spotlight{gap:18px}.rv-slide-window,.rv-banner{min-height:245px}.rv-banner-content h2{font-size:29px}.rv-banner-content p{font-size:12px}.rv-banner-button{min-height:42px}.bingo-spotlight{margin:0;padding:18px 20px}.bingo-spotlight h2{font-size:20px}.bingo-spotlight p{max-width:90%;font-size:12px}.bingo-ball-set{right:17px;top:18px}.bingo-spotlight .spotlight-link{padding-top:12px}.catalog-toolbar{gap:9px;flex-wrap:wrap;margin-bottom:16px}.game-search{max-width:none;flex:1;min-width:130px}.game-sort>span{display:none}.game-sort select{max-width:145px;font-size:11px;padding-right:22px;height:43px}.game-result{width:100%;margin:0}.game-result:empty{display:none}.catalog-body{padding:12px}.catalog-body p{font-size:11px;min-height:34px}.cover-caption strong{font-size:17px}.cover-caption{padding:30px 12px 14px}.card-badge{font-size:7px;padding:5px 7px}.catalog-bottom{flex-wrap:wrap;gap:10px}.btn-card{width:100%;justify-content:center;font-size:12px;min-height:42px}.price{display:flex;align-items:baseline;gap:5px;font-size:19px}.price small{font-size:10px;margin:0}.mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;background:#101625f5;backdrop-filter:blur(12px);border-top:1px solid #343c52;padding:8px 8px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-dock a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#a6aec2;font-size:10px;min-width:55px;padding:2px}.mobile-dock a>span{font-size:21px;line-height:24px}.mobile-dock a[aria-current]{color:#f2cb78}.footer{padding-bottom:78px}.feature-banner{margin-top:25px}.home-page{padding-bottom:28px}.nav-actions{display:flex}.nav-actions .nav-login{display:block;font-size:12px}.header .nav{gap:10px}.nav-toggle{margin-left:auto}.game-categories a:last-child{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:720px){.bingo-spotlight h2{margin-top:23px;max-width:100%;line-height:1.25}.home-heading h1{letter-spacing:-.8px}}
/* Proportions: compact introduction and balanced highlights */
.home-page{padding-top:24px}.home-heading{margin-bottom:16px;align-items:center}.home-heading .section-kicker{display:none}.home-heading h1{font-size:25px;margin:0 0 6px;letter-spacing:-.7px}.home-heading p{font-size:13px}.home-heading .section-link{font-size:12px;margin:0}.game-categories{margin-bottom:18px;gap:8px}.game-categories a{padding:8px 13px;font-size:12px;border-radius:8px}.game-categories a>span{font-size:16px}
.home-spotlight{grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:18px;align-items:start}.rv-slide-window,.rv-banner{min-height:240px;height:240px}.rv-banner{border-radius:13px}.rv-banner-content{padding:26px 30px;max-width:58%;gap:12px}.rv-banner-content h2{font-size:30px;max-width:330px}.rv-banner-content p{font-size:13px;max-width:300px;line-height:1.5}.rv-banner-badge{font-size:9px;letter-spacing:1px}.rv-banner-button{padding:10px 15px;font-size:12px}.rv-banner-art{width:57%}.rv-banner-art img{object-position:center 44%}.rv-carousel-controls{margin-top:8px}.rv-carousel-buttons button{width:27px;height:27px}
.bingo-spotlight{height:240px;min-height:0;margin:0;padding:23px;border-radius:13px}.bingo-spotlight .section-kicker{font-size:10px}.bingo-ball-set{margin-top:15px;gap:7px}.bingo-ball-set span{width:35px;height:35px;border-width:5px;font-size:16px}.bingo-ball-set span:nth-child(2){transform:translateY(-5px)}.bingo-spotlight h2{font-size:20px;line-height:1.2;margin:12px 0 8px}.bingo-spotlight p{font-size:12px;line-height:1.45}.spotlight-link{font-size:12px;padding-top:12px}
.home-catalog-heading{margin-top:22px;margin-bottom:14px}.section-head h2{font-size:23px;margin-bottom:5px}.section-head p{font-size:12px}.count-label{border:0;background:transparent;padding:0;font-size:11px}.catalog-toolbar{margin-bottom:16px}.game-search{height:39px;max-width:310px}.game-sort select{padding-top:9px;padding-bottom:9px}.game-search input{font-size:12px}
@media(max-width:1050px){.home-spotlight{grid-template-columns:minmax(0,2fr) minmax(230px,1fr)}.rv-banner-content{max-width:66%;padding:24px}.rv-banner-content h2{font-size:27px}.bingo-spotlight{padding:20px}}
@media(max-width:720px){.home-page{padding-top:20px}.home-heading h1{font-size:23px}.home-heading p{font-size:12px}.home-heading{margin-bottom:14px}.game-categories{margin-bottom:16px}.game-categories a{padding:9px 10px;font-size:11px}.home-spotlight{grid-template-columns:1fr;gap:14px}.rv-slide-window,.rv-banner{min-height:215px;height:215px}.rv-banner-content{max-width:73%;padding:22px;gap:11px}.rv-banner-content h2{font-size:26px}.rv-banner-content p{font-size:12px;max-width:210px}.rv-banner-button{min-height:40px;padding:9px 13px}.rv-banner-art{width:70%}.bingo-spotlight{height:auto;min-height:130px;padding:18px 20px}.bingo-ball-set{position:absolute;right:19px;top:17px;margin:0}.bingo-ball-set span{width:28px;height:28px;font-size:12px;border-width:4px}.bingo-spotlight h2{font-size:18px;margin:14px 0 7px}.bingo-spotlight h2 br{display:none}.bingo-spotlight p{font-size:11px;max-width:100%}.bingo-spotlight .spotlight-link{padding-top:11px;max-width:190px}.home-catalog-heading{margin-top:23px}.game-search{max-width:none;height:42px}.game-sort select{height:42px}.section-head h2{font-size:22px}}
.bingo-my-card{max-width:330px;min-height:0;margin:0 auto;gap:6px}.bingo-bingo-header{max-width:330px;margin:22px auto 8px}.bingo-card-cell{font-size:18px;border-radius:7px}.bingo-card-cell.free{font-size:21px}.bingo-start-countdown{font-size:13px;font-weight:600;color:#f2cb78;margin:0 0 15px;padding:9px 11px;background:#f2cb7810;border-radius:7px}
@media(max-width:580px){.bingo-my-card{max-width:280px;min-height:0}.bingo-bingo-header{max-width:280px}.bingo-card-cell{font-size:16px}.bingo-card-cell.free{font-size:19px}}
.coupon-form.settings-admin-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;padding:18px 22px;align-items:end;gap:16px}.coupon-form.settings-admin-form>label{padding:0;background:transparent;border:0;border-radius:0;gap:8px}.coupon-form.settings-admin-form>button{align-self:end;height:43px;min-height:43px;margin:0;white-space:nowrap}.coupon-wallet .coupon-form{grid-template-columns:minmax(180px,420px) auto;justify-content:start}.coupon-wallet{margin:22px 0}
@media(max-width:850px){.coupon-form.settings-admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.coupon-form.settings-admin-form>button{width:auto}}
@media(max-width:580px){.coupon-form.settings-admin-form,.coupon-wallet .coupon-form{grid-template-columns:1fr;padding:16px}.coupon-form.settings-admin-form>button{width:100%}}