/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}}:root{--black:#050812;--panel:#0a1120;--paper:#edf5ff;--muted:#8e9db7;--line:#8fa6cf2e;--acid:#34e7ff;--cyan:#34e7ff;--violet:#9a68ff;--pink:#ff55b6;--green:#42eda8}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{min-width:320px;color:var(--paper);background:var(--black);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,a{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}::selection{color:var(--black);background:var(--acid)}.site-shell{isolation:isolate;background:radial-gradient(circle at 81% 7%,#6742de33,#0000 28%),linear-gradient(#050812 0%,#070b15 58%,#050812 100%);min-height:100vh;position:relative;overflow:hidden}.noise{z-index:-1;pointer-events:none;opacity:.17;mix-blend-mode:soft-light;background:repeating-radial-gradient(circle at 15% 25%,#ffffff21 0 1px,#0000 1px 4px) 0 0/7px 7px;position:fixed;inset:0}.ambient{z-index:-1;filter:blur(110px);pointer-events:none;border-radius:50%;position:absolute}.ambient-one{background:#54e8ff36;width:380px;height:380px;top:180px;right:-230px}.ambient-two{background:#34e7ff24;width:420px;height:420px;top:850px;left:-280px}.topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;width:min(1440px,100% - 56px);height:88px;margin:auto;display:grid}.brand{justify-self:start;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{width:37px;height:37px;color:var(--black);background:var(--acid);clip-path:polygon(0 0,100% 0,83% 100%,0 100%);place-items:center;font:900 19px/1 Arial,sans-serif;display:grid}.brand-name{letter-spacing:-.03em;font-size:17px;font-weight:900}.topbar-meta{color:#78787e;letter-spacing:.11em;gap:28px;font:700 9px/1 monospace;display:flex}.topbar-meta span{align-items:center;gap:7px;display:flex}.topbar-meta i{background:var(--acid);width:6px;height:6px;box-shadow:0 0 11px var(--acid);border-radius:50%}.play-link{color:var(--acid);letter-spacing:.11em;justify-self:end;align-items:center;gap:16px;font:800 10px/1 monospace;text-decoration:none;display:flex}.play-link span{font-size:16px;transition:transform .2s}.play-link:hover span{transform:translate(3px,3px)}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(40px,8vw,125px);width:min(1260px,100% - 56px);min-height:calc(100svh - 88px);margin:auto;padding:clamp(54px,7vw,100px) 0 92px;display:grid}.hero-intro{z-index:2;position:relative}.eyebrow{color:var(--acid);letter-spacing:.15em;text-transform:uppercase;margin:0;font:800 9px/1.25 monospace}.eyebrow span{color:#64646a;margin-right:13px}.hero h1{color:var(--paper);letter-spacing:-.08em;margin:30px 0;font-size:clamp(68px,8vw,120px);font-weight:900;line-height:.78}.hero h1 em{color:#0000;-webkit-text-stroke:1px #f0eee9c4;font-style:normal}.hero-copy{max-width:480px;color:var(--muted);margin:0;font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:35px;display:flex}.hero-actions .button{text-decoration:none}.hero-actions .button span{margin-left:20px}.update-chip{color:#7b8aa4;letter-spacing:.12em;align-items:center;gap:8px;font:700 8px monospace;display:inline-flex}.update-chip i{background:var(--violet);width:6px;height:6px;box-shadow:0 0 10px var(--violet);border-radius:50%;animation:1.4s infinite pulse}@keyframes pulse{50%{opacity:.5}}.social-links{grid-template-columns:1fr 1fr;gap:8px;max-width:520px;margin-top:34px;display:grid}.social-links>*{border:1px solid var(--line);background:#0a11208a;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:72px;padding:13px 14px;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:grid}:is(.social-links a:hover,.social-links a:focus-visible){border-color:var(--cyan);background:#101d33db;outline:none;transform:translateY(-3px)}.social-number{color:#52617b;font:700 8px monospace}.social-links small,.social-links strong{display:block}.social-links small{color:#687892;letter-spacing:.12em;margin-bottom:6px;font:700 7px monospace}.social-links strong{color:var(--paper);letter-spacing:.08em;font:800 10px monospace}.social-links b{color:var(--cyan);font:400 18px Arial,sans-serif}.social-placeholder{opacity:.53}.hero-visual{background:radial-gradient(circle,#34e7ff26,#0000 44%);place-items:center;min-height:520px;display:grid;position:relative;overflow:visible}.hero-visual:before{content:"";filter:blur(16px);background:radial-gradient(circle,#9a68ff1a,#0000 67%);border-radius:50%;width:78%;height:78%;animation:2.6s ease-in-out infinite glowBreathe;position:absolute}@keyframes glowBreathe{50%{opacity:.45;transform:scale(1.12)}}.avatar-orbit{border:1px solid #34e7ff3d;border-radius:50%;width:340px;height:340px;position:absolute;box-shadow:0 0 70px #34e7ff14,inset 0 0 70px #34e7ff0d}.avatar-orbit:before,.avatar-orbit:after{content:"";border:1px dashed #9a68ff52;border-radius:50%;position:absolute}.avatar-orbit:before{animation:20s linear infinite spin;inset:-32px}.avatar-orbit:after{animation:13s linear infinite reverse spin;inset:44px}@keyframes spin{to{transform:rotate(360deg)}}.hero-avatar{z-index:2;transform-origin:50% 58%;filter:drop-shadow(0 0 34px #34e7ff57);width:min(96%,520px);height:auto;animation:3.2s cubic-bezier(.45,.05,.55,.95) infinite avatarMove;position:relative}@keyframes avatarMove{0%,to{transform:translate(-8px,7px)rotate(-2deg)scale(.98)}48%{transform:translate(12px,-16px)rotate(2.5deg)scale(1.025)}68%{transform:translate(6px,-10px)rotate(1deg)scale(1.01)}}.avatar-speed-lines{z-index:1;gap:14px;width:48%;display:grid;position:absolute;top:39%;left:4%;transform:skew(-18deg)}.avatar-speed-lines i{background:linear-gradient(90deg,transparent,var(--cyan));height:1px;animation:1.1s ease-in-out infinite avatarLine;box-shadow:0 0 8px #34e7ff8c}.avatar-speed-lines i:nth-child(2){width:72%;margin-left:17%;animation-delay:-.3s}.avatar-speed-lines i:nth-child(3){width:55%;margin-left:8%;animation-delay:-.65s}.avatar-speed-lines i:nth-child(4){width:82%;margin-left:12%;animation-delay:-.9s}@keyframes avatarLine{0%,to{opacity:.1;transform-origin:100%;transform:scaleX(.35)}50%{opacity:.8;transform-origin:100%;transform:scaleX(1)}}.avatar-pulse{z-index:0;background:var(--pink);width:18px;height:18px;box-shadow:0 0 20px var(--pink);border-radius:50%;animation:1.3s ease-out infinite pulsePoint;position:absolute;top:25%;right:19%}@keyframes pulsePoint{to{opacity:0;transform:scale(3)}}.game-section{border-top:1px solid var(--line);width:min(1260px,100% - 56px);margin:auto;padding:120px 0 150px}.section-heading{grid-template-columns:1.3fr .7fr;align-items:end;gap:60px;margin-bottom:65px;display:grid}.section-heading h2{letter-spacing:-.065em;margin:17px 0 0;font-size:clamp(48px,6vw,86px);line-height:.88}.section-heading h2 em{color:#0000;-webkit-text-stroke:1px #edf5ff9e;font-style:normal}.section-heading>p{max-width:430px;color:var(--muted);margin:0 0 4px auto;font-size:14px;line-height:1.7}.game-wrap{z-index:3;min-width:0;position:relative}.game-wrap:before{content:"LIVE BUILD // PLAYABLE";color:#5f6d86;letter-spacing:.12em;font:700 8px monospace;position:absolute;top:-28px;right:0}.game-window{background:#08090c;border:1px solid #fff3;width:100%;position:relative;overflow:hidden;box-shadow:0 38px 100px #0009,0 0 0 8px #ffffff05}.game-window:before,.game-window:after{content:"";z-index:20;border-color:var(--acid);pointer-events:none;width:24px;height:24px;position:absolute}.game-window:before{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.game-window:after{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.game-header,.game-footer{color:#6d6d75;letter-spacing:.1em;justify-content:space-between;align-items:center;min-height:56px;padding:0 18px;font:800 8px/1 monospace;display:flex}.game-header{border-bottom:1px solid var(--line)}.game-title{color:var(--paper);align-items:center;gap:9px;display:flex}.live-dot,.game-footer i{background:var(--acid);width:6px;height:6px;box-shadow:0 0 10px var(--acid);border-radius:50%;flex:none;display:inline-block}.game-stats{align-items:center;gap:17px;display:flex}.game-stats b{color:var(--paper);margin-left:4px;font-size:11px}.game-arena{--level-a:#34e7ff;--level-b:#9a68ff;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:radial-gradient(circle at 68% 24%,#734ada40,#0000 24%),linear-gradient(#10182b,#0a1221 64%,#050812);height:clamp(500px,47vw,610px);transition:background .8s;position:relative;overflow:hidden}.game-arena[data-tone="0"]{--level-a:#34e7ff;--level-b:#9a68ff;background:radial-gradient(circle at 68% 24%,#734ada47,#0000 25%),linear-gradient(#10182b,#0a1221 64%,#050812)}.game-arena[data-tone="1"]{--level-a:#53f2a8;--level-b:#21c9d7;background:radial-gradient(circle at 68% 24%,#1eb18947,#0000 25%),linear-gradient(#09231f,#071a1b 64%,#04100f)}.game-arena[data-tone="2"]{--level-a:#ffc857;--level-b:#ff5b93;background:radial-gradient(circle at 68% 24%,#ff5b9340,#0000 25%),linear-gradient(#2b1723,#20101c 64%,#10070c)}.game-arena[data-tone="3"]{--level-a:#c788ff;--level-b:#ff4fd8;background:radial-gradient(circle at 68% 24%,#c758ff4d,#0000 25%),linear-gradient(#21132f,#160d27 64%,#090611)}.game-arena[data-tone="4"]{--level-a:#ff604f;--level-b:#ffad3d;background:radial-gradient(circle at 68% 24%,#ff604f47,#0000 25%),linear-gradient(#2c1712,#20100e 64%,#110806)}.game-arena[data-tone="5"]{--level-a:#6da8ff;--level-b:#d8efff;background:radial-gradient(circle at 68% 24%,#6da8ff4d,#0000 25%),linear-gradient(#13223b,#0c172b 64%,#060b14)}.game-arena:after{content:"";z-index:1;pointer-events:none;opacity:.2;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff06 4px);position:absolute;inset:0}.arena-label{z-index:0;color:#ffffff07;letter-spacing:-.1em;font-size:clamp(100px,18vw,250px);font-weight:900;line-height:1;position:absolute;top:4%;left:4%}.arena-sun{z-index:0;border:1px solid var(--level-b);width:250px;height:250px;box-shadow:0 0 100px var(--level-b);opacity:.38;background:repeating-linear-gradient(0deg,#ffffff14 0 4px,#0000 4px 10px);border-radius:50%;transition:border-color .8s,box-shadow .8s;position:absolute;top:9%;left:64%}.stars{z-index:0;opacity:.48;background:radial-gradient(circle at 12% 22%,var(--cyan) 0 1px,transparent 1.5px),radial-gradient(circle at 38% 13%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 74% 17%,var(--violet) 0 1px,transparent 1.5px),radial-gradient(circle at 89% 37%,var(--cyan) 0 1px,transparent 1.5px),radial-gradient(circle at 53% 31%,#fff 0 1px,transparent 1.5px);background-size:220px 150px,300px 190px,180px 130px,260px 170px,340px 220px;animation:14s linear infinite starShift;position:absolute;inset:0 0 32%}@keyframes starShift{to{transform:translate(-220px)}}.city{z-index:0;position:absolute;bottom:14%;left:0;right:0}.city-back{opacity:.17;clip-path:polygon(0 57%,7% 57%,7% 27%,15% 27%,15% 64%,24% 64%,24% 6%,33% 6%,33% 48%,43% 48%,43% 19%,52% 19%,52% 67%,62% 67%,62% 36%,73% 36%,73% 59%,82% 59%,82% 9%,92% 9%,92% 64%,100% 64%,100% 100%,0 100%);background:#66708b;height:44%}.city-front{opacity:.38;clip-path:polygon(0 42%,9% 42%,9% 11%,19% 11%,19% 62%,32% 62%,32% 29%,48% 29%,48% 73%,62% 73%,62% 0,75% 0,75% 52%,89% 52%,89% 27%,100% 27%,100% 100%,0 100%);background:#1b2437;height:33%}.speed-lines{z-index:0;opacity:0;background:repeating-linear-gradient(175deg,#0000 0 45px,#54e8ff4d 47px,#0000 48px 105px);position:absolute;inset:12% 0 17%;transform:skew(-20deg)}.is-playing .speed-lines{opacity:.28;animation:speedLines var(--speed-duration,.5s) linear infinite}@keyframes speedLines{to{transform:skew(-20deg)translate(-100px)}}.ground{z-index:2;background:linear-gradient(90deg,transparent,var(--level-a) 12%,var(--level-b) 78%,transparent);height:2px;box-shadow:0 0 16px var(--level-a);transition:background .8s,box-shadow .8s;position:absolute;bottom:12%;left:0;right:0}.ground:after{content:"";opacity:.18;transform-origin:top;background:repeating-linear-gradient(90deg,#8c96aaa6 0 1px,#0000 1px 66px),repeating-linear-gradient(0deg,#8c96aaa6 0 1px,#0000 1px 23px);height:110px;position:absolute;inset:8px 0 auto;transform:perspective(105px)rotateX(45deg)}.runner{--runner-y:0px;z-index:5;width:116px;height:142px;transform:translateY(calc(var(--runner-y) * -1));transform-origin:50% 100%;will-change:transform;position:absolute;bottom:calc(12% + 3px);left:14%}.runner-aura{background:var(--level-a);opacity:.13;filter:blur(16px);border-radius:50%;width:105px;height:105px;transition:background .8s;animation:.65s infinite alternate auraPulse;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}@keyframes auraPulse{to{opacity:.35;transform:translate(-50%)scale(1.22)}}.runner-sprite{filter:drop-shadow(0 0 15px #34e7ff8f);background-image:url(/assets/electric-run-cycle.png);background-position:0 0;background-repeat:no-repeat;background-size:200% 200%;width:168px;height:168px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.runner.is-running .runner-sprite{animation:.48s step-end infinite runCycle}.runner.is-jumping .runner-sprite{background-position:100% 0;animation:none}.runner.is-hit{transform:translateY(calc(var(--runner-y) * -1)) rotate(64deg) translateX(12px)}.runner-shadow{filter:blur(4px);height:9px;transform:scale(var(--shadow-scale,1));opacity:var(--shadow-opacity,.8);background:#00000094;border-radius:50%;position:absolute;bottom:-7px;left:8px;right:8px}@keyframes runCycle{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:0 100%}75%{background-position:100% 100%}}.obstacle{z-index:4;will-change:transform;background:linear-gradient(145deg,#951f65e0,#2a0827f7);border:1px solid #ff4fa7c2;place-items:center;width:34px;height:43px;display:grid;position:absolute;bottom:calc(12% + 3px);left:110%;box-shadow:0 0 18px #ff4fa73d}.obstacle:before{content:"";border:1px solid #ff91d040;position:absolute;inset:5px;transform:skew(-8deg)}.obstacle>div{background:var(--pink);color:#26051a;width:16px;height:16px;box-shadow:0 0 13px var(--pink);border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.obstacle>span{color:#ff9ed5;letter-spacing:.13em;font:800 5px monospace;position:absolute;bottom:3px}.flash{z-index:9;pointer-events:none;opacity:0;background:radial-gradient(circle at 30% 58%,#34e7ff59,#0000 38%);position:absolute;inset:0}.flash.active{animation:.42s ease-out flashPass}@keyframes flashPass{0%{opacity:.8}to{opacity:0}}.level-up{z-index:12;opacity:0;color:var(--cyan);text-shadow:0 0 24px var(--cyan);letter-spacing:-.04em;pointer-events:none;font:900 clamp(22px,4vw,48px)/1 Arial,sans-serif;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)scale(.8)}.level-up.active{animation:.9s ease-out levelUp}@keyframes levelUp{15%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-75%)scale(1.08)}}.game-screen{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040407c4;justify-content:center;align-items:center;gap:clamp(30px,4vw,64px);padding:36px;display:none;position:absolute;inset:0}.game-screen.is-visible{display:flex}.screen-copy{width:31%;max-width:280px}.screen-copy h2,.game-over h2{letter-spacing:-.065em;margin:15px 0 12px;font-size:clamp(34px,4vw,56px);line-height:.86}.screen-copy>p:last-child,.game-over>p:nth-child(3){color:var(--muted);font-size:13px;line-height:1.55}.mode-buttons{grid-template-columns:repeat(2,1fr);gap:10px;width:min(560px,65%);display:grid}.mode-button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#0c0c0ff0;min-height:265px;padding:22px;transition:border-color .18s,transform .18s,background .18s;position:relative;overflow:hidden}.mode-button:after{content:"";border:1px solid var(--acid);width:110px;height:110px;transition:right .2s,bottom .2s;position:absolute;bottom:-90px;right:-90px;transform:rotate(45deg)}:is(.mode-button:hover,.mode-button:focus-visible){border-color:var(--acid);background:#141519;outline:none;transform:translateY(-5px)}.mode-button:hover:after{bottom:-70px;right:-70px}.mode-button:focus-visible:after{bottom:-70px;right:-70px}.mode-number{color:#55555c;font:700 9px monospace;position:absolute;top:16px;right:16px}.mode-icon{border:1px solid var(--acid);width:47px;height:47px;color:var(--acid);place-items:center;margin-bottom:35px;font:800 17px monospace;display:grid}.mode-button.coding .mode-icon{color:var(--violet);border-color:var(--violet)}.mode-button strong,.mode-button p,.mode-button>b{display:block}.mode-button strong{letter-spacing:-.02em;font-size:18px}.mode-button p{min-height:45px;color:var(--muted);font-size:12px;line-height:1.5}.mode-button>b{color:var(--acid);letter-spacing:.1em;margin-top:23px;font:800 9px monospace}.mode-button>b span{float:right;font-size:14px}.mode-button.coding>b{color:#ad8fff}.coding-panel{z-index:8;background:#050c19f5;border:1px solid #34e7ff80;width:min(520px,59%);position:absolute;top:14px;right:14px;box-shadow:0 20px 60px #0000008c,0 0 35px #34e7ff1a}.coding-panel.correct{border-color:#65efb2b3}.timer-heading{height:42px;color:var(--pink);letter-spacing:.12em;justify-content:space-between;align-items:center;padding:0 15px;font:800 9px monospace;display:flex}.timer-heading b{color:var(--acid);font-size:14px}.coding-panel.correct .timer-heading,.coding-panel.correct .timer-heading b{color:var(--green)}.timer-track{background:#ffffff14;height:3px}.timer-track i{background:linear-gradient(90deg,var(--level-b),var(--level-a));width:100%;height:100%;box-shadow:0 0 10px var(--level-a);transition:background .8s,box-shadow .8s;display:block}.question-meta{color:#687892;letter-spacing:.12em;justify-content:space-between;padding:10px 15px 0;font:700 7px monospace;display:flex}.question-meta span:last-child{color:var(--violet)}.coding-panel pre{color:#c9f1ff;white-space:pre-wrap;background:linear-gradient(90deg,#34e7ff0b,#0000);min-height:88px;margin:0;padding:13px 20px 17px;font:600 13px/1.55 monospace}.answer-grid{background:var(--line);border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.answer-grid button{cursor:pointer;background:#101115;border:0;min-height:47px}:is(.answer-grid button:hover,.answer-grid button:focus-visible){outline:1px solid var(--acid);background:#1d1e22}.answer-grid button:disabled{cursor:default;opacity:.7}.answer-grid button span{width:22px;height:22px;color:var(--acid);border:1px solid #34e7ff66;place-items:center;margin-right:6px;font:800 9px monospace;display:inline-grid}.question-help{min-height:42px;color:var(--muted);text-align:center;letter-spacing:.09em;text-transform:uppercase;place-items:center;margin:0;padding:0 13px;font:700 8px monospace;display:grid}.coding-panel.correct .question-help{color:var(--green)}.coding-panel.wrong .question-help{color:var(--pink)}.jump-hint{z-index:7;color:var(--black);background:var(--acid);letter-spacing:.1em;padding:7px 10px;font:900 10px monospace;animation:.35s infinite alternate hintBounce;position:absolute;bottom:39%;left:29%;box-shadow:0 0 17px #34e7ff94}@keyframes hintBounce{to{transform:translateY(-5px)}}.control-hint{z-index:7;border:1px solid var(--line);color:#85858c;letter-spacing:.14em;white-space:nowrap;background:#040407d1;padding:8px 11px;font:800 8px monospace;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.game-over{text-align:center;flex-direction:column;gap:8px}.game-over>strong{color:var(--muted);letter-spacing:.1em;font:800 10px monospace}.game-over>strong span{color:var(--acid)}.game-over>div{gap:9px;margin-top:22px;display:flex}.button{letter-spacing:.08em;cursor:pointer;border:1px solid #0000;min-height:47px;padding:0 19px;font:800 9px monospace}.button.primary{color:var(--black);background:var(--acid);border-color:var(--acid)}.button.ghost{border-color:var(--line);background:#0c0c0fcc}.button:hover{transform:translateY(-2px)}.game-footer{border-top:1px solid var(--line)}.game-footer>span:first-child{align-items:center;gap:8px;display:flex}.ticker{border-block:1px solid var(--line);background:var(--acid);overflow:hidden;transform:rotate(-1.5deg)scale(1.03)}.ticker div{width:max-content;color:var(--black);letter-spacing:-.045em;padding:16px 0;font-size:clamp(26px,4vw,54px);font-weight:900;line-height:1;animation:19s linear infinite ticker}.ticker span{padding:0 32px;font-size:.55em}@keyframes ticker{to{transform:translate(-50%)}}.site-footer{color:#65656c;letter-spacing:.12em;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1440px,100% - 56px);min-height:120px;margin:auto;font:700 8px monospace;display:grid}.site-footer strong{color:var(--paper);font:900 15px Arial,sans-serif}.site-footer span:last-child{text-align:right}@media (max-width:1080px){.topbar-meta{display:none}.topbar{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr .8fr;gap:45px}.hero h1{font-size:clamp(64px,9vw,100px)}.hero-visual{min-height:460px}.game-section{padding-top:95px}}@media (max-width:720px){.topbar,.hero,.game-section,.site-footer{width:min(100% - 28px,1260px)}.topbar{height:70px}.brand-mark{width:33px;height:33px}.play-link{gap:8px;font-size:7px}.hero{grid-template-columns:1fr;gap:50px;min-height:auto;padding:62px 0 82px}.hero h1{margin:25px 0;font-size:clamp(61px,18.5vw,91px)}.hero-copy{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start}.social-links{grid-template-columns:1fr;max-width:none}.hero-visual{min-height:430px}.avatar-orbit{width:270px;height:270px}.game-section{padding:82px 0 100px}.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:50px}.section-heading h2{font-size:clamp(45px,13vw,66px)}.section-heading>p{margin-left:0}.game-header{min-height:65px;padding:0 10px}.game-title strong{font-size:7px}.game-stats{gap:7px}.game-stats span{font-size:6px}.game-stats b{text-align:right;margin:4px 0 0;font-size:9px;display:block}.game-arena{height:min(148vw,610px);min-height:520px}.game-screen{flex-direction:column;align-items:stretch;gap:19px;padding:22px 13px}.screen-copy{width:100%;max-width:none}.screen-copy h2{font-size:34px}.screen-copy>p:last-child{display:none}.mode-buttons{width:100%}.mode-button{min-height:205px;padding:16px}.mode-icon{margin-bottom:20px}.mode-button p{min-height:44px;font-size:10px}.mode-button>b{margin-top:13px;font-size:7px}.runner{width:88px;height:112px;left:9%}.runner-sprite{width:132px;height:132px}.runner-aura{width:82px;height:82px}.coding-panel{width:auto;top:11px;left:11px;right:11px}.coding-panel pre{min-height:74px;padding:13px 15px;font-size:11px}.answer-grid button{padding:8px 3px;font-size:11px}.answer-grid button span{margin:0 auto 4px;display:block}.jump-hint{bottom:34%;left:28%}.game-footer{min-height:47px}.game-footer span:nth-child(2){display:none}.site-footer{min-height:105px}.site-footer span{display:none}.site-footer strong{grid-column:1/-1;justify-self:center}}@media (max-width:430px){.hero-visual{min-height:380px}.social-links>*{min-height:66px}.mode-button{min-height:218px}.mode-button strong{font-size:15px}.game-footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}.portfolio-game-open{overflow:hidden}.portfolio-shell{color:#eef1f5;background:#07090d;min-height:100vh}.site-intro{z-index:1000;background:radial-gradient(circle at 50% 46%,#2a35424d,#0000 28%),#05070a;place-content:center;justify-items:center;animation:2.3s cubic-bezier(.7,0,.2,1) both introExit;display:grid;position:fixed;inset:0;overflow:hidden}.site-intro:before{content:"";opacity:.15;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.intro-mark{aspect-ratio:3/2;opacity:0;filter:blur(12px);width:min(360px,72vw);animation:1.65s cubic-bezier(.2,.8,.2,1) .12s forwards introMark;overflow:hidden}.intro-mark img{object-fit:contain;width:100%;height:100%;transform:scale(1.36)}.site-intro p{color:#8b939e;letter-spacing:.27em;opacity:0;margin:-30px 0 20px;font:700 7px/1 monospace;animation:.7s .72s forwards introCopy}.intro-line{background:#ffffff14;width:min(280px,62vw);height:1px;overflow:hidden}.intro-line i{background:linear-gradient(90deg,#0000,#dce9f2,#0000);width:100%;height:100%;animation:1.15s cubic-bezier(.65,0,.25,1) .55s forwards introScan;display:block;transform:translate(-105%)}.has-intro .portfolio-home{animation:1s cubic-bezier(.2,.75,.2,1) 1.28s both homeArrival}@keyframes introMark{0%{opacity:0;filter:blur(12px);transform:scale(.88)}58%,to{opacity:1;filter:blur();transform:scale(1)}}@keyframes introCopy{to{opacity:1}}@keyframes introScan{to{transform:translate(105%)}}@keyframes introExit{0%,76%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes homeArrival{0%{opacity:0;filter:blur(8px);transform:scale(1.025)}to{opacity:1;filter:blur();transform:scale(1)}}.portfolio-home{isolation:isolate;background:radial-gradient(at 50% 47%,#2c354345,#0000 29%),linear-gradient(#090b10 0%,#07090d 68%,#050609 100%);min-height:100svh;transition:opacity .55s,transform .75s cubic-bezier(.75,0,.2,1),filter .55s;position:relative;overflow:hidden}.portfolio-home:before{content:"";z-index:-1;opacity:.19;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:74px 74px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.portfolio-home.is-entering{opacity:.05;filter:blur(8px);transform:scale(1.06)}.cinematic-grain{z-index:30;pointer-events:none;opacity:.09;mix-blend-mode:soft-light;background:repeating-radial-gradient(circle at 15% 25%,#ffffff29 0 1px,#0000 1px 4px) 0 0/6px 6px;position:absolute;inset:0}.light-pool{z-index:-1;filter:blur(55px);background:#7f94ab1a;border-radius:50%;width:45vw;height:18vh;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.portfolio-header{z-index:40;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:95px;display:flex;position:absolute;top:0;left:4vw;right:4vw}.masix-wordmark{z-index:42;border-radius:2px;width:132px;height:58px;display:block;position:absolute;top:clamp(100px,12vh,128px);left:50%;overflow:hidden;transform:translate(-50%)}.masix-wordmark img{object-fit:contain;object-position:center;filter:brightness(1.08);width:100%;height:100%;transform:scale(1.34)}.edition{color:#6c727b;letter-spacing:.17em;font:700 8px/1 monospace}.instagram-link{color:#d7dce3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.12em;background:#ffffff0a;border:1px solid #d2e2f23d;grid-template-columns:auto auto auto auto;justify-self:end;align-items:center;gap:8px;min-height:42px;padding:0 14px;font:700 9px/1 monospace;text-decoration:none;transition:color .2s,transform .2s,border-color .2s,background .2s;display:grid}.instagram-link:hover{color:#fff;background:#6fc1ff17;border-color:#8ed7ffb8;transform:translateY(-2px)}.instagram-kicker{color:#747d88;letter-spacing:.18em;font-size:6px}.instagram-icon{box-sizing:border-box;border:1.5px solid #f7fbff;border-radius:5px;width:16px;height:16px;position:relative}.instagram-icon:before{content:"";box-sizing:border-box;border:1.5px solid #f7fbff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.instagram-icon:after{content:"";background:#8ed7ff;border-radius:50%;width:2.5px;height:2.5px;position:absolute;top:2px;right:2px}.instagram-link strong{color:#f7fbff;font-weight:750}.instagram-link b{color:#8ed7ff;font-size:14px;font-weight:400}.portfolio-nav{z-index:35;width:clamp(150px,14vw,220px);display:grid;position:absolute;top:50%;left:4vw;transform:translateY(-50%)}.portfolio-nav a{color:#a2a7ae;letter-spacing:.12em;border-bottom:1px solid #ffffff1a;grid-template-columns:28px 1fr auto;align-items:center;min-height:53px;font:700 clamp(10px,1vw,13px)/1 monospace;text-decoration:none;transition:color .22s,padding-left .22s;display:grid;position:relative}.portfolio-nav a:first-child{border-top:1px solid #ffffff1a}.portfolio-nav a span{color:#454b54;font-size:7px}.portfolio-nav a i{opacity:0;color:#616873;font-size:6px;font-style:normal;transition:opacity .2s}.portfolio-nav a:before{content:"";background:#d8e3ed;width:0;height:1px;transition:width .22s;position:absolute;left:0;box-shadow:0 0 9px #d8e3ed99}.portfolio-nav a:hover{color:#fff;padding-left:11px}.portfolio-nav a:hover:before{width:4px}.portfolio-nav a:hover i{opacity:1}.construction-copy{z-index:35;width:clamp(200px,19vw,280px);position:absolute;top:47%;right:4.5vw;transform:translateY(-50%)}.construction-copy p{color:#dadee3;margin:0 0 11px;font-size:clamp(15px,1.3vw,19px)}.construction-copy strong{color:#757c86;font-size:clamp(16px,1.5vw,22px);font-weight:400;line-height:1.38;display:block}.construction-copy small{color:#555c66;letter-spacing:.16em;margin-top:30px;font:700 7px monospace;display:block}.status-light{background:#a9f4d2;border-radius:50%;width:5px;height:5px;animation:1.7s ease-in-out infinite statusBlink;position:absolute;top:7px;left:-18px;box-shadow:0 0 10px #a9f4d2b3}@keyframes statusBlink{50%{opacity:.28}}.build-track{background:#ffffff17;width:100%;height:1px;margin-top:10px}.build-track i{background:#b8c4ce;width:42%;height:100%;animation:2.8s ease-in-out infinite buildPulse;display:block;box-shadow:0 0 8px #b8c4ce61}@keyframes buildPulse{50%{opacity:.45}}.marionette-stage{z-index:10;touch-action:none;perspective:900px;place-items:center;display:grid;position:absolute;inset:0}.marionette-control{z-index:5;pointer-events:none;filter:drop-shadow(0 7px 8px #00000080);width:min(34vw,470px);height:48px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.control-handle{background:linear-gradient(90deg,#252b31,#7d8790 48%,#171b20);border:1px solid #b1bbc47a;border-radius:5px 5px 0 0;width:9px;height:38px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.control-bar{background:linear-gradient(#69727b,#272d33 50%,#111419);border:1px solid #b5bec685;border-radius:7px;height:9px;position:absolute;top:18px;left:0;right:0;box-shadow:inset 0 1px #fff3}.control-bar:before,.control-bar:after{content:"";background:linear-gradient(#414951,#171b20);border:1px solid #9fa9b26b;width:19%;height:7px;position:absolute;top:50%}.control-bar:before{transform-origin:100%;right:94%;transform:translateY(-50%)rotate(-8deg)}.control-bar:after{transform-origin:0;left:94%;transform:translateY(-50%)rotate(8deg)}.control-bar i{background:#252b31;border:1px solid #e1e7eca8;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;top:7px}.control-bar i:first-child{left:24%}.control-bar i:nth-child(2){left:40%}.control-bar i:nth-child(3){left:44%}.control-bar i:nth-child(4){left:50%}.control-bar i:nth-child(5){left:56%}.control-bar i:nth-child(6){left:60%}.control-bar i:nth-child(7){left:76%}.string-canvas{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.puppet-rig{--head-yaw:0deg;--head-roll:0deg;--arm-sway:0deg;--leg-sway:0deg;--left-upper:0deg;--right-upper:0deg;--left-forearm:0deg;--right-forearm:0deg;--torso-roll:0deg;z-index:4;aspect-ratio:2/3;cursor:grab;transform-origin:50% 5%;will-change:transform;filter:drop-shadow(0 31px 32px #00000085);width:clamp(285px,25vw,400px);margin-top:4.5vh;position:relative}.puppet-rig:active{cursor:grabbing}.puppet-rig:focus-visible{outline-offset:12px;outline:1px solid #dce6ee61}.puppet-part{will-change:transform;background-image:url(/assets/masix-marionette.png);background-repeat:no-repeat;position:absolute}.part-head{z-index:9;transform-origin:50% 94%;width:32%;height:19%;transform:perspective(500px) rotateY(var(--head-yaw)) rotateZ(var(--head-roll));background-position:50% 3.7%;background-size:312.5% 526.3%;top:3%;left:34%}.part-torso{z-index:5;background-position:50% 27.3%;background-size:217.4% 294.1%;width:46%;height:34%;top:18%;left:27%}.part-upper-arm{z-index:6;background-size:555.6% 500%;width:18%;height:20%;top:20%}.part-upper-arm.left{transform-origin:80% 10%;background-position:23.2% 25%;left:19%;transform:rotate(0)}.part-upper-arm.right{transform-origin:20% 10%;background-position:76.8% 25%;left:63%;transform:rotate(0)}.part-lower-arm{z-index:7;background-size:500% 434.8%;width:20%;height:23%;top:37%}.part-lower-arm.left{transform-origin:70% 5%;background-position:17.5% 48.1%;left:14%;transform:rotate(0)}.part-lower-arm.right{transform-origin:30% 5%;background-position:82.5% 48.1%;left:66%;transform:rotate(0)}.part-thigh{z-index:4;background-size:500% 416.7%;width:20%;height:24%;top:48%}.part-thigh.left{transform-origin:65% 6%;transform:rotate(var(--leg-sway));background-position:38.75% 63.2%;left:31%}.part-thigh.right{transform-origin:35% 6%;transform:rotate(calc(var(--leg-sway) * -1));background-position:61.25% 63.2%;left:49%}.part-shin{z-index:4;background-size:476.2% 454.5%;width:21%;height:22%;top:68%}.part-shin.left{transform-origin:58% 5%;transform:rotate(calc(var(--leg-sway) * -.75));background-position:36.7% 87.2%;left:29%}.part-shin.right{transform-origin:42% 5%;transform:rotate(calc(var(--leg-sway) * .75));background-position:63.3% 87.2%;left:50%}.part-foot{z-index:5;background-size:416.7% 833.3%;width:24%;height:12%;top:87%}.part-foot.left{transform-origin:60% 8%;transform:rotate(calc(var(--leg-sway) * .5));background-position:35.5% 98.9%;left:27%}.part-foot.right{transform-origin:40% 8%;transform:rotate(calc(var(--leg-sway) * -.5));background-position:64.5% 98.9%;left:49%}.joint{z-index:12;pointer-events:none;background:radial-gradient(circle,#eef2f5 0 15%,#747e87 20% 39%,#14181e 46% 100%);border:1px solid #e1e7ecd1;border-radius:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;position:absolute;box-shadow:0 0 0 2px #090c10ad,0 0 9px #dae4eb40}.joint:after{content:"";border:1px solid #d3dbe1ad;border-bottom:0;border-radius:3px 3px 0 0;width:3px;height:5px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.joint.left{--side:1}.joint.right{--side:-1}.joint-shoulder{top:22%}.joint-shoulder.left{left:34%}.joint-shoulder.right{left:66%}.joint-elbow{top:39%}.joint-elbow.left{left:28%}.joint-elbow.right{left:72%}.joint-wrist{top:54%}.joint-wrist.left{left:21%}.joint-wrist.right{left:79%}.joint-hip{top:51%}.joint-hip.left{left:41%}.joint-hip.right{left:59%}.joint-knee{top:68%}.joint-knee.left{left:40%}.joint-knee.right{left:60%}.joint-ankle{top:87%}.joint-ankle.left{left:39%}.joint-ankle.right{left:61%}.puppet-shadow{z-index:1;filter:blur(13px);background:#0000008f;border-radius:50%;width:clamp(190px,20vw,310px);height:28px;animation:3.8s ease-in-out infinite shadowBreath;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}@keyframes shadowBreath{50%{opacity:.55;transform:translate(-50%)scale(.86)}}.drag-note{z-index:7;color:#515862;letter-spacing:.14em;white-space:nowrap;align-items:center;gap:8px;margin:0;font:700 7px monospace;display:flex;position:absolute;bottom:11%;left:50%;transform:translate(-50%)}.drag-note span{background:#89939d;border-radius:50%;width:4px;height:4px}.runner-entrance{z-index:45;cursor:pointer;background:#04050847;border:1px solid #ffffff14;border-left:0;border-right:0;height:110px;padding:0;position:absolute;bottom:39px;left:0;right:0;overflow:hidden}.runner-lane{position:absolute;inset:0}.portal-runner{filter:saturate(.72)drop-shadow(0 0 9px #9bb4c633);width:110px;height:105px;animation:7.2s linear infinite runAcross;position:absolute;top:1px;left:-130px}.portal-runner i{background:url(/assets/electric-run-cycle.png) 0 0/200% 200% no-repeat;width:110px;height:110px;animation:.42s step-end infinite portalRunCycle;display:block}@keyframes portalRunCycle{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:0 100%}75%{background-position:100% 100%}}@keyframes runAcross{to{transform:translate(calc(100vw + 250px))}}.play-label{z-index:3;text-align:center;pointer-events:none;place-content:center;height:100%;display:grid;position:relative}.play-label b{color:#eff2f5;letter-spacing:.2em;font:800 11px monospace}.play-label small{color:#555c65;letter-spacing:.17em;margin-top:7px;font:700 6px monospace}.runner-entrance:hover .portal-runner{filter:saturate(1.05)drop-shadow(0 0 15px #5acaf46b)}.runner-entrance:hover .portal-runner i{animation-duration:.31s}.runner-entrance:hover .play-label b{text-shadow:0 0 18px #ffffff59}.home-footer{z-index:42;color:#3e444d;letter-spacing:.16em;justify-content:space-between;font:700 6px monospace;display:flex;position:absolute;bottom:12px;left:4vw;right:4vw}.transition-flare{z-index:50;opacity:0;pointer-events:none;background:#dce8f0;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-20%;left:50%;transform:translate(-50%)}.portfolio-home.is-entering .transition-flare{animation:.72s ease-in forwards transitionFlare}@keyframes transitionFlare{35%{opacity:.8}to{opacity:1;transform:translate(-50%)scale(180)}}.game-experience{z-index:100;visibility:hidden;opacity:0;pointer-events:none;clip-path:circle(0 at 50% 92%);background:radial-gradient(circle at 50% 100%,#2f485e3b,#0000 35%),#05070b;place-items:center;padding:70px 24px 24px;transition:opacity .3s,visibility .6s,clip-path .75s cubic-bezier(.7,0,.2,1);display:grid;position:fixed;inset:0}.game-experience.is-open{visibility:visible;opacity:1;pointer-events:auto;clip-path:circle(145% at 50% 92%)}.game-experience .game-window{width:min(1120px,100%);max-height:calc(100svh - 94px)}.game-experience .game-arena{height:min(55vw,585px)}.portfolio-close{z-index:110;color:#7d8792;letter-spacing:.15em;cursor:pointer;background:0 0;border:0;font:700 8px monospace;position:absolute;top:25px;left:50%;transform:translate(-50%)}.portfolio-close:hover{color:#fff}@media (max-width:860px){.portfolio-shell{min-height:100%}.portfolio-home{min-height:max(100svh,1040px);overflow:hidden clip}.portfolio-header{height:76px;left:18px;right:18px}.edition{display:none}.instagram-link{font-size:7px}.masix-wordmark{width:116px;height:52px;top:88px}.portfolio-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:auto;display:grid;top:720px;left:18px;right:18px;transform:none}.portfolio-nav a{background:#ffffff06;border:1px solid #ffffff1a;grid-template-columns:24px 1fr auto;gap:6px;min-height:48px;padding:0 13px;font-size:9px;display:grid}.portfolio-nav a:first-child{border:1px solid #ffffff1a}.portfolio-nav a i{opacity:.65;display:block}.portfolio-nav a:hover{padding-left:0}.portfolio-nav a:before{display:none}.marionette-stage{touch-action:pan-y;height:450px;inset:148px 0 auto}.puppet-rig{touch-action:pan-y;width:min(62vw,300px);margin-top:4px}.marionette-control{width:min(58vw,300px)}.puppet-shadow{bottom:3%}.drag-note{bottom:0}.construction-copy{z-index:36;text-align:center;width:auto;inset:620px 28px auto;transform:none}.construction-copy p{margin-bottom:8px;font-size:13px}.construction-copy strong{font-size:13px;line-height:1.45}.construction-copy small{margin-top:14px}.build-track{width:min(220px,70vw);margin:9px auto 0}.status-light{margin:0 8px 2px 0;display:inline-block;position:static}.runner-entrance{height:112px;bottom:43px}.home-footer{bottom:10px;left:18px;right:18px}.home-footer span:nth-child(2){display:none}.game-experience{padding:62px 7px 7px}.game-experience .game-arena{height:min(150vw,600px)}.portfolio-close{top:18px}}@media (max-width:430px){.portfolio-home{min-height:max(100svh,1010px)}.masix-wordmark{width:104px;height:46px;top:84px}.instagram-kicker{display:none}.portfolio-nav{top:690px}.portfolio-nav a{min-height:46px;padding:0 10px}.portfolio-nav a span{display:inline}.marionette-stage{height:435px;top:138px}.puppet-rig{width:min(70vw,278px)}.construction-copy{top:590px}.drag-note{display:none}.play-label{place-content:end center;padding-bottom:11px}}@media (prefers-reduced-motion:reduce){.portal-runner,.puppet-shadow,.status-light,.build-track i{animation-duration:6s!important}.site-intro{animation-duration:.25s}.intro-mark,.site-intro p,.intro-line i,.has-intro .portfolio-home{opacity:1;filter:none;animation:none;transform:none}}