@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg-center: #E2E0DC;--bg-step1: #D8D6D1;--bg-step2: #CFCCC6;--bg-edge: #C5C2BC;--text-black: #22201D;--hairline: #A09B93;--hairline-interactive: #6D6964;--panel-bg: #ECE9E3;--panel-text-secondary: #4a4843;--panel-header-text: #ECE9E3;--brand-pink: #C61879;--brand-purple: #7E09AA;--font-family: "Press Start 2P", monospace;--grid-gap: 0;--padding-outer: 64px;--hud-baseline: 8px;--hud-margin: calc(var(--hud-baseline) * 4);--hud-left-col-width: 140px;--hud-right-col-width: 140px;--op-primary: 1;--op-strong: .9;--op-secondary: .75;--op-tertiary: .72;--op-disabled: .55;--op-faint: .3;--op-hint-faint: .18;--text-5: 5px;--text-6: 6px;--text-7: 7px;--text-8: 8px;--text-9: 9px;--text-10: 10px;--text-11: 11px;--text-12: 12px;--text-13: 13px;--text-14: 14px;--text-16: 16px;--z-base: -1;--z-effect-1: 1;--z-effect-2: 2;--z-particles: 5;--z-heart: 6;--z-grid: 10;--z-ambient-hint: 15;--z-hud-panel: 50;--z-modal: 100;--z-cursor: 1000;--z-skip-link: 10000}@media(prefers-color-scheme:dark){:root{--bg-center: #2C2A26;--bg-step1: #262320;--bg-step2: #1F1D1B;--bg-edge: #191715;--text-black: #E0E0E0;--hairline: #555555;--hairline-interactive: #666666;--panel-bg: #1a1a1a;--panel-text-secondary: #cccccc;--panel-header-text: #1a1a1a;--brand-pink: #E41E8C;--brand-purple: #A60CE0}}*{box-sizing:border-box;margin:0;padding:0}@media(pointer:fine){*{cursor:none}}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}html{min-height:100dvh;background:var(--bg-edge);overscroll-behavior:none}body{background:transparent;color:var(--text-black);font-family:var(--font-family);min-height:100vh;width:100%;overflow:hidden;font-size:var(--text-12);-webkit-font-smoothing:none;image-rendering:pixelated;position:relative;overscroll-behavior:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:var(--hud-baseline);left:var(--hud-baseline);z-index:var(--z-skip-link);padding:calc(var(--hud-baseline) * .75) var(--hud-baseline);background:var(--panel-bg);color:var(--text-black);font-family:var(--font-family);font-size:var(--text-10);text-transform:uppercase;letter-spacing:1px;text-decoration:none;border:1px solid var(--text-black);transform:translateY(-200%);transition:transform .15s steps(2)}.skip-link:focus{transform:translateY(0)}.skip-link:focus-visible{outline:1px dashed var(--brand-pink);outline-offset:2px}#wallpaper{position:fixed;inset:-60px;z-index:var(--z-base);background:radial-gradient(circle at var(--drift-x, 50%) var(--drift-y, 50%),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%)}.noise-overlay,.dither-overlay,.scanline-overlay,.vignette-overlay{position:fixed;inset:-60px;pointer-events:none}.noise-overlay{z-index:var(--z-effect-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{z-index:var(--z-effect-1);opacity:.15;background-image:repeating-conic-gradient(var(--text-black) 0% 25%,transparent 0% 50%);background-size:2px 2px}.scanline-overlay{z-index:var(--z-effect-2);background:repeating-linear-gradient(0deg,rgba(0,0,0,var(--scanline-alpha, .1)),rgba(0,0,0,var(--scanline-alpha, .1)) 1px,transparent 1px,transparent 3px)}.vignette-overlay{z-index:var(--z-effect-2);background:radial-gradient(circle at center,transparent 0%,transparent var(--vignette-transparent-end, 85%),rgba(0,0,0,var(--vignette-alpha-mid, .08)) 85%,rgba(0,0,0,var(--vignette-alpha-outer, .12)) 100%)}#grid-container{display:grid;grid-template-columns:minmax(var(--hud-left-col-width),max-content) 1fr minmax(var(--hud-right-col-width),max-content);grid-template-rows:auto 1fr auto;height:100dvh;width:100vw;padding:var(--hud-margin);padding-top:max(var(--hud-margin),env(safe-area-inset-top));padding-bottom:max(var(--hud-margin),env(safe-area-inset-bottom));padding-left:max(var(--hud-margin),env(safe-area-inset-left));padding-right:max(var(--hud-margin),env(safe-area-inset-right));position:relative;z-index:var(--z-grid)}.grid-cell{position:relative;display:flex;flex-direction:column}.top-left{align-items:flex-start;justify-content:flex-start;gap:calc(var(--hud-baseline) * 3)}.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:calc(var(--hud-baseline) * 2)}.section-label{font-size:var(--text-8);color:var(--text-black);opacity:var(--op-tertiary);margin-bottom:var(--hud-baseline);letter-spacing:1px}.pixel-link-icon{display:none}.pixel-link{appearance:none;-webkit-appearance:none;background:none;font-family:inherit;text-align:left;display:flex;align-items:center;color:var(--text-black);text-decoration:none;text-transform:uppercase;padding:var(--hud-baseline) calc(var(--hud-baseline) * 1.5);position:relative;border:1px solid transparent;transition:transform .1s steps(2);font-size:var(--text-12);letter-spacing:1px;white-space:nowrap}.pixel-link:before{content:"";position:absolute;inset:0;border:1px solid var(--hairline-interactive);clip-path:polygon(2px 0,100% 0,100% calc(100% - 2px),calc(100% - 2px) 100%,0 100%,0 2px);opacity:var(--op-primary);z-index:-1;background:transparent;transition:border-color .15s}@media(hover:hover)and (pointer:fine){.pixel-link:hover{color:var(--text-black);background-color:transparent}.pixel-link:hover:before{border-color:var(--brand-purple)}.pixel-link:hover:after{background:var(--brand-purple);transform:scaleX(1)}}@media(hover:none){.pixel-link:active{background:#0000000d}}@media(hover:none)and (prefers-color-scheme:dark){.pixel-link:active{background:#ffffff0d}}.pixel-link:active{transform:scale(.97) translateY(1px)}.pixel-link:after{content:"";position:absolute;bottom:calc(var(--hud-baseline) / 2);left:calc(var(--hud-baseline) * 1.5);height:2px;width:calc(100% - var(--hud-baseline) * 3);background:var(--text-black);transform:scaleX(0);transform-origin:left;transition:transform .2s steps(4)}#particle-logo{position:fixed;inset:0;z-index:var(--z-particles);display:flex;justify-content:center;align-items:center;pointer-events:auto}#particle-logo canvas{display:block}.hud-panel{position:fixed;top:calc(max(var(--hud-margin),env(safe-area-inset-top)) + var(--hud-baseline) * 4);right:max(var(--hud-margin),env(safe-area-inset-right));width:var(--hud-right-col-width);z-index:var(--z-hud-panel);text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:var(--hud-baseline);color:var(--text-black);pointer-events:auto}.hud-row{font-size:var(--text-11);white-space:nowrap;display:flex;align-items:center;justify-content:flex-end;gap:6px;font-variant-numeric:tabular-nums}.weather-icon{font-size:var(--text-14);display:flex;align-items:center;justify-content:center}.hud-panel .hud-row svg{width:12px;height:12px;margin-right:0}.hud-link{appearance:none;-webkit-appearance:none;font-family:inherit;text-align:left;display:inline-block;color:var(--text-black);text-decoration:none;font-size:var(--text-11);opacity:var(--op-primary);transition:border-color .15s steps(2),background-color .15s steps(2),transform .15s steps(2);position:relative;padding:4px 10px;margin-top:var(--hud-baseline);border:1px solid var(--hairline-interactive);background:#0000000d}.hud-link:active{transform:scale(.97) translateY(1px)}.hud-link:before{content:"";position:absolute;inset:-4px 0}.hud-link:focus{opacity:var(--op-primary);border-color:var(--text-black);background:#0000001a}@media(hover:hover)and (pointer:fine){.hud-link:hover{opacity:var(--op-primary);border-color:var(--text-black);background:#0000001a}}.hud-link:after{content:"";position:absolute;bottom:0;left:10px;width:calc(100% - 20px);height:1px;background:var(--text-black);transform:scaleX(0);transform-origin:left;transition:transform .15s steps(3)}.hud-link:focus:after{transform:scaleX(1)}@media(hover:hover)and (pointer:fine){.hud-link:hover:after{transform:scaleX(1)}}.hud-link:focus{outline:none}.hud-link:focus-visible{outline:1px dashed var(--brand-pink);outline-offset:2px}.meta-menu{position:relative}.meta-trigger{font-family:var(--font-family);font-size:var(--text-8);color:var(--text-black);background:transparent;border:none;padding:var(--hud-baseline) calc(var(--hud-baseline) * 1.25);opacity:var(--op-secondary);transition:opacity .15s ease-out;letter-spacing:1px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.meta-trigger:focus,.meta-trigger[aria-expanded=true]{opacity:var(--op-primary)}@media(hover:hover)and (pointer:fine){.meta-trigger:hover{opacity:var(--op-primary)}}.meta-trigger:active{transform:scale(.97) translateY(1px)}.meta-trigger:focus{outline:none}.meta-trigger:focus-visible{outline:1px dashed var(--brand-pink);outline-offset:2px}.meta-popover{position:absolute;bottom:100%;left:0;margin-bottom:calc(var(--hud-baseline) / 2);transform-origin:bottom left;background:var(--panel-bg);border:1px solid var(--hairline-interactive);padding:calc(var(--hud-baseline) / 2) 0;opacity:0;visibility:hidden;transform:translateY(calc(var(--hud-baseline) / 2));transition:opacity .15s ease-in,transform .15s ease-in,visibility .15s;min-width:120px;box-shadow:2px 2px #0000001a}.meta-popover:before{content:"";position:absolute;inset:0;background-image:repeating-conic-gradient(var(--text-black) 0% 25%,transparent 0% 50%);background-size:2px 2px;opacity:.03;pointer-events:none}.meta-popover.open{opacity:var(--op-primary);visibility:visible;transform:translateY(0);transition:opacity .15s ease-out,transform .15s ease-out,visibility 0s}.meta-item{display:block;font-family:var(--font-family);font-size:var(--text-8);color:var(--text-black);text-decoration:none;padding:var(--hud-baseline) calc(var(--hud-baseline) * 1.5);opacity:var(--op-tertiary);transition:opacity .1s ease-out,background .1s ease-out;white-space:nowrap;min-height:44px;display:flex;align-items:center}.meta-item:focus{opacity:var(--op-primary);background:#0000000d}@media(hover:hover)and (pointer:fine){.meta-item:hover{opacity:var(--op-primary);background:#0000000d}}.meta-item:active{transform:scale(.97) translateY(1px)}.meta-item:focus{outline:none}.meta-item:focus-visible{outline:1px dashed var(--brand-pink);outline-offset:-2px}@media(prefers-color-scheme:dark){.meta-item:focus{background:#ffffff0d}.pixel-link,.hud-row,.hud-link{text-shadow:0 0 8px rgba(255,255,255,.1)}}@media(hover:hover)and (pointer:fine)and (prefers-color-scheme:dark){.meta-item:hover{background:#ffffff0d}}.studio-player{padding:calc(var(--hud-baseline) * 1.25) calc(var(--hud-baseline) * 1.5);border:1px solid var(--hairline-interactive);min-width:var(--hud-right-col-width);max-width:var(--hud-right-col-width);transition:border-color .25s ease-out}@media(hover:hover)and (pointer:fine){.studio-player:hover{border-color:var(--text-black)}}.studio-player-track{display:flex;flex-direction:column;gap:2px;margin-bottom:calc(var(--hud-baseline) * 1.25)}.studio-player-name{font-size:var(--text-8);color:var(--text-black);letter-spacing:.5px;font-family:var(--font-family);min-width:0;overflow-wrap:break-word}.studio-player-index{font-size:var(--text-7);color:var(--panel-text-secondary);opacity:var(--op-primary);font-variant-numeric:tabular-nums}.studio-player-controls{display:flex;gap:var(--hud-baseline);margin-bottom:calc(var(--hud-baseline) * 1.25)}.studio-btn{font-family:var(--font-family);font-size:var(--text-8);color:var(--text-black);background:transparent;border:1px solid var(--hairline-interactive);padding:calc(var(--hud-baseline) * .75) calc(var(--hud-baseline) * 1.25);cursor:none;transition:border-color .1s ease-out,background .1s ease-out,color .1s ease-out;min-width:calc(var(--hud-baseline) * 4.5);min-height:24px;display:inline-flex;align-items:center;justify-content:center;text-align:center}@media(hover:hover)and (pointer:fine){.studio-btn:hover{border-color:var(--text-black);background:var(--text-black);color:var(--panel-bg)}}.studio-btn:active{transform:translateY(1px)}.studio-btn.is-playing{border-color:var(--brand-pink)}.studio-btn.flash{background:var(--text-black);color:var(--panel-bg)}.studio-btn-icon{display:flex;align-items:center;justify-content:center}.studio-btn-icon svg{display:block;width:10px;height:10px}.studio-player-progress{height:2px;background:var(--hairline);position:relative;overflow:hidden}.studio-player-progress-bar{height:100%;width:100%;background:var(--text-black);transform:scaleX(0);transform-origin:left;transition:transform .3s linear}body.studio-mode #wallpaper{--drift-x: 50%;--drift-y: 50%;transition:background .8s ease-out}body.studio-mode .noise-overlay{opacity:.12;transition:opacity .8s ease-out}body.studio-mode .scanline-overlay{--scanline-alpha: .12;opacity:1;transition:opacity .8s ease-out,background .8s ease-out}body.studio-mode .vignette-overlay{--breath-opacity: 1;--vignette-transparent-end: 80%;--vignette-alpha-mid: .12;--vignette-alpha-outer: .18;opacity:calc(var(--breath-opacity) * 1);transition:opacity .8s ease-out,background .8s ease-out}#particle-logo{transition:transform .15s ease-out}#particle-logo.studio-glitch{filter:contrast(1.2) brightness(.9);transform:translate(2px)}.noise-overlay,.scanline-overlay,.vignette-overlay{transition:opacity .8s ease-out,background .8s ease-out}#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:var(--z-cursor);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;inset:0;pointer-events:none;z-index:var(--z-modal);display:flex;justify-content:center;align-items:center;padding:40px 20px;background-color:#0000;transition:background-color .2s cubic-bezier(.23,1,.32,1)}#app-panel-overlay.visible{pointer-events:auto;background-color:#0000004d}.app-panel{margin:auto;background:var(--panel-bg);border:4px solid var(--text-black);width:100%;max-width:500px;padding:4px;opacity:0;transform:scale(.95);transition:opacity .15s cubic-bezier(.55,.055,.675,.19),transform .15s cubic-bezier(.55,.055,.675,.19),visibility 0s .15s;box-shadow:8px 8px #0003;visibility:hidden;pointer-events:none;display:flex;flex-direction:column}#app-panel-overlay.visible .app-panel{visibility:visible;pointer-events:auto;opacity:var(--op-primary);transform:scale(1);transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1),visibility 0s 0s}.panel-header{background:var(--text-black);color:var(--panel-header-text);padding:8px 12px;display:flex;justify-content:space-between;align-items:center;font-family:"Press Start 2P",monospace;font-size:var(--text-13);text-transform:uppercase;cursor:grab;-webkit-user-select:none;user-select:none}.panel-header:active{cursor:grabbing}.panel-title{font-size:var(--text-10)}.close-btn{background:none;border:none;font-family:inherit;color:inherit;cursor:pointer;padding:4px 8px;min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;transition:transform .1s ease-out}@media(hover:hover)and (pointer:fine){.close-btn:hover{text-decoration:underline}}.close-btn:active{transform:scale(.95)}.panel-body{padding:24px;color:var(--text-black)}.panel-heading{font-size:var(--text-16);margin-top:0;margin-bottom:8px;line-height:1.4;overflow-wrap:break-word;text-wrap:balance}.panel-platform{display:inline-block;font-size:var(--text-10);padding:4px 8px;margin-bottom:16px;border:1px solid var(--panel-text-secondary);color:var(--panel-text-secondary);text-transform:uppercase;letter-spacing:1px}.panel-text{font-size:var(--text-14);line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;margin-bottom:24px;color:var(--panel-text-secondary);text-wrap:pretty}.panel-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.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:var(--text-10);transition:background .1s step-end,color .1s step-end,transform .1s ease-out,box-shadow .1s ease-out;white-space:nowrap}@media(hover:hover)and (pointer:fine){.panel-link:hover{background:var(--text-black);color:var(--panel-header-text);transform:translateY(-2px);box-shadow:2px 2px #0003}}.panel-link:active{transform:translateY(0) scale(.97)}.panel-link.primary{flex-basis:100%;text-align:center}.panel-link:not(.primary){font-size:var(--text-8);padding:6px 10px;border-width:1px;opacity:var(--op-tertiary)}@media(hover:hover)and (pointer:fine){.panel-link:not(.primary):hover{opacity:var(--op-primary)}}.panel-writing{display:flex;flex-direction:column;gap:calc(var(--hud-baseline) * 1.5);text-align:left;margin-bottom:24px}.panel-writing-label{font-size:var(--text-8);font-weight:400;color:var(--text-black);opacity:var(--op-tertiary);letter-spacing:1px;margin:0}.panel-writing-item{display:flex;flex-direction:column;gap:calc(var(--hud-baseline) * .5);padding:var(--hud-baseline);border-left:2px solid var(--text-black);text-decoration:none;color:var(--text-black);transition:transform .1s ease-out,opacity .1s step-end}@media(hover:hover)and (pointer:fine){.panel-writing-item:hover{transform:translate(2px);opacity:var(--op-secondary)}}.panel-writing-item:active{transform:translate(0) scale(.99)}.panel-writing-title{font-size:var(--text-10);line-height:1.5}.panel-writing-meta{font-size:var(--text-8);opacity:var(--op-tertiary)}.panel-link.disabled,.panel-link[aria-disabled=true]{opacity:var(--op-disabled);cursor:not-allowed;pointer-events:none;border-style:dashed}.panel-content.is-custom-content{max-height:60vh;overflow-y:auto;padding-right:8px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--text-black) transparent}.panel-content.is-custom-content::-webkit-scrollbar{width:6px}.panel-content.is-custom-content::-webkit-scrollbar-track{background:transparent}.panel-content.is-custom-content::-webkit-scrollbar-thumb{background-color:var(--text-black);border:1px solid transparent;background-clip:content-box}.legal-section{margin-bottom:24px;border-bottom:1px dashed var(--hairline);padding-bottom:16px}.legal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-section h2,.legal-section h3{font-family:"Press Start 2P",monospace;font-size:var(--text-12);text-transform:uppercase;margin-bottom:12px;color:var(--text-black)}.legal-section p,.legal-section li{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--text-14);line-height:1.5;color:var(--panel-text-secondary);margin-bottom:8px}.legal-section ul{list-style-type:none;padding-left:0}.legal-section ul li:before{content:"- "}.legal-section a{color:var(--text-black);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}@media(hover:hover)and (pointer:fine){.legal-section a:hover{background:var(--text-black);color:var(--panel-header-text);text-decoration:none}}.legal-section a:active{background:var(--text-black);color:var(--panel-header-text);text-decoration:none}.about-content{text-align:center}.about-avatar{width:120px;height:120px;image-rendering:pixelated;border:2px solid var(--text-black);margin-bottom:20px}.legal-divider{border:0;border-top:1px solid var(--hairline);margin:20px 0}.legal-note{font-size:.9em;opacity:var(--op-tertiary)}.legal-footer-note{margin-top:24px;font-size:var(--text-10);opacity:var(--op-tertiary)}@media(max-width:768px){#app-panel-overlay{padding:max(20px,env(safe-area-inset-top)) 12px max(20px,env(safe-area-inset-bottom)) 12px}.app-panel{width:90%;max-height:calc(100dvh - max(40px,env(safe-area-inset-top) + env(safe-area-inset-bottom)) - 40px)}.panel-body{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}#ambient-layer{position:fixed;inset:0;pointer-events:none;z-index:var(--z-particles)}.ambient-sprite{position:absolute;font-size:var(--text-10);color:var(--text-black);opacity:var(--op-faint);animation:drift-0 24s infinite ease-in-out alternate,blink 4s infinite;user-select:none;-webkit-user-select:none;pointer-events:none}@keyframes drift-0{0%{transform:translateZ(0)}to{transform:translate3d(12px,-8px,0)}}@keyframes drift-1{0%{transform:translateZ(0)}to{transform:translate3d(-10px,-12px,0)}}@keyframes drift-2{0%{transform:translateZ(0)}to{transform:translate3d(8px,10px,0)}}@keyframes drift-3{0%{transform:translateZ(0)}to{transform:translate3d(-14px,6px,0)}}.ambient-sprite[data-drift-group="0"]{animation-duration:24s,4s}.ambient-sprite[data-drift-group="1"]{animation-duration:32s,5s}.ambient-sprite[data-drift-group="2"]{animation-duration:28s,3.5s}.ambient-sprite[data-drift-group="3"]{animation-duration:36s,4.5s}@keyframes blink{0%,90%,to{opacity:var(--op-faint)}95%{opacity:0}}@media(prefers-reduced-motion:reduce){.ambient-sprite{animation:none;opacity:.2}.system-hint-label{animation:none}.panel-writing-item{transition:opacity .1s step-end}.panel-writing-item:hover,.panel-writing-item:active{transform:none}}@media(max-width:768px),(max-height:560px){:root{--hud-margin: calc(var(--hud-baseline) * 3);--hud-left-col-width: 120px;--hud-right-col-width: 120px}#grid-container{grid-template-columns:1fr 1fr;grid-template-rows:minmax(180px,1fr) auto auto;gap:var(--hud-margin)}.top-right{grid-row:1;grid-column:2}.bottom-left{grid-row:3;grid-column:1}.bottom-right{grid-row:3;grid-column:2}.top-center,.middle-left,.middle-right,.bottom-center{display:none}.top-left{grid-column:1 / -1;grid-row:2;justify-content:flex-end;gap:calc(var(--hud-baseline) * 2)}.center-cell{display:none}.apps-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--hud-baseline) * 1.5);width:100%}.section-label{grid-column:1 / -1;margin-bottom:0;font-size:var(--text-7)}.pixel-link{flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(var(--hud-baseline) * .75);padding:var(--hud-baseline) calc(var(--hud-baseline) / 2);white-space:normal;text-align:center;font-size:var(--text-7);letter-spacing:.5px;line-height:1.4;min-height:44px}.pixel-link-icon{display:block;width:32px;height:32px}.pixel-link-icon svg{display:block;width:100%;height:100%;shape-rendering:crispEdges}#particle-logo{top:var(--logo-band-top, 136px);bottom:var(--logo-band-bottom, 52%)}.hud-panel{width:auto}.bottom-left{grid-column:1;justify-content:flex-end;align-items:flex-start}#grid-container{padding-bottom:max(calc(var(--hud-margin) + 48px),calc(env(safe-area-inset-bottom) + 48px))}}@media(max-width:420px),(max-height:480px){:root{--hud-margin: calc(var(--hud-baseline) * 2);--hud-left-col-width: 100px;--hud-right-col-width: 100px}#grid-container{gap:var(--hud-margin)}.studio-player{max-width:none}.studio-player-name{max-width:var(--hud-right-col-width)}.pixel-link{padding:calc(var(--hud-baseline) * .75) calc(var(--hud-baseline) / 2)}.pixel-link-icon{width:28px;height:28px}.meta-trigger,.meta-item{font-size:var(--text-7)}.hud-panel{gap:calc(var(--hud-baseline) / 2)}.hud-row,.hud-link{font-size:var(--text-9)}}@media(max-width:768px)and (max-height:640px),(max-height:560px){.section-label{display:none}.top-left{gap:var(--hud-baseline)}}@media(max-width:768px)and (max-height:720px),(max-height:560px){#grid-container{padding-bottom:max(var(--hud-margin),env(safe-area-inset-bottom))}.top-left,.apps-nav{gap:var(--hud-baseline)}}@media(max-height:480px){#grid-container{padding-bottom:max(var(--hud-margin),env(safe-area-inset-bottom))}.top-left{flex-direction:row;align-items:flex-end;gap:calc(var(--hud-baseline) * 3)}.apps-nav{flex:1;width:auto}}.system-hint{appearance:none;-webkit-appearance:none;background:none;border:0;text-align:left;position:relative;margin-top:calc(var(--hud-baseline) * 3);padding-left:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;cursor:pointer}.system-hint:after{content:"";position:absolute;inset:-8px 0}.system-hint-label{display:block;font-size:var(--text-9);color:var(--text-black);opacity:var(--op-secondary);text-transform:uppercase;letter-spacing:.5px;transition:opacity .15s ease-out;animation:hintPulse 8s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:var(--op-secondary)}50%{opacity:var(--op-strong)}}@media(hover:hover)and (pointer:fine){.system-hint:hover .system-hint-label{opacity:var(--op-primary);animation:none}}.system-hint:focus{outline:none}.system-hint:focus-visible .system-hint-label{opacity:var(--op-primary);animation:none;outline:1px dashed var(--brand-pink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.system-hint-label{transition:none}}@media(max-width:420px){.system-hint{margin-top:calc(var(--hud-baseline) * 2.5)}.system-hint-label{font-size:var(--text-8)}}.build-this-content{text-align:center;padding:20px 0}.build-this-question{font-size:var(--text-12);color:var(--text-black);margin:0 0 16px;opacity:var(--op-strong)}.build-this-link{display:inline-block;font-size:var(--text-11);color:var(--text-black);text-decoration:none;padding:8px 14px;border:1px solid var(--text-black);transition:background-color .15s ease-out,color .15s ease-out,transform .12s ease-out;letter-spacing:.5px}@media(hover:hover)and (pointer:fine){.build-this-link:hover{background:var(--text-black);color:var(--panel-bg)}}.build-this-link:active{transform:scale(.97)}.build-this-link:focus-visible{outline:2px dashed var(--brand-pink);outline-offset:3px}.ambient-hint{position:fixed;z-index:var(--z-ambient-hint);pointer-events:none;font-family:var(--font-family);font-size:var(--text-8);letter-spacing:.5px;line-height:1.6;left:max(var(--hud-margin),env(safe-area-inset-left));bottom:max(calc(var(--hud-margin) + 48px),calc(env(safe-area-inset-bottom) + 48px))}.ambient-hint-link{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--text-black);pointer-events:auto;background:none;border:none;padding:0;font:inherit;text-align:left;cursor:none}.ambient-hint-primary{opacity:0;transition:opacity .8s ease-out}.ambient-hint-secondary{font-size:var(--text-7);opacity:0;transform:translateY(-2px);transition:opacity .2s ease-out,transform .2s ease-out}.ambient-hint-cursor{margin-left:2px;opacity:0}.ambient-hint-cursor.blinking{animation:cursorBlink .5s steps(1) infinite}.ambient-hint-cursor.hidden{display:none}@keyframes cursorBlink{0%,50%{opacity:var(--op-primary)}51%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.ambient-hint-cursor.blinking{animation:none;opacity:var(--op-primary)}}@keyframes crtJitter{0%,to{transform:translate(0)}25%{transform:translate(1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,-1px)}}.ambient-hint.state-hidden{opacity:0;pointer-events:none}.ambient-hint.state-hidden .ambient-hint-link{pointer-events:none}.ambient-hint.state-faint-visible .ambient-hint-primary,.ambient-hint.state-revealable .ambient-hint-primary{opacity:var(--op-hint-faint);animation:crtJitter .15s steps(2) 3}.ambient-hint.state-faint-visible .ambient-hint-cursor{opacity:.8}.ambient-hint.state-revealable .ambient-hint-link{pointer-events:auto}.ambient-hint.state-revealed .ambient-hint-primary{opacity:var(--op-secondary);animation:none}.ambient-hint.state-revealed .ambient-hint-secondary{opacity:var(--op-tertiary);transform:translateY(0)}.ambient-hint.state-dismissed{opacity:0;transition:opacity .6s ease-out;pointer-events:none}.ambient-hint.state-dismissed .ambient-hint-link{pointer-events:none}.ambient-hint.reduced-motion .ambient-hint-primary{animation:none!important}.ambient-hint.reduced-motion .ambient-hint-cursor{display:none}@media(max-width:768px){.ambient-hint{bottom:calc(var(--hud-margin) + 76px);font-size:var(--text-7)}.ambient-hint-secondary{font-size:var(--text-6)}}@media(max-width:420px){.ambient-hint{bottom:calc(var(--hud-margin) + 64px);font-size:var(--text-6)}.ambient-hint-secondary{font-size:var(--text-5)}}