:root{--ink:#090909;--paper:#f0eee8;--muted:#a19f99;--line:rgba(240,238,232,.22);--acid:#d8ff38;--lilac:#c8b8ff;--pink:#ff9dcc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"DM Sans",sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.cursor-light{position:fixed;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(216,255,56,.07),transparent 68%);pointer-events:none;transform:translate(-50%,-50%);z-index:-1}.site-header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3.4vw;position:fixed;inset:0 0 auto;z-index:10;background:rgba(9,9,9,.76);backdrop-filter:blur(16px)}.brand,.site-header nav a,.back-link{color:var(--paper);text-decoration:none}.brand{font:11px "DM Mono",monospace;letter-spacing:.08em}.brand i{color:var(--acid);font-style:normal;margin:0 5px}.brand em{color:var(--muted);font-style:normal}.site-header nav{display:flex;gap:26px}.site-header nav a,.sound-button,.back-link{font:10px "DM Mono",monospace;letter-spacing:.08em}.site-header nav a:hover,.nav-active,.sound-button:hover{color:var(--acid)!important}.sound-button{display:flex;gap:8px;align-items:center;border:0;background:none;color:var(--paper);cursor:pointer}.sound-dot{width:7px;height:7px;border:1px solid currentColor;border-radius:50%}.sound-button.is-on{color:var(--acid)}.sound-button.is-on .sound-dot{background:var(--acid);box-shadow:0 0 12px var(--acid)}.section-shell{padding:116px 8.5vw;max-width:1600px;margin:auto}.hero{min-height:100vh;position:relative;display:grid;align-items:center;overflow:hidden}.hero-index,.eyebrow,.floating-hint,.works-count,.card-meta p,footer span{font:10px "DM Mono",monospace;letter-spacing:.09em}.hero-index{position:absolute;top:116px;color:var(--muted)}.hero-copy{position:relative;z-index:1}.eyebrow{color:var(--acid);margin:0 0 20px}h1,h2{font-size:clamp(54px,8.6vw,144px);line-height:.86;letter-spacing:0;margin:0;font-weight:700}h1 i,h2 i,footer i{font-family:"Playfair Display",serif;font-weight:500}.intro{max-width:420px;color:#c4c1ba;font-size:16px;line-height:1.65;margin:36px 0}.archive-link,.load-more{display:inline-flex;gap:28px;align-items:center;border:1px solid var(--paper);padding:14px 16px;color:var(--paper);font:11px "DM Mono",monospace;letter-spacing:.05em;text-decoration:none;background:transparent;transition:.25s}.archive-link:hover,.load-more:hover{background:var(--acid);border-color:var(--acid);color:var(--ink)}.archive-link span{font-size:17px}.floating-hint{color:var(--muted);position:absolute;right:7vw;bottom:130px;writing-mode:vertical-rl}.float-zone{position:absolute;inset:78px 0 0;pointer-events:none}.float-object{position:absolute;pointer-events:auto;color:var(--paper);background:transparent;border:0;cursor:pointer;image-rendering:pixelated;transition:transform .28s,opacity .3s}.float-object:hover{transform:scale(1.22)!important}.float-object.collected{animation:pixel-out .5s steps(4) forwards}.pixel-cloud{right:14%;top:19%;width:96px;height:52px;filter:drop-shadow(0 0 18px var(--lilac));animation:drift 5s ease-in-out infinite}.pixel-cloud span{position:absolute;background:var(--lilac);box-shadow:8px 0 var(--lilac),-8px 0 var(--lilac),0 8px var(--lilac),8px 8px var(--lilac),-8px 8px var(--lilac)}.pixel-cloud span:nth-child(1){width:26px;height:26px;left:35px;top:0}.pixel-cloud span:nth-child(2){width:20px;height:20px;left:12px;top:16px}.pixel-cloud span:nth-child(3){width:30px;height:30px;right:1px;top:17px}.pixel-star{right:29%;bottom:19%;font-size:62px;color:#fff3a4;text-shadow:0 0 19px #ffdf78;animation:blink 1.8s steps(2) infinite}.pixel-eye{left:14%;top:28%;width:61px;height:38px;background:#f8f0dc;clip-path:polygon(0 50%,22% 8%,75% 8%,100% 50%,75% 92%,22% 92%);filter:drop-shadow(0 0 14px var(--pink));animation:drift 6s ease-in-out infinite reverse}.pixel-eye span{display:block;background:#24161e;width:15px;height:15px;position:absolute;top:12px;left:24px;box-shadow:3px 3px #ff6aa7}.pixel-key{right:7%;top:55%;width:64px;height:38px;transform:rotate(-25deg);filter:drop-shadow(0 0 11px #c0ff91)}.pixel-key:before{content:"";position:absolute;width:31px;height:31px;border:8px solid #b9ff7b;left:0;top:0}.pixel-key:after{content:"";position:absolute;width:36px;height:9px;background:#b9ff7b;right:0;top:13px;box-shadow:9px 9px #b9ff7b}.pixel-cat{left:28%;bottom:14%;width:64px;height:52px;background:var(--pink);color:#1b1420;box-shadow:7px 7px 0 #c08df8;clip-path:polygon(0 0,27% 0,35% 14%,65% 14%,74% 0,100% 0,100% 100%,0 100%);font:20px "DM Mono",monospace;animation:drift 4s ease-in-out infinite}.pixel-cat span{position:absolute;top:2px;left:23px}.pixel-cat b{position:absolute;font:9px "DM Mono",monospace;left:17px;top:27px;white-space:nowrap}.pixel-orb{left:5%;bottom:23%;width:27px;height:27px;background:#c4ebff;box-shadow:0 0 0 7px rgba(196,235,255,.2),0 0 23px #8bc7ff;animation:blink 1.3s steps(2) infinite}.collect-status{position:absolute;bottom:116px;left:8.5vw;display:flex;align-items:baseline;gap:7px}.collect-status span,.collect-status i{font:10px "DM Mono",monospace;color:var(--muted);font-style:normal}.collect-status b{font:31px "DM Mono",monospace;color:var(--acid);font-weight:400}.side-directory{position:fixed;right:2.1vw;top:50%;transform:translateY(-50%);z-index:11;display:flex;flex-direction:column;align-items:flex-end;gap:11px}.side-directory>span{font:9px "DM Mono",monospace;color:#706e69;writing-mode:vertical-rl;margin-bottom:5px}.side-directory a{font:10px "DM Mono",monospace;color:#77756f;text-decoration:none;display:flex;align-items:center;gap:9px;transition:.25s}.side-directory a b{font-weight:400;color:transparent}.side-directory a.active,.side-directory a:hover{color:var(--paper)}.side-directory a.active b{color:var(--acid)}.side-directory>i{height:42px;width:1px;background:var(--line);margin-top:5px}.works{padding-top:120px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.section-head h2,.playground h2{font-size:clamp(46px,6vw,100px)}.works-count{color:var(--muted);padding-bottom:6px}.filter-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;display:flex;gap:25px;margin-bottom:24px}.filter{background:transparent;border:0;color:#7f7d77;padding:0;cursor:pointer;font:10px "DM Mono",monospace;letter-spacing:.08em}.filter.active,.filter:hover{color:var(--acid)}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;grid-auto-flow:dense}.work-card{background:#1a1a1a;min-height:360px;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;border:1px solid transparent;transition:transform .3s,border-color .3s}.work-card:hover{transform:translateY(-8px) rotate(.5deg);border-color:var(--acid)}.work-card.hidden{display:none}.work-card.wide{grid-column:span 7}.work-card.tall{grid-column:span 5;min-height:520px}.work-card.square{grid-column:span 4;min-height:360px}.card-art{flex:1;position:relative;overflow:hidden}.card-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.work-card:hover img{transform:scale(1.05)}.card-meta{padding:14px 16px;border-top:1px solid rgba(9,9,9,.16);color:#121212}.card-meta p{margin:0 0 7px;opacity:.7}.card-meta h3{font-size:22px;margin:0}.card-meta span{font:10px "DM Mono",monospace;display:block;margin-top:26px;opacity:0;transition:.3s}.work-card:hover .card-meta span{opacity:1}.card-yellow{background:#d6ff40}.orbit{border:2px solid #161616;width:230px;height:74px;border-radius:50%;position:absolute;left:26%;top:32%;transform:rotate(-26deg)}.orbit:after{content:"O";font-size:112px;position:absolute;top:-60px;left:84px}.archive-stamp{position:absolute;right:22px;bottom:21px;border:1px solid #1b1b1b;border-radius:50%;width:80px;height:80px;display:grid;place-items:center;text-align:center;font:10px "DM Mono",monospace;transform:rotate(12deg)}.card-pink{background:#e9a6c7}.paper-shape{font:180px/.62 "Playfair Display",serif;position:absolute;left:13%;top:21%;letter-spacing:-.1em;transform:rotate(-9deg);color:#f4d4df}.card-blue{background:#9db8f2}.signal{position:absolute;border:1px solid #161616;border-radius:50%;width:280px;height:280px;left:21%;top:10%}.signal.second{width:180px;height:180px;left:34%;top:24%;border-style:dashed}.card-white{background:#eae9e2}.hand-note{font:600 clamp(38px,5vw,70px)/.84 "Playfair Display",serif;position:absolute;top:16%;left:15%;transform:rotate(-13deg);color:#151515}.card-red{background:#f13a21}.red-word{font-size:clamp(55px,7vw,115px);line-height:.75;font-weight:700;position:absolute;left:6%;top:19%;letter-spacing:-.07em;color:#190907}.card-green{background:#3f5143}.barcode{font:48px/.8 "DM Mono",monospace;position:absolute;left:20%;top:20%;color:#d8ff40;letter-spacing:-.18em}.card-purple{background:#a892cf}.planet{font:230px/.7 "DM Sans",sans-serif;position:absolute;left:18%;top:19%;color:#eee9d9}.card-black{background:#151515;border-color:#454545}.question{font:260px/.7 "Playfair Display",serif;position:absolute;right:14%;top:14%;color:#d8ff40}.load-more{display:flex;margin:34px auto 0;cursor:pointer}.playground{border-top:1px solid var(--line);margin-top:110px;display:grid;grid-template-columns:.94fr 1.06fr;gap:70px;align-items:center;min-height:600px}.play-copy>p:last-child{color:#b5b3ae;line-height:1.7;max-width:360px;margin-top:32px}.recipe{font:10px "DM Mono",monospace;color:#908e88;margin-top:32px;border-top:1px solid var(--line);padding-top:14px}.recipe b{color:var(--acid);font-weight:400}.dream-machine{background:#1c1831;border:1px solid #8277ac;padding:14px;min-height:420px;box-shadow:12px 12px 0 #40356e}.machine-head{display:flex;justify-content:space-between;font:10px "DM Mono",monospace;color:#dfd6ff;border-bottom:1px solid #746a98;padding-bottom:12px}.machine-head b{font-weight:400;color:#d8ff38}.machine-screen{height:230px;margin:14px 0;background:#080914;border:1px solid #9b8ac6;color:#d8ff38;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;transition:.3s}.machine-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(216,255,56,.06) 4px 5px)}.machine-screen.awake{background:#111324;box-shadow:inset 0 0 32px rgba(216,255,56,.17)}.screen-stars{position:absolute;inset:17px 0 auto;letter-spacing:25px;opacity:.4}.machine-screen.awake .screen-stars{opacity:1;animation:blink 1s steps(2) infinite}.machine-screen strong,.machine-screen span{position:relative}.machine-screen strong{font:28px/.85 "Playfair Display",serif}.machine-screen span{font:9px "DM Mono",monospace;margin-top:14px;color:#aaa0ca}.token-tray{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.token-tray button{height:80px;color:#ede6ff;background:#292340;border:1px solid #746a98;cursor:pointer;font:31px "DM Sans",sans-serif;transition:.2s}.token-tray button small{display:block;font:8px "DM Mono",monospace;margin-top:4px}.token-tray button:hover,.token-tray button.selected{background:#d8ff38;color:#100c19;border-color:#d8ff38;transform:translateY(-4px);box-shadow:0 4px 0 #9b8ac6}.reset-machine{margin-top:14px;border:0;background:none;color:#aaa0ca;padding:0;font:9px "DM Mono",monospace;cursor:pointer}.reset-machine:hover{color:var(--acid)}.about-teaser{border-top:1px solid var(--line);padding-top:115px}.about-teaser>p:not(.eyebrow){max-width:500px;color:#b5b3ae;font-size:17px;line-height:1.65;margin:30px 0}footer{border-top:1px solid var(--line);padding:55px 8.5vw 32px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}footer p{font-size:clamp(30px,4.8vw,72px);line-height:.9;margin:0;max-width:720px}footer a{color:var(--acid);font:14px "DM Mono",monospace;text-decoration:none}footer span{grid-column:1/-1;color:#77756f;margin-top:40px}.secret-note{position:fixed;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:min(390px,88vw);background:#e9a6c7;color:#17100f;padding:31px;box-shadow:14px 16px 0 rgba(216,255,56,.7);font-family:"DM Mono",monospace}.secret-note button{position:absolute;right:11px;top:8px;background:transparent;border:0;font-size:22px;cursor:pointer}.secret-note small,.secret-note em{font-size:10px;letter-spacing:.07em}.secret-note p{font:28px/1.1 "Playfair Display",serif;margin:28px 0}.secret-note em{font-style:normal}.profile-shell{max-width:1410px;margin:0 auto;padding:140px 9vw 100px}.profile-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin:25px 0 85px}.profile-hero h1{font-size:clamp(90px,13vw,206px)}.profile-summary{max-width:400px;color:#c3c0b8;font-size:18px;line-height:1.6;margin:35px 0 0}.portrait-frame{margin:0;position:relative;background:#c3a5da;padding:11px;transform:rotate(2deg);box-shadow:13px 13px 0 #d8ff38}.portrait-frame img{width:100%;display:block;filter:grayscale(1) contrast(1.08)}.portrait-frame:after{content:"";position:absolute;width:21px;height:21px;right:-8px;top:-10px;background:#ff9dcc;box-shadow:15px 15px 0 #ff9dcc}.portrait-frame figcaption{font:9px "DM Mono",monospace;display:flex;justify-content:space-between;color:#1b1420;padding:9px 0 0}.portrait-frame figcaption span{font-size:18px;line-height:0}.profile-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;border-top:1px solid var(--line)}.profile-grid section{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 28px;min-height:230px}.profile-grid section:first-child{padding-left:0}.profile-grid section:nth-child(3),.profile-grid section:last-child{border-right:0}.profile-grid .profile-span{grid-column:span 2}.profile-large{font:26px/1.25 "Playfair Display",serif;margin:35px 0;color:#f0eee8}.profile-contact{display:flex;gap:20px;font:10px "DM Mono",monospace;color:var(--acid)}.profile-contact a{color:var(--acid);text-decoration:none}dl{margin:35px 0 0}dt{font:10px "DM Mono",monospace;color:#797771;margin-top:15px}dd{margin:4px 0 0;display:flex;flex-direction:column;gap:3px}dd b{font-size:16px}dd span{font-size:13px;color:#a6a49e}.experience-list{margin-top:29px}.experience-list article{display:grid;grid-template-columns:140px 1fr;gap:2px 20px;border-top:1px solid var(--line);padding:16px 0}.experience-list article b{font-size:17px}.experience-list article span{font:10px "DM Mono",monospace;color:var(--acid);align-self:center}.experience-list article p{grid-column:2;color:#aeaca5;font-size:13px;line-height:1.5;margin:6px 0 0}.tag-list,.game-log{font:14px/1.7 "DM Mono",monospace;color:#c1beb7;margin:32px 0 0}.game-log{font-size:12px;line-height:1.65}@keyframes drift{50%{translate:0 -15px}}@keyframes blink{50%{filter:brightness(1.35) drop-shadow(0 0 22px currentColor)}}@keyframes pixel-out{to{opacity:0;scale:0;filter:blur(12px)}}@media(max-width:760px){.site-header{height:62px;padding:0 18px}.brand em,.site-header nav{display:none}.back-link{font-size:9px}.section-shell{padding:90px 20px}.hero{min-height:700px}.hero-index{top:90px}.floating-hint{right:19px;bottom:120px}.pixel-cloud{right:4%;top:18%}.pixel-star{right:9%;bottom:18%}.pixel-eye{left:4%;top:27%}.pixel-key{right:7%;top:52%}.pixel-cat{left:12%;bottom:19%}.pixel-orb{left:7%;bottom:31%}.collect-status{bottom:90px;left:20px}.side-directory{display:none}.work-grid{grid-template-columns:1fr 1fr;gap:10px}.work-card.wide,.work-card.tall,.work-card.square{grid-column:span 1;min-height:260px}.work-card.wide{grid-column:span 2;min-height:280px}.card-meta h3{font-size:18px}.section-head{margin-bottom:37px}.filter-bar{gap:16px;overflow:auto}.playground{grid-template-columns:1fr;gap:34px;margin-top:70px}.dream-machine{min-height:370px}.machine-screen{height:190px}.about-teaser{padding-top:80px}footer{display:block;padding:40px 20px 25px}footer a{display:block;margin-top:36px}footer span{display:block;margin-top:40px}.cursor-light{display:none}.profile-shell{padding:100px 20px 60px}.profile-hero{grid-template-columns:1fr;gap:35px;margin-bottom:60px}.profile-hero h1{font-size:82px}.profile-grid{grid-template-columns:1fr}.profile-grid section,.profile-grid section:first-child{border-right:0;padding:25px 0;min-height:auto}.profile-grid .profile-span{grid-column:auto}.profile-large{font-size:22px}.experience-list article{grid-template-columns:1fr;gap:5px}.experience-list article p{grid-column:auto}.portrait-frame{max-width:330px;margin-left:auto}}