/* Shared game interface. Commerce forms and account logic remain native. */
:root{--yb-game-ink:#123957;--yb-game-blue:#147bc4;--yb-game-cyan:#6ce7ff;--yb-game-yellow:#ffe84d}
body.yb-game-theme{color:var(--yb-game-ink)}
.yb-game-theme :focus-visible{outline:3px solid #1486c9;outline-offset:4px}
.yb-game-curtain{position:fixed;inset:0;z-index:2147483600;background:#000;pointer-events:none;opacity:0;transition:opacity .45s ease-in-out}
.yb-game-curtain.is-leaving{opacity:1;pointer-events:auto}
.yb-game-curtain.is-entering{animation:yb-game-reveal .45s ease-out both;pointer-events:auto}
html.yb-service-arriving .yb-game-curtain{opacity:1;pointer-events:auto;transition:none}
@keyframes yb-game-reveal{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.yb-game-curtain{display:none}}

/* Game pages share one entrance; it never locks navigation or waits for video. */
.yb-game-theme:is(.yb-game-home,.template-collection,.template-search,.template-product) #easystore-section-header{--yb-enter-from:0 -60px}
@media(prefers-reduced-motion:no-preference){
 .yb-game-theme:is(.yb-game-home,.template-collection,.template-search,.template-product) :is(#easystore-section-header,.yb-game-footer){animation:yb-game-enter .3s ease backwards}
}
@keyframes yb-game-enter{from{opacity:0;translate:var(--yb-enter-from,0 60px)}to{opacity:1;translate:0 0}}

/* Shared typewriter: full text reserves its final size and stays readable to assistive technology. */
[data-yb-typewriter]{position:relative}
.yb-typewriter__space{opacity:0}
.yb-typewriter__typed{position:absolute;inset:0}
[data-yb-typewriter][data-typing] .yb-typewriter__typed:after{content:"";display:inline-block;width:2px;height:.85em;margin-left:4px;background:currentColor;animation:yb-typewriter-cursor .42s step-end infinite}
@keyframes yb-typewriter-cursor{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.yb-typewriter__space{opacity:1}.yb-typewriter__typed{display:none}}

/* Homepage and collection share the same full-viewport scene. */
.yb-game-scene{position:fixed;inset:0 0 auto;height:100vh;height:100lvh;z-index:-1;background:#211d1b;overflow:hidden;pointer-events:none}
.yb-game-scene>video,.yb-game-scene>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%}
.yb-game-scene>video{opacity:0}
.yb-game-scene[data-scene-status="ready"]>video{opacity:1}
.yb-game-scene::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0318327d,transparent 42%,transparent 63%,#09213e35),linear-gradient(0deg,#12284d9c,transparent 35%,transparent 88%,#164a6940)}
@media(max-width:700px){.yb-game-scene::after{background:linear-gradient(0deg,#08203ddb,transparent 63%),linear-gradient(90deg,#061f4440,transparent 65%)}}