:root{--paper:#f4ece0;--paper-2:#fdf8f0;--ink:#17222e;--ink-soft:#5a6b7d;--sky:#9ed6f8;--sky-deep:#3f97d8;--pop:#ff4141;--gold:#ffc94a;--edge:3px;--lift:6px;--radius:14px;--font-display:"Lilita One","Trebuchet MS",sans-serif;--font-body:"Archivo",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",monospace}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--paper);background-image:radial-gradient(rgba(23,34,46,.055) 1px,transparent 0);background-size:22px 22px;color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:.01em;line-height:.98;margin:0}a{color:var(--sky-deep)}:focus-visible{outline:3px solid var(--pop);outline-offset:3px;border-radius:4px}.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}.sticker{border:var(--edge) solid var(--ink);border-radius:var(--radius);background:var(--paper-2);box-shadow:0 var(--lift) 0 var(--ink)}.press{transition:transform .12s ease,box-shadow .12s ease}.press:focus-visible,.press:hover{transform:translateY(calc(var(--lift) - 2px)) rotate(0deg);box-shadow:0 2px 0 var(--ink)}.press:active{transform:translateY(var(--lift)) rotate(0deg);box-shadow:0 0 0 var(--ink)}.nav{position:sticky;top:0;z-index:50;background:rgba(244,236,224,.92);backdrop-filter:blur(8px);border-bottom:var(--edge) solid var(--ink)}.nav-inner{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0}.brand,.nav-inner{align-items:center}.brand{display:inline-flex;gap:.55rem;font-family:var(--font-display);font-size:1.4rem;color:var(--ink);text-decoration:none;padding:.3rem .7rem;background:var(--gold);border:var(--edge) solid var(--ink);border-radius:10px;box-shadow:0 4px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}.brand:hover{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}.brand svg{display:block}.nav-links{display:flex;align-items:center;gap:.35rem;list-style:none;margin:0;padding:0}.nav-links a{display:block;padding:.4rem .75rem;border-radius:8px;font-weight:600;font-size:.95rem;color:var(--ink);text-decoration:none;border:2px solid transparent}.nav-links a:hover{background:var(--sky)}.nav-links a[aria-current=true]{background:var(--sky);border-color:var(--ink)}.hero{padding:clamp(3.5rem,9vw,6.5rem) 0 clamp(3rem,7vw,5rem)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:center}.hero h1{font-size:clamp(2.9rem,8vw,5.4rem);text-transform:uppercase}.mark{position:relative;display:inline-block;isolation:isolate}.mark:before{content:"";position:absolute;left:-.1em;right:-.1em;top:.18em;bottom:.06em;background:var(--sky);border-radius:5px;transform:rotate(-1.4deg);z-index:-1}.hero-lede{max-width:46ch;margin:1.4rem 0 2rem;font-size:1.12rem;color:var(--ink-soft)}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.35rem;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.02em;text-decoration:none;cursor:pointer;border:var(--edge) solid var(--ink);border-radius:11px;box-shadow:0 var(--lift) 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}.btn:focus-visible,.btn:hover{transform:translateY(calc(var(--lift) - 2px));box-shadow:0 2px 0 var(--ink)}.btn:active{transform:translateY(var(--lift));box-shadow:0 0 0 var(--ink)}.btn-primary{background:var(--pop);color:#fff}.btn-secondary{background:var(--paper-2);color:var(--ink)}.cabinet{border:var(--edge) solid var(--ink);border-radius:20px;box-shadow:0 10px 0 var(--ink);background:linear-gradient(180deg,#c6ecff,#9ed6f8 55%,#7fc3ef);padding:1.5rem;transform:rotate(1.4deg)}.cabinet svg{display:block;width:100%;height:auto}.cabinet-caption{margin-top:1rem;font-family:var(--font-mono);font-size:.78rem;text-align:center;color:var(--ink);opacity:.75}.section{padding:clamp(3rem,7vw,5.5rem) 0;scroll-margin-top:5.5rem}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.74rem;font-weight:700;letter-spacing:.16em;padding:.3rem .7rem;background:var(--ink);color:var(--paper);border-radius:6px;margin-bottom:1rem}.eyebrow,.section h2{text-transform:uppercase}.section h2{font-size:clamp(2rem,5vw,3rem);margin-bottom:.75rem}.section-lede{max-width:58ch;color:var(--ink-soft);margin:0 0 2.5rem}.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:1.75rem}.game{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:inherit}.games>.game:nth-child(odd){transform:rotate(-.7deg)}.games>.game:nth-child(2n){transform:rotate(.6deg)}.cover{border-bottom:var(--edge) solid var(--ink);padding:1.5rem;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.cover svg{width:100%;height:100%;display:block}.cover-zzap{background:linear-gradient(180deg,#c6ecff,#7fc3ef)}.cover-words{background:linear-gradient(180deg,#fdf8f0,#e7d9c2)}.cover-toe{background:linear-gradient(180deg,#ffe0a8,#ffc94a)}.cover-fluid{background:linear-gradient(180deg,#2b3f52,#17222e)}.game-body{padding:1.3rem 1.4rem 1.5rem;display:flex;flex-direction:column;flex:1}.game h3{font-size:1.65rem;margin-bottom:.5rem}.game p{margin:0 0 1.1rem;color:var(--ink-soft);font-size:.98rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.1rem}.chip{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.22rem .55rem;border:2px solid var(--ink);border-radius:999px;background:var(--paper)}.chip-live{background:var(--gold)}.chip-lab{background:var(--sky)}.game-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:1rem;border-top:2px dashed rgba(23,34,46,.25)}.domain{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-soft)}.go{font-family:var(--font-display);font-size:1rem;color:var(--ink);display:inline-flex;align-items:center;gap:.3rem}.game:hover .go{color:var(--pop)}.studio-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,3.5rem);align-items:start}.studio-grid p{color:var(--ink-soft)}.studio-grid p strong{color:var(--ink)}.panel{padding:1.6rem 1.7rem}.panel h3{font-size:1.3rem;margin-bottom:.9rem}.stack{display:flex;flex-wrap:wrap;gap:.45rem}.note{margin-top:1.4rem;padding-top:1.2rem;border-top:2px dashed rgba(23,34,46,.25);font-size:.92rem;color:var(--ink-soft)}.contact{text-align:center}.contact .section-lede{margin-inline:auto}.contact-actions{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center}.footer{border-top:var(--edge) solid var(--ink);background:var(--ink);color:rgba(244,236,224,.7);padding:2rem 0;font-size:.88rem}.footer-inner{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.footer a{color:var(--sky)}.alert{margin:1rem auto 0;padding:.9rem 1.1rem;border:var(--edge) solid var(--ink);border-radius:10px;font-weight:600}.alert-info{background:var(--sky)}.alert-danger{background:var(--pop);color:#fff}.notfound{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.25rem;padding:2rem}.notfound h1{font-family:var(--font-display);font-size:clamp(4rem,18vw,9rem);color:var(--pop);text-shadow:0 6px 0 var(--ink);margin:0}.notfound p{color:var(--ink-soft);max-width:34ch;margin:0}@media (max-width:860px){.hero-grid,.studio-grid{grid-template-columns:1fr}.cabinet{transform:rotate(0deg);max-width:420px}.games>.game{transform:none}}@media (max-width:560px){body{font-size:16px}.nav-inner{flex-direction:column;align-items:flex-start;gap:.6rem}.nav-links{width:100%}.nav-links a{padding:.35rem .6rem;font-size:.9rem}.btn{width:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.notfound-inline{text-align:center;padding:clamp(3rem,9vw,6rem) 0 clamp(3rem,7vw,5rem)}.notfound-inline h1{font-family:var(--font-display);font-size:clamp(4.5rem,17vw,8.5rem);line-height:1;color:var(--pop);text-shadow:0 7px 0 var(--ink);margin:0 0 1.25rem}.notfound-inline .section-lede{margin-inline:auto;margin-bottom:2rem}