@font-face{font-family:Dela Gothic One;src:url(fonts/dela-gothic-one.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Figtree;src:url(fonts/figtree.woff2) format("woff2");font-weight:300 900;font-display:swap}:root{--plate: #e3e8f0;--stud: #d9dfe9;--stud-shade: #cfd6e1;--ink: #15171c;--ink-2: #4b5363;--card: #ffffff;--line: #cdd3dc;--navy: #141a33;--navy-2: #1f2847;--pink: #d6336c;--yellow: #ffc93c;--blue: #1673c4;--teal: #00806f;--lavender: #a084f2;--lime: #a6e22e;--focus: #1673c4;--display: "Dela Gothic One", "Arial Black", "Helvetica Neue", sans-serif;--body: "Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--plate: #0e121a;--stud: #141a25;--stud-shade: #0a0d13;--ink: #f1f3f7;--ink-2: #a8b0bf;--card: #1a202c;--line: #2a3140;--navy: #0b1120;--navy-2: #172038;--focus: #ffc61a;color-scheme:dark}}:root[data-theme=dark]{--plate: #0e121a;--stud: #141a25;--stud-shade: #0a0d13;--ink: #f1f3f7;--ink-2: #a8b0bf;--card: #1a202c;--line: #2a3140;--navy: #0b1120;--navy-2: #172038;--focus: #ffc61a;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;color:var(--ink);font-family:var(--body);font-size:1.125rem;line-height:1.55;background-color:var(--plate);background-image:radial-gradient(circle at 50% 50%,var(--stud) 0 7px,transparent 7.6px),radial-gradient(circle at 50% 50%,var(--stud-shade) 0 7.6px,transparent 8.2px);background-size:30px 30px,30px 30px;background-position:0 0,0 1.5px;overflow-x:clip}img,video{display:block;max-width:100%;height:auto}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}h1,h2,h3{margin:0;text-wrap:balance}p,ul,ol,figure,dl{margin:0}.skip{position:absolute;left:-9999px;top:0;z-index:50;background:var(--ink);color:var(--plate);padding:.6rem 1rem;border-radius:8px}.skip:focus{left:max(16px,env(safe-area-inset-left,0px));top:.75rem}.wrap{max-width:75rem;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem 1.5rem;padding-block:1.25rem}.logo{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font-family:var(--display);font-size:1.3rem;letter-spacing:-.01em}.logo svg{width:34px;height:34px;flex:none}.nav-links{display:flex;flex-wrap:wrap;gap:.25rem .4rem;list-style:none;padding:0;margin:0}.nav-links a{display:inline-block;padding:.4rem .75rem;border-radius:999px;text-decoration:none;font-weight:700}@media (max-width: 30rem){.nav{flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:.3rem}.nav-links{flex:1;gap:.1rem 0}.nav-links a{padding:.4rem .42rem;font-size:.95rem}.sound-btn{width:2.25rem;height:2.25rem}.live-word{display:none}}@media (max-width: 24rem){.nav-links a{padding:.4rem .32rem;font-size:.9rem}}.nav-links a:hover{background:var(--card)}.nav-tools{display:flex;align-items:center;gap:.6rem}.live-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .8rem;border-radius:999px;background:#772ce8;color:#fff;font-weight:800;font-size:.92rem;text-decoration:none;box-shadow:0 4px #4b1a97}.live-pill .live-dot{background:#fff}.sound-btn{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background:var(--card);color:var(--ink-2);cursor:pointer;box-shadow:0 4px 0 var(--line);transition:transform .15s ease,color .15s ease}.sound-btn:hover{transform:translateY(-2px)}.sound-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.sound-btn svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sound-btn svg path:first-child{fill:currentColor}.sound-btn .s-on,.sound-btn[aria-pressed=true] .s-off{display:none}.sound-btn[aria-pressed=true]{color:var(--blue)}.sound-btn[aria-pressed=true] .s-on{display:inline}.live-dot{flex:none;width:.6rem;height:.6rem;border-radius:50%;background:#9aa3b5}@media (prefers-reduced-motion: no-preference){.live-pill .live-dot,.is-live .live-dot{animation:live 1.6s ease-in-out infinite}}.is-live .live-dot{background:#ff3b5c}@keyframes live{0%,to{box-shadow:0 0 #ff3b5c8c}60%{box-shadow:0 0 0 7px #ff3b5c00}}.btn{--c: var(--yellow);--t: #15171c;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.1rem;padding:.8rem 1.35rem;border:0;border-radius:12px;background:var(--c);color:var(--t);font:800 1.0625rem/1 var(--body);text-decoration:none;cursor:pointer;box-shadow:0 6px color-mix(in srgb,var(--c) 60%,#000);transition:transform .12s ease,box-shadow .12s ease}.btn:before{content:"";position:absolute;top:-6px;left:16px;width:18px;height:7px;border-radius:6px 6px 0 0;background:var(--c);box-shadow:28px 0 0 var(--c)}.btn:hover{transform:translateY(-2px);box-shadow:0 8px color-mix(in srgb,var(--c) 60%,#000)}.btn:active{transform:translateY(5px);box-shadow:0 1px color-mix(in srgb,var(--c) 60%,#000)}.btn-white{--c: #ffffff;--t: #15171c}.btn-pink{--c: var(--pink);--t: #ffffff}.btn-blue{--c: var(--blue);--t: #ffffff}.cta{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 1rem;padding-top:.4rem}.hero{padding-block:.5rem clamp(3rem,7vw,5.5rem)}.bricks{position:relative;width:100%;aspect-ratio:41 / 12;max-height:400px;margin-inline:auto}@media (max-width: 639px){.bricks{aspect-ratio:28 / 12}}.bricks canvas{position:absolute;inset:0;width:100%;height:100%}html:not(.webgl) .bricks{background:center / contain no-repeat;background-image:url(img/bricks-600.webp);background-image:image-set(url(img/bricks-600.webp) 1x,url(img/bricks.webp) 2x)}.bricks canvas{opacity:0;transition:opacity .25s;touch-action:manipulation}.bricks-ready .bricks canvas{opacity:1}.bricks-bar{display:none;flex-wrap:wrap;align-items:center;gap:.9rem .7rem;margin-top:.9rem}.bricks-ready .bricks-bar{display:flex}.bricks-bar:has(.smash[hidden]){display:none}.smash,.spell .btn{min-height:2.6rem;padding:.55rem 1rem;font-size:.95rem}.smash:before,.spell .btn:before{left:12px;width:14px;height:6px;top:-5px;box-shadow:22px 0 0 var(--c)}.spell{display:contents}.smash{margin-left:auto}@media (max-width: 40rem){.spell input{flex:1 1 8rem;width:auto}.smash{order:3;margin-left:0}.spell-reset{order:4}}.spell input{width:12.5rem;max-width:100%;height:2.6rem;padding:0 .9rem;border:2px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:800 1rem/1 var(--body);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 0 var(--line)}.spell input::placeholder{color:var(--ink-2);letter-spacing:0;text-transform:none;font-weight:600;opacity:1}.spell-reset{border:0;background:none;padding:.4rem .2rem;color:var(--ink-2);font:700 .95rem var(--body);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.spell-reset:hover{color:var(--ink)}.now{display:flex;flex-wrap:wrap;align-items:stretch;gap:1.15rem .8rem;list-style:none;padding:0;margin-top:1.1rem}.now-item{--c: var(--card);--t: var(--ink);position:relative;display:inline-grid;align-content:center;gap:.05rem;padding:.5rem .95rem .55rem;border-radius:10px;background:var(--c);color:var(--t);font-size:1rem;line-height:1.25;box-shadow:0 5px color-mix(in srgb,var(--c) 58%,#000),0 12px 18px -10px #00000059}.now-item:before{content:"";position:absolute;left:9px;right:9px;top:-6px;height:7px;background:radial-gradient(ellipse 8px 6px at 50% 100%,var(--c) 96%,transparent 100%) center top / 24px 7px;background-repeat:round no-repeat}.now-item:after{content:"";position:absolute;inset:0 0 auto;height:45%;border-radius:10px 10px 0 0;background:linear-gradient(rgb(255 255 255 / .16),transparent);pointer-events:none}@media (prefers-reduced-motion: no-preference){.now-item{transition:transform .2s cubic-bezier(.2,1.6,.4,1)}.now-item:hover{transform:translateY(-4px) rotate(-1deg)}.now-item:nth-child(2n):hover{transform:translateY(-4px) rotate(1deg)}}.now-k{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb,var(--t) 74%,transparent)}.now-v{font-weight:800;color:var(--t)}.now-v [data-count]{display:inline-block;text-align:right;font-variant-numeric:tabular-nums}.now-game{--c: #772ce8;--t: #fff}.now-code{--c: var(--blue);--t: #fff}.now-lego{--c: var(--yellow);--t: #15171c}.now-count{--c: var(--pink);--t: #fff}.now-game .live-dot{background:#c9b6f5}a.now-v{text-decoration-thickness:2px;text-underline-offset:.2em}.hero-text{display:grid;gap:1.1rem;max-width:none;margin-top:clamp(1.25rem,3vw,2.25rem)}.hero h1{font-family:var(--display);font-weight:400;line-height:1;letter-spacing:-.015em;display:grid;gap:.35rem;justify-items:start}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hi-small{font-family:var(--body);font-weight:800;font-size:clamp(1.25rem,2.4vw,1.75rem);color:var(--ink-2);letter-spacing:0}.name-3d{font-size:clamp(3rem,13.5vw,6.8rem);line-height:.98;letter-spacing:-.02em;padding-bottom:.08em}.name-3d .w{white-space:nowrap}.name-3d .w>span{--s: color-mix(in srgb, var(--c) 52%, #000);color:var(--c);text-shadow:1px 1px 0 var(--s),2px 2px 0 var(--s),3px 3px 0 var(--s),4px 4px 0 var(--s),5px 5px 0 var(--s),6px 6px 0 var(--s),7px 9px 16px rgb(0 0 0 / .22)}@media (prefers-reduced-motion: no-preference){.name-3d .w>span{display:inline-block;transition:transform .18s cubic-bezier(.2,1.6,.4,1)}.name-3d .w>span:hover{transform:translateY(-8px) rotate(-4deg)}}.lede{font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:1.4;font-weight:500;max-width:38em;text-wrap:pretty}.role{color:var(--ink-2);font-weight:600}.hint{color:var(--ink-2);font-size:.95rem}.section{padding-block:clamp(3.5rem,8vw,6rem)}.head{display:grid;gap:.75rem;margin-bottom:clamp(2rem,4vw,3rem);max-width:46rem}.h2{font-family:var(--display);font-weight:400;font-size:clamp(2.1rem,5.4vw,3.6rem);line-height:1.02;letter-spacing:-.015em}.sub{font-size:1.2rem;color:var(--ink-2);text-wrap:pretty}.builds{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:2.75rem 1.5rem}@media (min-width: 40rem){.builds{grid-template-columns:repeat(2,minmax(0,1fr))}.build-li--wide{grid-column:span 2}}@media (min-width: 68rem){.builds{grid-template-columns:repeat(4,minmax(0,1fr))}}.build-li{display:flex}.build{--c: var(--yellow);--t: #15171c;--rx: 0deg;--ry: 0deg;position:relative;flex:1;display:flex;flex-direction:column;gap:.7rem;padding:.9rem .9rem 1.2rem;border-radius:18px;background:var(--c);color:var(--t);text-decoration:none;box-shadow:0 9px color-mix(in srgb,var(--c) 58%,#000),0 18px 30px -12px #00000059;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease,box-shadow .25s ease}.build:before{content:"";position:absolute;left:12px;right:12px;top:-8px;height:9px;background:radial-gradient(ellipse 10px 8px at 50% 100%,var(--c) 96%,transparent 100%) 0 0 / 32px 9px repeat-x}.build:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx, 30%) var(--gy, 0%),rgb(255 255 255 / .22),transparent 55%)}.build:hover{box-shadow:0 12px color-mix(in srgb,var(--c) 58%,#000),0 26px 40px -14px #0006}.build-art{position:relative;display:block;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;background:#fff}.build-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease;pointer-events:none}.build-art.previewing .build-preview{opacity:1}.build-li--wide .build-art{aspect-ratio:32 / 10}.build-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.build-art--logo img{object-fit:contain;padding:6%}.build-li--wide .build-art--logo img{object-fit:cover;padding:0}.build:hover .build-art img{transform:scale(1.05)}.build-badges{display:flex;flex-wrap:wrap;gap:.35rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.8rem;font-weight:800;background:color-mix(in srgb,var(--t) 14%,transparent)}.build-name{font-family:var(--display);font-size:1.55rem;line-height:1.08;letter-spacing:-.01em}.build-line{font-weight:500;line-height:1.4;text-wrap:pretty}.build-pieces{margin-top:auto;padding-top:.25rem;font-size:.875rem;font-weight:700;opacity:.8}.more{margin-top:4rem;font-weight:700}.more a{display:inline-block;padding-block:.5rem}.plate{border-radius:clamp(20px,3vw,32px);padding:clamp(2rem,5vw,4rem) clamp(1.25rem,4vw,3.5rem);position:relative}.plate-navy{background-color:var(--navy);color:#f1f3f7;background-image:radial-gradient(circle at 50% 50%,rgb(255 255 255 / .045) 0 7px,transparent 7.6px);background-size:30px 30px}.plate-navy .sub{color:#b9c1d3}.plate-yellow{background-color:var(--yellow);color:#15171c;background-image:radial-gradient(circle at 50% 50%,rgb(255 255 255 / .22) 0 7px,transparent 7.6px);background-size:30px 30px}.plate-yellow .sub{color:#3d3410}.plate-blue{background-color:var(--blue);color:#fff;background-image:radial-gradient(circle at 50% 50%,rgb(255 255 255 / .12) 0 7px,transparent 7.6px),linear-gradient(135deg,rgb(160 132 242 / .35),transparent 60%);background-size:30px 30px,100% 100%}.plate-blue .sub{color:#dbe9f8}.plate-blue a{color:#fff}.achievements{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}@media (min-width: 52rem){.achievements{grid-template-columns:repeat(2,minmax(0,1fr))}}.ach{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem 1.1rem;align-items:start;padding:1.1rem 1.2rem;border-radius:16px;background:var(--navy-2)}.ach-icon{--c: var(--yellow);position:relative;display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:12px;margin-top:6px;background:var(--c);color:#15171c;box-shadow:0 5px color-mix(in srgb,var(--c) 58%,#000)}.ach-icon:before{content:"";position:absolute;top:-6px;left:9px;width:13px;height:6px;border-radius:5px 5px 0 0;background:var(--c);box-shadow:20px 0 0 var(--c)}.ach-icon svg{width:1.7rem;height:1.7rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ach h3{font-family:var(--display);font-weight:400;font-size:1.3rem;line-height:1.15;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem}.ach-when{font-family:var(--body);font-size:.8rem;font-weight:800;color:#15171c;background:var(--lime);padding:.1rem .5rem;border-radius:999px}.ach p{margin-top:.35rem;color:#d4d9e5;font-size:1.02rem;text-wrap:pretty}.score{font-weight:700;color:#b9c1d3}.score strong{color:var(--lime)}.secrets-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem;margin:clamp(2.5rem,5vw,3.5rem) 0 1.25rem}.h3{font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,3.2vw,2.1rem);line-height:1.1;letter-spacing:-.01em}.secrets{list-style:none;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,14.5rem),1fr))}.ach h4{font-family:var(--display);font-weight:400;font-size:1.12rem;line-height:1.15}.ach-secret p{font-size:.95rem}.ach-secret:not(.found) .is-found,.ach-secret.found .is-locked{display:none}.ach-secret:not(.found){background:transparent;outline:2px dashed #3a4566;outline-offset:-2px}.ach-secret:not(.found) h4,.ach-secret:not(.found) p{color:#8f99b3}.trophy{margin-top:2rem;display:grid;gap:1.5rem;align-items:center;padding:clamp(1rem,2.5vw,1.5rem);border-radius:18px;background:var(--navy-2)}@media (min-width: 52rem){.trophy{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.trophy canvas{width:100%;height:auto;border-radius:12px;box-shadow:0 6px #00000059}.trophy-text{display:grid;gap:.9rem}.trophy-text p{color:#d4d9e5}.ach-when--locked{background:#3a4566;color:#c9d0e0}@media (prefers-reduced-motion: no-preference){.ach-secret.just{animation:unlock .8s cubic-bezier(.2,1.4,.4,1)}}@media (prefers-reduced-motion: no-preference){.ach-secret.just .is-found h4{animation:g-jitter .5s steps(3,end) 2;text-shadow:-3px 0 #ff2bd6,3px 0 #18e0ff}}@keyframes unlock{0%{transform:scale(.9);box-shadow:0 0 #9acd32cc}50%{transform:scale(1.04);box-shadow:0 0 0 10px #9acd3200}to{transform:none}}.about{display:grid;gap:2.5rem;align-items:start}@media (min-width: 60rem){.about{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3rem}}.prose{display:grid;gap:1rem;max-width:36rem}.prose p{text-wrap:pretty}.drag-hint{display:none;color:var(--ink-2);font-size:.95rem;font-weight:600}.board.draggable~.drag-hint,.about:has(.board.draggable) .drag-hint{display:block}.board{position:relative;height:clamp(360px,96vw,600px);overflow:clip;overflow-clip-margin:24px}@media (min-width: 60rem){.board{height:580px}}.polaroid{--dx: 0px;--dy: 0px;position:absolute;left:var(--x);top:var(--y);width:47%;padding:.55rem .55rem .4rem;background:#fff;color:#222;border-radius:4px;box-shadow:0 2px 4px #0000001f,0 14px 26px -10px #00000061;transform:translate(var(--dx),var(--dy)) rotate(var(--rot));transition:box-shadow .2s ease,transform .08s linear;user-select:none;-webkit-user-select:none}.board.draggable .polaroid{cursor:grab;touch-action:none}.polaroid.lifted{cursor:grabbing;transform:translate(var(--dx),var(--dy)) rotate(calc(var(--rot) * .4)) scale(1.04);box-shadow:0 4px 8px #00000024,0 30px 46px -14px #00000073;transition:box-shadow .2s ease}.polaroid img{width:100%;aspect-ratio:4 / 3;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.polaroid figcaption{padding:.45rem .2rem .15rem;font-size:.92rem;font-weight:700;line-height:1.25}.toolbox{display:grid;gap:1.6rem;margin-top:clamp(3rem,6vw,4.5rem)}.toolbox h3{font-family:var(--display);font-weight:400;font-size:1.6rem}.tool-row{display:grid;gap:.7rem}@media (min-width: 46rem){.tool-row{grid-template-columns:11rem minmax(0,1fr);align-items:start;gap:1.5rem}}.tool-row>span{font-weight:800;padding-top:.45rem}.chips{display:flex;flex-wrap:wrap;gap:.95rem .6rem;list-style:none;padding:.4rem 0 0;margin:0}.chip{--c: var(--blue);--t: #fff;position:relative;display:inline-block;padding:.35rem .8rem;border-radius:7px;background:var(--c);color:var(--t);font-size:.95rem;font-weight:700;box-shadow:0 4px color-mix(in srgb,var(--c) 58%,#000)}.chip:before{content:"";position:absolute;top:-5px;left:8px;width:11px;height:5px;border-radius:4px 4px 0 0;background:var(--c)}.chip:after{content:"";position:absolute;top:-5px;right:8px;width:11px;height:5px;border-radius:4px 4px 0 0;background:var(--c)}.chips-pink .chip{--c: var(--pink)}.chips-yellow .chip{--c: var(--yellow);--t: #15171c}.chips-lavender .chip{--c: var(--lavender);--t: #15171c}.chips-teal .chip{--c: var(--teal)}.card-form{display:grid;gap:1rem;padding:clamp(1.1rem,3vw,1.5rem);background:var(--card);color:var(--ink);border-radius:18px;box-shadow:0 8px 0 var(--line),0 18px 30px -14px #0000004d}.plate-blue .card-form{box-shadow:0 8px #0c4f8c,0 18px 30px -14px #00000059}.field{display:grid;gap:.35rem;min-width:0;margin:0;padding:0;border:0;font-weight:800;font-size:.95rem}.field input,.field textarea{width:100%;padding:.65rem .8rem;border:2px solid var(--line);border-radius:10px;background:var(--plate);color:var(--ink);font:600 1rem/1.4 var(--body)}.field textarea{resize:vertical;min-height:5.5rem}.hp{display:none}.field.swatches{display:block}.swatches legend{padding:0}.swatch{position:relative;display:inline-block;width:2.5rem;height:1.7rem;margin:.75rem .55rem 0 0;border-radius:7px;background:var(--c);cursor:pointer;box-shadow:0 4px color-mix(in srgb,var(--c) 58%,#000)}.swatch:before{content:"";position:absolute;top:-5px;left:5px;width:10px;height:5px;border-radius:4px 4px 0 0;background:var(--c);box-shadow:15px 0 0 var(--c)}.swatch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.swatch:has(input:checked){outline:3px solid var(--ink);outline-offset:3px}.swatch:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.1rem;padding-top:.3rem}.form-status{font-weight:700;font-size:.95rem;color:var(--ink-2)}.form-status:empty{display:none}.card-form.sent .form-status{color:var(--teal)}.gb{display:grid;gap:2.5rem;align-items:start}@media (min-width: 60rem){.gb{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:3rem}}.gb-wall{list-style:none;padding:.6rem 0 0;margin:0;display:flex;flex-wrap:wrap;align-content:start;gap:1.75rem 1rem}.gb-brick{--c: var(--blue);--t: #fff;position:relative;max-width:19rem;padding:.8rem 1rem .75rem;border-radius:12px;background:var(--c);color:var(--t);box-shadow:0 6px color-mix(in srgb,var(--c) 58%,#000)}.gb-brick:before{content:"";position:absolute;left:10px;right:10px;top:-7px;height:8px;background:radial-gradient(ellipse 9px 7px at 50% 100%,var(--c) 96%,transparent 100%) 0 0 / 28px 8px repeat-x}.gb-brick:nth-child(3n+1){transform:rotate(-1.5deg)}.gb-brick:nth-child(3n+2){transform:rotate(1deg)}.gb-brick p{font-weight:700;line-height:1.35;overflow-wrap:anywhere;text-wrap:pretty}.gb-brick span{display:block;margin-top:.35rem;font-size:.85rem;font-weight:800;opacity:.8}.gb-empty{width:100%;padding:1.5rem;border:2px dashed var(--line);border-radius:14px;color:var(--ink-2);font-weight:700}.contact-grid{display:grid;gap:2.25rem;align-items:start}@media (min-width: 60rem){.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,27rem);gap:3rem}}.contact h2{font-family:var(--display);font-weight:400;font-size:clamp(2.3rem,7vw,4.8rem);line-height:1;letter-spacing:-.02em}.contact .sub{margin-top:1rem;max-width:34rem}.contact .cta{margin-top:1.75rem}.email-link{font-weight:800;font-size:1.15rem;overflow-wrap:anywhere}.links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.75rem;font-weight:700}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding-block:2.5rem 3rem;color:var(--ink-2);font-size:.95rem;font-weight:600}.psst{display:flex;align-items:center;gap:.7rem;max-width:36rem}.psst-fine{display:none}@media (hover: hover) and (pointer: fine){.psst-fine{display:inline}.psst-touch{display:none}}.spider-btn{flex:none;display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;padding:0;border:0;border-radius:50%;background:var(--card);color:var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--line);transition:transform .2s ease}.spider-btn svg{width:1.5rem;height:1.5rem}.spider-btn:hover{transform:translateY(3px) rotate(-10deg)}@media (prefers-reduced-motion: no-preference){.spider-btn svg{animation:dangle 3.2s ease-in-out infinite;transform-origin:50% 0}}@keyframes dangle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.glitchy{position:relative;display:inline-block}.glitchy:before,.glitchy:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0;text-shadow:none;white-space:inherit}.glitchy:before{color:#ff2bd6}.glitchy:after{color:#18e0ff}@media (prefers-reduced-motion: no-preference){.glitchy.is-glitching{animation:g-jitter .5s steps(3,end) both}.glitchy.is-glitching:before{opacity:.9;animation:g-slice-a .5s steps(2,end) both}.glitchy.is-glitching:after{opacity:.9;animation:g-slice-b .5s steps(2,end) both}.bricks.is-glitching canvas{animation:canvas-glitch .55s steps(3,end) both}.build:hover .build-art img{animation:img-glitch .42s steps(2,end) 1}}@keyframes g-jitter{0%{transform:none}20%{transform:translate(3px,-1px) skew(-6deg)}40%{transform:translate(-3px,1px)}60%{transform:translate(2px) skew(4deg)}80%{transform:translate(-1px,-1px)}to{transform:none}}@keyframes g-slice-a{0%{clip-path:inset(8% 0 62% 0);transform:translate(-7px,-2px)}25%{clip-path:inset(52% 0 18% 0);transform:translate(6px,1px)}50%{clip-path:inset(28% 0 44% 0);transform:translate(-5px,2px)}75%{clip-path:inset(74% 0 4% 0);transform:translate(7px,-1px)}to{clip-path:inset(0 0 100% 0);transform:none}}@keyframes g-slice-b{0%{clip-path:inset(60% 0 12% 0);transform:translate(7px,2px)}25%{clip-path:inset(14% 0 58% 0);transform:translate(-6px,-1px)}50%{clip-path:inset(40% 0 30% 0);transform:translate(5px,-2px)}75%{clip-path:inset(2% 0 80% 0);transform:translate(-7px,1px)}to{clip-path:inset(100% 0 0 0);transform:none}}@keyframes canvas-glitch{0%{filter:none;transform:none;clip-path:none}20%{filter:drop-shadow(-7px 0 #ff2bd6) drop-shadow(7px 0 #18e0ff);transform:translate(-6px) skew(-4deg);clip-path:inset(0 0 40% 0)}40%{filter:drop-shadow(6px 0 #ff2bd6) drop-shadow(-6px 0 #18e0ff) hue-rotate(80deg);transform:translate(5px);clip-path:inset(30% 0 0 0)}60%{filter:drop-shadow(-4px 0 #ff2bd6) drop-shadow(4px 0 #18e0ff);transform:translate(-3px) skew(3deg);clip-path:none}80%{filter:hue-rotate(-60deg) saturate(1.5);transform:translate(2px)}to{filter:none;transform:none;clip-path:none}}@keyframes img-glitch{0%{transform:scale(1.05);filter:none}33%{transform:scale(1.05) translate(-5px,2px);filter:hue-rotate(110deg) saturate(1.8)}66%{transform:scale(1.05) translate(4px,-2px);filter:hue-rotate(-70deg) contrast(1.2)}to{transform:scale(1.05);filter:none}}.web-shot text{font-family:var(--display)}.confetti,.portal-fx{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:100}.web-shot{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:101;transition:opacity .45s}.web-shot .splat{transition:transform .3s cubic-bezier(.2,1.6,.4,1)}.web-shot.fade{opacity:0}.toast{position:fixed;left:50%;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));z-index:120;max-width:calc(100vw - 32px);width:max-content;padding:.85rem 1.2rem;border-radius:14px;background:#141a33;color:#fff;font-weight:800;line-height:1.3;box-shadow:0 6px #0b1020,0 20px 40px -12px #00000080;transform:translate(-50%,calc(100% + 3rem));transition:transform .4s cubic-bezier(.2,1.4,.4,1)}.toast.show{transform:translate(-50%)}@media (prefers-reduced-motion: no-preference){.glitch main,.glitch .nav{animation:glitch .65s steps(2,end)}.glitch h1,.glitch .h2{text-shadow:-4px 0 #ff2bd6,4px 0 #18e0ff}}@keyframes glitch{0%{transform:none;filter:none}15%{transform:translate(-6px,2px) skew(-3deg);filter:hue-rotate(90deg) saturate(1.6)}30%{transform:translate(5px,-3px);filter:hue-rotate(-60deg)}45%{transform:translate(-3px,1px) skew(2deg)}60%{transform:translate(4px);filter:hue-rotate(160deg)}80%{transform:translate(-2px,-1px)}to{transform:none;filter:none}}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.pop{animation:pop-in linear both;animation-timeline:view();animation-range:entry 0% entry 70%}.pop:nth-child(2n){--tilt: 3deg}}}@keyframes pop-in{0%{transform:translateY(70px) rotate(var(--tilt, -4deg)) scale(.9)}to{transform:none}}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto;}}::view-transition-group(*){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(root){animation:.22s ease both vt-out}::view-transition-new(root){animation:.38s cubic-bezier(.2,.8,.2,1) both vt-in}@keyframes vt-out{to{opacity:0;transform:translateY(-10px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(16px)}}.crumbs{font-size:.95rem;font-weight:700}.crumbs ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.25rem .5rem}.crumbs li+li:before{content:"/";margin-right:.5rem;opacity:.55}.crumbs a{text-decoration-thickness:2px;text-underline-offset:.2em}.project-plate{--c: var(--yellow);--t: #15171c;background-color:var(--c);color:var(--t);background-image:radial-gradient(circle at 50% 50%,rgb(255 255 255 / .16) 0 7px,transparent 7.6px);background-size:30px 30px;border-radius:clamp(20px,3vw,32px);padding:clamp(1.25rem,4vw,3rem);display:grid;gap:clamp(1.5rem,4vw,2.5rem)}@media (min-width: 60rem){.project-plate{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}}.project-intro{display:grid;gap:1rem;align-content:start}.project-title{font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,7vw,4.6rem);line-height:1;letter-spacing:-.02em;overflow-wrap:break-word}.project-title--long{font-size:clamp(2rem,8.6vw,3.1rem)}.project-plate .lede{font-size:clamp(1.15rem,2vw,1.4rem)}.media{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px color-mix(in srgb,var(--c) 58%,#000)}.media img,.media video{width:100%;height:auto}.media--logo{max-width:26rem;justify-self:center;width:100%}.media-note{font-size:.95rem;font-weight:700}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1.25rem 2rem;padding-block:2.5rem 0}.facts dt{font-weight:800;font-size:.95rem;color:var(--ink-2)}.facts dd{margin:.2rem 0 0;font-weight:600}.facts .chips{padding-top:.75rem}.built{display:grid;gap:1.25rem;padding-block:3rem}.built h2{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,4vw,2.6rem)}.bullets{list-style:none;padding:0;display:grid;gap:.9rem;max-width:44rem}.bullets li{position:relative;padding-left:2.1rem;text-wrap:pretty}.bullets li:before{content:"";position:absolute;left:0;top:.42em;width:1.25rem;height:.8rem;border-radius:3px;background:var(--bullet, var(--pink));box-shadow:0 3px color-mix(in srgb,var(--bullet, var(--pink)) 58%,#000)}.more-builds{padding-block:1rem 3rem;display:grid;gap:2rem}.more-builds h2{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,4vw,2.6rem)}.more-builds .builds{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.arcade{display:grid;gap:1.25rem;padding-block:.5rem 3.5rem}.arcade .head{margin-bottom:.25rem}.cabinet{width:100%;max-width:46rem;padding:clamp(.7rem,2vw,1.1rem);border-radius:22px;background-color:var(--navy);color:#f1f3f7;background-image:radial-gradient(circle at 50% 50%,rgb(255 255 255 / .045) 0 7px,transparent 7.6px);background-size:30px 30px;box-shadow:0 10px #070a14,0 24px 40px -16px #00000080}.cabinet:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:22px}.gd-hud{display:flex;justify-content:space-between;gap:1rem;padding:.1rem .35rem .65rem;font-weight:800;font-size:.95rem;color:#b9c1d3}.gd-hud b{color:var(--yellow);font-variant-numeric:tabular-nums}.gd-screen-wrap{position:relative;overflow:hidden;border:3px solid #2a3355;border-radius:12px}.gd-screen-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:4 / 3;image-rendering:crisp-edges;image-rendering:pixelated}.cabinet.playing canvas{touch-action:none}.gd-screen{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.8rem;padding:1.25rem;text-align:center;background:#0b10209e;pointer-events:none}.gd-screen .btn{pointer-events:auto;margin-top:.4rem}.gd-title{font-family:var(--display);font-size:clamp(1.4rem,4.6vw,2.4rem);line-height:1.05;color:#fff;text-shadow:-3px 0 #ff2bd6,3px 0 #18e0ff}.gd-text{max-width:26rem;color:#d4d9e5;font-weight:600}.gd-help{color:var(--ink-2);font-weight:600;font-size:.95rem}.missing{display:grid;gap:1.25rem;justify-items:start;padding-block:clamp(3rem,10vw,7rem)}.lost-brick{width:9rem;height:5rem;position:relative;background:var(--pink);border-radius:10px;transform:rotate(-14deg);box-shadow:0 8px color-mix(in srgb,var(--pink) 58%,#000);margin-bottom:1.5rem}.lost-brick:before{content:"";position:absolute;top:-12px;left:18px;width:30px;height:13px;border-radius:8px 8px 0 0;background:var(--pink);box-shadow:46px 0 0 var(--pink)}@media (prefers-reduced-motion: no-preference){.lost-brick{animation:wobble 2.4s ease-in-out infinite}}@keyframes wobble{50%{transform:rotate(-6deg) translateY(-6px)}}.missing h1{font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,8vw,5rem);line-height:1}.lost-brick--found,.lost-brick--found:before{background:var(--teal)}.lost-brick--found{box-shadow:0 8px color-mix(in srgb,var(--teal) 58%,#000)}.lost-brick--found:before{box-shadow:46px 0 0 var(--teal)}.missing .lost-brick{filter:drop-shadow(-5px 0 rgb(255 43 214 / .6)) drop-shadow(5px 0 rgb(24 224 255 / .6))}