.xp{min-height:calc(100vh - 5rem);min-height:calc(100svh - 5rem);display:flex;overflow:hidden}.xp-pixel{image-rendering:pixelated}.xp-ic{width:var(--icon-xl);height:var(--icon-xl);flex:none}.xp-hero{flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:3rem;padding:4rem max(2rem,calc((100% - 78rem)/2))}.xp-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.xp-visual{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem;min-width:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}[data-tilt]{transform:perspective(1000px) rotateX(var(--ry, 0deg)) rotateY(var(--rx, 0deg));transition:transform .25s ease-out}.xp-ebl-mascot{width:9rem;height:9rem;margin-bottom:1rem;animation:xp-bob 3.2s ease-in-out infinite}.xp-kicker{color:var(--brand-light);font-size:var(--fs-lg);letter-spacing:.2em;text-transform:uppercase}.xp-ebl-title{margin:.25rem 0 0;color:#fff;font-size:var(--fs-display);font-weight:700;line-height:.95;letter-spacing:.01em}.xp-lead{margin:.75rem 0 2rem;max-width:30rem;color:#d6ecb0;font-size:var(--fs-3xl);line-height:1.15}.xp-ebl-cta{display:inline-flex;align-items:center;gap:.75rem;padding:.9rem 1.5rem;border-radius:.75rem;background:var(--brand);color:#fff;font-size:var(--fs-2xl);font-weight:700;text-decoration:none;transition:filter .15s ease,transform .15s ease}.xp-ebl-cta:hover{filter:brightness(1.12);transform:translateY(-2px)}.xp-ebl-cta:active{transform:translateY(0)}.xp-stores{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.xp-ebl-store{display:flex;align-items:center;gap:.6rem;padding:.5rem .9rem;border-radius:.6rem;border:1px solid var(--line);background:#ffffff08;color:var(--ink);text-decoration:none;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.xp-ebl-store:hover{border-color:var(--brand-light);background:var(--brand-soft);transform:translateY(-2px)}.xp-store-text{display:flex;flex-direction:column;font-size:var(--fs-lg);line-height:1.1;font-weight:600}.xp-store-text small{color:var(--ink-3);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase}.xp-note{margin:1rem 0 0;color:var(--ink-4);font-size:var(--fs-md)}.xp-ebl-window{width:100%;max-width:40rem;border-radius:.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0b0b0b}.xp-win-bar{display:flex;align-items:flex-end;gap:.75rem;height:2.5rem;padding:0 0 0 .75rem;background:#202124;font-family:Segoe UI,system-ui,sans-serif;font-size:var(--fs-xs)}.xp-win-brand{display:flex;align-items:center;gap:.4rem;align-self:center;color:var(--ink-2);white-space:nowrap}.xp-win-brand img,.xp-win-tab img{width:var(--icon-sm);height:var(--icon-sm);flex:none}.xp-win-tabs{display:flex;flex:1;min-width:0;gap:2px}.xp-win-tab{display:flex;align-items:center;gap:.5rem;min-width:0;width:10rem;height:2rem;padding:0 .75rem;border-radius:.5rem .5rem 0 0;color:#9aa0a6;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .15s ease,color .15s ease}.xp-win-tab.is-active{background:#35363a;color:#e8eaed}a.xp-win-tab:hover{background:#2c2d30;color:#e8eaed}.xp-win-ctrl{display:flex;align-self:stretch}.xp-win-ctrl svg{box-sizing:border-box;width:2.75rem;padding:0 1rem;fill:none;stroke:#9aa0a6;stroke-width:1;transition:background-color .15s ease,stroke .15s ease}.xp-win-ctrl svg *{vector-effect:non-scaling-stroke}.xp-win-ctrl svg:hover{background:#ffffff14}.xp-win-ctrl svg:last-child:hover{background:#c42b1c;stroke:#fff}.xp-ebl-window>img{display:block;width:100%;height:auto}.xp-warp{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:radial-gradient(40rem 30rem at 50% 50%,rgba(184,167,240,.12),transparent 70%),#0e0e11;clip-path:circle(0 at var(--wx, 50%) var(--wy, 50%));visibility:hidden;pointer-events:none}.xp-warp.is-on{visibility:visible;pointer-events:auto;animation:xp-warp-in .65s cubic-bezier(.7,0,.3,1) forwards}.xp-warp-logo{width:6rem;height:auto;opacity:0;filter:drop-shadow(0 0 2rem rgba(184,167,240,.6))}.xp-warp-name{color:#b8a7f0;font-family:Segoe UI,system-ui,sans-serif;font-size:var(--fs-lg);font-weight:600;letter-spacing:.3em;text-transform:uppercase;opacity:0}.xp-warp.is-on .xp-warp-logo{animation:xp-warp-logo .9s .25s cubic-bezier(.2,.9,.3,1.2) forwards,xp-warp-pulse 1.2s 1.1s ease-in-out infinite}.xp-warp.is-on .xp-warp-name{animation:xp-warp-fade .5s .45s ease forwards}@keyframes xp-warp-in{to{clip-path:circle(150vmax at var(--wx, 50%) var(--wy, 50%))}}@keyframes xp-warp-logo{0%{opacity:0;transform:scale(.4) rotate(-90deg)}to{opacity:1;transform:none}}@keyframes xp-warp-fade{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@keyframes xp-warp-pulse{50%{transform:scale(1.08)}}.xp .xp-win-close{display:flex;padding:0;border-radius:0;background:none}.xp .xp-win-close:focus-visible{outline:2px solid #fff;outline-offset:-2px}.xp-visual img{-webkit-user-drag:none}.xp-visual.is-shaking{animation:xp-shake .4s steps(2) 1}.xp-boom{position:fixed;inset:0;z-index:9000;pointer-events:none;image-rendering:pixelated}.xp-egg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.xp-egg[hidden]{display:none}.xp .xp-egg-face{padding:0;background:none;border-radius:0;overflow:visible;animation:xp-pop .6s cubic-bezier(.2,1.6,.4,1) both}.xp .xp-egg-face:not(.is-spinning):hover img{animation:xp-wiggle .5s ease-in-out infinite}.xp .xp-egg-face:focus-visible{outline:2px solid var(--brand-light);outline-offset:4px}.xp .xp-egg-face:disabled{cursor:default}.xp-egg-face img{display:block;width:min(15rem,50vw);height:auto}.xp-egg-text{min-height:1.5em;margin:0;color:var(--ink);font-size:var(--fs-2xl);text-align:center}.xp-egg-text a{color:var(--brand-light)}.xp-egg-badge{width:6rem;height:6rem;object-fit:contain;animation:xp-pop .6s cubic-bezier(.2,1.6,.4,1) both}@keyframes xp-pop{0%{opacity:0;transform:scale(.2) rotate(-20deg)}to{opacity:1;transform:none}}@keyframes xp-wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes xp-shake{0%{transform:translate(6px,-4px)}50%{transform:translate(-6px,4px)}to{transform:none}}@keyframes xp-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-.5rem) rotate(2deg)}}@media(max-width:960px){.xp-hero{grid-template-columns:minmax(0,1fr);gap:2.5rem;padding:2.5rem 1rem 3rem}.xp-copy{align-items:center;text-align:center}.xp-stores{justify-content:center}.xp-ebl-mascot{width:6rem;height:6rem}.xp-ebl-title{font-size:var(--fs-display-sm)}.xp-lead{font-size:var(--fs-2xl)}.xp-win-brand span{display:none}.xp-win-ctrl svg{width:2.25rem;padding:0 .75rem}}
