.demo-shell{--demo-accent:#67e8f9;font-family:var(--font-geist-sans);background:radial-gradient(circle at 50% -20%,#18345f 0,#081322 42%,#040913 100%);position:relative}.demo-brand-background{pointer-events:none;position:fixed;inset:0}.demo-brand-background img{object-fit:cover;object-position:center 32%;opacity:.34;filter:saturate(1.15);width:100%;height:100%;animation:.4s both demo-background-in}.demo-brand-background:after{content:"";background:linear-gradient(90deg,#040913 2%,#040913d9 38%,#04091380 70%,#040913e8),linear-gradient(#04091366 0%,#0000 42%,#040913 100%);position:absolute;inset:0}.demo-shell:before{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.demo-orb{filter:blur(90px);opacity:.18;pointer-events:none;border-radius:999px;position:fixed}.demo-orb-one{background:var(--demo-accent);width:24rem;height:24rem;top:15%;left:-8rem}.demo-orb-two{background:#7c3aed;width:28rem;height:28rem;bottom:-8rem;right:-10rem}.demo-story-frame{z-index:8;pointer-events:none;border:1px solid color-mix(in srgb,var(--demo-accent) 22%,transparent);border-radius:1.5rem;position:fixed;inset:12px;box-shadow:inset 0 0 40px #02061766}.demo-story-frame:before,.demo-story-frame:after{content:"";background:linear-gradient(90deg,transparent,var(--demo-accent),transparent);width:min(18vw,9rem);height:1px;position:absolute;left:50%;transform:translate(-50%)}.demo-story-frame:before{top:-1px}.demo-story-frame:after{bottom:-1px}.demo-story-frame i{border-color:color-mix(in srgb,var(--demo-accent) 70%,white 12%);width:2.15rem;height:2.15rem;position:absolute}.demo-story-frame i:first-child{border-top:1px solid;border-left:1px solid;border-radius:.85rem 0 0;top:7px;left:7px}.demo-story-frame i:nth-child(2){border-top:1px solid;border-right:1px solid;border-radius:0 .85rem 0 0;top:7px;right:7px}.demo-story-frame i:nth-child(3){border-bottom:1px solid;border-right:1px solid;border-radius:0 0 .85rem;bottom:7px;right:7px}.demo-story-frame i:nth-child(4){border-bottom:1px solid;border-left:1px solid;border-radius:0 0 0 .85rem;bottom:7px;left:7px}.demo-poetic-note{z-index:20;letter-spacing:.04em;text-align:center;color:#ffffff8f;align-items:center;gap:.75rem;width:max-content;max-width:calc(100vw - 5rem);font-family:Georgia,Times New Roman,serif;font-size:.72rem;font-style:italic;animation:.7s both demo-note-in;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.demo-poetic-note span{font-family:var(--font-geist-sans);color:var(--demo-accent);font-size:.52rem;font-style:normal}.demo-enter{animation:.48s cubic-bezier(.2,.8,.2,1) both demo-in}.demo-primary{background:var(--demo-accent);box-shadow:0 14px 45px color-mix(in srgb,var(--demo-accent) 30%,transparent);transition:transform .2s,filter .2s}.demo-primary:hover{filter:brightness(1.08);transform:translateY(-2px)}.demo-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:1.75rem;padding:1.5rem;transition:transform .25s,border-color .25s,background .25s}.demo-card:hover{border-color:color-mix(in srgb,var(--demo-accent) 55%,transparent);background:#ffffff0e;transform:translateY(-4px)}.demo-brand-stack{perspective:900px;position:relative}.demo-brand-shot{aspect-ratio:4/3;background-color:#0a1324;border:1px solid #ffffff38;border-radius:1.5rem;width:245px;position:absolute;overflow:hidden;box-shadow:0 28px 70px #000b}.demo-brand-shot img,.demo-format-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.demo-brand-shot:after{content:"";background:linear-gradient(#0000 45%,#020617d9);position:absolute;inset:0}.demo-brand-shot span{z-index:1;letter-spacing:.16em;text-transform:uppercase;font-size:.65rem;font-weight:900;position:absolute;bottom:1rem;left:1.1rem}.demo-brand-shot-1{top:36px;left:0;transform:rotate(-7deg)}.demo-brand-shot-2{top:0;right:0;transform:rotate(7deg)}.demo-brand-shot-3{bottom:0;left:24px;transform:rotate(4deg)}.demo-brand-shot-4{bottom:22px;right:8px;transform:rotate(-5deg)}.demo-format-cover{background-color:#0a1324;border:1px solid #ffffff1a;border-radius:1.25rem;justify-content:space-between;align-items:flex-end;height:10rem;padding:1rem;display:flex;position:relative;overflow:hidden}.demo-format-cover:after{content:"";background:linear-gradient(#0000 35%,#020617d9);position:absolute;inset:0}.demo-format-cover span,.demo-format-cover b{z-index:1;position:relative}.demo-format-cover span{background:var(--demo-accent);color:#06101f;border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;font-size:1.2rem;font-weight:900;display:grid}.demo-format-cover b{letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 10px #000;font-size:.65rem}.demo-game-stage{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0b;border:1px solid #ffffff20;border-radius:2rem;padding:clamp(1.2rem,4vw,3rem);box-shadow:0 30px 100px #0008}.demo-game-frame{border:1px solid color-mix(in srgb,var(--demo-accent) 30%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--demo-accent) 7%,transparent),transparent 38%);border-radius:1.5rem;margin:-.5rem;padding:1.35rem 1.15rem 1rem;position:relative}.demo-game-frame:before,.demo-game-frame:after{content:"";pointer-events:none;width:2.5rem;height:2.5rem;position:absolute}.demo-game-frame:before{border-top:2px solid var(--demo-accent);border-left:2px solid var(--demo-accent);border-radius:1.5rem 0 0;top:-1px;left:-1px}.demo-game-frame:after{border-right:2px solid var(--demo-accent);border-bottom:2px solid var(--demo-accent);border-radius:0 0 1.5rem;bottom:-1px;right:-1px}.demo-game-chapter{color:var(--demo-accent);text-transform:uppercase;align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.demo-game-chapter span{border:1px solid color-mix(in srgb,var(--demo-accent) 55%,transparent);border-radius:999px;place-items:center;width:1.55rem;height:1.55rem;font-size:.7rem;font-weight:900;display:grid}.demo-game-chapter b{letter-spacing:.22em;font-size:.6rem}.demo-game-chapter i{background:linear-gradient(90deg,color-mix(in srgb,var(--demo-accent) 35%,transparent),transparent);flex:1;height:1px}.demo-game-content{min-height:18rem}.demo-game-verse{text-align:center;color:#ffffff80;justify-content:center;align-items:center;gap:.65rem;margin-top:1.15rem;font-family:Georgia,Times New Roman,serif;font-size:.72rem;font-style:italic;display:flex}.demo-game-verse span{color:var(--demo-accent)}.demo-wheel{background:conic-gradient(var(--accent) 0 12.5%,#a78bfa 0 25%,#f472b6 0 37.5%,#fbbf24 0 50%,var(--accent) 0 62.5%,#a78bfa 0 75%,#f472b6 0 87.5%,#fbbf24 0);transition:transform 2.6s cubic-bezier(.12,.7,.08,1);position:relative}.demo-wheel.is-spinning{transform:rotate(1260deg)}.demo-wheel-pointer{z-index:2;color:#fff;filter:drop-shadow(0 4px 4px #0008);font-size:1.7rem;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.demo-win-pop{animation:.45s cubic-bezier(.2,1.5,.4,1) both demo-win}.demo-confetti{color:var(--demo-accent);letter-spacing:1rem;font-size:1.2rem;animation:1.5s ease-in-out infinite alternate demo-confetti;position:absolute;inset:10% 0 auto}.demo-runner-target{transition:opacity .2s,transform .2s;animation:1.8s ease-in-out infinite demo-float}.demo-runner-road{box-shadow:0 35px #ffffff0c,-100px 0 #ffffff0c,100px 0 #ffffff0c}.demo-channel{opacity:0;background:#ffffff08;border:1px solid #ffffff18;border-radius:1.4rem;place-items:center;gap:.4rem;min-height:118px;padding:1rem;animation:.4s forwards demo-channel;display:grid}.demo-channel span{font-size:1.5rem;font-weight:900}.demo-channel b{font-size:.78rem}.demo-report{border:1px solid color-mix(in srgb,var(--demo-accent) 28%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--demo-accent) 8%,transparent),#ffffff08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1.75rem;padding:clamp(1.1rem,3vw,1.75rem);box-shadow:0 20px 60px #0005}.demo-metric{background:#ffffff08;border:1px solid #ffffff12;border-radius:1.15rem;flex-direction:column;justify-content:center;min-height:112px;padding:1rem;display:flex}.demo-metric strong{color:var(--demo-accent);font-size:clamp(1.65rem,4vw,2.35rem);font-weight:900;line-height:1}.demo-metric span{color:#ffffff8f;margin-top:.55rem;font-size:.72rem;font-weight:750}@keyframes demo-background-in{0%{opacity:0}to{opacity:.34}}@keyframes demo-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes demo-note-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@keyframes demo-channel{to{opacity:1;transform:none}0%{opacity:0;transform:translateY(12px)}}@keyframes demo-win{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes demo-confetti{to{transform:translateY(18px)rotate(4deg)}}@keyframes demo-float{50%{transform:translateY(-12px)scale(1.08)}}@media (max-width:640px){.demo-card{border-radius:1.35rem;padding:1.2rem}.demo-wheel{width:12rem;height:12rem}.demo-shell:before{background-size:40px 40px}.demo-game-stage{border-radius:1.5rem}.demo-game-frame{border-radius:1.15rem;margin:-.25rem;padding:1rem .75rem .85rem}.demo-game-content{min-height:17rem}.demo-game-verse{font-size:.66rem}.demo-brand-background img{opacity:.26;object-position:center top}.demo-story-frame{border-radius:1rem;inset:7px}.demo-poetic-note{font-size:.65rem;bottom:12px}}@media (prefers-reduced-motion:reduce){.demo-enter,.demo-channel,.demo-wheel,.demo-primary,.demo-card,.demo-win-pop,.demo-confetti,.demo-runner-target,.demo-poetic-note{transition:none!important;animation:none!important}.demo-channel{opacity:1}}.kart-game{position:relative}.kart-hud{justify-content:space-between;margin-bottom:.65rem;display:flex}.kart-hud span{background:#020617b8;border:1px solid #ffffff1f;border-radius:.8rem;justify-content:space-between;align-items:flex-end;gap:.75rem;min-width:88px;padding:.5rem .75rem;display:flex}.kart-hud small{letter-spacing:.15em;color:#ffffff80;font-size:.55rem;font-weight:900}.kart-hud b{font-size:1.2rem}.kart-hud .is-boosting{border-color:var(--kart-accent);box-shadow:0 0 22px color-mix(in srgb,var(--kart-accent) 45%,transparent);color:var(--kart-accent)}.kart-canvas-wrap{background:#0f172a;border:1px solid #ffffff24;border-radius:1.25rem;position:relative;overflow:hidden;box-shadow:inset 0 0 45px #0008}.kart-canvas-wrap canvas{aspect-ratio:720/430;width:100%;height:auto;display:block}.kart-start{text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020617d9;place-content:center;justify-items:center;padding:2rem;display:grid;position:absolute;inset:0}.kart-start>span{filter:drop-shadow(0 9px 15px #000);font-size:3.5rem}.kart-start h2{text-transform:uppercase;margin-top:.5rem;font-size:clamp(1.8rem,6vw,3rem);font-style:italic;font-weight:950}.kart-start p{color:#ffffffa6;max-width:24rem;margin-top:.45rem}.kart-start button{background:var(--kart-accent);color:#07111f;box-shadow:0 10px 35px color-mix(in srgb,var(--kart-accent) 35%,transparent);border-radius:999px;margin-top:1.25rem;padding:.8rem 1.7rem;font-weight:950}.kart-controls{justify-content:center;align-items:center;gap:1rem;margin-top:.8rem;display:flex}.kart-controls button{touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:1rem;place-items:center;width:3.5rem;height:3.5rem;font-size:1.5rem;font-weight:900;display:grid}.kart-controls button:active{border-color:var(--kart-accent);background:color-mix(in srgb,var(--kart-accent) 22%,transparent);transform:scale(.94)}.kart-controls p{text-align:center;letter-spacing:.12em;color:#ffffff69;font-size:.55rem;font-weight:700}.kart-controls p b{color:#fff}