*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{overflow:hidden;background:var(--bg);color:var(--t1);font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased}.sprite{display:none}.stage{--split: .5;--slant: var(--sec-2);--mx: 0;--my: 0;position:fixed;inset:0;overflow:hidden}#scene{position:absolute;inset:0;width:100%;height:100%}.side{position:absolute;inset:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.side-road{--c: var(--_re-rgb);--c-dark: var(--re2);clip-path:polygon(0 0,calc(var(--split) * 100% + var(--slant)) 0,calc(var(--split) * 100% - var(--slant)) 100%,0 100%)}.side-path{--c: var(--_a);--c-dark: var(--p2);clip-path:polygon(calc(var(--split) * 100% + var(--slant)) 0,100% 0,100% 100%,calc(var(--split) * 100% - var(--slant)) 100%)}.content{position:absolute;top:36%;display:flex;flex-direction:column;align-items:center;gap:var(--sec-1);width:max-content;transform:translate(calc(-50% - var(--mx) * var(--sp-2)),calc(-50% - var(--my) * var(--sp-2)));transition:opacity var(--dur-slow) var(--ease)}.side-road .content{left:calc(var(--split) * 50%)}.side-path .content{left:calc(50% + var(--split) * 50%)}.stage[data-focus] .side:not([data-active]) .content{opacity:var(--op-5)}.tag{padding:var(--sp-1) calc(var(--sp-3) - var(--ls-lg) * 3) var(--sp-1) var(--sp-3);border:var(--bw) solid rgba(var(--c),var(--op-3));border-radius:var(--r-xl);background:rgba(var(--c),var(--op-1));color:rgb(var(--c));font-size:var(--fs-sm);font-weight:700;letter-spacing:calc(var(--ls-lg) * 3);text-transform:uppercase}.name{display:block;appearance:none;border:0;cursor:pointer;font-family:inherit;font-size:clamp(var(--fs-lg),5.8vw,calc(var(--fs-lg) * 6));font-weight:800;line-height:1;letter-spacing:var(--ls-tight);text-transform:uppercase;background:linear-gradient(180deg,var(--white) 35%,rgb(var(--c)) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 var(--glow-md) rgba(var(--c),var(--op-5)));transition:filter var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}.side[data-active] .name{filter:drop-shadow(0 0 var(--glow-lg) rgba(var(--c),var(--op-8)));transform:scale(1.04)}.name:focus-visible{outline:var(--bw) solid var(--white);outline-offset:var(--sp-2);border-radius:var(--r-md)}.menu{display:grid;justify-items:center;align-items:center}.hint,.actions{grid-area:1 / 1;transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease),visibility 0s}.hint{display:none;align-items:center;gap:var(--sp-1);color:var(--t2);font-size:var(--fs-sm);font-weight:600;letter-spacing:calc(var(--ls-lg) * 3);text-transform:uppercase}.hint svg{width:var(--sz-sm);height:var(--sz-sm);fill:rgb(var(--c));animation:nudge var(--dur-2) var(--ease) infinite}.stage[data-ready] .hint{display:inline-flex}.actions{display:flex;gap:var(--sp-3)}.stage[data-ready] .side:not([data-active]) .actions,.stage[data-ready] .side[data-active] .hint{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,0s,var(--dur-slow)}.stage[data-ready] .side:not([data-active]) .actions{transform:translateY(var(--sp-2))}.stage[data-ready] .side[data-active] .hint{transform:translateY(calc(var(--sp-2) * -1))}.cta{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sec-1);border:var(--bw) solid transparent;border-radius:var(--r-md);color:var(--white);text-decoration:none;white-space:nowrap;font-size:var(--fs-base);font-weight:600;transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),background var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.cta svg{width:var(--sz-sm);height:var(--sz-sm);fill:currentColor}.cta:hover,.cta:focus-visible{transform:translateY(calc(var(--sp-0) * -1))}.cta:active{transform:var(--btn-press)}.cta:focus-visible{outline:var(--bw) solid var(--white);outline-offset:var(--sp-1)}.cta-fill{background:linear-gradient(135deg,var(--c-dark),rgb(var(--c)));box-shadow:0 var(--glow-sm) var(--glow-md) rgba(var(--c),var(--op-3))}.cta-fill:hover,.cta-fill:focus-visible{box-shadow:0 var(--glow-sm) var(--glow-lg) rgba(var(--c),var(--op-8))}.cta-ghost{background:var(--bg-overlay);border-color:rgba(var(--c),var(--op-5))}.cta-ghost:hover,.cta-ghost:focus-visible{border-color:rgb(var(--c));box-shadow:0 0 var(--glow-md) rgba(var(--c),var(--op-5))}.game{position:absolute;top:var(--sec-1);left:calc(var(--split) * 100% + var(--slant));transform:translate(-50%);padding:var(--sp-1) calc(var(--sp-3) - var(--ls-lg) * 3) var(--sp-1) var(--sp-3);border:var(--bw) solid var(--ln);border-radius:var(--r-xl);background:var(--bg-overlay);color:var(--t2);font-size:var(--fs-xs);font-weight:600;letter-spacing:calc(var(--ls-lg) * 3);text-transform:uppercase;white-space:nowrap;pointer-events:none}@keyframes fade{0%{opacity:0}}@keyframes enter{0%{opacity:0;transform:translateY(var(--sec-1))}}@keyframes enter-road{0%{opacity:0;transform:translate(calc(var(--sec-3) * -1))}}@keyframes enter-path{0%{opacity:0;transform:translate(var(--sec-3))}}@keyframes nudge{50%{transform:translate(var(--sp-1))}}.side-road .name{animation:enter-road var(--dur-1) var(--ease) var(--dur-slower) backwards}.side-path .name{animation:enter-path var(--dur-1) var(--ease) var(--dur-slower) backwards}.tag{animation:enter var(--dur-1) var(--ease) var(--dur-1) backwards}.menu{animation:enter var(--dur-1) var(--ease) var(--dur-2) backwards}.game{animation:fade var(--dur-1) var(--ease) var(--dur-2) backwards}@media(prefers-reduced-motion:reduce){.side .name,.tag,.menu,.game,.hint svg{animation:none}}@media(orientation:portrait){.stage{--slant: var(--sec-1)}.side-road{clip-path:polygon(0 0,100% 0,100% calc(var(--split) * 100% - var(--slant)),0 calc(var(--split) * 100% + var(--slant)))}.side-path{clip-path:polygon(0 calc(var(--split) * 100% + var(--slant)),100% calc(var(--split) * 100% - var(--slant)),100% 100%,0 100%)}.content{gap:var(--sp-3)}.side-road .content{left:50%;top:calc(var(--split) * 36%)}.side-path .content{left:50%;top:calc(36% + var(--split) * 64%)}.name{font-size:clamp(var(--fs-lg),12.5vw,calc(var(--fs-lg) * 6))}.actions{gap:var(--sp-2)}.cta{padding:var(--sp-2) var(--sp-3)}.game{top:calc(var(--split) * 100%);left:50%;transform:translate(-50%,-50%)}}