/* Velvet Lane V8: shared identity, glass controls, one continuous colour journey. */
:root{--night:#241321;--velvet:#3a2033;--berry:#c74b7d;--rose:#d88ba9;--pearl:#fff8f7;--blush:#fff0f3;--line:#e8c7d5;--ink:#2a1724;--muted:#776473;--shadow:0 16px 38px #34132924}
body{background:var(--pearl)}
main{background:var(--pearl)}
.brand{gap:8px}.brand__mark{display:block;flex:none;width:34px;height:34px;filter:drop-shadow(0 2px 9px #ff9fc24a)}
.brand__word{letter-spacing:-.09em}.brand__rule{margin-left:4px}.brand__sub{color:#efd0dd}
.site-header{background:linear-gradient(110deg,#241321f7,#351b2cf1);border-bottom:1px solid #ffc0d444;backdrop-filter:blur(18px)}
.masthead-note{background:#6c3553;color:#fff0f5}
.icon-btn,.space-link,.catalog__saved{background:#fff8f714;border:1px solid #ffd9e45c;color:#fff4f7;box-shadow:inset 0 1px #ffffff20;backdrop-filter:blur(12px)}
.icon-btn:hover,.space-link:hover,.catalog__saved:hover{background:#fff8f727;border-color:#ffc1d6}
.space-link__mark{background:linear-gradient(135deg,#af3f70,#ed83aa);box-shadow:inset 0 1px #ffffff40}
.btn{border:1px solid #ffffff80;box-shadow:inset 0 1px #ffffff58,0 8px 22px #5e294421;backdrop-filter:blur(12px)}
.btn--berry{background:#c74b7de0;color:#fff}.btn--dark{background:#352036e8;color:#fff}.btn--outline{background:#fff8f7bd;color:var(--ink);border-color:#e4b8cc}
.btn:hover{box-shadow:inset 0 1px #ffffff7a,0 13px 27px #5e294436}
.btn:active,.icon-btn:active,.space-link:active{transform:scale(.96)}
.search-panel{background:#fff8f7ee;backdrop-filter:blur(22px);border:1px solid #f4bed4;box-shadow:0 26px 70px #2d102ac7}
.search-panel .icon-btn,.catalog__saved{background:#fff9faac;color:#682d4b;border-color:#e4b8cc}
.search-field,.catalog__search{background:#ffffffc9;border-color:#e3b4c7;box-shadow:inset 0 1px #fff,0 8px 20px #6a315016;backdrop-filter:blur(12px)}
.search-field button,.catalog__search button{background:#c74b7dcf;border-radius:12px;color:#fff;border:1px solid #ffffff85}

/* Photo stage to category lounge: both meet at the same velvet tone. */
body[data-page="index"] .hero-wrap{background-image:url('assets/motif-field-dark.svg'),radial-gradient(ellipse at 80% 5%,#7a3c5d,transparent 42%),linear-gradient(180deg,#241321 0%,#3a2033 100%);background-size:640px 480px,auto,auto;background-position:center top,center,center}
body[data-page="index"] .hero{border-color:#ffc1d280;box-shadow:inset 0 1px #fff7,0 18px 44px #1406178c}
body[data-page="index"] .hero h1 em{color:#ffafd0}
body[data-page="index"] .home-cats{background-image:url('assets/motif-field-dark.svg'),linear-gradient(180deg,#3a2033 0%,#6e3554 100%);background-size:640px 480px,auto;background-position:center 10px,center;padding-bottom:30px}
body[data-page="index"] .home-cats .category-row{margin-top:18px}

/* One lane; the controls have soft transparent fills, never separate outlined cards. */
.category-lane{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:5px;border:1px solid #ffd1e155;border-radius:22px;background:#fff8f70f;box-shadow:inset 0 1px #ffffff3a,0 11px 27px #1b0a1a3f;backdrop-filter:blur(17px) saturate(1.14)}
.category-lane::-webkit-scrollbar{display:none}
.category-lane .category-chip,.category-lane>a{scroll-snap-align:start;position:relative;flex:none;min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:0;border-radius:17px;background:transparent;color:#ffe8f0;box-shadow:none;white-space:nowrap;transition:background .28s var(--ease),color .28s var(--ease),transform .17s var(--ease),box-shadow .28s var(--ease)}
.category-lane .category-chip:hover,.category-lane>a:hover{background:#ffffff24;color:#fff;transform:translateY(0);box-shadow:inset 0 1px #ffffff33}
.category-lane .category-chip:active,.category-lane>a:active{transform:scale(.96)}
.category-lane .category-chip>.icon:first-child,.category-lane>a>.icon{width:19px;height:19px;color:#ffbad3;filter:drop-shadow(0 2px 7px #ff8eb448)}
.category-lane .category-chip>.icon,.category-lane>a>.icon{display:none}
.category-lane .category-chip b{font-size:12px;font-weight:800;letter-spacing:0}
.category-lane a[aria-current],.category-lane a[data-active="true"]{background:linear-gradient(135deg,#a83f6b,#ee82a9);color:#fff;box-shadow:inset 0 1px #ffffff52,0 6px 19px #260e255a}
.category-lane a[aria-current] .icon,.category-lane a[data-active="true"] .icon{color:#fff}
body[data-page="index"] .category-chip{min-height:52px;flex-basis:auto}
body[data-page="index"] .category-chip:first-child{background:#ffffff1c}

/* Wine, rose and cream blend through the game-room entrance. */
body[data-page="index"] .featured{background-image:url('assets/motif-field-light.svg'),linear-gradient(180deg,#6e3554 0%,#ad6486 31px,#edc1d3 65px,#fff1f4 100px,#fff8f7 172px);background-size:640px 480px,auto;background-position:center 85px,center;padding-top:100px;padding-bottom:78px}
body[data-page="index"] .featured .section-head h2{color:#2a1724}
body[data-page="index"] .featured .section-head__link{color:#9d315f}
.featured .game-card,.catalog .game-card,.detail-lower .game-card{border:1px solid #fffc;box-shadow:0 8px 0 #70324b17,0 15px 28px #3614282b;overflow:hidden;background:#331827}
.featured .game-card__art,.catalog .game-card__art,.detail-lower .game-card__art{overflow:hidden;border-radius:inherit}
.featured .game-card:hover,.catalog .game-card:hover,.detail-lower .game-card:hover{border-color:#ff9cc2;box-shadow:0 8px 0 #b5487440,0 22px 38px #36142844}
.game-card__save,.featured .game-card__save,.catalog .game-card__save,.detail-lower .game-card__save{top:9px;right:9px;bottom:auto;z-index:6;width:44px;height:44px;border:1px solid #ffe1e9a8;border-radius:16px 16px 16px 8px;background:#2b1227a3;color:#fff;box-shadow:inset 0 1px #ffffff5c,0 6px 16px #13051780;backdrop-filter:blur(13px) saturate(1.34);transition:transform .17s var(--ease),background .22s,box-shadow .22s}
.game-card__save:hover{transform:translateY(-2px) rotate(4deg);background:#bd4678da;color:#fff;box-shadow:0 8px 18px #40112c88}
.game-card__save:active{transform:scale(.91)}
.game-card__save[aria-pressed="true"],.featured .game-card__save[aria-pressed="true"],.catalog .game-card__save[aria-pressed="true"]{background:linear-gradient(135deg,#bc3f75,#f079a4);border-color:#fff;color:#fff;box-shadow:0 0 18px #e9689a99}
.game-card__save .icon{width:22px;height:22px}
.mobile-nav{background:#241321df;border-color:#ffc9da73;box-shadow:inset 0 1px #ffffff28,0 12px 33px #19081c82;backdrop-filter:blur(20px) saturate(1.22)}
.mobile-nav a{color:#f1c9d9}.mobile-nav a[aria-current]{background:linear-gradient(135deg,#ab3e6e,#de6294);box-shadow:inset 0 1px #ffffff55,0 5px 15px #e3649659}
.mobile-nav a:active{transform:scale(.96)}

/* Lower home sections flow in and out of the night palette. */
body[data-page="index"] .mini-feature{margin-bottom:0;background-image:url('assets/motif-field-dark.svg'),linear-gradient(135deg,#43243a,#251324);background-size:640px 480px,auto;border:1px solid #ffbdd263}
body[data-page="index"] .mia-feature{position:relative;overflow:visible;margin-top:82px;background-image:url('assets/motif-field-dark.svg'),linear-gradient(125deg,#3c2035,#241321);background-size:640px 480px,auto}
body[data-page="index"] .mia-feature:before{content:'';position:absolute;z-index:0;top:-82px;left:0;right:0;height:82px;background:linear-gradient(180deg,#fff8f7 0%,#dba9bf 52%,#3c2035 100%);pointer-events:none}
body[data-page="index"] .mia-feature__text,body[data-page="index"] .mia-feature__image{z-index:1}
body[data-page="index"] .fan-space{width:100%;max-width:none;padding:153px max(36px,calc((100vw - 1272px)/2)) 92px;background-image:url('assets/motif-field-light.svg'),linear-gradient(180deg,#241321 0%,#a86382 42px,#e6bccd 76px,#fff0f4 103px,#fff8f7 151px);background-size:640px 480px,auto}
.fan-space .feature-card,.feature-page__tile,.kit-icons span{background:#fff9fac7;border:1px solid #e7bacd9e;box-shadow:inset 0 1px #fff,0 9px 23px #63274119;backdrop-filter:blur(13px)}
.fan-space .feature-card:hover,.feature-page__tile:hover{background:#fff;box-shadow:0 14px 29px #63274128}
.feature-card__icon{background:#fce3edb9;color:#aa396b;border:1px solid #f4bed2}
.site-footer{position:relative;margin-top:68px;background-image:url('assets/motif-field-dark.svg'),linear-gradient(140deg,#321a2b,#1d101b);background-size:640px 480px,auto}
.site-footer:before{content:'';position:absolute;top:-68px;left:0;right:0;height:68px;background:linear-gradient(180deg,#fff8f7,#d7a0b9 50%,#321a2b);pointer-events:none}

/* The same surface language extends to every route. */
.page-hero,.feature-hero,.midnight-hero,.kit-hero{background-image:url('assets/motif-field-dark.svg'),radial-gradient(ellipse at 80% 5%,#693650 0,transparent 44%),linear-gradient(180deg,#241321 0%,#6e3554 100%);background-size:640px 480px,auto,auto;background-position:center,center,center}
.page-hero:after{background:radial-gradient(circle,#ff9cc238,transparent 65%)}
.catalog,.moments,.feature-page,.kit-page,.midnight-room,.simple-page,.moment-detail,.detail,.detail-lower{background-image:url('assets/motif-field-light.svg'),linear-gradient(180deg,#e9b9ca 0%,#fff1f5 80px,#fff8f7 170px);background-size:640px 480px,auto;background-position:center top,center}
.catalog.page-width,.moments.page-width,.feature-page.page-width,.kit-page.page-width,.midnight-room.page-width,.simple-page.page-width,.moment-detail.page-width,.detail.page-width,.detail-lower.page-width{width:100%;max-width:none;padding-left:max(36px,calc((100vw - 1272px)/2));padding-right:max(36px,calc((100vw - 1272px)/2))}
.catalog__source{background:#ffffff7d;border:1px solid #eac5d4;box-shadow:inset 0 1px #fff,0 8px 22px #4d1b3519;backdrop-filter:blur(15px)}
.catalog__source a{border:0;background:transparent;color:#74445f}
.catalog__source a[aria-current]{background:linear-gradient(135deg,#753a5a,#bb4d7a);color:#fff;box-shadow:inset 0 1px #ffffff56,0 5px 15px #40132938}
.catalog__categories.category-lane{margin:15px 0 25px;background:#48243ba6;border-color:#ffffff8a;box-shadow:inset 0 1px #ffffff48,0 9px 23px #4d1b352b}
.catalog__categories.category-lane>a{width:auto;height:auto;min-height:43px;padding:0 14px;color:#fff0f5;border:0;background:transparent;font-size:11px;font-weight:800;white-space:nowrap}
.catalog__categories.category-lane>a[aria-current]{background:linear-gradient(135deg,#a83f6b,#e77ca4);box-shadow:inset 0 1px #ffffff4f,0 4px 15px #240d2452;color:#fff}
.catalog__categories.category-lane>a .icon{width:18px;height:18px}
.feature-hero__badge{background:#ffffff1b;border:1px solid #ffc4da78;backdrop-filter:blur(16px)}
.detail__art,.moment-card,.mini-feature{box-shadow:0 17px 37px #2a0d2445}
.simple-page .btn,.feature-page .btn,.detail .btn,.moment-detail .btn{backdrop-filter:blur(15px)}
.kit-page .kit-icons span{border-radius:16px}
.kit-identity{display:flex;align-items:center;gap:25px;min-height:174px;margin:0 0 55px;padding:24px 30px;border:1px solid #f7b8d077;border-radius:26px;background-image:url('assets/motif-field-dark.svg'),linear-gradient(115deg,#2c1728,#663550);background-size:640px 480px,auto;color:#fff;box-shadow:0 17px 34px #32142630}
.kit-identity__mark{flex:none;width:84px;height:84px;filter:drop-shadow(0 7px 22px #ff9fc266)}
.kit-identity h2{margin:6px 0 4px;font-size:clamp(32px,4vw,49px);font-weight:800;letter-spacing:-.08em;line-height:1}
.kit-identity h2 span{color:#ff9fc2}.kit-identity h2 small{display:inline-block;vertical-align:middle;margin-left:10px;font-size:11px;letter-spacing:.15em}
.kit-identity p{margin:8px 0 0;color:#f1d7e3;font-size:13px;line-height:1.5}
.kit-lane{max-width:100%;background:#542b45;padding:5px}
.kit-lane>a{font-size:12px;font-weight:800}
.kit-save{position:relative;top:auto;right:auto;bottom:auto;flex:none}
.kit-motif-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kit-motif-grid figure{display:grid;place-items:center;gap:5px;min-width:0;height:180px;margin:0;padding:15px;border:1px solid #ebc9d8;border-radius:19px;background:linear-gradient(145deg,#3a2033,#6e3554);box-shadow:inset 0 1px #ffffff30,0 9px 22px #38172d24}
.kit-motif-grid img{display:block;width:min(100%,190px);height:115px;object-fit:contain}
.kit-motif-grid figcaption{color:#fff0f4;font-size:11px;font-weight:800}

@media(max-width:760px){
  .brand__mark{width:28px;height:28px}.brand{gap:5px}.brand__rule{margin-left:2px}
  .site-header{height:58px}.site-header__inner{width:calc(100% - 30px)}
  .category-lane{border-radius:19px;padding:4px}
  .category-lane .category-chip,.category-lane>a{min-height:49px;padding:0 13px;border-radius:15px}
  body[data-page="index"] .home-cats{padding:20px 16px 25px}
  body[data-page="index"] .home-cats .category-row{margin:15px -16px 0 0;padding-right:4px;gap:3px}
  body[data-page="index"] .category-chip{flex-basis:auto;min-width:0;padding:0 14px}
  body[data-page="index"] .featured{padding:65px 16px 65px;background-image:url('assets/motif-field-light.svg'),linear-gradient(180deg,#6e3554 0%,#ad6486 20px,#edc1d3 42px,#fff1f4 62px,#fff8f7 115px)}
  body[data-page="index"] .featured .game-grid{margin-top:17px}
  body[data-page="index"] .mini-feature{margin-bottom:0}
  body[data-page="index"] .mia-feature{margin-top:64px}
  body[data-page="index"] .mia-feature:before{top:-64px;height:64px}
  body[data-page="index"] .fan-space{padding:124px 16px 73px;background-image:url('assets/motif-field-light.svg'),linear-gradient(180deg,#241321 0%,#a86382 34px,#e6bccd 62px,#fff0f4 89px,#fff8f7 126px)}
  .catalog.page-width,.moments.page-width,.feature-page.page-width,.kit-page.page-width,.midnight-room.page-width,.simple-page.page-width,.moment-detail.page-width,.detail.page-width,.detail-lower.page-width{padding-left:16px;padding-right:16px}
  .catalog.page-width{padding-top:17px}
  .catalog__categories.category-lane{margin:12px -16px 19px 0;padding-right:4px;gap:3px;border-radius:18px}
  .catalog__categories.category-lane>a{min-height:43px;padding:0 12px;font-size:10px}
  .game-card__save,.featured .game-card__save,.catalog .game-card__save{width:43px;height:43px;border-radius:15px 15px 15px 7px}
  .site-footer{margin-top:56px}.site-footer:before{top:-56px;height:56px}
  .kit-identity{gap:13px;min-height:145px;margin-bottom:35px;padding:17px;border-radius:20px}
  .kit-identity__mark{width:55px;height:55px}.kit-identity h2{font-size:32px}.kit-identity h2 small{margin-left:3px;font-size:8px}
  .kit-identity p{font-size:11px}.kit-motif-grid{gap:7px}.kit-motif-grid figure{height:115px;padding:6px;border-radius:13px}.kit-motif-grid img{height:75px}.kit-motif-grid figcaption{font-size:9px}
}
@media(max-width:340px){body[data-page="index"] .category-chip{padding:0 11px}.catalog__categories.category-lane>a{padding:0 10px}.brand__mark{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.category-lane .category-chip,.category-lane>a,.game-card__save,.mobile-nav a,.btn,.icon-btn{transition:none}}