@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&family=VT323&display=swap";:root{--win-face: #c0c0c0;--win-face-dark: #a8a8a8;--win-shadow: #808080;--win-dark-shadow: #000000;--win-highlight: #dfdfdf;--win-light-highlight: #ffffff;--win-text: #000000;--win-desktop: #008080;--hc-red: #ec3750;--hc-orange: #ff8c37;--hc-yellow: #f1c40f;--hc-green: #33d6a6;--hc-cyan: #5bc0de;--hc-blue: #338eda;--hc-purple: #a633d6;--font-display: "VT323", monospace;--font-hand: "Patrick Hand", "Comic Sans MS", cursive;--font-body: Tahoma, Verdana, Geneva, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:16px;color:var(--win-text);background:#117a7a;background-image:radial-gradient(circle at 16% 18%,rgba(255,244,168,.32),transparent 18%),radial-gradient(circle at 84% 12%,rgba(216,244,255,.24),transparent 16%),radial-gradient(circle at 76% 78%,rgba(255,215,223,.26),transparent 18%),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,auto,auto,32px 32px,32px 32px;position:relative}@keyframes window-pop{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes hue-drift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(18deg)}}.window,.panel{animation:window-pop .28s ease both}.title-bar{position:relative;overflow:hidden}.btn,.btn-mini,.desktop-icon,.explore-card,.shop-card,.live-ship{transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn:hover,.btn-mini:hover,.desktop-icon:hover,.explore-card:hover,.shop-card:hover,.live-ship:hover{filter:contrast(1.03)}body:before,body:after{content:"";position:fixed;z-index:0;pointer-events:none;opacity:.5}body:before{left:-60px;bottom:8%;width:180px;height:120px;background:linear-gradient(90deg,rgba(0,0,0,.08) 0 1px,transparent 1px 100%),#fff4a8;background-size:18px 18px,auto;transform:rotate(8deg);box-shadow:12px 12px #0000001f}body:after{right:-44px;top:22%;width:150px;height:190px;background:repeating-linear-gradient(#fff 0 23px,#b8d7ff 23px 24px),#fff;transform:rotate(-6deg);box-shadow:10px 10px #00000021}@keyframes icon-power{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes desktop-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-3deg)}}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-4px,-2px)}20%{transform:translate(4px,3px)}30%{transform:translate(-3px,-4px)}40%{transform:translate(5px,1px)}50%{transform:translate(-2px,-3px)}60%{transform:translate(3px,4px)}70%{transform:translate(-5px,-1px)}80%{transform:translate(2px,2px)}90%{transform:translate(-1px,-2px)}}.shake{animation:shake .4s ease}@keyframes glitch-skew{0%{transform:skew(0)}20%{transform:skew(-2deg)}40%{transform:skew(2deg)}60%{transform:skew(-1deg)}80%{transform:skew(1deg)}to{transform:skew(0)}}.glitch{animation:glitch-skew .3s ease}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{color:#f0f;animation:glitch-clip1 .3s ease;clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}.glitch:after{color:#0ff;animation:glitch-clip2 .3s ease;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}@keyframes glitch-clip1{0%{transform:translate(0)}20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-clip2{0%{transform:translate(0)}20%{transform:translate(3px,-1px)}40%{transform:translate(-2px,2px)}60%{transform:translate(1px,-1px)}80%{transform:translate(-3px,1px)}to{transform:translate(0)}}.bsod{position:fixed;inset:0;z-index:99999;background:#00a;color:#fff;font-family:Lucida Console,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}.bsod.active{opacity:1;pointer-events:auto}.bsod h2{background:#aaa;color:#00a;padding:4px 20px;font-family:Lucida Console,monospace;font-weight:700;margin-bottom:20px}.bsod p{margin:4px 0;line-height:1.6;text-align:center;max-width:600px}.bsod .blink-cursor{animation:blink 1s steps(1) infinite}h1,h2,h3{margin:0 0 .4em}h1{font-family:var(--font-display);font-weight:400;letter-spacing:1px;line-height:1.05;font-size:clamp(2.4rem,6vw + 1rem,3.6rem);text-shadow:2px 2px 0 rgba(0,0,0,.12);position:relative}h2,h3{font-family:var(--font-body);font-weight:700;letter-spacing:0}h2{font-size:clamp(1.5rem,3vw + 1rem,2rem)}h3{font-size:clamp(1.15rem,2vw + .7rem,1.35rem)}p{line-height:1.5}a{color:var(--hc-blue)}::selection{color:#050505;background:var(--hc-yellow)}.breadcrumbs a,.breadcrumbs a:hover,.breadcrumbs a:visited{color:var(--hc-yellow);text-decoration:underline}::-webkit-scrollbar{width:18px;height:18px}::-webkit-scrollbar-track{background:var(--win-face);box-shadow:inset 1px 1px var(--win-shadow)}::-webkit-scrollbar-thumb{background:var(--win-face);box-shadow:inset -1px -1px var(--win-dark-shadow),inset 1px 1px var(--win-light-highlight),inset -2px -2px var(--win-shadow),inset 2px 2px var(--win-highlight)}.bevel-out{box-shadow:inset -1px -1px var(--win-dark-shadow),inset 1px 1px var(--win-light-highlight),inset -2px -2px var(--win-shadow),inset 2px 2px var(--win-highlight)}.bevel-in{box-shadow:inset 1px 1px var(--win-dark-shadow),inset -1px -1px var(--win-light-highlight),inset 2px 2px var(--win-shadow),inset -2px -2px var(--win-highlight)}.window{position:relative;isolation:isolate;background:var(--win-face);padding:3px;box-shadow:inset -1px -1px var(--win-dark-shadow),inset 1px 1px var(--win-light-highlight),inset -2px -2px var(--win-shadow),inset 2px 2px var(--win-highlight),5px 5px #00000047}.window:before{content:"";position:absolute;z-index:3;top:-9px;left:28px;width:72px;height:16px;background:#fff4a8b8;border-left:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08);box-shadow:0 1px #ffffff8c,2px 2px #00000014;transform:rotate(-2deg);pointer-events:none}.window:nth-of-type(2n):before{left:auto;right:44px;background:#d8f4ffb3;transform:rotate(3deg)}.window:after{content:none}.title-bar{display:flex;align-items:center;justify-content:space-between;padding:3px 4px;background:linear-gradient(90deg,var(--title-color, var(--hc-blue)),var(--title-color-2, var(--hc-purple)));background-size:200% 100%;animation:none;color:#fff}@keyframes title-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.title-bar-text{font-family:var(--font-body);font-size:1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.title-bar-text .pixel-icon{width:16px;height:16px;flex-shrink:0;image-rendering:pixelated;filter:drop-shadow(0 0 4px rgba(255,255,255,.6));animation:icon-power 1.6s steps(2) infinite}.title-bar-controls{display:flex;gap:3px}.title-bar-controls button{width:20px;height:18px;background:var(--win-face);border:none;font-family:"Marlett",var(--font-body);font-size:11px;line-height:1;cursor:default}.title-bar-controls button.close-btn:active,.title-bar-controls button.close-btn.wobble{animation:wobble .4s ease}.window-body{padding:16px;background:linear-gradient(90deg,rgba(255,255,255,.3) 0 1px,transparent 1px 100%),linear-gradient(0deg,rgba(255,255,255,.24) 0 1px,transparent 1px 100%),var(--win-face);background-size:22px 22px,22px 22px,auto}.tab-strip{display:flex;gap:2px;padding:4px 4px 0;background:var(--win-face);overflow-x:auto}.tab-strip a{font-family:var(--font-body);font-size:.85rem;color:var(--win-text);text-decoration:none;padding:6px 14px 5px;background:var(--win-face-dark);box-shadow:inset -1px -1px var(--win-dark-shadow),inset 1px 1px var(--win-light-highlight);white-space:nowrap}.tab-strip a:hover{background:var(--win-face);cursor:pointer}.tab-strip a.active{background:var(--win-face);box-shadow:inset -1px -1px var(--win-dark-shadow),inset 1px 1px var(--win-light-highlight);font-weight:700}.address-bar-row{display:flex;align-items:center;gap:6px;margin:6px 4px 0}.nav-btn{width:26px;height:26px;flex-shrink:0;background:var(--win-face);border:none;font-size:.9rem;box-shadow:inset -1px -1px var(--win-dark-shadow),inset 1px 1px var(--win-light-highlight),inset -2px -2px var(--win-shadow),inset 2px 2px var(--win-highlight);cursor:not-allowed}.address-bar{display:flex;align-items:center;gap:8px;flex:1;padding:5px 8px;background:#fff;min-width:0}.status-bar{margin:6px 4px 0;padding:3px 8px;font-size:.8rem;color:var(--win-shadow);box-shadow:inset 1px 1px var(--win-dark-shadow),inset -1px -1px var(--win-light-highlight)}.address-bar .label{font-family:var(--font-body);font-size:.85rem;color:var(--win-shadow)}.address-bar .typed{font-family:var(--font-display);font-size:1.2rem}.address-bar .caret{display:inline-block;width:2px;height:1.1em;background:var(--win-text);margin-left:2px;vertical-align:text-bottom;animation:blink 1s steps(1) infinite}.btn{display:inline-block;font-family:var(--font-body);font-size:.95rem;font-weight:700;padding:8px 18px;background:var(--win-face);color:var(--win-text);text-decoration:none;box-shadow:inset -1px -1px var(--win-dark-shadow),inset 1px 1px var(--win-light-highlight),inset -2px -2px var(--win-shadow),inset 2px 2px var(--win-highlight);cursor:pointer}.btn:active{box-shadow:inset 1px 1px var(--win-dark-shadow),inset -1px -1px var(--win-light-highlight),inset 2px 2px var(--win-shadow),inset -2px -2px var(--win-highlight)}.btn:hover{transform:translate(-2px,-2px);box-shadow:inset -1px -1px var(--win-dark-shadow),inset 1px 1px var(--win-light-highlight),inset -2px -2px var(--win-shadow),inset 2px 2px var(--win-highlight),4px 4px #00000038}.btn-accent{background:var(--hc-yellow)}.page{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:24px 16px 60px}.page:before{content:"working beats shiny";position:fixed;left:18px;top:160px;z-index:-1;width:126px;padding:14px 12px;font-family:var(--font-hand);font-size:1.28rem;line-height:1;background:#fff4a8;box-shadow:6px 6px #00000024;transform:rotate(-5deg)}.desk-scraps{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.desk-scrap{position:absolute;padding:8px 10px;font-family:var(--font-hand);font-size:1.15rem;color:#111;background:#fff;box-shadow:5px 5px #00000021;opacity:.86}.scrap-build{left:9%;top:78px;background:#ffd7df;transform:rotate(4deg)}.scrap-proof{right:12%;top:118px;background:#d8f4ff;transform:rotate(-5deg)}.scrap-slack{left:11%;bottom:58px;background:#e6ffd8;transform:rotate(-3deg)}.panel{margin-bottom:28px;content-visibility:auto;contain-intrinsic-size:360px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:12px}.card{position:relative;background:#fffbe0;padding:14px;box-shadow:inset -1px -1px var(--win-shadow),inset 1px 1px var(--win-dark-shadow),6px 6px #0000001f;transition:transform .1s ease,box-shadow .1s ease;transform:rotate(-.4deg)}.card:nth-child(2n){background:#e9fbff;transform:rotate(.35deg)}.card:nth-child(3n){background:#fce8ef;transform:rotate(-.35deg)}.card:before{content:"";position:absolute;top:-7px;left:50%;width:46px;height:12px;background:#ffffff94;transform:translate(-50%) rotate(2deg);box-shadow:1px 1px #00000014}.card .pixel-icon{width:32px;height:32px;display:block;margin-bottom:6px;image-rendering:pixelated}.connect-row .pixel-icon{width:28px;height:28px;flex-shrink:0;image-rendering:pixelated;margin-top:2px}.card h3{font-size:1.3rem;margin-bottom:6px}.card a{font-size:.85rem}.timeline{list-style:none;margin:12px 0 0;padding:0;counter-reset:step}.timeline li{counter-increment:step;position:relative;padding:10px 10px 10px 54px;margin-bottom:10px;background:#fffbe0;box-shadow:inset -1px -1px var(--win-shadow),inset 1px 1px var(--win-dark-shadow),5px 5px #0000001a;transform:rotate(-.25deg)}.timeline li:nth-child(2n){background:#e9fbff;transform:rotate(.25deg)}.timeline li:before{content:counter(step);position:absolute;left:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.3rem;background:var(--hc-green);box-shadow:inset -1px -1px var(--win-dark-shadow),inset 1px 1px var(--win-light-highlight)}.faq-item{background:#fff;margin-bottom:8px;box-shadow:inset -1px -1px var(--win-shadow),inset 1px 1px var(--win-dark-shadow),4px 4px #0000001a;transform:rotate(-.15deg)}.faq-item:nth-child(2n){transform:rotate(.18deg)}.faq-item summary{padding:10px 12px;cursor:pointer;font-weight:700;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+ ";color:var(--hc-red)}.faq-item[open] summary:before{content:"−"}.faq-item .faq-answer{padding:0 12px 12px}.site-footer{text-align:center;padding:20px 16px;font-size:.85rem;color:#fff}.site-footer a{color:var(--hc-yellow)}.footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}.marquee{overflow:hidden;white-space:nowrap;box-shadow:inset 1px 1px var(--win-dark-shadow),inset -1px -1px var(--win-light-highlight);background:var(--win-face-dark);padding:4px 0;margin:4px 4px 0}.marquee span{display:inline-block;padding-left:100%;animation:marquee-scroll 14s linear infinite;font-family:var(--font-body);font-size:.8rem;font-weight:700}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.loading-bar{margin:4px 4px 0;height:18px;background:var(--win-face);box-shadow:inset 1px 1px var(--win-dark-shadow),inset -1px -1px var(--win-light-highlight);overflow:hidden;position:relative}.loading-bar-inner{height:100%;width:0%;background:repeating-linear-gradient(90deg,var(--hc-blue),var(--hc-blue) 4px,#fff 4px,#fff 8px);box-shadow:0 0 8px #338eda80;transition:width .15s linear}.desktop-icons{position:fixed;top:16px;right:16px;z-index:100;display:flex;flex-direction:column;gap:12px}.desktop-icon{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;font-family:var(--font-body);font-size:.7rem;text-align:center;width:64px;padding:4px;text-shadow:1px 1px 0 rgba(0,0,0,.6);transition:transform .12s ease,filter .15s;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.4))}.desktop-icon:hover{transform:translateY(-2px) rotate(-2deg);filter:drop-shadow(0 0 6px var(--hc-cyan)) drop-shadow(2px 2px 2px rgba(0,0,0,.4))}.desktop-icon svg{width:32px;height:32px;margin-bottom:4px;image-rendering:pixelated}.desktop-icon:nth-child(odd) svg{animation:desktop-bob 2.4s ease-in-out infinite}.desktop-icon:nth-child(2n) svg{animation:desktop-bob 2.4s ease-in-out -1.2s infinite}.card:hover{transform:translate(-2px,-2px);box-shadow:inset -1px -1px var(--win-shadow),inset 1px 1px var(--win-dark-shadow),3px 3px #0003}.timeline li:after{content:"";position:absolute;inset:2px;border:1px solid transparent;pointer-events:none}.timeline li:last-child:before{animation:pulse-green 1.8s ease-in-out infinite}@keyframes pulse-green{0%,to{box-shadow:inset -1px -1px var(--win-dark-shadow),inset 1px 1px var(--win-light-highlight)}50%{box-shadow:inset -1px -1px var(--win-dark-shadow),inset 1px 1px var(--win-light-highlight),0 0 12px var(--hc-green)}}@media (prefers-reduced-motion: reduce){.window:after,.title-bar-text .pixel-icon,.desktop-icon svg{animation:none}}@media (max-width: 720px){.window:after{display:none}}@keyframes blink{50%{opacity:0}}@keyframes wobble{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-2px) rotate(-3deg)}40%{transform:translate(2px) rotate(3deg)}60%{transform:translate(-1px) rotate(-2deg)}80%{transform:translate(1px) rotate(2deg)}}.placeholder-note{display:inline-block;margin-top:6px;padding:7px 10px;font-size:1rem;color:#111;background:#fff4a8;font-family:var(--font-hand);box-shadow:4px 4px #00000021;transform:rotate(-1deg)}@media (max-width: 980px){.page:before,.desk-scrap{display:none}}.slack-emoji{width:1.25em;height:1.25em;vertical-align:-.25em;object-fit:contain}