/* Mia V10: one wordmark, one canvas, image-first category shelves. */
:root{--v10-ink:#2f1a2a;--v10-cream:#fff8f7;--v10-rose:#d66091}
.masthead-note{display:none}
.site-header{background:#241321f4;border-bottom:1px solid #f7a7c334}
.brand{display:inline-flex;align-items:center;justify-content:flex-start;min-width:0;gap:0}
.brand__logo{display:block;width:91px;height:auto;aspect-ratio:194/96;object-fit:contain;filter:drop-shadow(0 4px 12px #ff9fbd2e);transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}
.brand:hover .brand__logo{transform:translateY(-1px) scale(1.035);filter:drop-shadow(0 6px 15px #ff9fbd66)}
.site-footer__brand img{display:block;width:112px;height:auto;max-height:none}
.site-footer__brand{gap:0}
.site-footer__brand span{display:none}

body[data-page="index"] main{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#241321 0,#392136 330px,#643651 570px,#9b5d7d 820px,#d7a7bd 1060px,#f5e5eb 1270px,#fff8f7 1550px,#fff8f7 100%)}
body[data-page="index"] main:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:url('assets/motif-field-light.svg');background-size:850px 638px;background-position:center 48px;opacity:.72;mask-image:linear-gradient(180deg,transparent 0,#000 370px,#000 100%)}
body[data-page="index"] .hero-wrap{background:none!important;padding:20px 16px 0!important;overflow:visible}
body[data-page="index"] .hero{width:min(100%,1008px);height:270px;min-height:0;aspect-ratio:auto;margin-inline:auto;border:0;border-radius:12px;box-shadow:0 12px 28px #1e081d50}
body[data-page="index"] .hero__shade{background:linear-gradient(90deg,#1d1521a1 0,transparent 72%),linear-gradient(0deg,#2212209e,transparent 53%)}
.home-library{position:relative;padding:30px 0 58px}
.home-shelf .page-width,.home-library__note{width:min(calc(100% - 32px),1008px)}
.home-shelf{--rail-accent:#cf80a4;position:relative;margin:0;padding:23px 0 24px;background:none;color:var(--v10-ink)}
.home-shelf--provider{--rail-accent:#f7a8c9;color:#fff7f8}
.home-shelf--slots{--rail-accent:#ed9ec2;color:#fff7f8}
.home-shelf--live{--rail-accent:#a980d6}
.home-shelf--arcade{--rail-accent:#dc8aa2}
.home-shelf--table{--rail-accent:#c39088}
.home-shelf--crash{--rail-accent:#ab8fcd}
.home-shelf--lottery{--rail-accent:#dca794}
.home-shelf--fishing{--rail-accent:#87bdc1}
.home-shelf__heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 16px}
.home-shelf__heading h2{margin:0;font-size:clamp(23px,2.7vw,31px);font-weight:800;letter-spacing:-.055em;line-height:1.12}
.home-shelf__heading p{margin:5px 0 0;font-size:11px;font-weight:650;opacity:.7}
.home-shelf__heading a{flex:none;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 2px;border-bottom:1.5px solid currentColor;font-size:12px;font-weight:800;letter-spacing:.01em;transition:opacity .2s,transform .2s}
.home-shelf__heading a:hover{opacity:.75;transform:translateX(2px)}
.home-shelf__rail{display:flex;gap:14px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;padding:2px 4px 24px;margin:0 -4px -15px}
.home-shelf__rail::-webkit-scrollbar{display:none}
.home-shelf__rail>div{flex:0 0 184px;scroll-snap-align:start;min-width:0}
.home-shelf .game-card,.catalog .game-card,.detail-lower .game-card{width:100%;border:0;border-radius:11px;overflow:hidden;background:#291727;box-shadow:0 10px 24px #2b10262e;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.home-shelf .game-card:hover,.catalog .game-card:hover,.detail-lower .game-card:hover{transform:translateY(-3px);border:0;box-shadow:0 14px 28px #2b10263c}
.home-shelf .game-card__art,.catalog .game-card__art,.detail-lower .game-card__art{aspect-ratio:.74;overflow:hidden;border-radius:inherit}
.game-card__art:before{display:none!important}
.game-card__art:after{display:none!important}
.home-shelf .game-card__cover,.catalog .game-card__cover,.detail-lower .game-card__cover{filter:none}
.home-library__note{margin-top:10px;color:#816778;font-size:11px;line-height:1.5}

/* The hit area remains large while only the heart glyph is visible. */
.game-card__save,.home-shelf .game-card__save,.catalog .game-card__save,.detail-lower .game-card__save{top:6px!important;right:6px!important;bottom:auto!important;width:44px!important;height:44px!important;display:grid;place-items:center;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;color:#fff!important;filter:drop-shadow(0 2px 2px #10030fbf) drop-shadow(0 0 7px #1e071de0);transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s}
.game-card__save:hover{transform:scale(1.18) rotate(-6deg)!important;filter:drop-shadow(0 1px 3px #210b22) drop-shadow(0 0 10px #ff92bc)!important}
.game-card__save:active{transform:scale(.91)!important}
.game-card__save .icon{width:26px!important;height:26px!important}
.game-card__save[aria-pressed="true"] .icon path{fill:#fa72a6;stroke:#fff}
.game-card__save:focus-visible{outline:3px solid #ffb7d3;outline-offset:-3px;border-radius:12px!important}

/* A filter lane on the catalog, with an underline instead of pills. */
.catalog__categories.category-lane{display:flex;align-items:stretch;gap:14px;overflow-x:auto;margin:15px 0 24px;padding:0 1px;border:0;border-bottom:1px solid #c990ac9e;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
.catalog__categories.category-lane>a{position:relative;min-height:47px;padding:0 1px;border:0;border-radius:0;background:none!important;color:#70465e!important;box-shadow:none!important;font-size:12px;font-weight:800}
.catalog__categories.category-lane>a:hover{color:#b84176!important;transform:none}
.catalog__categories.category-lane>a[aria-current]{color:#a93168!important}
.catalog__categories.category-lane>a[aria-current]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:3px;background:#cc5687;box-shadow:0 0 12px #e06d9e66}
.catalog__source{gap:18px;padding:0;border:0;border-bottom:1px solid #c990ac9e;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
.catalog__source a,.catalog__source a[aria-current]{position:relative;min-height:43px;padding:0 1px;border-radius:0;background:none;box-shadow:none;color:#70465e}
.catalog__source a[aria-current]{color:#a93168}
.catalog__source a[aria-current]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:3px;background:#cc5687}
.catalog .game-card,.detail-lower .game-card{border:0;box-shadow:0 10px 24px #2b10262e}

/* Feature panels are cards on the same page canvas. */
body[data-page="index"] .mini-feature{width:min(100% - 36px,1272px);margin:0 auto 64px;background:linear-gradient(135deg,#41243b,#281827);border-color:#f5b7cd77}
body[data-page="index"] .mia-feature{width:min(100% - 36px,1272px);margin:0 auto 45px;overflow:hidden;border:1px solid #f4b1ca7b;border-radius:25px;background:linear-gradient(125deg,#3c2035,#241321);box-shadow:0 20px 42px #4f1b3936}
body[data-page="index"] .mia-feature:before{display:none}
body[data-page="index"] .fan-space{width:min(100% - 36px,1272px);max-width:1272px;margin:0 auto;padding:50px 0 72px;background:none}
body[data-page="index"] .fan-space .section-head h2{color:#2f1a2a}
body[data-page="index"] .site-footer{margin-top:0}
.site-footer{margin-top:0;background-image:url('assets/motif-field-dark.svg'),linear-gradient(140deg,#321a2b,#1d101b)}
.site-footer:before{top:-130px;height:130px;background:linear-gradient(180deg,#fff8f700,#f1d4df 21%,#b27491 54%,#321a2b 100%)}

/* The only visible launch element is the Mia wordmark. */
.launch-screen{background:#241321;transition:opacity .36s ease,visibility .36s ease}
.launch-screen:before{inset:0;background:radial-gradient(ellipse at 50% 52%,#6f3a59 0,#3e2037 37%,#241321 76%);background-size:auto;opacity:1;animation:none}
.launch-screen:after{width:min(400px,85vw);height:min(400px,85vw);background:#ea91b633;filter:blur(95px);animation:launch-halo 1.1s ease-out both}
.launch-screen__content{padding:30px;transform:none}
.launch-screen__logo{display:block;width:clamp(168px,28vw,280px);height:auto;opacity:0;filter:drop-shadow(0 5px 25px #ffacd051);animation:mia-reveal 1.4s cubic-bezier(.18,.82,.2,1) both}
.launch-screen__skip{top:max(18px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));min-width:44px;height:44px;border:0;background:none;box-shadow:none;color:#f4cadb;font-size:12px;font-weight:700;letter-spacing:0;text-transform:none}
.launch-screen__skip:hover{background:none;color:#fff}
@keyframes mia-reveal{0%{opacity:0;transform:translateY(22px) scale(.92);filter:blur(8px) drop-shadow(0 5px 25px #ffacd000)}45%{opacity:1;filter:blur(0) drop-shadow(0 5px 25px #ffacd060)}70%{transform:translateY(-4px) scale(1.035)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0) drop-shadow(0 5px 25px #ffacd04d)}}
.launch-screen--still .launch-screen__logo{animation:none;opacity:1}
.kit-identity--v10{justify-content:space-between;gap:30px;min-height:180px}
.kit-identity__wordmark{display:block;width:min(260px,44%);height:auto;flex:none;filter:drop-shadow(0 8px 24px #ffb0ce5b)}
.kit-logo-variants--v10{grid-template-columns:repeat(2,minmax(0,1fr))}
.kit-logo-variants--v10 figure{min-height:140px}
.kit-logo-variants--v10 figure:nth-child(2){background:#fff5f7}
.kit-logo-variants--v10 figure img{width:min(190px,75%);max-height:86px}

@media(max-width:760px){
  .site-header{height:63px}
  .site-header__inner{width:calc(100% - 34px)}
  .brand__logo{width:78px}
  body[data-page="index"] main{background:linear-gradient(180deg,#241321 0,#392136 250px,#613650 440px,#9a5d7d 680px,#d7a7bd 920px,#f5e5eb 1150px,#fff8f7 1420px,#fff8f7 100%)}
  body[data-page="index"] main:before{background-size:640px 480px;background-position:center 90px;opacity:.67}
  body[data-page="index"] .hero-wrap{padding:14px 16px 0!important}
  body[data-page="index"] .hero{width:100%;height:250px;min-height:0;aspect-ratio:auto;border-radius:11px}
  .home-library{padding-top:22px;padding-bottom:48px}
  .home-shelf{padding:20px 0 19px}
  .home-shelf .page-width{width:100%;padding-left:20px;padding-right:0}
  .home-shelf__heading{padding-right:20px;margin-bottom:13px}
  .home-shelf__heading h2{font-size:clamp(22px,6vw,27px)}
  .home-shelf__heading a{font-size:12px}
  .home-shelf__rail{gap:10px;margin-right:0;padding-right:20px;padding-bottom:20px}
  .home-shelf__rail>div{flex-basis:clamp(132px,calc(45.7vw - 14px),174px)}
  .home-shelf .game-card,.catalog .game-card,.detail-lower .game-card{border-radius:10px}
  .home-library__note{width:calc(100% - 40px);margin:4px auto 0;font-size:10px}
  .home-shelf--provider,.home-shelf--slots{color:#fff7f8}
  .home-shelf--live{color:#352033}
  .catalog__categories.category-lane{gap:16px;margin:14px -16px 23px 0;padding-right:16px;border-radius:0}
  .catalog__categories.category-lane>a{min-height:43px;padding:0 1px;font-size:11px}
  .catalog__source{gap:14px;margin-top:16px}
  .catalog__source a{font-size:11px}
  body[data-page="index"] .mini-feature{width:calc(100% - 30px);margin-bottom:36px}
  body[data-page="index"] .mia-feature{width:calc(100% - 30px);margin-bottom:27px;border-radius:20px}
  body[data-page="index"] .fan-space{width:calc(100% - 40px);padding:30px 0 85px}
  .site-footer:before{top:-105px;height:105px}
  .kit-identity--v10{display:grid;min-height:150px;gap:10px}
  .kit-identity__wordmark{width:145px}
  .kit-logo-variants--v10{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kit-logo-variants--v10 figure:nth-child(2){grid-column:auto}
  .launch-screen__logo{width:185px}
}
@media(max-width:360px){body[data-page="index"] .hero-wrap{padding-inline:10px!important}.home-shelf .page-width{padding-left:15px}.home-shelf__heading{padding-right:15px}.home-shelf__heading h2{font-size:21px}.brand__logo{width:72px}}
@media(prefers-reduced-motion:reduce){.brand__logo,.home-shelf .game-card,.game-card__save,.launch-screen__logo{animation:none;transition:none}.launch-screen__logo{opacity:1;filter:none}}