/* Mavo controls: red capsules, quiet navigation and responsive interaction states. */
:root{
 --control-text:#eff3f8;--control-muted:#b0bdce;--control-accent:#c52e49;
 --control-radius:11px;--control-focus:#eef3fa;--dock-space:128px;
 --press-ease:cubic-bezier(.2,.8,.2,1);--settle-ease:cubic-bezier(.22,1,.36,1);
}
body{padding-bottom:var(--dock-space)}
html{scroll-padding-bottom:var(--dock-space)}
.icon{display:inline-block;flex:none;width:20px;height:20px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;vertical-align:middle}
.icon-arrow-right{--icon:url('assets/icons/arrow-right.svg')}
.icon-caret-right{--icon:url('assets/icons/caret-right.svg')}
.icon-plus{--icon:url('assets/icons/plus.svg')}
.icon-minus{--icon:url('assets/icons/minus.svg')}
.icon-x{--icon:url('assets/icons/x.svg')}
.icon-list{--icon:url('assets/icons/list.svg')}
.icon-pause{--icon:url('assets/icons/pause.svg')}
.icon-play{--icon:url('assets/icons/play.svg')}
.icon-globe{--icon:url('assets/icons/globe.svg')}
.icon-apple{--icon:url('assets/apple.svg')}
.icon-android{--icon:url('assets/icons/android-logo-fill.svg')}
.icon-browser{--icon:url('assets/icons/browser-fill.svg')}
.icon-spade{--icon:url('assets/icons/spade-fill.svg')}
.icon-diamond{--icon:url('assets/icons/diamond-fill.svg')}
.icon-club{--icon:url('assets/icons/club-fill.svg')}
.icon-heart{--icon:url('assets/icons/heart-fill.svg')}
.icon-download{--icon:url('assets/icons/download-simple.svg')}
:is(button,a,summary):focus-visible{outline:2px solid var(--control-focus);outline-offset:4px}

/* Lacquer actions, graphite secondary actions, and plain editorial links. */
:is(.button,.gallery-open){position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:12px 19px;border:1px solid rgb(255 191 204/.35);border-bottom-color:#631527;border-radius:11px;background:linear-gradient(155deg,#e64560,#bb2842 45%,#942037);color:#fff;font-size:13px;font-weight:700;line-height:1.5;box-shadow:inset 0 1px 0 rgb(255 234 240/.28),inset 0 -2px 0 rgb(102 17 39/.25),0 3px 0 #581526,0 7px 15px rgb(48 7 19/.14);overflow:hidden;filter:none;transition:transform 240ms var(--settle-ease),box-shadow 240ms var(--settle-ease)}
:is(.button,.gallery-open):before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(110deg,transparent 18%,rgb(255 255 255/.18) 48%,transparent 78%);transform:translateX(-115%);opacity:0;transition:transform 600ms var(--settle-ease),opacity 180ms var(--press-ease)}
:is(.button,.gallery-open)>.icon{width:19px;height:19px;transition:transform 250ms var(--settle-ease)}
:is(.button,.gallery-open):hover{filter:none;background:linear-gradient(155deg,#e64560,#bb2842 45%,#942037)}
:is(.button,.gallery-open):active{transform:translateY(2px);box-shadow:inset 0 2px 5px rgb(66 6 24/.16),0 1px 0 #581526}
.gallery-open{min-height:48px;margin-top:24px;padding:12px 17px;gap:19px}
.text-link{position:relative;display:inline-flex;align-items:center;min-height:46px;gap:15px;font-size:13px;font-weight:700;color:#d0d8e4;transition:color 250ms var(--settle-ease)}
.text-link:after{content:'';position:absolute;left:0;bottom:6px;right:34px;height:1px;background:linear-gradient(90deg,#d64861,transparent);transform:scaleX(0);transform-origin:left;transition:transform 320ms var(--settle-ease)}
.text-link .icon{width:19px;height:19px;color:#e06279;transition:transform 320ms var(--settle-ease)}
.text-link:hover{color:#fff}
.text-link:hover:after{transform:scaleX(1)}
.text-link:hover .icon{transform:translateX(4px)}

/* Four selectors behave like inset format paddles. */
.game-selector{gap:5px;padding:13px 10px;background:linear-gradient(160deg,#252d38,#151d27 35%,#101720);box-shadow:inset -1px 0 0 rgb(221 235 253/.07)}
.game-tab{grid-template-columns:35px minmax(0,1fr) 13px;gap:10px;min-height:111px;padding:14px 11px;border-radius:10px;border:1px solid transparent;transition:transform 260ms var(--settle-ease),color 260ms var(--settle-ease),background 260ms var(--settle-ease),box-shadow 260ms var(--settle-ease)}
.game-tab:before{left:0;width:2px;top:calc(50% - 20px);height:40px;border-radius:2px;background:linear-gradient(#fb637a,#bd2842);transition:opacity 260ms var(--settle-ease),transform 260ms var(--settle-ease)}
.game-tab[aria-selected=true]{color:#f4f7fb;border-color:rgb(213 230 250/.16);border-bottom-color:#0c131e;background:linear-gradient(140deg,#364354,#242f3e 55%,#1b2736);box-shadow:inset 0 1px 0 rgb(234 245 255/.12),0 3px 8px rgb(4 10 18/.15)}
.game-tab:active{transform:translateY(1px)}
.game-tab strong{font-size:13px;letter-spacing:-.25px;line-height:1.5}
.game-tab small{font-size:11px;color:#a8b8cc;margin-top:6px}
.format-suit{position:relative;display:grid;place-items:center;width:33px;height:38px;color:#8c9fb7;border:1px solid rgb(208 225 247/.09);border-bottom-color:#080f18;border-radius:7px;background:linear-gradient(150deg,#202e40,#111c2b);box-shadow:inset 0 1px 0 rgb(224 239 255/.06),0 2px 0 #080f18;transition:color 260ms var(--settle-ease),transform 260ms var(--settle-ease),box-shadow 260ms var(--settle-ease)}
.format-suit>.icon{width:18px;height:18px}
.game-tab:nth-child(even) .format-suit{color:#c1586e}
.game-tab[aria-selected=true] .format-suit{color:#202e40;background:linear-gradient(150deg,#f0f4f9,#bdcbdc);border-color:#d5dfec;border-bottom-color:#6a7b90;box-shadow:inset 0 1px 0 #fff,0 2px 0 #0b1421}
.game-tab[aria-selected=true]:nth-child(even) .format-suit{color:#9e2940}
.game-tab>.icon{width:14px;height:14px;opacity:0;color:#e78194;transform:translateX(-3px);transition:opacity 260ms var(--settle-ease),transform 260ms var(--settle-ease)}
.game-tab[aria-selected=true]>.icon{opacity:1;transform:none}
.gallery-copy p{font-size:14px;color:#bdc9d9}
.gallery-outgoing{position:absolute;inset:0 0 0 auto;z-index:-2;pointer-events:none}

/* A restrained engraved control beside the hero, without changing media geometry. */
.hero-film>.motion-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#b9c8dc;font-size:11px;line-height:1.4;transition:color 250ms var(--settle-ease),background 250ms var(--settle-ease)}
.motion-toggle>.icon{width:16px;height:16px}
.motion-toggle .icon-play,.motion-toggle[data-paused=true] .icon-pause{display:none}
.motion-toggle[data-paused=true] .icon-play{display:inline-block}
.motion-toggle:hover{background:rgb(89 111 141/.1);color:#eef4fb}

/* Native disclosure and modal behavior with consistent tactile furniture. */
.faq details{padding-inline:17px;border-left:2px solid transparent;border-bottom-color:rgb(211 228 251/.13);border-radius:0 12px 12px 0;transition:background 250ms var(--settle-ease),border-color 250ms var(--settle-ease)}
.faq details[open]{background:linear-gradient(110deg,rgb(86 108 138/.13),transparent);border-left-color:#d23a54}
.faq summary{min-height:76px;padding:22px 0;font-size:15px;line-height:1.55;gap:20px;transition:color 220ms var(--settle-ease)}
.faq details:first-child summary{padding-top:22px}
.faq summary .faq-toggle{position:relative;display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #526175;border-bottom-color:#0e1826;border-radius:8px;background:linear-gradient(150deg,#35465b,#202f43);color:#dae4f2;box-shadow:inset 0 1px 0 rgb(238 246 255/.16),0 2px 0 #0b1420;transform:none;transition:transform 260ms var(--settle-ease),background 260ms var(--settle-ease),color 260ms var(--settle-ease)}
.faq summary .faq-toggle .icon{display:block;position:absolute;width:15px;height:15px;transform:none;transition:opacity 220ms var(--settle-ease),transform 320ms var(--settle-ease)}
.faq summary .faq-toggle .icon-plus{opacity:1}
.faq summary .faq-toggle .icon-minus{opacity:0}
.faq details[open] summary .faq-toggle{transform:translateY(1px);color:#fff;background:linear-gradient(155deg,#bb3852,#84243c);border-color:#cb667e;box-shadow:inset 0 1px 0 rgb(255 216 229/.15),0 1px 0 #3d1321}
.faq details[open] summary .faq-toggle .icon-plus{opacity:0;transform:rotate(90deg)}
.faq details[open] summary .faq-toggle .icon-minus{opacity:1;transform:none}
.faq summary:hover{color:#fff}
.faq-content{overflow:hidden}
.faq details .faq-content p{font-size:14px;line-height:1.85;color:#b6c6db;padding:0 49px 24px 0;max-width:620px}

dialog{max-width:560px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:48px 40px 38px;border:1px solid #5c6e84;border-bottom-color:#101927;border-radius:21px;background:radial-gradient(ellipse at 15% 0%,rgb(130 155 189/.13),transparent 55%),linear-gradient(145deg,#273447,#151f2d 68%);box-shadow:inset 0 1px 0 rgb(238 247 255/.17),inset 0 -3px 0 #0b1523,0 25px 90px rgb(2 8 17/.35);color:#eaf1f9}
body:has(dialog[open]){overflow:hidden}
dialog::backdrop{background:rgb(3 8 17/.77);backdrop-filter:blur(9px)}
dialog h2{font-size:34px;line-height:1.25;letter-spacing:-1.3px}
dialog>p{font-size:15px;line-height:1.85;color:#bacbe0}
.dialog-close{position:absolute;display:grid;place-items:center;right:14px;top:14px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:transparent;border:1px solid transparent;border-radius:10px;color:#bdcce0;transition:color 220ms var(--settle-ease),background 220ms var(--settle-ease),transform 220ms var(--settle-ease)}
.dialog-close>.icon{width:21px;height:21px}
.dialog-close:hover{color:#fff;background:#34445a}
.dialog-close:active{transform:scale(.94)}
.dialog-kicker{display:inline-block;font-size:10px!important;font-weight:700;letter-spacing:1.6px;color:#ef9eb0!important;margin:0 0 12px!important}
.platform-dialog-icon{display:grid;place-items:center;width:58px;height:60px;margin-bottom:25px;border:1px solid #e2ebf8;border-bottom-color:#8295ae;border-radius:13px;background:linear-gradient(150deg,#f7faff,#c0cfe1);box-shadow:inset 0 1px 0 #fff,0 3px 0 #657991,0 9px 23px rgb(3 10 21/.16);color:#23344a}
.platform-dialog-icon>.icon{width:31px;height:31px}
.platform-dialog>p:not(.dialog-kicker){max-width:410px;margin-top:20px}
.platform-dialog .button{margin-top:29px}
.rule-box{padding:20px 22px;border:1px solid rgb(212 231 255/.1);border-radius:11px;background:linear-gradient(145deg,#1c2b3e,#132033);box-shadow:inset 0 2px 5px rgb(3 10 21/.14);margin:25px 0}
.rule-box strong{font-size:10px;letter-spacing:1.4px;color:#c3d0e0}
.rule-box p{font-size:14px;color:#b1c2d8}
.product-fields dt{font-size:13px;color:#e4edf8}
.product-fields dd{font-size:12px;color:#a5b7ce}
.status-tag{color:#d79cae}

@media(hover:hover) and (pointer:fine){
 :is(.button,.gallery-open):hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgb(255 234 240/.3),0 5px 0 #581526,0 9px 18px rgb(48 7 19/.18)}
 :is(.button,.gallery-open):hover:before{opacity:1;transform:translateX(115%)}
 :is(.button,.gallery-open):hover>.icon{transform:translateX(3px)}
 :is(.button,.gallery-open):active{transform:translateY(2px);box-shadow:inset 0 2px 5px rgb(66 6 24/.16),0 1px 0 #581526}
 .game-tab:not([aria-selected=true]):hover{background:rgb(173 197 229/.045);color:#d9e5f4}
 .game-tab:not([aria-selected=true]):hover .format-suit{transform:translateY(-1px);color:#d1deee}
 .faq summary:hover .faq-toggle{transform:translateY(-1px);color:#fff}
}
@media(min-width:768px) and (max-width:959px){
 .game-tab{grid-template-columns:29px minmax(0,1fr);gap:9px;padding-inline:10px}.format-suit{width:28px;height:34px}.game-tab>.icon{display:none}.game-tab strong{font-size:12px}.game-tab small{font-size:10px}
}
@media(max-width:767px){
 :root{--dock-space:calc(100px + env(safe-area-inset-bottom,0px))}
 .game-selector{gap:5px;padding:9px}.game-tab{grid-template-columns:28px minmax(0,1fr);gap:9px;min-height:85px;padding:12px 9px;border-radius:8px}.game-tab strong{font-size:12px;line-height:1.5;letter-spacing:-.3px}.game-tab small{font-size:10px;margin-top:4px}.format-suit{width:27px;height:31px;border-radius:6px}.format-suit>.icon{width:16px;height:16px}.game-tab>.icon{display:none}
 .gallery-open{min-height:48px;font-size:12px;gap:16px;padding:12px 16px}.gallery-copy p{font-size:13px}
 .hero-film>.motion-toggle{font-size:10px;min-height:44px}
 .faq details{padding-inline:12px}.faq summary{font-size:14px;min-height:72px;padding-block:20px;gap:15px}.faq details:first-child summary{padding-top:20px}.faq summary .faq-toggle{width:30px;height:30px}.faq details .faq-content p{font-size:13px;padding-right:8px;padding-bottom:23px}
 dialog{padding:46px 26px 31px;border-radius:18px}dialog h2{font-size:29px;letter-spacing:-1px}.platform-dialog-icon{width:52px;height:54px;border-radius:11px}.platform-dialog-icon>.icon{width:28px;height:28px}.platform-dialog>p:not(.dialog-kicker){font-size:14px}.platform-dialog .button{margin-top:25px;font-size:12px}
 .product-fields dt{font-size:12px}.product-fields dd{font-size:11px}
}
@media(max-width:360px){.brand{font-size:18px}
 .game-tab{grid-template-columns:23px minmax(0,1fr);gap:7px;padding-inline:6px}.format-suit{width:23px;height:29px}.format-suit>.icon{width:15px;height:15px}.game-tab strong{font-size:11px}.game-tab small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.platform-button:before,.button:before,.gallery-open:before{display:none}}
@media(prefers-reduced-transparency:reduce){dialog::backdrop{background:#070f1d;backdrop-filter:none}}

/* Red capsules carry the platform actions without a surrounding tray. */
:root{--dock-space:120px;--capsule-red:#d32645;--capsule-hover:#df2b4c}
.platform-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.hero-actions.platform-buttons{width:540px;max-width:100%;margin-top:30px}
.platform-button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:56px;padding:14px 22px;border:0;border-radius:999px;background:var(--capsule-red);color:#fff;box-shadow:0 5px 18px rgb(155 14 43/.12);font-weight:700;line-height:1.4;overflow:hidden;isolation:isolate;transition:transform 240ms var(--settle-ease),background 240ms var(--settle-ease),box-shadow 240ms var(--settle-ease)}
.platform-button:before,.platform-icon:after{display:none}
.platform-icon{display:grid;place-items:center;flex:none;width:25px;height:28px;margin:0;color:#fff}
.platform-icon>.icon{width:25px;height:25px}
.platform-button .platform-label{min-width:0}
.platform-button strong{display:block;font-size:.875rem;line-height:1.45;font-weight:700;letter-spacing:-.15px;white-space:normal;overflow-wrap:anywhere;text-align:center;color:#fff}
.platform-button small{display:none}
.platform-name-short{display:none}
.platform-button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.platform-button:active{transform:scale(.975);background:#ba1e39;box-shadow:none}

/* The header is a quiet floating capsule. Mobile keeps only the brand and menu. */
.nav-surface{height:68px;gap:34px;padding-inline:25px;border:0;border-radius:999px;background:rgb(12 17 24/.88);box-shadow:0 8px 28px rgb(2 7 14/.08);backdrop-filter:blur(20px)}
#site-nav{position:relative;gap:25px}
#site-nav a{font-size:13px;font-weight:700;color:#acb7c6;transition:color 220ms var(--settle-ease)}
#site-nav a:hover,#site-nav a[aria-current]{color:#fff}
#site-nav a:after{border-radius:2px}
#site-nav.nav-motion-ready a[aria-current]:after{opacity:0}
.nav-indicator{position:absolute;left:0;top:0;width:var(--indicator-width,0px);height:2px;transform:translate(var(--indicator-x,0px),var(--indicator-y,0px));opacity:var(--indicator-visible,0);border-radius:2px;background:#e73856;pointer-events:none;transition:transform 320ms var(--settle-ease),width 320ms var(--settle-ease),opacity 180ms var(--press-ease)}
.nav-actions{display:flex;align-items:center;gap:16px;margin-left:auto}
.language{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#b6c1d0}
.language>.icon{width:17px;height:17px}
.menu{position:relative;display:none;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:0;border:0;border-radius:50%;background:rgb(255 255 255/.045);box-shadow:none;transition:background 220ms var(--settle-ease),transform 220ms var(--settle-ease)}
.menu-stroke{position:absolute;left:12px;right:12px;height:1.5px;border-radius:2px;background:#edf2f8;transition:transform 320ms var(--settle-ease)}
.menu-stroke:first-child{transform:translateY(-3px)}
.menu-stroke:last-child{transform:translateY(3px)}
.menu[aria-expanded=true] .menu-stroke:first-child{transform:rotate(45deg)}
.menu[aria-expanded=true] .menu-stroke:last-child{transform:rotate(-45deg)}
.menu:hover{background:rgb(255 255 255/.09)}
.menu:active{transform:scale(.95)}

/* The same actions stay within reach below the fold, with a shared release status. */
.platform-dock{position:fixed;z-index:15;left:0;right:0;bottom:0;width:auto;transform:none;padding:18px 24px calc(15px + env(safe-area-inset-bottom,0px));border:0;border-radius:0;background:linear-gradient(0deg,rgb(9 14 21/.98) 0%,rgb(9 14 21/.92) 65%,rgb(9 14 21/.72) 83%,transparent 100%);box-shadow:none;backdrop-filter:none}
.platform-dock[hidden]{display:none}
.dock-inner{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(540px,100%);padding:0;margin-inline:auto}
.dock-status{font-size:10px;line-height:1.4;font-weight:400;color:#bdc8d6;letter-spacing:.2px}
.platform-dock .platform-buttons{width:100%;gap:12px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.platform-dock .platform-button{min-height:50px;padding:12px 20px;border-radius:999px}
.platform-dock .platform-icon{width:23px;height:26px}
.platform-dock .platform-icon>.icon{width:23px;height:23px}
.platform-dock .platform-button strong{font-size:.8125rem}
#app{scroll-margin-top:0}
.footer{border-top:1px solid rgb(220 232 249/.07)}
@media(hover:hover) and (pointer:fine){
 .platform-button:hover{transform:translateY(-2px);background:var(--capsule-hover);box-shadow:0 8px 24px rgb(173 16 49/.2)}
 .platform-button:active{transform:scale(.975);background:#ba1e39;box-shadow:none}
}
@media(max-width:1199px){
 .nav-surface{gap:24px;padding-inline:23px}#site-nav{gap:19px}#site-nav a{font-size:12px}.language{font-size:11px}
}
@media(max-width:1050px){
 .menu{display:flex}.nav-actions{gap:10px}
 #site-nav{position:absolute;top:92px;left:40px;right:40px;padding:15px 26px 23px;border:1px solid rgb(212 228 249/.08);border-radius:22px;background:rgb(15 22 32/.98);box-shadow:0 16px 36px rgb(2 8 18/.16);grid-template-columns:repeat(3,1fr);gap:3px 25px}
 #site-nav a{min-height:48px;padding:14px 0;font-size:14px}
 .hero-actions.platform-buttons{width:510px;gap:10px}
 .platform-button{padding-inline:17px;gap:9px}
}
@media(min-width:768px) and (max-width:959px){
 .hero-actions.platform-buttons{width:420px;gap:9px}.hero-actions .platform-button{padding-inline:12px;min-height:54px;gap:8px}.hero-actions .platform-icon{width:23px}.hero-actions .platform-icon>.icon{width:23px;height:23px}.hero-actions .platform-button strong{font-size:13px}.hero-actions .platform-name-full{display:none}.hero-actions .platform-name-short{display:inline}
 #site-nav{left:28px;right:28px}
}
@media(max-width:767px){
 :root{--dock-space:calc(112px + env(safe-area-inset-bottom,0px))}
 .header{padding-top:10px;margin-bottom:-70px}
 .nav-surface{height:60px;padding-inline:18px 9px;gap:12px;border-radius:999px;background:rgb(12 17 24/.88)}
 .nav-surface .brand{font-size:22px;letter-spacing:-1.1px}
 .nav-actions{gap:0}.language{display:none}
 #site-nav{left:18px;right:18px;top:80px;padding:13px 22px 21px;grid-template-columns:1fr 1fr;gap:3px 24px;border-radius:20px}
 #site-nav a{min-height:48px;font-size:13px}
 .hero-actions.platform-buttons{width:100%;max-width:410px;grid-template-columns:1fr 1.15fr 1fr;gap:8px;margin-top:24px}
 .platform-button{min-height:49px;padding:12px 12px;gap:8px;border-radius:999px;box-shadow:0 4px 15px rgb(155 14 43/.1)}
 .platform-icon{width:20px;height:23px}.platform-icon>.icon{width:20px;height:20px}
 .platform-button strong{font-size:.8125rem;letter-spacing:-.15px}
 .platform-name-full{display:none}.platform-name-short{display:inline}
 .platform-dock{padding:16px 18px calc(12px + env(safe-area-inset-bottom,0px));border:0;border-radius:0}
 .dock-inner{width:100%;gap:7px}.dock-status{font-size:.75rem}
 .platform-dock .platform-buttons{grid-template-columns:1fr 1.15fr 1fr;gap:8px}
 .platform-dock .platform-button{min-height:47px;padding:11px 12px;gap:8px;border-radius:999px}
 .platform-dock .platform-icon{width:19px;height:22px}.platform-dock .platform-icon>.icon{width:19px;height:19px}
 .platform-dock .platform-button strong{font-size:.75rem}
 #app{scroll-margin-top:0}
}
@media(max-width:360px){
 .nav-surface{padding-inline:16px 8px}.nav-surface .brand{font-size:20px;letter-spacing:-1px}
 .hero-actions.platform-buttons{grid-template-columns:1fr 1.2fr 1fr;gap:6px}.platform-button{padding-inline:6px;gap:5px;min-height:47px}.platform-icon{width:16px;height:20px}.platform-icon>.icon{width:16px;height:16px}.platform-button strong{font-size:.75rem;letter-spacing:0}
 .platform-dock{padding-inline:14px}.platform-dock .platform-buttons{grid-template-columns:1fr 1.2fr 1fr;gap:6px}.platform-dock .platform-button{padding-inline:6px;gap:5px}.platform-dock .platform-icon{width:16px}.platform-dock .platform-icon>.icon{width:16px;height:16px}.platform-dock .platform-button strong{font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){.platform-button,.menu,.menu-stroke,.nav-indicator{transition:none!important}}
@media(prefers-reduced-transparency:reduce){.nav-surface{background:#101720;backdrop-filter:none}.platform-dock{background:#0c121c}}

/* Motion is attached to deliberate interactions and one-time reveals. */
.hero h1{display:flow-root}
.hero-line-mask{display:block;overflow:clip;padding-bottom:.09em;margin-bottom:-.09em}
[data-hero-line]{display:block}
.gallery-scene{touch-action:pan-y pinch-zoom}
.gallery-copy{cursor:auto}
.gallery-scene:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--light-x,70%) var(--light-y,40%),rgb(222 235 252/.075),transparent 58%);transition:opacity 420ms var(--settle-ease)}
.gallery-scene.is-lit:before{opacity:1}
.gallery-art{transform:perspective(1100px) rotateX(var(--art-rx,0deg)) rotateY(var(--art-ry,0deg)) translateX(var(--swipe-x,0px));transform-origin:75% 62%;transition:transform 520ms var(--settle-ease)}
.gallery-scene[data-dragging=true] .gallery-art{transition:none}
.platform-button:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(95px circle at var(--key-light-x,50%) var(--key-light-y,50%),rgb(255 255 255/.19),transparent 100%);transition:opacity 280ms var(--settle-ease)}
.platform-button.has-pointer:after{opacity:1}
@media(hover:hover) and (pointer:fine){.gallery-scene{cursor:grab}.gallery-scene[data-dragging=true]{cursor:grabbing}}
@media(prefers-reduced-motion:reduce){.gallery-art{transform:none!important}.gallery-scene:before,.platform-button:after{display:none}}

/* The guide is the primary action; availability remains a quiet next step. */
.dialog-guide-link{margin-top:28px;width:fit-content;max-width:100%;white-space:normal;text-align:center}
#game-dialog .dialog-release-link{margin-top:16px;background:none;box-shadow:none;border:0;padding:0;justify-content:flex-start}
.text-link{white-space:normal;overflow-wrap:break-word}
.table-scroll-hint{font-size:.75rem;line-height:1.6;color:#b7c3d2;text-align:right;margin:0 2px 12px;letter-spacing:.02em}
@media(max-width:767px){
 .home-page .gallery-copy p,.home-page .faq details .faq-content p{font-size:.9375rem;line-height:1.85}
 .home-page .game-tab strong{font-size:.8125rem;line-height:1.5}
 .home-page .game-tab small{font-size:.75rem;line-height:1.5}
 .home-page .gallery-open,.home-page .text-link{font-size:.875rem}
 .home-page .status-tag,.home-page .availability{font-size:.75rem;line-height:1.8}
 .site-footer nav>a{font-size:.875rem;min-height:44px}
 .site-footer h2,.footer-brand>p,.footer-contact>a{font-size:.875rem}
 .footer-contact p,.footer-bottom{font-size:.75rem;line-height:1.8}
}