:root{color-scheme:dark;--color-void: #030303;--color-black: #080808;--color-charcoal: #111111;--color-graphite: #1b1b1a;--color-panel: rgba(255, 255, 255, .055);--color-panel-solid: #151513;--color-gold: #f5c84c;--color-gold-hot: #ffe59c;--color-gold-soft: #c89931;--color-amber: #9f7726;--color-copper: #6f541d;--color-steel: #a8aaa4;--color-yellow-edge: rgba(245, 200, 76, .28);--color-text: #f7f3e8;--color-muted: #c5c0b4;--color-dim: #8d887d;--color-border: rgba(247, 243, 232, .1);--color-border-strong: rgba(247, 243, 232, .18);--color-border-gold: rgba(245, 200, 76, .24);--color-danger: #ff6c5c;--color-success: #74d99f;--font-display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px;--max-page: 1220px;--max-article: 760px;--max-tool: 1280px;--shadow-panel: 0 28px 90px rgba(0, 0, 0, .42);--shadow-soft: 0 18px 70px rgba(0, 0, 0, .3);--shadow-gold-soft: 0 0 44px rgba(245, 200, 76, .12);--shadow-gold-strong: 0 0 0 1px rgba(245, 200, 76, .18), 0 34px 96px rgba(245, 200, 76, .16);--focus-ring: 0 0 0 3px rgba(245, 200, 76, .28)}:root{--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-entrance: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.7, 0, .2, 1);--ease-precise: cubic-bezier(.22, 1, .36, 1);--ease-cinematic: cubic-bezier(.2, .84, .16, 1);--duration-instant: 80ms;--duration-fast: .14s;--duration-base: .22s;--duration-reveal: .64s;--duration-hero: 1.18s;--duration-cinematic: 1.4s;--duration-linger: 2.6s;--stagger-tight: 45ms;--stagger-base: 80ms;--stagger-cinematic: .13s}@keyframes ropix-reveal-up{0%{opacity:0;transform:translate3d(0,18px,0) scale(.992)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes ropix-hero-mark{0%{opacity:0;transform:translate3d(0,26px,0) scale(.9)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes ropix-light-sweep{0%{transform:translate3d(-150%,0,0) skew(-18deg);opacity:0}30%{opacity:1}to{transform:translate3d(170%,0,0) skew(-18deg);opacity:0}}@keyframes ropix-depth-drift{0%{transform:translate3d(-.8%,-.5%,0) scale(1.01)}to{transform:translate3d(.8%,.5%,0) scale(1.025)}}@keyframes ropix-hero-scan{0%{opacity:0;transform:translate3d(-14%,0,0) scaleX(.82)}32%{opacity:.86}to{opacity:.28;transform:translate3d(14%,0,0) scaleX(1)}}@keyframes ropix-line-drift{0%{transform:translate3d(-8%,0,0) rotate(-10deg)}to{transform:translate3d(8%,-2%,0) rotate(-10deg)}}@keyframes ropix-card-rise{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes ropix-vault-shake{0%,to{transform:translateZ(0) rotate(0)}18%{transform:translate3d(-5px,0,0) rotate(-.8deg)}36%{transform:translate3d(5px,0,0) rotate(.8deg)}54%{transform:translate3d(-3px,0,0) rotate(-.45deg)}72%{transform:translate3d(3px,0,0) rotate(.45deg)}}.reveal{animation:ropix-reveal-up var(--duration-reveal) var(--ease-cinematic) both;animation-delay:var(--reveal-delay, 0ms);transform-origin:50% 70%}.hero-mark-motion{animation:ropix-hero-mark var(--duration-hero) var(--ease-cinematic) both;animation-delay:.12s;transform-origin:center}.light-sweep{position:relative;overflow:hidden}.light-sweep:after{background:linear-gradient(90deg,transparent,rgba(245,200,76,.06),rgba(245,200,76,.18),rgba(255,255,255,.08),transparent);content:"";height:100%;inset:0;pointer-events:none;position:absolute;transform:translate3d(-150%,0,0) skew(-18deg);width:34%;will-change:transform,opacity}.light-sweep:hover:after,.light-sweep:focus-within:after{animation:ropix-light-sweep .98s var(--ease-precise)}.depth-drift{animation:ropix-depth-drift 22s var(--ease-standard) infinite alternate;will-change:transform}@media(prefers-reduced-motion:no-preference){.hero-atmosphere{animation:ropix-depth-drift 20s var(--ease-standard) infinite alternate}.hero-core{animation:ropix-hero-scan var(--duration-linger) var(--ease-cinematic) both}.hero-line{animation:ropix-line-drift 12s var(--ease-standard) infinite alternate}.vault-button:hover .vault-door,.vault-button:focus-visible .vault-door,.vault-button:active .vault-door{animation:ropix-vault-shake .36s var(--ease-precise) both}.card,.glass{animation:ropix-card-rise var(--duration-reveal) var(--ease-cinematic) both;animation-delay:var(--reveal-delay, 0ms)}.nav-list[data-open=true]{animation:ropix-reveal-up .36s var(--ease-cinematic) both}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}.depth-drift,.hero-atmosphere,.hero-core,.hero-line,.vault-button:hover .vault-door,.vault-button:focus-visible .vault-door,.vault-button:active .vault-door,.light-sweep:after{animation:none!important;transform:none!important}}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-void);scroll-behavior:smooth}body{background:linear-gradient(115deg,transparent 0 18%,rgba(245,200,76,.055) 18.1% 18.25%,transparent 18.45%),linear-gradient(180deg,#030303,#0b0b0a 54%,#050505);color:var(--color-text);font-family:var(--font-body);line-height:1.6;margin:0;min-height:100vh;overflow-x:hidden;text-rendering:geometricPrecision;width:100%}body:before{background-image:linear-gradient(rgba(247,243,232,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(247,243,232,.026) 1px,transparent 1px);background-size:92px 92px;content:"";inset:0;mask-image:linear-gradient(180deg,black 0%,transparent 70%);opacity:.38;pointer-events:none;position:fixed;z-index:-2}body:after{background:linear-gradient(132deg,transparent 0 44%,rgba(245,200,76,.09) 44.1% 44.24%,transparent 44.5%),linear-gradient(28deg,transparent 0 70%,rgba(247,243,232,.035) 70.1% 70.2%,transparent 70.45%);content:"";inset:-10%;opacity:.7;pointer-events:none;position:fixed;z-index:-3}img,svg,canvas,video,iframe{max-width:100%}img{display:block;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,select,input,textarea{color-scheme:dark}::selection{background:#f5c84c47;color:var(--color-text)}.skip-link{background:var(--color-gold);color:var(--color-black);font-weight:900;left:var(--space-4);padding:var(--space-2) var(--space-3);position:fixed;top:var(--space-4);transform:translateY(-180%);transition:transform var(--duration-fast) var(--ease-standard);z-index:1000}.skip-link:focus{transform:translateY(0)}.site-shell{isolation:isolate;min-height:100vh}.container{margin-inline:auto;max-width:var(--max-page);min-width:0;padding-inline:clamp(1rem,4vw,2rem);width:100%}.section{padding-block:clamp(4.5rem,12vw,9rem)}.section-tight{padding-block:clamp(3.25rem,9vw,6.5rem)}.eyebrow{color:var(--color-gold);font-family:var(--font-mono);font-size:clamp(.68rem,1.6vw,.76rem);font-weight:850;letter-spacing:.08em;margin:0 0 var(--space-3);text-transform:uppercase}h1,h2,h3{color:var(--color-text);font-family:var(--font-display);font-weight:900;letter-spacing:0;line-height:.98;margin:0;max-width:100%;overflow-wrap:anywhere}h1{font-size:clamp(4rem,17vw,9.5rem);max-width:10ch}h2{font-size:clamp(2.25rem,8vw,5.25rem)}h3{font-size:clamp(1.35rem,4vw,2.1rem);line-height:1.08}p{color:var(--color-muted);margin:0;max-width:100%;overflow-wrap:anywhere}.lead{color:var(--color-text);font-size:clamp(1.08rem,3.6vw,1.45rem);line-height:1.48;max-width:64ch}.muted{color:var(--color-muted)}.text-gold{color:var(--color-gold)}.stack{display:grid;gap:var(--space-5);min-width:0}.cluster{align-items:stretch;display:flex;flex-wrap:wrap;gap:var(--space-3);min-width:0}.grid{display:grid;gap:var(--space-5);min-width:0}.grid>*,.split>*,.tool-grid>*,.tool-grid-wide>*,.footer-grid>*,.contact-grid>*,.asset-grid>*,.browser-game-grid>*,.comparison-grid>*,.sfx-control-grid>*{min-width:0}.grid-2,.grid-3{grid-template-columns:1fr}.compact-grid{gap:var(--space-4)}.glass,.card{background:linear-gradient(145deg,#f7f3e814,#f7f3e807),#ffffff09;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);min-width:0;position:relative}.glass{backdrop-filter:blur(18px)}.glass-gold{border-color:var(--color-border-gold);box-shadow:var(--shadow-panel),inset 0 1px #f5c84c1f}.card{display:grid;gap:var(--space-4);min-height:100%;padding:clamp(1.25rem,4vw,2rem);transition:border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard)}.card:before{background:linear-gradient(90deg,var(--color-gold),transparent 50%);content:"";height:1px;inset:0 var(--space-5) auto;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--duration-base) var(--ease-standard)}.card:hover{background:linear-gradient(145deg,#f7f3e81a,#f7f3e809),#ffffff0c;border-color:var(--color-border-gold);box-shadow:var(--shadow-gold-strong);transform:translate3d(0,-4px,0)}.card:hover:before{opacity:.72}.card h2{font-size:clamp(1.45rem,4.5vw,2.35rem);line-height:1.03}.button{align-items:center;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-weight:900;gap:var(--space-2);justify-content:center;max-width:100%;min-height:3rem;min-width:0;overflow:hidden;padding:.8rem 1rem;position:relative;text-align:center;transition:border-color var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard);width:100%}.button:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);content:"";inset:0 auto 0 -44%;pointer-events:none;position:absolute;transform:skew(-18deg);transition:transform var(--duration-cinematic) var(--ease-precise);width:36%}.button:hover{transform:translate3d(0,-1px,0)}.button:hover:before,.button:focus-visible:before{transform:translate3d(380%,0,0) skew(-18deg)}.button:disabled{cursor:not-allowed;opacity:.48;transform:none}.button:disabled:before{display:none}.button-primary{background:linear-gradient(180deg,var(--color-gold-hot),var(--color-gold));color:var(--color-black);box-shadow:0 18px 46px #f5c84c29}.button-secondary{background:#f7f3e80b;border-color:var(--color-border);color:var(--color-text)}.button-secondary:hover{border-color:var(--color-border-gold)}.button:focus-visible,.nav-link:focus-visible,.icon-link:focus-visible,.mobile-toggle:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.mini-button:focus-visible,.swatch-button:focus-visible,.sprite-frame-button:focus-visible,.vault-button:focus-visible,.game-iframe:focus-visible{box-shadow:var(--focus-ring);outline:2px solid transparent}.status{border:1px solid var(--color-border-gold);border-radius:999px;color:var(--color-gold);display:inline-flex;font-family:var(--font-mono);font-size:.68rem;font-weight:850;line-height:1;padding:.42rem .62rem;text-transform:uppercase;width:max-content}.site-header{inset-inline:0;position:sticky;top:0;z-index:50}.nav-surface{background:#030303bd;border-bottom:1px solid var(--color-border);backdrop-filter:blur(22px)}.nav-wrap{align-items:center;display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;min-height:5rem;padding-block:var(--space-3)}.site-header .container{max-width:none}.brand{align-items:center;color:var(--color-text);display:inline-flex;flex-shrink:0;gap:var(--space-3);font-family:var(--font-display);font-size:1.05rem;font-weight:900;min-width:0;position:relative;z-index:2}.brand img{aspect-ratio:1;flex:0 0 auto;height:2.15rem;object-fit:contain;width:2.15rem}.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-toggle{align-items:center;background:#f7f3e80d;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:inline-flex;font-weight:850;gap:var(--space-2);max-width:100%;min-height:2.8rem;min-width:0;padding:.62rem .78rem}.mobile-toggle span[aria-hidden=true]{background:currentColor;display:block;height:1px;width:1rem}.mobile-toggle[aria-expanded=true] span[aria-hidden=true]:first-child{transform:translate3d(.3rem,.18rem,0) rotate(45deg)}.mobile-toggle[aria-expanded=true] span[aria-hidden=true]:nth-child(2){transform:translate3d(-.3rem,-.18rem,0) rotate(-45deg)}.nav-menu{grid-column:1 / -1}.nav-list{background:linear-gradient(145deg,#f7f3e817,#f7f3e806),#0c0c0bfa;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);display:none;gap:var(--space-1);list-style:none;margin:var(--space-2) 0 0;padding:var(--space-3)}.nav-list[data-open=true]{display:grid}.nav-link{align-items:center;border-radius:var(--radius-sm);color:var(--color-muted);display:flex;font-size:1rem;font-weight:850;gap:.4rem;justify-content:space-between;min-height:3.15rem;padding:.72rem .85rem;transition:background var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.nav-link:hover,.nav-link[data-active=true]{background:#f5c84c1a;color:var(--color-text);transform:translate3d(0,-1px,0)}.nav-link[data-priority=secondary]{color:var(--color-dim)}.nav-marker{align-items:center;background:#f5c84c1f;border:1px solid var(--color-border-gold);border-radius:999px;color:var(--color-gold);display:inline-flex;font-family:var(--font-mono);font-size:.66rem;height:1.05rem;justify-content:center;line-height:1;width:1.05rem}.nav-cta{display:none}.hero{align-items:center;display:grid;max-width:100%;min-height:calc(100svh - 5rem);overflow:hidden;padding-block:clamp(3.5rem,8vw,6.5rem) clamp(3.25rem,7vw,5rem);position:relative}.hero:before{background:radial-gradient(circle at 72% 48%,rgba(245,200,76,.24),transparent 27rem),linear-gradient(90deg,#030303fa,#030303c2 37%,#03030333 72%,#030303b8),linear-gradient(180deg,rgba(3,3,3,.5),transparent 32%,rgba(3,3,3,.88));content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.hero-atmosphere{inset:0;pointer-events:none;position:absolute;z-index:1}.hero-core{background:linear-gradient(90deg,transparent,rgba(245,200,76,.28),transparent);height:1px;left:-10%;opacity:.42;position:absolute;top:77%;transform:rotate(-4deg);width:120%}.hero-line{background:#f5c84c38;height:1px;opacity:.58;position:absolute;width:min(48rem,92vw)}.hero-line-a{right:4vw;top:25%;transform:rotate(-21deg)}.hero-line-b{bottom:10%;left:-7rem;transform:rotate(-13deg)}.hero-cinematic{background:#030303;min-height:calc(100svh - 4.8rem)}.hero-scene{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.hero-scene img{filter:saturate(1.05) contrast(1.08);height:100%;object-fit:cover;object-position:64% center;opacity:.9;transform:scale(1.015);width:100%}.hero-pixel-field{background-image:radial-gradient(circle,rgba(245,200,76,.55) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(247,243,232,.16) 0 1px,transparent 1.5px);background-position:0 0,1.4rem 1.8rem;background-size:3.2rem 3.2rem,4.6rem 4.6rem;inset:0;mask-image:linear-gradient(90deg,black 0%,transparent 24%,black 55%,transparent 95%);opacity:.16;position:absolute}.hero-grid{align-items:center;display:grid;gap:clamp(2rem,7vw,5rem);grid-template-columns:1fr;min-width:0;position:relative;z-index:2}.hero-stage{min-height:min(40rem,calc(100svh - 8rem))}.hero-copy{display:grid;gap:clamp(1.35rem,2.5vw,2rem);min-width:0;position:relative;z-index:1}.hero-copy h1{font-size:clamp(4.4rem,13vw,9.25rem);line-height:.82;max-width:7.4ch;text-shadow:0 1px 0 rgba(255,255,255,.08),0 40px 120px rgba(0,0,0,.78)}.hero-copy .lead{color:#f7f3e8f0;font-family:var(--font-mono);font-size:clamp(1rem,1.65vw,1.32rem);letter-spacing:.015em;line-height:1.55;max-width:58ch;text-shadow:0 16px 60px rgba(0,0,0,.8)}.hero-actions{gap:var(--space-4)}.hero-actions .button,.hero-project .button{min-width:min(100%,13rem)}.hero-actions .button{clip-path:polygon(0 0,calc(100% - .9rem) 0,100% .9rem,100% 100%,0 100%);min-height:3.65rem}.hero-signal{align-items:center;color:#f5c84ceb;display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:clamp(.68rem,1.2vw,.78rem);font-weight:850;gap:var(--space-3);letter-spacing:.22em;line-height:1.2;margin-top:var(--space-2);text-transform:uppercase}.hero-signal span{align-items:center;display:inline-flex;gap:var(--space-3)}.hero-signal span:not(:last-child):after{background:currentColor;content:"";display:block;height:1px;opacity:.42;width:2rem}.hero-panel,.hero-project{overflow:hidden;padding:clamp(1.25rem,4vw,2rem)}.hero-panel:before,.hero-project:before{background:linear-gradient(90deg,var(--color-gold),transparent 55%);content:"";height:1px;inset:0 var(--space-5) auto;position:absolute}.hero-panel h2{font-size:clamp(1.8rem,6vw,3rem)}.hero-project{align-self:start;background:linear-gradient(145deg,#f7f3e81f,#f7f3e809),#060605c2;border-radius:var(--radius-md);display:grid;gap:var(--space-3);justify-self:stretch;max-width:24rem;position:relative}.hero-project h2{font-size:clamp(1.7rem,3.1vw,2.35rem);margin-block:var(--space-3) var(--space-2)}.hero-project p{color:#f7f3e8b8;display:-webkit-box;font-size:.94rem;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.55;margin-bottom:var(--space-4);overflow:hidden}.hero-project-mark{aspect-ratio:1;background:radial-gradient(circle at 50% 42%,rgba(245,200,76,.25),transparent 44%),#0000002e;border:1px solid rgba(245,200,76,.14);display:none;margin-left:auto;max-width:7.5rem;padding:var(--space-4);place-items:center}.hero-project-mark img{filter:drop-shadow(0 0 26px rgba(245,200,76,.28));width:100%}.hero-floor{align-items:center;border-top:1px solid rgba(245,200,76,.24);bottom:0;color:#f5c84cc7;display:none;font-family:var(--font-mono);font-size:.66rem;font-weight:850;inset-inline:0;justify-content:center;letter-spacing:.5em;min-height:3rem;pointer-events:none;position:absolute;text-transform:uppercase;z-index:2}.hero-mark{aspect-ratio:1;margin-inline:auto;max-width:min(18rem,70vw);object-fit:contain;opacity:.96;width:100%}.metrics{display:grid;gap:var(--space-3);grid-template-columns:1fr;min-width:0}.metric{background:#f7f3e80a;border:1px solid var(--color-border);border-left-color:var(--color-border-gold);border-radius:var(--radius-sm);min-height:7.25rem;padding:var(--space-4)}.metric strong{color:var(--color-text);display:block;font-family:var(--font-display);font-size:1.25rem;line-height:1.08;margin-bottom:var(--space-2)}.feature-band{background:linear-gradient(180deg,#f7f3e807,#f7f3e803),#ffffff03;border-block:1px solid var(--color-border)}.section-heading{display:grid;gap:var(--space-3);margin-bottom:var(--space-8);max-width:780px}.page-header{padding-block:clamp(5rem,14vw,9rem) clamp(3rem,8vw,5rem)}.page-header-content{max-width:900px}.page-header h1{max-width:12ch}.split{align-items:start;display:grid;gap:clamp(2rem,7vw,4rem);grid-template-columns:1fr}.signal-section{position:relative}.signal-section:before{background:linear-gradient(90deg,transparent,rgba(245,200,76,.26),transparent);content:"";height:1px;inset:0 clamp(1rem,8vw,7rem) auto;opacity:.62;position:absolute}.signal-panel,.donate-panel,.placeholder-panel,.vault-stage,.tool-panel{padding:clamp(1.25rem,4vw,2rem)}.vault-stage{display:grid;gap:var(--space-5);justify-items:center;overflow:hidden;text-align:center}.vault-button{background:transparent;border:0;color:inherit;cursor:pointer;display:grid;gap:var(--space-4);justify-items:center;padding:var(--space-2)}.vault-door{align-items:center;aspect-ratio:1;background:linear-gradient(145deg,#f7f3e81a,#f7f3e805),#111;border:1px solid var(--color-border-gold);border-radius:999px;box-shadow:inset 0 0 0 .75rem #ffffff06,inset 0 0 0 1.35rem #00000042,var(--shadow-panel);display:grid;max-width:22rem;min-width:min(100%,13rem);place-items:center;position:relative;transform-origin:50% 50%;width:min(100%,22rem)}.vault-door:before,.vault-door:after{background:linear-gradient(90deg,transparent,rgba(245,200,76,.28),transparent);content:"";height:1px;position:absolute;width:78%}.vault-door:before{transform:rotate(90deg)}.vault-ring{border:1px solid rgba(245,200,76,.34);border-radius:inherit;inset:16%;position:absolute}.vault-wheel{aspect-ratio:1;background:#00000038;border:1px solid var(--color-border-gold);border-radius:999px;display:grid;place-items:center;position:relative;width:34%}.vault-wheel span{background:var(--color-gold);border-radius:999px;height:.2rem;position:absolute;width:74%}.vault-wheel span:nth-child(2){transform:rotate(45deg)}.vault-wheel span:nth-child(3){transform:rotate(90deg)}.vault-wheel span:nth-child(4){transform:rotate(135deg)}.vault-lock-core{background:var(--color-gold);border-radius:999px;height:.7rem;position:absolute;width:.7rem}.vault-readout{border:1px solid var(--color-border-gold);border-radius:999px;color:var(--color-gold);font-family:var(--font-mono);font-size:.75rem;font-weight:850;padding:.45rem .75rem}.browser-terminal{overflow:hidden}.terminal-bar{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-5)}.terminal-bar span{background:#f7f3e833;border-radius:999px;height:.58rem;width:.58rem}.terminal-bar span:first-child{background:var(--color-gold)}.terminal-bar p,.directory-label{color:var(--color-dim);font-family:var(--font-mono);font-size:.78rem}.terminal-copy{display:grid;gap:var(--space-4);padding:var(--space-6)}.browser-game-grid{display:grid;gap:var(--space-5);grid-template-columns:1fr}.browser-game-card{display:grid;gap:var(--space-5)}.directory-row,.post-meta,.preview-panel-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between}.game-frame-shell{background:#00000047;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;position:relative}.game-iframe{aspect-ratio:16 / 10;background:#050505;border:0;display:block;min-height:15rem;width:100%}.text-link{color:var(--color-gold);font-weight:850;margin-top:var(--space-2);text-decoration:underline;text-decoration-color:#f5c84c57;text-underline-offset:.3em}.card-media,.placeholder-visual{align-items:end;aspect-ratio:16 / 10;background:linear-gradient(135deg,rgba(245,200,76,.13),transparent 46%),linear-gradient(180deg,#f7f3e814,#f7f3e805);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;overflow:hidden;padding:var(--space-4);position:relative}.card-media:before{background-image:linear-gradient(rgba(245,200,76,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(245,200,76,.1) 1px,transparent 1px);background-size:32px 32px;content:"";inset:0;opacity:.18;position:absolute}.card-media span,.placeholder-visual span{color:var(--color-gold);font-family:var(--font-mono);font-size:.74rem;font-weight:850;position:relative;text-transform:uppercase}.game-card h2,.devlog-card h2{font-size:clamp(1.45rem,4vw,2.25rem)}.pill-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pill-row span,.labs-filter span,.lab-card small{background:#f7f3e80d;border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);font-family:var(--font-mono);font-size:.72rem;padding:.34rem .6rem}.placeholder-visual{min-height:18rem}.meta-list,.fact-grid{display:grid;gap:var(--space-4);margin:0}.meta-list div,.fact-grid div{background:#f7f3e80a;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:grid;gap:var(--space-1);padding:var(--space-4)}.meta-list dt,.fact-grid dt{color:var(--color-dim);font-family:var(--font-mono);font-size:.72rem;font-weight:850;text-transform:uppercase}.meta-list dd,.fact-grid dd{color:var(--color-text);margin:0}.timeline{display:grid;gap:var(--space-5);position:relative}.timeline:before{background:linear-gradient(180deg,transparent,var(--color-border-gold),transparent);content:"";inset-block:0;left:1.1rem;position:absolute;width:1px}.timeline-card{margin-left:var(--space-10)}.timeline-card strong{color:var(--color-gold)}.contact-grid,.asset-grid,.footer-grid{display:grid;gap:var(--space-5);grid-template-columns:1fr}.devlog-card{display:grid;gap:var(--space-3)}.article-meta{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8);padding-bottom:var(--space-5)}.article{margin-inline:auto;max-width:var(--max-article);padding-block:clamp(3.5rem,10vw,6rem)}.article>*+*{margin-top:var(--space-5)}.article h2{font-size:clamp(2rem,6vw,3rem);margin-top:var(--space-10)}.article p,.article li{color:var(--color-muted);font-size:1.03rem}.article a{color:var(--color-gold);text-decoration:underline;text-decoration-color:#f5c84c66;text-underline-offset:.24em}.form,.field{display:grid}.form{gap:var(--space-4)}.form.glass{padding:var(--space-6)}.field{gap:var(--space-2)}.field label{color:var(--color-text);font-weight:800}.field input,.field textarea,.field select,.code-output{background:#f7f3e80e;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);min-height:3rem;padding:.82rem .92rem;width:100%}.field textarea{min-height:9rem;resize:vertical}.form-note{color:var(--color-dim);font-size:.88rem}.form-note[data-state=error]{color:var(--color-danger)}.clean-list{color:var(--color-muted);display:grid;gap:var(--space-3);margin:0;padding-left:1.1rem}.press-logo-panel{align-items:center;aspect-ratio:1;display:flex;justify-content:center;padding:var(--space-8)}.press-logo-panel img{max-width:min(22rem,80%)}.labs-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.lab-card{display:grid;gap:var(--space-4)}.lab-card.is-planned{opacity:.64}.tool-grid,.tool-grid-wide{align-items:start;display:grid;gap:var(--space-5);grid-template-columns:1fr}.container.tool-grid-wide{max-width:var(--max-tool)}.dropzone{border:1px dashed var(--color-border-gold);border-radius:var(--radius-lg);padding:var(--space-3);transition:background var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.dropzone[data-active=true]{background:#f5c84c14;border-color:var(--color-gold);transform:translate3d(0,-1px,0)}.dropzone input{block-size:1px;inline-size:1px;opacity:0;position:absolute}.dropzone input:focus-visible+label{box-shadow:var(--focus-ring);outline:2px solid transparent}.dropzone label{align-items:center;background:#f7f3e80b;border-radius:var(--radius-sm);cursor:pointer;display:grid;gap:var(--space-2);min-height:9rem;padding:var(--space-5);place-items:center;text-align:center}.dropzone strong{color:var(--color-text);font-size:1.05rem}.dropzone span{color:var(--color-muted);max-width:34ch}.asset-input-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}.toggle-row,.range-field,.preview-panel,.waveform-field{background:#f7f3e80b;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4)}.toggle-row{align-items:center;color:var(--color-muted);display:flex;gap:var(--space-3)}.toggle-row:has(input:checked){border-color:var(--color-border-gold);color:var(--color-text)}.range-field{display:grid;gap:var(--space-3)}.range-field span{align-items:center;color:var(--color-text);display:flex;font-weight:800;gap:var(--space-3);justify-content:space-between}.range-field output{color:var(--color-gold);font-family:var(--font-mono);font-size:.78rem;font-weight:850}.range-field input[type=range]{accent-color:var(--color-gold);width:100%}.canvas-stage{background:linear-gradient(45deg,rgba(255,255,255,.07) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.07) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.07) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.07) 75%),#00000047;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:18rem;overflow:auto;padding:var(--space-4)}.canvas-stage-compact{min-height:14rem}.canvas-stage canvas{border:1px solid rgba(245,200,76,.18);display:block;image-rendering:pixelated;image-rendering:crisp-edges;max-width:none}.tool-stats{display:grid;gap:var(--space-3);grid-template-columns:1fr;margin:0}.tool-stats div{background:#f7f3e80b;border:1px solid var(--color-border);border-left-color:var(--color-border-gold);border-radius:var(--radius-sm);padding:var(--space-4)}.tool-stats dt{color:var(--color-dim);font-family:var(--font-mono);font-size:.7rem;font-weight:850;text-transform:uppercase}.tool-stats dd{color:var(--color-text);font-family:var(--font-mono);margin:var(--space-1) 0 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:38rem;width:100%}th,td{border-bottom:1px solid var(--color-border);color:var(--color-muted);padding:.85rem;text-align:left;vertical-align:top}th{color:var(--color-text);font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase}.mini-button{background:#f7f3e80d;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-family:var(--font-mono);font-size:.72rem;font-weight:850;padding:.45rem .62rem}.mini-button:hover{border-color:var(--color-border-gold);color:var(--color-gold)}.palette-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));min-height:12rem}.palette-grid-large{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}.palette-swatch{background:#f7f3e80b;border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;gap:var(--space-2);padding:var(--space-3)}.palette-swatch span{aspect-ratio:1;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm)}.palette-swatch strong{color:var(--color-text);font-family:var(--font-mono)}.palette-swatch small{color:var(--color-muted)}.swatch-button{color:inherit;cursor:pointer;font:inherit;text-align:left;transition:border-color var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.swatch-button:hover{border-color:var(--color-border-gold);transform:translate3d(0,-1px,0)}.preset-fieldset{border:0;display:grid;gap:var(--space-3);margin:0;padding:0}.preset-fieldset legend{color:var(--color-text);font-family:var(--font-display);font-size:1.4rem;font-weight:850;margin-bottom:var(--space-3)}.preset-option{align-items:center;background:#f7f3e80b;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);display:flex;gap:var(--space-3);padding:var(--space-3)}.preset-option:has(input:checked){border-color:var(--color-border-gold);color:var(--color-text)}.code-output{font-family:var(--font-mono);min-height:28rem;resize:vertical}.sprite-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));max-height:36rem;overflow:auto;padding-right:var(--space-2)}.sprite-frame-button{background:#f7f3e80b;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;display:grid;gap:var(--space-2);padding:var(--space-2);transition:border-color var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.sprite-frame-button:hover,.sprite-frame-button[data-active=true]{border-color:var(--color-border-gold);transform:translate3d(0,-1px,0)}.sprite-frame-button img{background:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.08) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:var(--radius-xs);image-rendering:pixelated;margin-inline:auto;max-height:4rem;object-fit:contain}.sprite-frame-button span{font-family:var(--font-mono);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-grid,.sfx-control-grid{display:grid;gap:var(--space-5);grid-template-columns:1fr}.preview-panel{display:grid;gap:var(--space-3)}.preview-panel-header strong{color:var(--color-text)}.preview-panel-header span{color:var(--color-gold);font-family:var(--font-mono);font-size:.76rem}.one-pager{padding:var(--space-12) var(--space-4)}.one-pager-sheet{background:var(--color-panel-solid);border:1px solid var(--color-border-gold);border-radius:var(--radius-lg);display:grid;gap:var(--space-8);margin-inline:auto;max-width:900px;padding:clamp(1.5rem,5vw,3rem)}.one-pager-header{align-items:center;display:grid;gap:var(--space-6);grid-template-columns:1fr}.one-pager-header img{height:8rem;width:8rem}.site-footer{border-top:1px solid var(--color-border);padding-block:clamp(3rem,8vw,5rem)}.footer-links{display:grid;gap:var(--space-2)}.footer-links h2{color:var(--color-text);font-family:var(--font-body);font-size:.82rem;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.footer-links a{color:var(--color-muted)}.footer-links a:hover{color:var(--color-gold)}@media(min-width:641px){.button{width:auto}.cluster{align-items:center}.grid-2,.comparison-grid,.sfx-control-grid,.browser-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics,.tool-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.one-pager-header{grid-template-columns:auto 1fr}}@media(min-width:821px){.grid-3,.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.split{grid-template-columns:minmax(0,1fr) minmax(20rem,.82fr)}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.58fr)}.hero-stage{align-items:center}.hero-project{margin-top:0}.tool-grid{grid-template-columns:minmax(19rem,.72fr) minmax(0,1fr)}.tool-grid-wide{grid-template-columns:minmax(21rem,.76fr) minmax(0,1.24fr)}.footer-grid{grid-template-columns:1.35fr repeat(3,1fr)}}@media(min-width:981px){.nav-wrap{grid-template-columns:max-content minmax(0,1fr) max-content;gap:clamp(.6rem,1.4vw,1.4rem);min-height:4.65rem}.mobile-toggle{display:none}.nav-menu{grid-column:auto;min-width:0}.nav-list{align-items:center;background:transparent;border:0;border-radius:0;box-shadow:none;display:flex;gap:0;justify-content:flex-start;margin:0;min-width:0;overflow-x:auto;padding:0;scrollbar-width:none}.nav-list::-webkit-scrollbar{display:none}.nav-list li{flex:0 0 auto}.nav-link{font-size:clamp(.68rem,.72vw,.82rem);justify-content:center;min-height:2.45rem;padding:.52rem clamp(.34rem,.5vw,.62rem);white-space:nowrap}.nav-cta{display:inline-flex;min-height:3.1rem;min-width:8.25rem;padding-inline:clamp(.8rem,1.3vw,1.2rem);white-space:nowrap}.hero-floor{display:flex}}@media(min-width:1200px){.nav-link{font-size:.84rem;padding-inline:.58rem}.hero-mark{max-width:25rem}}@media(max-width:430px){h1{font-size:clamp(3.15rem,16.5vw,4rem)}h2{font-size:clamp(2rem,9.5vw,2.75rem)}.brand span{max-width:10rem}.site-header .container{padding-inline:var(--space-3)}.nav-wrap{gap:var(--space-2)}.mobile-toggle{gap:.45rem;padding-inline:.68rem}.mobile-toggle span:last-child{max-width:3.2rem;overflow:hidden;text-overflow:ellipsis}.cluster{display:grid;grid-template-columns:1fr}.hero{min-height:auto}.hero-scene img{object-position:70% center;opacity:.54}.hero-copy h1{font-size:clamp(4.4rem,24vw,5.8rem)}.hero-actions .button{min-height:3.4rem}.hero-signal{letter-spacing:.14em}.hero-signal span{width:100%}.hero-signal span:after{display:none}.card,.glass{border-radius:var(--radius-md)}.button{min-height:3.2rem}.game-iframe{min-height:13rem}}@media print{.site-header,.site-footer,.skip-link{display:none}body{background:#fff;color:#000}body:before,body:after{display:none}.one-pager{padding:0}.one-pager-sheet{background:#fff;border:0;color:#000;max-width:none}.one-pager-sheet p,.one-pager-sheet dd{color:#222}}