:root{--glow:110,255,150;--phosphor-low:#1f6b35;--phosphor-hi:#8dfca0;--amber:#ffb43a}*{box-sizing:border-box}html,body{width:100%;min-height:100svh;margin:0;padding:0}body{color:#fff;font-optical-sizing:auto;font-variation-settings:"ROND" 49;-webkit-tap-highlight-color:transparent;background:#07090b;font-family:Doto,sans-serif;font-weight:700;overflow:hidden}.desk{position:fixed;inset:0;overflow:clip}.room{transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.room-photo{width:100%;height:100%;display:block}.steam{opacity:.9;pointer-events:none;width:270px;height:400px;position:absolute;top:830px;left:1797px}@media (prefers-reduced-motion:reduce){.steam{display:none}}.computer{transform-origin:0 0;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.computer:before{content:"";background:radial-gradient(42% 40%,#000000f2,#0009 60%,#0000 100%),radial-gradient(closest-side,#000c,#0000008c 70%,#0000);border-radius:50%;width:1473px;height:226px;position:absolute;top:961px;left:-63px;rotate:3.1deg}.monitor{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.surface{transform-origin:0 0;position:absolute;top:0;left:0}.screen{touch-action:none;background:#000;position:absolute;inset:0;overflow:hidden}.screen canvas{width:100%;height:100%;display:block}.spill{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse 48% 46% at 46% 46%,rgba(var(--glow),.24)0%,rgba(var(--glow),.1)70%,rgba(var(--glow),0)100%);opacity:0;transition:opacity .6s ease-out;position:absolute;inset:0;-webkit-mask:url(/assets/monitor-CFfZYB26.webp) 0 0/100% 100% no-repeat;mask:url(/assets/monitor-CFfZYB26.webp) 0 0/100% 100% no-repeat}.computer.on .spill{opacity:1;animation:4.3s step-end infinite phosphor-flicker}@keyframes phosphor-flicker{0%,to{opacity:1}7%{opacity:.86}8%{opacity:1}41%{opacity:.93}43%{opacity:1}77%{opacity:.82}78%{opacity:.97}}.power-glow{pointer-events:none;opacity:0;width:144px;height:72px;transition:opacity .9s ease-in;position:absolute;top:993px;left:933px}.computer.on .power-glow{opacity:1;transition:opacity .35s ease-out}.power-key{appearance:none;cursor:pointer;background:0 0;border:0;width:88px;height:46px;padding:0;position:absolute;top:1006px;left:961px}.power-key:after{content:"";pointer-events:none;opacity:0;background:#00000040;border-radius:4px;width:72px;height:30px;position:absolute;top:8px;left:8px;transform:skewY(.4deg);box-shadow:inset 0 4px 8px #000000d9}.power-key.press:after{animation:.28s ease-in-out key-sink}.power-key:focus-visible{outline:3px solid var(--phosphor-hi)}@keyframes key-sink{45%{opacity:1}}.lens{z-index:15;pointer-events:none;background:radial-gradient(75% 70% at 50% 45%,#0000 45%,#0000008c 80%,#000000e6 100%),linear-gradient(#0009,#0000 7% 94%,#00000073);position:fixed;inset:0}.lens:after{content:"";opacity:.09;will-change:translate;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%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)'/%3E%3C/svg%3E");animation:.6s steps(6,end) infinite grain;position:absolute;inset:-128px}@keyframes grain{0%{translate:0}20%{translate:-67px 41px}40%{translate:53px -97px}60%{translate:-113px -29px}80%{translate:83px 107px}to{translate:19px -61px}}@media (prefers-reduced-motion:reduce){.lens:after,.computer.on .spill{animation:none}}.pad{display:none}@media (pointer:coarse){.pad:not([data-game=""]){left:0;right:0;bottom:env(safe-area-inset-bottom);height:74px;padding:0 max(16px,env(safe-area-inset-left));-webkit-user-select:none;user-select:none;touch-action:none;z-index:16;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed}.pad:is([data-game=tetris],[data-game=pacman],[data-game=snake]){justify-content:center;height:120px}@media (orientation:landscape){.pad:is([data-game=tetris],[data-game=pacman],[data-game=snake]){justify-content:flex-end}}.pad-group{gap:14px;display:flex}.pad button{pointer-events:auto;border:1px solid var(--phosphor-low);width:50px;height:50px;color:var(--phosphor-hi);text-shadow:0 0 6px #5ef07a99;touch-action:none;background:linear-gradient(#1a1f1a,#0b0e0b);border-radius:10px;font:700 18px Doto,sans-serif;box-shadow:0 3px #050605,0 4px 10px #0009,inset 0 1px #ffffff0f}.pad button.fire{width:64px;height:64px;color:var(--amber);text-shadow:0 0 6px #ffb43a99;border-color:#8a5a12;border-radius:50%;font-size:14px}.pad button.held{background:#102614;translate:0 2px;box-shadow:0 1px #050605,inset 0 2px 6px #000000b3}.pad:is([data-game=tetris],[data-game=pacman],[data-game=snake]) .pad-group{grid-template:repeat(3,36px)/repeat(3,36px);gap:2px;display:grid}.pad:is([data-game=tetris],[data-game=pacman],[data-game=snake]) .pad-group button{border-radius:6px;width:36px;height:36px;font-size:13px}.pad:is([data-game=tetris],[data-game=pacman],[data-game=snake]) .pad-group .up{grid-area:1/2}.pad:is([data-game=tetris],[data-game=pacman],[data-game=snake]) .pad-group .left{grid-area:2/1}.pad:is([data-game=tetris],[data-game=pacman],[data-game=snake]) .pad-group .right{grid-area:2/3}.pad:is([data-game=tetris],[data-game=pacman],[data-game=snake]) .pad-group .down{grid-area:3/2}}.footer{left:env(safe-area-inset-left);top:env(safe-area-inset-top);z-index:20;font-size:.875rem;position:fixed}.footer a{color:var(--phosphor-hi);padding:1rem;text-decoration:none;display:block}.footer a:hover{color:var(--amber)}.music-toggle{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:20;border:1px solid var(--phosphor-low);width:32px;height:32px;color:var(--phosphor-hi);cursor:pointer;touch-action:manipulation;background:#0b0e0b;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed}.music-toggle svg{flex:none}.music-toggle .music-waves{display:none}.music-toggle[data-playing=true] .music-waves{display:initial}.music-toggle[data-playing=true] .music-cross{display:none}.music-toggle:hover:not(:disabled){color:var(--amber);border-color:var(--amber)}.music-toggle:focus-visible{outline:2px solid var(--phosphor-hi);outline-offset:3px}.music-toggle:disabled{cursor:default}@media (max-width:480px){.music-toggle span{display:none}}.globe-source{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media screen and (min-width:45rem) and (hover:hover){#cursor{opacity:0;pointer-events:none;z-index:999;will-change:translate;background:url(/assets/hand-DmbatiDf.webp) 50%/contain no-repeat;width:384px;height:384px;transition:opacity .4s ease-in-out;position:fixed;top:0;left:0}html:has(.power-key:hover) .power-key:hover{cursor:none}html:has(.power-key:hover) #cursor{opacity:1}html:hover:active #cursor{background-image:url(/assets/hand_on-B_tY9YR6.webp)}}