/* TwiddlePlay / Arcade Night. Original Sparky stage and controller composition. */
@font-face{font-family:Bricolage;src:url(bricolage-grotesque-latin.woff2) format('woff2');font-weight:200 800;font-display:swap}
:root{--ink:#f3f0e7;--paper:#100e0d;--orange:#e4562e;--mint:#badfc5;--line:#f3f0e722;--display:Bricolage,Figtree,sans-serif}body{background:#100e0d;color:#f3f0e7}body:before{content:'';position:absolute;inset:0 0 auto;height:1000px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 83% 33%,#e4562e18,transparent 46%),radial-gradient(ellipse at 15% 0,#ffc93d08,transparent 50%)}h1,h2,h3,.brand,.move-word{font-family:var(--display)}em{font-family:var(--display);font-style:normal;font-weight:800;color:#ff8a63}.header{height:98px;border-color:#f3f0e714;position:relative;z-index:5;max-width:1560px}.brand{font-size:31px;letter-spacing:-1.5px}.brand>img{border-radius:11px;box-shadow:0 0 0 1px #f3f0e71a}.brand-publisher{display:flex;align-items:center;gap:5px;margin-bottom:5px;font-size:9px;color:#c4bcae}.brand-publisher img{border-radius:4px}.header nav{font-size:13px;color:#c4bcae}.button{background:#e4562e;color:#100e0d;border:1px solid #ff9c7060;border-bottom-color:#9c3218;box-shadow:0 5px 0 #8b3018,0 10px 24px #0004;border-radius:13px;font-family:var(--display);font-weight:800;font-size:17px;padding:19px 25px;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{background:#ff794d;transform:translateY(-2px);box-shadow:0 7px 0 #8b3018,0 14px 26px #0004}.button:active{transform:translateY(4px);box-shadow:0 1px 0 #8b3018}.button.small{border-radius:10px;padding:12px 18px;font-size:13px}.text-link{color:#c4bcae;font-weight:400}.hero{max-width:1560px;padding:54px 5% 78px;gap:0;grid-template-columns:.9fr 1.15fr;min-height:780px;position:relative}.hero-copy{position:relative;z-index:3;padding-bottom:20px}.eyebrow{font-family:monospace;letter-spacing:1.2px;font-size:10px;color:#c4bcae}.status-dot{background:#ffc93d;box-shadow:0 0 0 4px #ffc93d12}.hero h1{font-size:clamp(70px,7.2vw,108px);letter-spacing:-5.8px;line-height:.92;margin:30px 0 27px;font-weight:800}.hero h1 em{display:inline-block;position:relative;color:#ff8a63}.hero h1 em:after{content:'';position:absolute;left:0;right:0;height:7px;bottom:-10px;border-radius:50%;border-top:3px solid #e4562e;transform:rotate(-4deg)}.hero-description{color:#c4bcae;max-width:360px;line-height:1.65;font-size:17px;margin-top:35px}.hero-actions{gap:26px;margin-top:30px}.hero-note{font-family:monospace;letter-spacing:1px;font-size:8px;margin-top:27px;color:#8c8477}.robot-stage{height:622px;border-radius:32px;overflow:visible;background:radial-gradient(ellipse at 55% 40%,#65402555,transparent 57%),linear-gradient(155deg,#27221c,#161311 65%);border:1px solid #f3f0e71f;box-shadow:inset 0 2px 0 #ffffff09,0 30px 80px #0005;transform:rotate(2deg);margin-left:0;isolation:isolate}.robot-stage:before,.robot-stage:after{content:'';position:absolute;width:7px;height:7px;top:17px;left:17px;border-radius:50%;background:linear-gradient(45deg,#0b0a09 40%,#6b6054 50%,#0b0a09 60%);border:1px solid #ffffff18}.robot-stage:after{left:auto;right:17px}.stage-hud{position:absolute;top:27px;left:35px;right:35px;display:flex;justify-content:space-between;gap:15px;font:8px monospace;letter-spacing:1px;color:#afa38f;z-index:2}.stage-hud i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b7d9bc;margin-right:6px;box-shadow:0 0 8px #b7d9bca0}.stage-watermark{position:absolute;top:78px;left:0;width:100%;font-family:var(--display);font-size:clamp(70px,8vw,125px);font-weight:800;letter-spacing:-7px;text-align:center;color:#f3f0e706;-webkit-text-stroke:1px #f3f0e715;transform:rotate(-5deg)}.stage-grid{inset:50% 0 120px;background-image:linear-gradient(#eabf7510 1px,transparent 1px),linear-gradient(90deg,#eabf7510 1px,transparent 1px);background-size:38px 38px;transform:perspective(220px) rotateX(35deg);mask-image:linear-gradient(transparent,#000 65%)}.orbit{width:330px;height:330px;top:44%;border:1px dashed #eabf7522;transform:translate(-50%,-50%) rotateX(25deg);animation:stage-orbit 35s linear infinite}.orbit-two{width:420px;height:420px;border-style:solid;border-color:#f3f0e708;animation-direction:reverse}.stage-star{color:#ffc93d;font-size:36px}.star-one{left:7%;top:190px}.star-two{right:7%;top:290px;color:#badfc5;font-size:25px}.speech{right:4%;top:123px;background:#badfc5;color:#18251d;border-radius:13px 13px 13px 0;box-shadow:0 4px 0 #6c8f75,0 10px 20px #0004;font-family:var(--display);font-size:15px;transform:rotate(5deg);padding:12px 16px;z-index:4}.robot-platform{bottom:164px;left:16%;width:70%;height:73px;background:radial-gradient(ellipse,#eaa74b19 40%,#eaa74b30 68%,#eaa74b60 70%,#32271d 72%);box-shadow:0 12px 0 #0b0a09,0 13px 0 #f3f0e720,0 21px 28px #0008;border:1px solid #eaa74b40;transform:rotate(-4deg)}.robot-fallback{top:115px;left:20%;width:60%;height:340px;filter:drop-shadow(0 20px 15px #0006);object-fit:contain}model-viewer{top:45px;height:440px;z-index:2;transform:rotate(-2deg);--progress-bar-height:2px;--progress-bar-color:#ffc93d}.stage-label{bottom:140px;color:#eabf75;font-family:monospace;font-size:8px;letter-spacing:1.4px;gap:20px}.controller-dial{position:absolute;left:28px;bottom:37px;width:66px;height:66px;background:radial-gradient(circle at 40% 30%,#4a4137,#191512 70%);border:2px solid #554739;border-bottom:5px solid #0b0a09;box-shadow:0 5px 8px #0006,inset 0 1px 0 #ffffff20;border-radius:50%;display:grid;place-items:center;z-index:5}.controller-dial span{font-size:47px;line-height:1;font-weight:700;color:#b3a48b;text-shadow:0 2px #000;transform:translateY(-2px)}.controller-caption{position:absolute;left:115px;bottom:70px;font:7px monospace;letter-spacing:.7px;color:#8c8477}.trick-controls{bottom:42px;left:auto;right:22px;width:auto;gap:11px;align-items:center;transform:rotate(-2deg)}.trick-controls button{width:70px;height:70px;padding:0;border-radius:50%;display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;background:radial-gradient(circle at 35% 20%,#463b2d,#24201c 70%);color:#c4bcae;border:1px solid #665440;border-bottom:5px solid #0b0a09;box-shadow:0 4px 0 #080706,0 8px 12px #0006,inset 0 2px 1px #ffffff12;font-size:9px;transition:transform .18s,background .18s,box-shadow .18s}.keycap{font:800 20px var(--display);color:#ffc93d}.trick-controls button:nth-child(2) .keycap{color:#ff8a63}.trick-controls button:nth-child(3) .keycap{color:#badfc5}.trick-controls button[aria-pressed=true]{background:radial-gradient(circle at 35% 20%,#ffc777,#d68e32);color:#1b1a16;border-color:#ffce88;border-bottom-color:#8c511c;transform:translateY(3px);box-shadow:0 1px 0 #0b0a09,0 4px 10px #0005}.trick-controls button[aria-pressed=true] .keycap{color:#1b1a16}.trick-controls button:active{transform:translateY(5px)}.model-hint{bottom:13px;font:7px monospace;letter-spacing:.9px;color:#8c8477}.stage-particle{position:absolute;color:#ffc93d;font:24px monospace;animation:float-particle 7s ease-in-out infinite;pointer-events:none}.pt1{left:19%;top:110px}.pt2{right:14%;top:380px;color:#ff8a63;font-size:16px;animation-delay:-3s}.pt3{left:10%;top:370px;color:#badfc5;font-size:16px;animation-delay:-5s}.ticker{transform:none;padding:16px 0;background:#e4562e;color:#100e0d;border-block:1px solid #ffad7340;box-shadow:0 -5px 30px #e4562e0c}.ticker>div{font:800 15px var(--display);letter-spacing:1.6px}.ticker span{font-size:22px}.section{padding:100px 7%}.possibilities{position:relative}.possibilities:before{content:'✳';position:absolute;right:11%;top:80px;font-size:180px;color:#ffc93d06;pointer-events:none}.section-top{margin-bottom:28px}.side-note{color:#8c8477;font-family:monospace;font-size:10px}h2{font-size:clamp(45px,5.6vw,78px);font-weight:800;letter-spacing:-3.5px;line-height:1.03}.feature-layout{gap:8%;grid-template-columns:1.1fr 1fr}.feature-list article{border-color:#f3f0e71c;padding:29px 0}.feature-number{font-family:monospace;color:#ffc93d;opacity:1;border:1px solid #ffc93d30;width:25px;height:25px;flex-shrink:0;border-radius:7px;display:grid;place-items:center;padding:0;font-size:9px}.feature-list h3{font-size:26px;color:#f3f0e7}.feature-list p{color:#a99f90;font-size:15px}.feature-symbol{color:#ff8a63}.trick-poster{background:linear-gradient(155deg,#282219,#171310);border:1px solid #ffc93d30;border-radius:23px;transform:rotate(-3deg);min-height:460px;padding:32px;box-shadow:0 15px 0 #090807,0 16px 0 #ffc93d22,inset 0 1px 0 #ffffff10;overflow:hidden}.poster-top{color:#c4bcae;border-color:#f3f0e722;font-family:monospace;font-size:9px}.poster-top span{color:#ffc93d}.move-word{font-size:80px;font-weight:800;line-height:.93;color:#f3f0e7;letter-spacing:-4px;padding-block:27px 20px}.move-word span{color:#ffc93d}.combo-line{position:absolute;right:24px;bottom:95px;font:800 20px var(--display);letter-spacing:3px;transform:rotate(90deg);transform-origin:right center;color:#ff8a6380}.move-chips span{background:#302a25;color:#c4bcae;border-color:#f3f0e720;box-shadow:0 3px 0 #090807;padding:9px 13px}.trick-poster p{color:#8c8477;font:9px monospace}.poster-flower{color:#ffc93d0b;font-size:300px;right:-30px;top:80px;animation:spin 40s linear infinite}.worlds{background:#f3f0e7;color:#1b1a16;border-radius:42px 42px 0 0;position:relative}.worlds .eyebrow{color:#6c655a}.worlds em{color:#b74423}.worlds .pill{border-color:#1b1a1630;color:#4a4740;font-family:monospace}.world-showcase{border-color:#1b1a1625;gap:6%;padding-top:30px}.world-art{height:405px;border-radius:20px;border:8px solid #ded9cb;box-shadow:0 8px 0 #c5bead,0 9px 0 #b6ac99}.world-art>img{width:200px;height:250px;top:110px;left:42%;filter:drop-shadow(0 15px 6px #20392e30)}.world-picker button{color:#6c655a;border-color:#1b1a1628;font-family:var(--display);font-size:24px;padding:20px 0;transition:color .2s,transform .2s}.world-picker button:hover{transform:translateX(4px)}.world-picker button[aria-pressed=true]{color:#ac3e20}.world-description h3{font-size:23px;letter-spacing:-.5px}.world-description p{font-size:15px;color:#6c655a}.illustration-note{color:#6c655a}.world-caption{color:#20392e99}.world-heading p{color:#6c655a}.arena{background:#161311;position:relative;gap:6%;padding-top:110px;padding-bottom:105px}.arena:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,#ffffff01 0 1px,transparent 1px 10px);pointer-events:none}.arena .eyebrow{color:#c4bcae}.arena h2{font-size:clamp(58px,6.2vw,87px);letter-spacing:-3.9px}.arena h2 em{color:#ff8a63}.arena-copy>p:not(.eyebrow){color:#b0a594;line-height:1.7}.arena-copy>.arena-note{font-family:monospace;font-size:7px!important;letter-spacing:.5px;line-height:1.8;max-width:360px}.button.light{background:#badfc5;color:#16251c;border-color:#d2ecd9;box-shadow:0 5px 0 #63836d,0 10px 20px #0004}.arena-art{min-height:450px;border-radius:50%;background:radial-gradient(ellipse at 50% 65%,#e4562e16,transparent 65%)}.arena-ring{bottom:45px;height:170px;border:2px solid #e4562e70;box-shadow:0 8px 0 #452216,0 10px 0 #e4562e40,0 28px 50px #e4562e0a;transform:rotate(-8deg)}.fighter{height:310px;width:47%;top:65px}.fighter.one{left:-2%}.fighter.two{right:-2%;filter:hue-rotate(110deg) saturate(.6) drop-shadow(0 15px 15px #0005)}.vs{font:800 italic 65px var(--display);color:#ffc93d;top:125px;left:40%;text-shadow:0 5px 0 #5a391c;transform:rotate(-10deg);z-index:3}.player-label{bottom:15px;font-family:monospace;border-color:#ff8a63;color:#c4bcae}.player-label.p2{border-color:#badfc5}.arena-decal{background:#e4562e;color:#100e0d;border:0;box-shadow:0 4px 0 #97391e;font-family:var(--display);font-weight:800;width:80px;height:80px;top:-5px}.get{padding:105px 7% 110px;background:#100e0d}.get:before{content:'';position:absolute;inset:28px 5%;border:1px dashed #f3f0e71a;border-radius:26px;pointer-events:none}.get h2{font-size:clamp(65px,8vw,118px);letter-spacing:-5px;line-height:.96}.get h2 em{color:#ffc93d}.get>p:not(.eyebrow){color:#c4bcae}.get-spark{color:#e4562e;left:12%;top:39%;font-size:85px;animation:spin 25s linear infinite}.get .release-note{color:#8c8477;font-family:monospace;font-size:8px;letter-spacing:.3px}.get .status-dot{background:#badfc5;box-shadow:0 0 0 4px #badfc510}.get-actions .text-link{color:#c4bcae}footer{background:#0b0a09;border-color:#f3f0e712;row-gap:25px;padding-top:40px;padding-bottom:30px}footer p{color:#8c8477;font-size:10px}footer>div{color:#c4bcae}footer>span{color:#8c8477}.publisher-lockup{display:inline-flex;align-items:center;padding-left:25px;border-left:1px solid #f3f0e724}.publisher-lockup img{width:134px;height:auto}.motion-toggle{color:#c4bcae}a:focus-visible,button:focus-visible{outline-color:#ffc93d}.motion-paused *{transition:none!important}@keyframes stage-orbit{to{transform:translate(-50%,-50%) rotateX(25deg) rotate(360deg)}}@keyframes float-particle{50%{transform:translateY(-15px) rotate(50deg);opacity:.4}}
@media(max-width:1150px){.hero{grid-template-columns:.9fr 1.1fr;padding-inline:4%;gap:10px;min-height:730px}.hero h1{font-size:83px;letter-spacing:-5px}.robot-stage{height:590px}.controller-dial{left:22px;bottom:39px;width:57px;height:57px}.controller-caption{display:none}.trick-controls{right:18px;gap:9px}.trick-controls button{width:65px;height:65px}.stage-watermark{font-size:91px}.stage-hud{left:26px;right:26px;font-size:7px;letter-spacing:.6px}.speech{font-size:13px}.robot-platform{bottom:156px}.stage-label{bottom:132px;font-size:7px}.robot-fallback{height:320px;top:115px}model-viewer{height:420px;top:40px}.get-spark{left:8%;font-size:65px}.feature-list h3{font-size:23px}.move-word{font-size:70px}.world-art>img{width:180px;left:40%}.arena-art{min-height:420px}.fighter{height:285px}.vs{font-size:55px;top:145px}.arena-decal{width:70px;height:70px}}
@media(max-width:850px) and (min-width:701px){.hero h1{font-size:68px;letter-spacing:-4px}.hero-description{font-size:15px}.hero .eyebrow{font-size:8px}.hero-actions{gap:20px}.robot-stage{height:550px}.stage-hud{font-size:6px}.stage-hud>span:last-child{display:none}.speech{top:110px}.robot-fallback{height:290px}.controller-dial{width:43px;height:43px;left:16px;bottom:50px}.controller-dial span{font-size:34px}.trick-controls{right:12px;gap:7px}.trick-controls button{width:58px;height:58px}.stage-watermark{font-size:76px}.orbit{width:260px;height:260px}.orbit-two{width:330px;height:330px}.arena h2{font-size:60px}.arena-art{min-height:380px}.fighter{height:245px}.player-label{font-size:7px}.arena-decal{width:60px;height:60px;font-size:13px}.world-heading p{max-width:180px}.world-art{height:380px}.feature-layout{gap:5%}.trick-poster{padding:25px}.move-word{font-size:62px}.move-chips{flex-wrap:wrap}.header nav{gap:15px;font-size:11px}}
@media(max-width:700px){.header{height:82px;padding-inline:6%}.header .brand{font-size:27px}.brand-publisher{font-size:8px;gap:4px}.brand-publisher img{width:15px;height:15px}.button.small{font-size:10px;gap:10px;padding:11px 12px;border-radius:8px}.hero{padding:35px 6% 52px;gap:40px;min-height:0}.hero-copy{padding:0}.hero .eyebrow{font-size:8px;letter-spacing:.8px}.hero h1{font-size:clamp(68px,16vw,103px);line-height:.93;letter-spacing:-4px;margin:28px 0}.hero-description{font-size:16px;margin-top:32px;max-width:345px}.hero-actions{gap:24px;margin-top:25px}.hero-actions .button{padding:17px 23px;font-size:16px}.hero .text-link{font-size:12px}.hero-note{font-size:7px;letter-spacing:.7px;margin-top:24px}.robot-stage{height:530px;max-width:510px;transform:rotate(1.5deg);margin-top:0;border-radius:26px}.stage-hud{top:25px;left:25px;right:25px;font-size:7px;letter-spacing:.7px}.stage-watermark{top:76px;font-size:clamp(76px,20vw,110px);letter-spacing:-5px}.robot-platform{bottom:145px;height:62px}.robot-fallback{height:285px;top:100px;width:64%;left:18%}model-viewer{height:370px;top:40px}.speech{top:115px;right:4%;font-size:12px;padding:10px 13px}.star-one{top:170px;font-size:29px;left:6%}.star-two{top:290px;font-size:20px}.stage-label{bottom:123px;font-size:6px;gap:15px}.controller-dial{width:56px;height:56px;left:22px;bottom:39px}.controller-dial span{font-size:42px}.trick-controls{right:20px;bottom:39px;gap:9px}.trick-controls button{width:62px;height:62px;font-size:8px;gap:2px}.keycap{font-size:19px}.model-hint{font-size:6px;bottom:14px;letter-spacing:.6px}.orbit{width:280px;height:280px;top:43%}.orbit-two{width:350px;height:350px}.pt1{top:106px;left:12%}.pt2{top:335px}.pt3{top:290px}.ticker{padding:15px 0}.ticker>div{font-size:12px;letter-spacing:1px;gap:23px}.ticker span{font-size:19px}.section{padding:68px 6%}.section-top{margin-bottom:25px}.section-top .eyebrow{font-size:8px}.side-note{font-size:8px}h2{font-size:46px;letter-spacing:-2.4px;line-height:1.02}.feature-list h3{font-size:23px}.feature-list article{gap:17px;padding:25px 0}.feature-list p{font-size:14px}.feature-symbol{font-size:24px}.feature-number{width:23px;height:23px}.trick-poster{max-width:470px;margin:30px 5px 10px;min-height:430px;border-radius:20px;padding:28px;transform:rotate(-2deg)}.move-word{font-size:76px;line-height:.91}.poster-top{font-size:8px}.move-chips{gap:7px}.move-chips span{font-size:9px}.combo-line{font-size:16px;right:20px}.worlds{border-radius:28px 28px 0 0}.world-heading p{font-size:14px}.world-art{height:350px;border-width:6px;border-radius:15px}.world-art>img{height:230px;width:185px;left:40%;top:100px}.world-picker button{font-size:22px;padding:19px 0}.world-description h3{font-size:23px}.world-description p{font-size:14px}.worlds .pill{font-size:6px}.world-showcase{padding-top:25px}.arena{padding-top:75px;padding-bottom:65px;gap:34px}.arena h2{font-size:65px;letter-spacing:-3px}.arena-copy>p:not(.eyebrow){font-size:15px;max-width:350px}.arena-copy>.arena-note{font-size:6px!important;max-width:320px;line-height:1.9}.arena .button{font-size:16px;padding:17px 21px}.arena-art{min-height:355px}.fighter{height:260px;top:45px}.arena-ring{bottom:40px;height:125px}.vs{font-size:55px;top:110px;left:40%}.arena-decal{width:60px;height:60px;font-size:13px;right:6px}.player-label{bottom:4px;font-size:7px;letter-spacing:.6px}.get{padding:95px 6% 85px}.get:before{inset:25px 4%;border-radius:20px}.get h2{font-size:66px;letter-spacing:-3px;margin:30px 0 22px}.get>p:not(.eyebrow){font-size:14px}.get .eyebrow{font-size:8px}.get-spark{font-size:35px;right:7%;left:auto;top:100px}.get-actions{gap:26px}.get .button{font-size:16px}.get .release-note{font-size:6px;letter-spacing:0;gap:7px}.publisher-lockup{padding-left:15px}.publisher-lockup img{width:112px}footer{padding:30px 6%;column-gap:22px;row-gap:24px}footer>p{width:100%;font-size:11px}.publisher-lockup{margin-left:auto}footer>div{font-size:11px}footer>span{font-size:8px;margin-top:0}}
@media(max-width:380px){.brand-publisher{display:none}.header .button.small{font-size:10px}.robot-stage{height:490px}.stage-hud{font-size:6px}.stage-hud>span:last-child{display:none}.robot-fallback{height:260px;top:96px}model-viewer{height:340px;top:37px}.speech{font-size:11px;top:107px}.trick-controls{right:15px;gap:7px}.trick-controls button{width:55px;height:55px}.controller-dial{width:46px;height:46px;left:17px;bottom:43px}.controller-dial span{font-size:35px}.stage-watermark{font-size:77px}.stage-label{font-size:6px;gap:9px}.orbit-two{width:310px;height:310px}.get h2{font-size:58px}.move-word{font-size:65px}.world-art>img{left:35%;width:175px}.arena h2{font-size:58px}.hero h1{font-size:66px}.hero-note{font-size:6px}}
@media(prefers-reduced-motion:reduce){.robot-stage{transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Full-body framing and six real moves; keep controls clear of the stage. */
.trick-controls{display:grid;grid-template-columns:repeat(3,64px);gap:9px;bottom:33px;right:23px}
.trick-controls button{width:64px;height:64px}
model-viewer{top:54px;height:375px;width:100%;left:0}
.robot-platform{bottom:190px}.stage-label{bottom:170px}.controller-dial{bottom:72px}.controller-caption{bottom:100px}
@media(max-width:1150px){model-viewer{height:345px}.trick-controls{grid-template-columns:repeat(3,58px);gap:8px}.trick-controls button{width:58px;height:58px}.robot-platform{bottom:187px}.stage-label{bottom:164px}}
@media(max-width:700px){model-viewer{top:48px;height:310px}.trick-controls{grid-template-columns:repeat(3,55px);right:20px;bottom:32px;gap:7px}.trick-controls button{width:55px;height:55px}.robot-platform{bottom:173px}.stage-label{bottom:151px}.controller-dial{bottom:65px}}
@media(max-width:380px){model-viewer{height:275px}.trick-controls{grid-template-columns:repeat(3,49px);right:14px}.trick-controls button{width:49px;height:49px}.controller-dial{left:17px;width:43px;height:43px}}