:root{
  color-scheme:dark;--bg:#171515;--panel:#211e1d;--panel2:#292423;--text:#f2eadf;
  --muted:#aa9f95;--accent:#7f2424;--accent2:#b0493f;--line:#3a3431;--cream:#e9ddcd
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 80% 0,#302321 0,transparent 34%),var(--bg);color:var(--text)}
body{min-height:100vh;display:flex;flex-direction:column}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.topbar{height:72px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font-weight:850;letter-spacing:-.03em;color:var(--text);text-decoration:none;font-size:20px}.brand span{color:var(--accent2);font-weight:700}.ghost{border:1px solid var(--line);background:#1c1918;color:var(--cream);padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:750}.ghost:hover{border-color:#6b5b54;background:#26211f}
main{width:min(1180px,calc(100% - 40px));margin:0 auto;flex:1}.hero{padding:78px 0 38px;max-width:900px}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:900;color:var(--accent2);margin-bottom:12px}.hero h1{font-size:clamp(44px,7vw,86px);line-height:.94;letter-spacing:-.065em;margin:0 0 24px}.hero h1 em{font-style:normal;color:var(--cream)}.hero p{font-size:18px;color:var(--muted);max-width:680px;line-height:1.6}.hero code{background:#2a2422;border:1px solid var(--line);padding:.1em .35em;border-radius:6px;color:var(--cream)}.notice{margin-top:24px;padding:14px 16px;border:1px solid #6b3c36;background:#2b1d1b;border-radius:14px;color:#e9c8be}.hidden{display:none!important}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;padding-bottom:70px}.card{grid-column:span 4;min-height:245px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;position:relative;overflow:hidden;transition:.2s transform,.2s border-color}.card:hover{transform:translateY(-4px);border-color:#695951}.card .num{font:800 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#7d7069}.card h3{font-size:28px;letter-spacing:-.04em;margin:0 0 8px}.card p{color:var(--muted);line-height:1.45;margin:0}.card .icon{font-size:54px;position:absolute;right:18px;top:16px;filter:grayscale(.15);transform:rotate(6deg)}.card .play{margin-top:25px;font-weight:850;color:var(--cream)}
.game{padding:54px 0 72px}.game-head{display:flex;align-items:flex-start;gap:26px;margin-bottom:28px}.game-head h2{font-size:clamp(36px,5vw,58px);letter-spacing:-.05em;margin:0}.stage{min-height:430px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 50% 30%,#332c29,#1b1817 72%);position:relative;overflow:hidden;display:grid;place-items:center;padding:28px}.status{text-align:center;color:var(--muted);padding:16px;font-weight:700;min-height:54px}
.www{font:950 clamp(60px,13vw,150px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.11em;color:var(--cream);text-shadow:0 12px 40px #000;user-select:none;transition:.2s}.dot{color:var(--accent2)}
.screw-board{position:relative;width:min(700px,90%);height:310px;display:grid;place-items:center;border:2px solid #514741;border-radius:24px;background:#26211f;box-shadow:inset 0 0 60px #0005}.screw{position:absolute;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#9d9185 0 34%,#625a54 36% 100%);border:2px solid #b4a89a;cursor:pointer;display:grid;place-items:center;font-size:28px;color:#2b2826;transition:.4s}.screw::after{content:"+";transform:rotate(0deg);transition:.4s}.screw.done{transform:rotate(360deg) scale(.25);opacity:0}.s1{left:18px;top:18px}.s2{right:18px;top:18px}.s3{left:18px;bottom:18px}.s4{right:18px;bottom:18px}
.hammer-scene{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none}.hammer-victim{position:absolute;left:50%;top:50%;transform:translate(-50%,-44%);pointer-events:none;transition:filter .18s,opacity .22s,transform .18s;color:var(--cream);z-index:2}.hammer-victim::after{content:"";position:absolute;inset:-12%;pointer-events:none;opacity:0;background:repeating-linear-gradient(121deg,transparent 0 15px,#7f2424 16px 18px,transparent 19px 31px);mix-blend-mode:screen;clip-path:polygon(5% 15%,90% 7%,97% 90%,8% 95%);transition:opacity .18s}.hammer-victim.victim-hit{animation:victim-shake .2s linear}@keyframes victim-shake{25%{transform:translate(-53%,-45%) rotate(-2deg)}50%{transform:translate(-47%,-42%) rotate(2deg)}75%{transform:translate(-52%,-44%) rotate(-1deg)}}.damage-1{filter:drop-shadow(3px 3px 0 #5f2724)}.damage-2{filter:drop-shadow(5px 5px 0 #742925)}.damage-2::after,.damage-3::after{opacity:.32}.damage-3{transform:translate(-50%,-44%) rotate(-2deg) scale(.98);filter:drop-shadow(7px 6px 0 #7f2424)}.damage-4{transform:translate(-50%,-44%) rotate(3deg) scale(.94);filter:drop-shadow(10px 8px 0 #7f2424)}.damage-4::after{opacity:.55}.damage-5{transform:translate(-50%,-44%) rotate(-6deg) scale(.86);opacity:.78;filter:blur(.2px) drop-shadow(12px 8px 0 #7f2424)}.damage-5::after{opacity:.78}.damage-6{transform:translate(-50%,-30%) rotate(13deg) scale(.38);opacity:.08;filter:blur(2px)}.damage-6::after{opacity:1}.hammer-tool{position:absolute;left:0;top:0;width:118px;height:118px;display:grid;place-items:center;cursor:grab;z-index:5;will-change:transform;touch-action:none;filter:drop-shadow(0 13px 10px #0009);transform-origin:52% 56%}.hammer-tool.grabbed{cursor:grabbing;filter:drop-shadow(0 18px 14px #000a) saturate(1.15)}.hammer-emoji{font-size:88px;line-height:1;pointer-events:none}.grab-label{position:absolute;bottom:-6px;font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#b8aaa0;background:#1b1817d9;border:1px solid #4b403b;border-radius:999px;padding:5px 8px;pointer-events:none}.hammer-tool.grabbed .grab-label{opacity:0}.hammer-floor{position:absolute;left:0;right:0;bottom:0;height:72px;border-top:2px solid #5b4e47;background:linear-gradient(#28221f,#1b1817);box-shadow:0 -18px 45px #0007;z-index:3}.hammer-floor>span{position:absolute;right:18px;top:13px;color:#766a63;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.floor-dent{--dent:1;position:absolute;top:-6px;width:48px;height:12px;transform:translateX(-50%) scaleX(var(--dent)) scaleY(.15);border-radius:50%;background:#080707;box-shadow:0 2px 10px #000;opacity:.2;transition:.25s transform,.25s opacity}.floor-dent.settled{transform:translateX(-50%) scaleX(var(--dent)) scaleY(1);opacity:.88}.floor-thump .hammer-floor{animation:floor-thump .18s ease}@keyframes floor-thump{50%{transform:translateY(4px)}}.impact-flash{animation:impact-flash .12s linear}@keyframes impact-flash{50%{box-shadow:inset 0 0 90px #81221d55}}.victory-tool{transition:.45s transform,.45s opacity;opacity:.2;filter:grayscale(.5)}
.trash-zone{width:min(820px,95%);display:flex;align-items:center;justify-content:space-around;gap:30px}.draggable{cursor:grab;padding:28px}.draggable:active{cursor:grabbing}.bin{font-size:110px;border:3px dashed #62534c;border-radius:22px;padding:26px 42px;transition:.2s}.bin.over{transform:scale(1.08);border-color:var(--accent2);background:#3b211f}
.target{position:absolute;cursor:crosshair;transition:.12s left,.12s top}.crosshair{position:absolute;inset:18px;border:2px solid #a6473f;border-radius:50%;pointer-events:none}.laserflash{animation:flash .2s}@keyframes flash{50%{background:#6f1919}}
.claw-machine{width:min(720px,95%);height:330px;border:3px solid #514741;border-radius:24px;position:relative;background:#211e1d;overflow:hidden}.rail{position:absolute;top:28px;left:8%;right:8%;height:8px;background:#6a5d56;border-radius:8px}.claw{position:absolute;left:18%;top:20px;font-size:74px;transition:left .9s ease,top .7s ease}.claw.drop{left:49%;top:150px}.claw.lift{left:49%;top:38px}.claw-www{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);font-size:80px}.big-action{border:0;background:var(--accent);color:#fff;padding:16px 26px;border-radius:999px;font-weight:900;font-size:18px;cursor:pointer;position:absolute;bottom:18px;right:18px}.big-action:hover{background:#99322f}
.success{display:grid;place-items:center;text-align:center}.success .boom{font-size:90px}.success h3{font-size:40px;margin:10px 0}.success p{color:var(--muted);font-size:18px}
footer{border-top:1px solid var(--line);padding:22px clamp(20px,5vw,72px);display:flex;justify-content:space-between;gap:20px;color:#7f746d;font-size:13px}
@media(max-width:850px){.card{grid-column:span 6}.hero{padding-top:52px}.game-head{flex-direction:column}.trash-zone{flex-direction:column}.stage{min-height:480px}}
@media(max-width:560px){main{width:min(100% - 24px,1180px)}.card{grid-column:1/-1}.topbar{padding:0 14px}.hero h1{font-size:48px}.stage{padding:16px}.screw-board{height:280px}footer{flex-direction:column}}

/* interactive eastereggs */
.interactive-board{touch-action:none;overflow:hidden}.driver-tool{position:absolute;left:0;top:0;width:74px;height:118px;display:grid;place-items:center;cursor:grab;z-index:6;touch-action:none;filter:drop-shadow(0 10px 8px #0008);will-change:transform}.driver-tool.grabbed{cursor:grabbing;filter:drop-shadow(0 14px 10px #000a) saturate(1.18)}.driver-tool>span{font-size:68px;line-height:1;pointer-events:none}.driver-tool small{position:absolute;bottom:0;font:900 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#a99b92;background:#1b1817d9;border:1px solid #4b403b;border-radius:999px;padding:4px 7px;pointer-events:none}.screw{--unscrew:0;box-shadow:0 calc(var(--unscrew)*8px) calc(var(--unscrew)*12px) #0008;transform:translateY(calc(var(--unscrew)*-7px)) scale(calc(1 + var(--unscrew)*.08));transition:box-shadow .1s,transform .1s,opacity .35s}.screw span{font-size:28px;font-weight:900;display:block;pointer-events:none}.screw::after{content:none}.screw.done{transform:translateY(-36px) rotate(-130deg) scale(.2);opacity:0}
.trash-scene{position:absolute;inset:0;overflow:hidden;touch-action:none}.trash-www{position:absolute;left:0;top:0;font:950 clamp(64px,11vw,132px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.11em;color:var(--cream);text-shadow:0 12px 35px #000;cursor:grab;touch-action:none;z-index:4;will-change:transform;transition:opacity .35s,filter .35s}.trash-www.grabbed{cursor:grabbing;filter:drop-shadow(0 18px 15px #0009) saturate(1.1)}.trash-www.trashed{opacity:0;filter:blur(5px);transition:.45s}.trash-bin{position:absolute;right:8%;bottom:18px;width:142px;height:180px;display:grid;place-items:end center;z-index:3;transition:.18s transform,.18s filter}.trash-bin .bin-body{font-size:118px;line-height:1}.bin-mouth{position:absolute;top:16px;left:15px;right:15px;height:34px;border:3px dashed #6f5f57;border-radius:50%;opacity:.55;transition:.18s}.trash-bin.ready{transform:scale(1.08)}.trash-bin.ready .bin-mouth{border-color:var(--accent2);opacity:1;box-shadow:0 0 24px #a6403844}.trash-bin.accept{animation:bin-gulp .5s ease}@keyframes bin-gulp{45%{transform:scale(1.14) rotate(-4deg)}70%{transform:scale(.96) rotate(3deg)}}.trash-floor{position:absolute;left:0;right:0;bottom:0;height:38px;border-top:2px solid #544943;background:#1b1817;box-shadow:0 -14px 35px #0007}
.blaster-scene{position:absolute;inset:0;overflow:hidden;cursor:none;touch-action:none}.blaster-target{position:absolute;transform:translate(-50%,-50%);font-size:clamp(72px,11vw,130px);transition:left .2s,top .2s,transform .22s,opacity .28s;pointer-events:none}.blaster-target.blaster-hit{animation:target-zap .22s linear}@keyframes target-zap{50%{filter:brightness(2) drop-shadow(0 0 28px #d85a4f);transform:translate(-50%,-50%) scale(.92) rotate(3deg)}}.blaster-target.vaporize{transform:translate(-50%,-50%) scale(1.45);opacity:0;filter:blur(8px)}.reticle{position:absolute;left:0;top:0;width:68px;height:68px;border:2px solid #b44d45;border-radius:50%;pointer-events:none;z-index:6;box-shadow:0 0 18px #a63c3555,inset 0 0 18px #a63c3533;will-change:transform}.reticle::before,.reticle::after{content:"";position:absolute;background:#d2665d}.reticle::before{width:88px;height:2px;left:-12px;top:32px}.reticle::after{height:88px;width:2px;top:-12px;left:32px}.reticle>span{position:absolute;width:7px;height:7px;background:#e7b0aa;border-radius:50%;left:28px;top:28px}.reticle.miss{animation:reticle-miss .25s ease}@keyframes reticle-miss{50%{transform:translate3d(var(--x,0),var(--y,0),0) scale(1.35);border-color:#6e625d}}.blaster-console{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:min(520px,82%);padding:14px;border:1px solid #4d423d;border-radius:18px;background:#171413dc;backdrop-filter:blur(8px);z-index:7}.charge-track{height:12px;border-radius:999px;background:#302926;overflow:hidden;border:1px solid #50443f;margin-bottom:10px}.charge-fill{height:100%;width:0;background:linear-gradient(90deg,#6d2422,#b84a40);transition:width .04s linear}.charge-fill.hot{box-shadow:0 0 18px #dc594c;background:linear-gradient(90deg,#9b332d,#e16f62)}.trigger{width:100%;border:1px solid #6a4d47;background:#2a1c1a;color:#f0ddd8;border-radius:12px;padding:13px 16px;font-weight:950;letter-spacing:.06em;cursor:pointer;touch-action:none}.trigger:active{transform:translateY(2px);background:#4b2421}
.interactive-claw{height:370px;touch-action:none}.claw-car{position:absolute;left:8px;top:0;width:84px;height:260px;z-index:5;will-change:transform}.cable{position:absolute;left:40px;top:31px;width:4px;height:70px;background:linear-gradient(#776960,#413834);border-radius:3px;transform-origin:top}.claw-head{position:absolute;left:3px;top:0;font-size:72px;line-height:1;will-change:transform;filter:drop-shadow(0 9px 8px #0008)}.claw-www.caught{filter:drop-shadow(0 12px 12px #000a) saturate(.85)}.claw-controls{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:grid;grid-template-columns:72px minmax(170px,240px) 72px;gap:10px;z-index:8}.claw-controls button{border:1px solid #5c4f48;background:#251f1d;color:#eaded3;border-radius:12px;padding:13px 10px;font-weight:900;cursor:pointer;touch-action:none}.claw-controls button:active,.claw-controls button.active{background:#6f2925;border-color:#9f4139;transform:translateY(2px)}
.reticle.parked{animation:reticle-park .18s ease}@keyframes reticle-park{50%{transform:scale(.86)}}
.reticle.aiming{box-shadow:0 0 28px #d75b505f,inset 0 0 22px #d75b5044;transform-origin:center}.reticle.aiming>span{background:#ffd7d2}