*{box-sizing:border-box;image-rendering:pixelated}body{background:radial-gradient(circle, var(--c64-border) 60%, #8080df 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;font-family:"Press Start 2P",cursive;transition:background-color .1s steps(2,end);display:flex}@keyframes screen-flicker{0%{opacity:.98721}5%{opacity:.95321}10%{opacity:.99123}15%{opacity:.94321}20%{opacity:.99123}to{opacity:1}}body{animation:.5s infinite screen-flicker}.c64-screen{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:3;background:#4040e0cc;flex-direction:column;gap:2rem;width:100%;max-width:800px;min-height:70vh;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #00000080,0 0 50px #0000004d}body:after{content:"";z-index:10;pointer-events:none;background:linear-gradient(#12101000 50%,#00000026 50%) 0 0/100% 4px,radial-gradient(#12101000 40%,#0000004d 100%) 0 0/100% 100%;width:100%;height:100%;position:absolute;top:0;left:0}.header-text,.bio-content,.nav-links a{color:var(--c64-text);text-transform:uppercase;z-index:25;text-shadow:0 0 5px var(--glow);font-size:14px;line-height:1.1;text-decoration:none}.bio-content,.logo-line:first-child{color:var(--white)}h1{font:inherit;margin:0;display:inline}.nav-links{flex-direction:column;gap:12px;margin-top:auto;display:flex}@media (width>=600px){.header-text,.bio-content,.nav-links a{font-size:16px}.nav-links{flex-direction:row}.nav-links a:last-child{margin-left:auto}}.logo-line{text-align:center;margin-bottom:1rem;display:block}.cursor{background-color:var(--white);vertical-align:middle;width:1ch;height:1em;margin-left:4px;animation:1.06s steps(2,start) infinite c64-blink;display:inline-block;transform:translateY(-3px)}@keyframes c64-blink{0%{opacity:1}to{opacity:0}}.nav-links a{animation:.3s all}.nav-links a:not(.nav-links a:last-child){color:var(--white)}.nav-links a:hover{color:var(--white);background-color:var(--c64-text);box-shadow:0 0 10px var(--c64-text)}.play{will-change:text-shadow;animation:2s steps(9,end) infinite alternate rgbText}.play .char{will-change:opacity;animation:1.2s infinite alternate type;animation-delay:calc(60ms * var(--char-index))}.noise{z-index:400;opacity:.8;pointer-events:none;mix-blend-mode:lighten;opacity:.06;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.noise:before{content:"";pointer-events:none;background:url(/assets/background-noise2-VmoIOyl4.png);position:absolute;inset:0}.noise.noise-moving{opacity:.15;z-index:450;mix-blend-mode:soft-light}.noise.noise-moving:before{will-change:background-position;background:url(/assets/background-noise-Du8y9iSC.png);animation:3s infinite alternate noise}.scanlines{pointer-events:none;z-index:300;opacity:.6;will-change:opacity;width:100vw;height:100vh;animation:3s linear infinite opacity;position:fixed;top:0;left:0}.scanlines:before{content:"";pointer-events:none;will-change:background, background-size;background:linear-gradient(#0000 50%,#00000080 51%) 0 0/100% 4px;animation:.2s linear infinite scanlines;position:absolute;inset:0}.noise:before{background-size:200%}@keyframes noise{0%,to{background-position:0 0}10%{background-position:-5% -10%}20%{background-position:-15% 5%}30%{background-position:7% -25%}40%{background-position:20% 25%}50%{background-position:-25% 10%}60%{background-position:15% 5%}70%{background-position:0 15%}80%{background-position:25% 35%}90%{background-position:-10% 10%}}@keyframes opacity{0%{opacity:.6}20%{opacity:.3}35%{opacity:.5}50%{opacity:.8}60%{opacity:.4}80%{opacity:.7}to{opacity:.6}}@keyframes scanlines{0%{background:linear-gradient(#0000 50%,#00000080 51%) 0 0/100% 4px}to{background:linear-gradient(#00000080 50%,#0000 51%) 0 0/100% 4px}}@keyframes rgbText{0%{text-shadow:-1px 1px 8px #fff9,1px -1px 8px #ffffebb3,0 0 1px #fb00e7cc,0 0 3px #00e9ebcc,0 0 3px #00f20ecc,0 0 3px #f42d00cc,0 0 3px #3b00e2cc}25%{text-shadow:-1px 1px 8px #fff9,1px -1px 8px #ffffebb3,0 0 1px #fb00e7cc,0 0 3px #00e9ebcc,0 0 3px #00f20ecc,0 0 3px #f42d00cc,0 0 3px #3b00e2cc}45%{text-shadow:-1px 1px 8px #fff9,1px -1px 8px #ffffebb3,5px 0 1px #fb00e7cc,0 5px 1px #00e9ebcc,-5px 0 1px #00f20ecc,0 -5px 1px #f42d00cc,5px 0 1px #3b00e2cc}50%{text-shadow:-1px 1px 8px #fff9,1px -1px 8px #ffffebb3,-5px 0 1px #fb00e7cc,0 -5px 1px #00e9ebcc,5px 0 1px #00f20ecc,0 5px 1px #f42d00cc,-5px 0 1px #3b00e2cc}55%{text-shadow:-1px 1px 8px #fff9,1px -1px 8px #ffffebb3,0 0 3px #fb00e7cc,0 0 3px #00e9ebcc,0 0 3px #00f20ecc,0 0 3px #f42d00cc,0 0 3px #3b00e2cc}90%{text-shadow:-1px 1px 8px #fff9,1px -1px 8px #ffffebb3,-5px 0 1px #fb00e7cc,0 5px 1px #00e9ebcc,5px 0 1px #00f20ecc,0 -5px 1px #f42d00cc,5px 0 1px #3b00e2cc}to{text-shadow:-1px 1px 8px #fff9,1px -1px 8px #ffffebb3,5px 0 1px #fb00e7cc,0 -5px 1px #00e9ebcc,-5px 0 1px #00f20ecc,0 5px 1px #f42d00cc,-5px 0 1px #3b00e2cc}}@keyframes type{0%,19%{opacity:0}20%,to{opacity:1}}#stage-wrap{width:100%;height:100%;padding:.625rem;display:flex;position:absolute}#stage{flex-wrap:wrap;gap:.625rem;width:100%;height:100%;display:flex}.letter-box{flex:10%;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(7,1fr);height:100%;transition:flex .8s cubic-bezier(.65,0,.35,1),grid-template-columns .8s cubic-bezier(.65,0,.35,1),grid-template-rows .8s cubic-bezier(.65,0,.35,1);display:grid}@media (orientation:portrait){.letter-box{flex-basis:30%;height:calc(50% - .5rem)}}@media (orientation:landscape){.letter-box{flex-basis:10%;height:100%}}.pixel{background:0 0;transition:all .3s}.pixel.on{background:var(--c64-bg)}