@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-center: #E0E0E0;--bg-step1: #D6D6D6;--bg-step2: #CCCCCC;--bg-edge: #C2C2C2;--text-black: #22201D;--hairline: #A09B93;--font-family: "Press Start 2P", monospace;--grid-gap: 0;--padding-outer: 64px}*{box-sizing:border-box;margin:0;padding:0;cursor:none}html{height:100%;background:var(--bg-edge)}body{background:radial-gradient(circle at center,var(--bg-center) 0%,var(--bg-center) 25%,var(--bg-step1) 25%,var(--bg-step1) 50%,var(--bg-step2) 50%,var(--bg-step2) 75%,var(--bg-edge) 75%,var(--bg-edge) 100%);color:var(--text-black);font-family:var(--font-family);min-height:100dvh;width:100vw;overflow:hidden;font-size:12px;-webkit-font-smoothing:none;image-rendering:pixelated;position:relative}.noise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.dither-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.15;background-image:repeating-conic-gradient(var(--text-black) 0% 25%,transparent 0% 50%);background-size:2px 2px}.scanline-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px)}.vignette-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;background:radial-gradient(circle at center,transparent 0%,transparent 85%,rgba(0,0,0,.08) 85%,rgba(0,0,0,.12) 100%)}#grid-container{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto 1fr;grid-template-columns:.5fr 5fr .5fr;grid-template-rows:.5fr 5fr .5fr;height:100dvh;width:100vw;padding:32px;padding-top:max(32px,env(safe-area-inset-top));padding-bottom:max(32px,env(safe-area-inset-bottom));padding-left:max(32px,env(safe-area-inset-left));padding-right:max(32px,env(safe-area-inset-right));position:relative;z-index:10}.grid-cell{position:relative;display:flex;flex-direction:column}.top-left{align-items:flex-start;justify-content:flex-start}.top-right{align-items:flex-end;justify-content:flex-start}.center-cell{align-items:center;justify-content:center;position:relative}.bottom-left{align-items:flex-start;justify-content:flex-end}.bottom-right{align-items:flex-end;justify-content:flex-end}.apps-nav{display:flex;flex-direction:column;gap:16px}.section-label{font-size:10px;color:var(--hairline);margin-bottom:8px;letter-spacing:1px}.pixel-link{color:var(--text-black);text-decoration:none;text-transform:uppercase;padding:8px 12px;position:relative;border:1px solid transparent;transition:all .1s steps(2);font-size:12px;letter-spacing:1px}.pixel-link:before{content:"";position:absolute;inset:0;border:1px solid var(--hairline);clip-path:polygon(2px 0,100% 0,100% calc(100% - 2px),calc(100% - 2px) 100%,0 100%,0 2px);opacity:1;z-index:-1;background:transparent;transition:all .15s}.pixel-link:hover{background-image:radial-gradient(var(--text-black) 1px,transparent 1px);background-size:2px 2px;color:var(--text-black);background-color:transparent}.pixel-link:hover:before{border-color:var(--text-black)}.pixel-link:active{transform:translateY(1px)}.pixel-link:after{content:"";position:absolute;bottom:4px;left:12px;height:2px;width:0%;background:var(--text-black);transition:width .2s steps(4)}.pixel-link:hover:after{width:calc(100% - 24px)}#particle-logo{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:5;display:flex;justify-content:center;align-items:center;pointer-events:auto}#particle-logo canvas{display:block}.hud-panel{text-align:right;display:flex;flex-direction:column;gap:8px;color:var(--text-black)}.hud-row{font-size:10px}.legal-nav{display:flex;gap:16px}.pixel-link.small{font-size:10px;padding:4px 8px}.play-zone:hover{opacity:1;background:var(--text-black);color:var(--bg-warm)}#custom-cursor{position:fixed;top:0;left:0;width:12px;height:12px;background:transparent;border:1px solid var(--text-black);width:16px;height:16px;border:none;background-color:var(--text-black);clip-path:polygon(0 0,0 100%,30% 65%,60% 65%,100% 30%,65% 30%,65% 0);pointer-events:none;z-index:1000;transform:translate(0);transition:opacity .2s;mix-blend-mode:difference}#custom-cursor:after{content:"";position:absolute;width:4px;height:4px;background:var(--text-black);opacity:.5;bottom:-8px;right:-8px}#app-panel-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:100;display:flex;justify-content:center;align-items:center}#app-panel-overlay.visible{pointer-events:auto}.app-panel{background:#ece9e3;border:4px solid var(--text-black);width:100%;max-width:500px;padding:4px;opacity:0;transform:scale(.95);transition:opacity .15s ease-out,transform .15s cubic-bezier(.18,.89,.32,1.28);box-shadow:8px 8px #0003;display:none}#app-panel-overlay.visible .app-panel{display:flex;flex-direction:column;opacity:1;transform:scale(1)}.panel-header{background:var(--text-black);color:#ece9e3;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;font-family:"Press Start 2P",monospace;font-size:.8rem;text-transform:uppercase}.panel-title{font-size:10px}.close-btn{background:none;border:none;font-family:inherit;color:inherit;cursor:pointer;padding:0}.close-btn:hover{text-decoration:underline}.panel-body{padding:24px;color:var(--text-black)}.panel-heading{font-size:14px;margin-top:0;margin-bottom:16px;line-height:1.4}.panel-text{font-size:12px;line-height:1.6;font-family:monospace;font-family:"Press Start 2P",monospace;margin-bottom:24px;color:#4a4843}.panel-actions{display:flex;gap:16px}.panel-link{display:inline-block;padding:8px 12px;border:2px solid var(--text-black);background:transparent;color:var(--text-black);text-decoration:none;font-size:10px;transition:all .1s step-end}.panel-link:hover{background:var(--text-black);color:#ece9e3;transform:translateY(-2px);box-shadow:2px 2px #0003}@media(max-width:768px){.app-panel{width:90%}}#ambient-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.ambient-sprite{position:absolute;font-size:10px;color:var(--text-black);opacity:.3;animation:floatDrift 10s infinite ease-in-out alternate,blink 4s infinite}@keyframes floatDrift{0%{transform:translate(0)}to{transform:translate(10px,-10px)}}@keyframes blink{0%,90%,to{opacity:.3}95%{opacity:0}}@media(max-width:768px){#grid-container{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;padding:24px;gap:24px}.top-center,.middle-left,.middle-right,.bottom-center{display:none}.center-cell{grid-column:1 / -1;grid-row:2}.top-right{grid-column:2}.bottom-left{grid-column:1 / -1;justify-content:center}.bottom-right{display:none}}