/* SEF motion — original navy / gold identity. Additive, no layout dependency. */
.hero.sef-motion-hero{position:relative;isolation:isolate;overflow:hidden;background-image:none!important}
.sef-motion-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 48%,#faf8f040 61%,#faf8f0df 80%),url('/assets/sef-three-characters.png') center top/cover no-repeat;transform-origin:30% 55%}
html:not(.sef-motion-off) .sef-motion-scene{animation:sef-scene-breathe 24s ease-in-out infinite alternate}
.sef-motion-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.8}
.sef-motion-hero .hero-copy{z-index:2}
.sef-motion-hero .hero-copy h1{overflow:visible}
.sef-motion-progress{position:fixed;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#987027,#e9d29a,#b58a36);transform:scaleX(0);transform-origin:right;z-index:10000;pointer-events:none}
html[dir=ltr] .sef-motion-progress{transform-origin:left}
.sef-motion-toggle{position:fixed;bottom:18px;left:18px;z-index:9000;display:flex;align-items:center;gap:9px;border:1px solid #b58a3670;border-radius:30px;padding:10px 15px;background:#10233ff2;color:#f7f5ef;box-shadow:0 5px 22px #10233f20;font:600 12px/1.4 inherit;cursor:pointer;min-height:44px;backdrop-filter:blur(8px)}
.sef-motion-toggle span:first-child{color:#e0bd73;font-size:15px;width:14px;text-align:center}
.sef-motion-toggle:focus-visible{outline:3px solid #b58a36;outline-offset:4px}
.sef-motion-toggle:hover{background:#1c3655}
.sef-motion-card{--sef-rx:0deg;--sef-ry:0deg;--sef-mx:50%;--sef-my:50%;position:relative;transition:box-shadow .4s ease,transform .5s ease!important}
@media(hover:hover) and (pointer:fine){
 html:not(.sef-motion-off) .sef-motion-card:hover{transform:perspective(1100px) rotateX(var(--sef-rx)) rotateY(var(--sef-ry)) translateY(-5px);box-shadow:0 18px 38px #10233f26}
 html:not(.sef-motion-off) .sef-motion-card:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(420px circle at var(--sef-mx) var(--sef-my),#f3d99826,transparent 65%);opacity:0;transition:opacity .4s;border:1px solid #d3b16b00;border-radius:inherit}
 html:not(.sef-motion-off) .sef-motion-card:hover:after{opacity:1;border-color:#d3b16b75}
 html:not(.sef-motion-off) .sef-motion-card:hover .sef-game-art{transform:scale(1.055)!important;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
}
.sef-motion-card:focus-visible{outline:3px solid #b58a36;outline-offset:4px}
html:not(.sef-motion-off) .sef-explore>a>svg,html:not(.sef-motion-off) .hero-buttons a>svg{transition:transform .3s ease}
html:not(.sef-motion-off) .sef-explore>a:hover>svg,html:not(.sef-motion-off) .hero-buttons a:hover>svg{transform:translate(-3px,-3px)}
.sef-motion-off .sef-motion-scene{animation:none!important;transform:none!important}
.sef-motion-off .sef-motion-particles,.sef-motion-off .sef-motion-progress{display:none}
.sef-motion-off .sef-motion-card,.sef-motion-off .sef-game-art{transition:none!important;transform:none!important}
@keyframes sef-scene-breathe{from{transform:scale(1.005) translate3d(0,0,0)}to{transform:scale(1.045) translate3d(.35%,-.2%,0)}}
@media(max-width:800px){.sef-motion-scene{background:#f7f5ef url('/assets/sef-three-characters.png') left bottom/auto 350px no-repeat;transform-origin:left bottom}.sef-motion-toggle{bottom:12px;left:12px;padding:9px 12px;font-size:11px}.sef-motion-particles{opacity:.55}}
@media(prefers-reduced-motion:reduce){.sef-motion-scene{animation:none!important;transform:none!important}.sef-motion-particles,.sef-motion-progress{display:none!important}.sef-motion-card,.sef-game-art,.sef-explore>a>svg,.hero-buttons a>svg{transition:none!important;transform:none!important}}
@media print{.sef-motion-toggle,.sef-motion-progress,.sef-motion-particles{display:none!important}.sef-motion-scene{animation:none!important;transform:none!important}}