@font-face{font-family:Pixelify;src:url('./assets/fonts/PixelifySans-Variable.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--paper:#f3efdf;--ink:#234d3b;--forest:#235744;--cream:#f9f5e8;--chrome:#e3e3d1;--amber:#e5a750;--pixel:Pixelify,'Courier New',monospace;--mono:'Courier New',monospace}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--mono);font-size:14px;background-image:radial-gradient(#79745c16 .7px,transparent .7px);background-size:5px 5px}button,a,input,textarea{touch-action:manipulation}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #dc822f;outline-offset:3px}button:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:12px;top:-100px;z-index:10000;background:#fff;padding:10px}.skip-link:focus{top:12px}
.site-header{max-width:1240px;margin:auto;height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;border-bottom:1px solid #b8b9a87a}.wordmark{display:flex;gap:9px;align-items:center;font-family:var(--pixel);font-size:31px;font-weight:600;text-decoration:none;letter-spacing:-1px}.wordmark svg{display:block}.wordmark-dot{color:#d58931}.header-note{display:flex;align-items:center;gap:9px;font-size:11px;color:#637465;letter-spacing:.1px}.little-dot{display:inline-block;width:6px;height:6px;background:#5e8762;border-radius:50%;box-shadow:0 0 0 3px #5e87620e}.top-about{border:0;background:none;font-size:11px;padding:10px 0;text-decoration:underline;text-decoration-color:#a6b09c;text-underline-offset:4px}.top-about span{margin-left:8px}
main{max-width:1240px;margin:auto;padding:0 35px}.intro{position:relative;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:36px 55px 27px 20px}.eyebrow{font-size:10px;letter-spacing:2px;color:#78836a;margin-bottom:9px}h1{font-family:var(--pixel);font-weight:500;font-size:clamp(32px,3.8vw,51px);line-height:1.05;letter-spacing:-1.6px;margin:0}.intro p{font-size:11px;line-height:1.85;margin:10px 0 0;padding-right:60px;color:#6d7c69}.sun-doodle{position:absolute;right:1px;top:32px;transform:rotate(13deg)}
.computer{position:relative;max-width:1080px;margin:auto;padding:0 15px}.monitor-case{position:relative;background:linear-gradient(120deg,#dedfcd,#d3d4c1 65%,#c7cab6);padding:25px 26px 0;border-radius:18px 18px 26px 26px;box-shadow:inset 2px 3px 0 #f5f5e6,inset -3px -4px 0 #b4b9a4,0 18px 30px -22px #3e4e36b3;border:1px solid #b2b8a3}.screen-surround{padding:10px;background:#b2bba4;border:2px solid;border-color:#9ca58f #eef0de #edf0de #9ca58f;box-shadow:inset 3px 4px 6px #555e4d66;border-radius:9px}.screen{position:relative;background:#87af96;border:3px solid #3f5345;box-shadow:inset 0 0 15px #1f3a2b77;border-radius:4px;overflow:hidden}.os-menubar{display:flex;align-items:center;justify-content:space-between;background:#d8dfcb;min-height:25px;padding:2px 11px;border-bottom:1px solid #3e6d51;color:#375640;font-size:10px}.os-menubar>span:first-child{display:flex;align-items:center;gap:6px}.os-edition{opacity:.6}.desktop{height:490px;position:relative;overflow:hidden;isolation:isolate}.wallpaper{position:absolute;inset:0;overflow:hidden;z-index:-1;background:linear-gradient(#98c7af,#afd2b0 78%,#8fb998);image-rendering:pixelated}.wallpaper:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#386c4621 .7px,transparent .7px);background-size:3px 3px}.pixel-cloud{position:absolute;background:#d2e5c5;box-shadow:8px -8px #d2e5c5,16px -16px #d2e5c5,24px -16px #d2e5c5,32px -8px #d2e5c5,40px 0 #d2e5c5,48px 0 #d2e5c5,24px 8px #d2e5c5,16px 8px #d2e5c5,32px 8px #d2e5c5,8px 8px #d2e5c5,40px 8px #d2e5c5;width:8px;height:8px;opacity:.6}.cloud-one{top:53px;right:120px;transform:scale(2.1)}.cloud-two{top:130px;left:180px;transform:scale(1.7);opacity:.5}.hill{position:absolute;bottom:0;left:-10%;right:-10%;height:48%;background:#7fa77f;clip-path:polygon(0 46%,8% 46%,8% 34%,18% 34%,18% 22%,28% 22%,28% 15%,37% 15%,37% 24%,46% 24%,46% 34%,56% 34%,56% 42%,64% 42%,64% 28%,72% 28%,72% 18%,80% 18%,80% 6%,90% 6%,90% 12%,100% 12%,100% 100%,0 100%)}.hill-front{background:#65916f;height:29%;left:9%;right:-20%;transform:scaleX(-1);opacity:.7}.wallpaper-grass{position:absolute;bottom:0;left:0;right:0;height:45px;background:repeating-linear-gradient(90deg,#6f9671 0 3px,#91b088 3px 6px);opacity:.2;clip-path:polygon(0 100%,0 40%,15% 60%,35% 20%,55% 40%,80% 0,100% 20%,100% 100%)}
.desktop-icons{position:absolute;z-index:1;top:14px;left:8px;display:flex;flex-direction:column;gap:13px}.desktop-icon{width:84px;min-height:70px;border:1px solid transparent;background:transparent;display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px 2px;font-family:var(--pixel);font-size:13px;color:#173f2c;line-height:1.15;text-shadow:0 1px #d7e7ca66}.desktop-icon:hover,.desktop-icon:focus-visible{background:#e4edcc40;border:1px dotted #235744}.desktop-icon svg{filter:drop-shadow(2px 3px 0 #365c3030)}.desktop-note{position:absolute;right:22px;bottom:34px;background:#e4dda1;color:#747146;width:137px;height:111px;padding:25px 14px 10px;transform:rotate(5deg);box-shadow:3px 5px 0 #3a5f3620;font-family:var(--pixel);font-size:20px;line-height:1.05;z-index:0}.note-pin{position:absolute;top:8px;left:64px;width:7px;height:7px;background:#b66d47;box-shadow:2px 2px #766643}.note-flower{position:absolute;right:10px;bottom:7px;opacity:.65}
.window-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.retro-window{position:absolute;pointer-events:auto;max-width:calc(100% - 20px);max-height:calc(100% - 16px);display:flex;flex-direction:column;background:#f4f0df;border:2px solid;border-color:#f6f7e9 #667763 #667763 #f6f7e9;box-shadow:3px 4px 0 #244c3847,0 0 0 1px #53735b;outline:none;min-width:260px}.retro-window.window-maximized{inset:5px!important;width:calc(100% - 10px)!important;height:calc(100% - 10px)!important;max-width:none;max-height:none}.window-titlebar{height:28px;flex-shrink:0;display:flex;align-items:center;gap:7px;padding:3px 4px 3px 7px;background:#6d8b6d;color:#f6f3db;cursor:grab;user-select:none;touch-action:none}.retro-window.active .window-titlebar{background:linear-gradient(90deg,#285e47,#4e7959)}.window-titlebar:active{cursor:grabbing}.window-title{font-family:var(--pixel);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.window-actions{display:flex;gap:3px}.window-action{display:grid;place-items:center;width:21px;height:20px;padding:0;background:#e1e2ce;color:#244a35;border:2px solid;border-color:#fafbed #7d8a72 #7d8a72 #fafbed;line-height:1;font-family:var(--mono);font-size:15px;font-weight:bold}.window-action:active{border-color:#7d8a72 #fafbed #fafbed #7d8a72}.window-action.close{margin-left:2px}.window-content{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-color:#b0ba9d #e7e8d4;scrollbar-width:thin}.window-status{display:flex;justify-content:space-between;gap:10px;font-size:9px;padding:5px 7px;margin:3px;border:1px solid;border-color:#bdc4ad #fffef0 #fffef0 #bdc4ad;color:#66755c;flex-shrink:0}.window-menu{display:flex;gap:18px;font-size:11px;padding:7px 13px;border-bottom:1px solid #d3d5bb;color:#5c7255;flex-shrink:0}.window-menu button{padding:0;border:0;background:none;font-size:11px}.window-menu button:first-letter{text-decoration:underline;text-underline-offset:2px}.bevel{border:2px solid;border-color:#fbfcef #829076 #829076 #fbfcef;background:#e0e2ce;box-shadow:1px 1px 0 #43553b;font-family:var(--pixel);font-size:16px;min-height:29px;padding:3px 12px}.bevel:active,.bevel[aria-pressed=true]{border-color:#829076 #fbfcef #fbfcef #829076;box-shadow:none}.bevel:hover{background:#eceddc}
.welcome-content{padding:18px 25px 15px;background:#f9f5e8}.welcome-greeting{display:flex;align-items:center;justify-content:space-between;gap:8px}.welcome-greeting h2{font-family:var(--pixel);font-weight:500;font-size:33px;letter-spacing:-.7px;margin:0;color:#29543e}.welcome-greeting svg{transform:rotate(-8deg)}.welcome-subtitle{margin:5px 0 18px;font-size:11px;line-height:1.6;color:#7c8068}.games-heading{display:flex;align-items:center;gap:9px;margin-bottom:9px;font-size:9px;letter-spacing:1.3px;color:#87886f}.games-heading:after{content:'';height:1px;background:#dcdcc7;flex:1}.game-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.game-card{padding:0;background:#f0eddb;border:1px solid #9aa58a;text-align:left;box-shadow:2px 2px 0 #d3d7bb;overflow:hidden;transition:transform .12s,box-shadow .12s}.game-card:hover{transform:translateY(-3px);box-shadow:2px 5px 0 #ccd1b1}.game-card:active{transform:translateY(1px);box-shadow:none}.game-card-art{height:89px;display:grid;place-items:center;position:relative;overflow:hidden;background-color:#b9ceb0;background-image:linear-gradient(#779a6f13 1px,transparent 1px),linear-gradient(90deg,#779a6f13 1px,transparent 1px);background-size:8px 8px}.game-card-art svg{filter:drop-shadow(3px 3px 0 #40634720);width:61px;height:61px}.card-mines .game-card-art{background-color:#e2cf9a}.card-paddle .game-card-art{background-color:#b9ccd2}.game-card-label{display:flex;align-items:center;justify-content:space-between;padding:9px 10px 1px;font-family:var(--pixel);font-size:21px}.game-card-label span:last-child{font-size:14px;opacity:.55}.game-card-description{display:block;padding:0 10px 10px;font-size:9px;line-height:1.5;color:#7d8069}.welcome-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:14px;font-size:10px;color:#838671}.welcome-bottom button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:10px;padding:2px;color:#6c8163}.welcome-bottom>span{display:flex;align-items:center;gap:5px}
.taskbar{position:relative;z-index:1000;height:36px;display:flex;align-items:center;gap:7px;padding:3px 5px;background:#dfe1ca;border-top:2px solid #f7f8e8}.start-button{display:flex;align-items:center;gap:5px;font-weight:600;padding:0 9px;height:28px;min-height:28px;font-size:17px;flex-shrink:0}.task-divider{height:24px;border-left:1px solid #a0aa8f;border-right:1px solid #f8f8e6;margin:0 2px}.task-buttons{display:flex;gap:5px;flex:1;overflow:auto;scrollbar-width:none}.task-button{display:flex;align-items:center;gap:5px;min-width:95px;max-width:170px;height:27px;border:2px solid;border-color:#f9faeb #929e83 #929e83 #f9faeb;background:#e1e4ce;padding:1px 7px;font-family:var(--pixel);font-size:14px;white-space:nowrap;overflow:hidden}.task-button span{overflow:hidden;text-overflow:ellipsis}.task-button[aria-pressed=true]{border-color:#98a58a #fbfbed #fbfbed #98a58a;background:#f3f3df;background-image:radial-gradient(#70976b22 1px,transparent 1px);background-size:3px 3px}.task-button svg{flex-shrink:0}.system-tray{display:flex;gap:8px;align-items:center;flex-shrink:0;border:1px solid;border-color:#9da98e #f9fae6 #f9fae6 #9da98e;height:27px;padding:2px 7px;font-family:var(--pixel);font-size:14px}.system-tray button{display:flex;align-items:center;padding:0;background:none;border:0;position:relative}.muted-cross{position:absolute;right:-4px;bottom:-3px;font:13px var(--mono);color:#a66a47;line-height:1;background:#dfe1ca}.start-menu{position:absolute;left:3px;bottom:0;width:265px;background:#e6e6d2;border:2px solid;border-color:#fbfbed #748368 #748368 #fbfbed;box-shadow:3px 3px 0 #2d4f3c66;display:flex;z-index:2000}.start-menu-spine{width:31px;flex-shrink:0;background:#315f46;writing-mode:vertical-rl;transform:rotate(180deg);font:23px var(--pixel);color:#e9edd6;padding:13px 2px}.start-menu-spine span{color:#acc494;margin-top:3px}.start-menu-items{padding:7px;flex:1}.start-menu-items p{font-size:9px;padding:4px 7px;color:#7a8468}.start-menu-items button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:8px 7px;font-family:var(--pixel);font-size:18px;text-align:left}.start-menu-items button:hover,.start-menu-items button:focus-visible{background:#3c6d4e;color:#f3f1da}.menu-rule{height:2px;border-top:1px solid #a7b095;border-bottom:1px solid #fafbed;margin:7px 0}.screen-grain{position:absolute;inset:0;z-index:3000;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#163f2509 3px 4px);opacity:.45}.break-screen{position:absolute;inset:0;z-index:4000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#234d3b;color:#e5e4c6;text-align:center;background-image:radial-gradient(#cddc9a30 1px,transparent 1px);background-size:35px 39px}.break-screen p{font:48px var(--pixel);margin:20px 0 10px}.break-screen>span{font-size:12px}.break-screen button{margin-top:30px;color:var(--ink)}
.monitor-chin{height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#727f69}.hardware-brand{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.5px;text-shadow:0 1px #f0f0df}.hardware-emblem{font:26px var(--pixel);font-weight:600;letter-spacing:-3px;transform:skewX(-9deg);border:1px solid #abb29b;padding:0 5px 2px 2px;line-height:1.1}.hardware-model{display:block;font-size:6px;letter-spacing:1.8px;margin-top:3px;opacity:.6}.chin-middle{display:flex;gap:4px;opacity:.5}.chin-middle span{width:2px;height:17px;background:#a8b099;box-shadow:1px 0 #f4f3df}.power-button{width:49px;height:30px;border:1px solid;border-color:#eef0db #a5ae96 #a5ae96 #eef0db;box-shadow:0 1px 1px #84917b55,inset 1px 1px #eef0db;background:#ced3bb;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:7px}.power-led{width:5px;height:5px;border-radius:50%;background:#91b453;box-shadow:0 0 4px #a8cb6255}.power-glyph{font:18px Arial;color:#849078}.monitor-neck{height:29px;background:linear-gradient(#b6beaa,#d6dac6);width:170px;margin:auto;box-shadow:inset 3px 0 #ccd2ba,inset -3px 0 #b4bda5;position:relative;z-index:-1}.monitor-foot{width:330px;height:13px;background:#d0d5bf;margin:auto;border-radius:55% 55% 5px 5px;box-shadow:inset 0 2px #e8ead9,0 8px 17px -5px #8792776e;border:1px solid #b5bfa7}.sticker{position:absolute;z-index:4;pointer-events:none;box-shadow:2px 4px 0 #5d64461c}.sticker-left{left:-17px;top:137px;background:#dda34d;color:#684c2e;width:82px;height:93px;padding:14px 10px;font:12px var(--pixel);transform:rotate(-9deg);border:4px solid #e6bc71;outline:1px solid #c59a55;text-align:center}.sticker-left b{font-size:22px;font-weight:500}.sticker-left span{display:block;font-size:19px;line-height:1.1}.sticker-right{right:-15px;bottom:139px;background:#efe5c9;color:#637055;border:1px solid #abb293;padding:10px 10px 9px;width:92px;height:94px;transform:rotate(10deg);font:18px var(--pixel);text-align:center}.sticker-right b{font-size:13px;line-height:1.1;display:block;margin-top:2px}.under-computer{display:flex;align-items:center;justify-content:space-between;max-width:1030px;margin:19px auto 0;color:#8a8e77;font-size:9px;letter-spacing:.1px}.under-computer>span:first-child{display:flex;align-items:center;gap:7px}.under-computer>span:last-child>span{color:#b69251;font-size:15px;vertical-align:middle;margin-left:6px}.site-footer{display:flex;align-items:center;justify-content:center;gap:13px;margin:31px 0 26px;font-size:9px;color:#929580}.footer-flower{opacity:.6}
.about-content{padding:24px 27px;background:#f9f5e8}.about-content h2{font:32px var(--pixel);margin:12px 0}.about-content p{font-size:12px;line-height:1.8;color:#68785f}.about-content .about-rule{border:0;border-top:1px dashed #c4cbb1;margin:20px 0}.about-content .about-small{font-size:10px}.about-content button{margin-top:10px}
@media(min-width:1450px){.desktop{height:540px}.intro{padding-top:42px;padding-bottom:35px}.site-header{height:112px}.site-footer{margin-bottom:30px}}
@media(max-width:1000px){.site-header{height:85px;padding:0 25px}main{padding:0 25px}.intro{padding:30px 15px 25px}.intro p{padding-right:40px;font-size:10px}.sun-doodle{right:0;top:23px}.sun-doodle svg{width:48px;height:48px}.computer{padding:0}.monitor-case{padding:19px 18px 0}.desktop{height:490px}.sticker-left{left:-17px;top:140px;transform:rotate(-9deg) scale(.8)}.sticker-right{right:-18px;transform:rotate(10deg) scale(.8);bottom:120px}.under-computer{padding:0 10px}.welcome-content{padding:16px 22px}}
@media(max-width:700px){.site-header{height:75px;padding:0 18px}.wordmark{font-size:27px}.wordmark svg{width:27px;height:27px}.header-note{display:none}.top-about{font-size:10px}main{padding:0 12px}.intro{padding:28px 7px 22px;display:block}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:36px;letter-spacing:-1.4px}.intro p{font-size:10px;line-height:1.7;margin-top:12px}.sun-doodle{right:12px;top:60px;opacity:.75}.monitor-case{padding:11px 10px 0;border-radius:12px 12px 18px 18px}.screen-surround{padding:5px;border-radius:5px}.screen{border-width:2px}.desktop{height:510px}.os-menubar{padding:3px 6px;font-size:9px}.os-edition{font-size:8px}.desktop-icons{gap:13px;left:3px;top:10px}.desktop-icon{width:75px;min-height:69px;font-size:12px}.desktop-icon svg{width:36px;height:36px}.desktop-note{right:15px;bottom:24px;transform:rotate(4deg) scale(.9)}.monitor-chin{height:55px;padding:0 5px}.hardware-brand{font-size:8px;letter-spacing:1px}.hardware-emblem{font-size:22px}.hardware-model{font-size:5px;letter-spacing:1.1px}.chin-middle{display:none}.power-button{width:42px;height:26px}.monitor-neck{width:120px;height:23px}.monitor-foot{width:240px;height:10px}.sticker{display:none}.under-computer{font-size:8px;gap:20px;margin-top:18px;padding:0 4px;align-items:flex-start}.under-computer>span:first-child{max-width:160px;line-height:1.7}.under-computer>span:last-child{text-align:right;line-height:1.7;max-width:140px}.site-footer{font-size:8px;gap:8px;margin:25px 0}.site-footer>span:last-child{display:none}.window-title{font-size:14px}.window-titlebar{height:28px}.window-actions{gap:2px}.window-action{width:21px;height:20px}.window-menu{font-size:10px;padding:6px 10px;gap:15px}.welcome-content{padding:17px 14px 13px}.welcome-greeting h2{font-size:28px}.welcome-greeting svg{width:30px;height:30px}.welcome-subtitle{font-size:10px;margin-bottom:17px}.game-cards{gap:7px}.game-card-art{height:81px}.game-card-art svg{width:48px;height:48px}.game-card-label{font-size:19px;padding:8px 7px 2px}.game-card-description{padding:0 7px 9px;font-size:8px;min-height:34px}.welcome-bottom{display:block;font-size:9px;padding-top:15px;line-height:1.8}.welcome-bottom>span{margin-bottom:5px}.welcome-bottom button{font-size:9px}.taskbar{gap:4px}.task-divider{display:none}.task-button{min-width:69px;font-size:12px;padding:1px 4px;max-width:120px}.task-button svg{display:none}.system-tray{padding:2px 4px;gap:6px;font-size:12px}.start-button{font-size:15px;gap:3px;padding:0 5px}.start-button svg{width:19px;height:19px}.window-status{font-size:8px}.about-content{padding:20px}.about-content h2{font-size:28px}.about-content p{font-size:11px}.break-screen p{font-size:37px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:700px){.sun-doodle{top:100px;right:12px;opacity:.55}.sun-doodle svg{width:38px;height:38px}}
.project-intro{position:absolute;inset:0;z-index:5000;background:#e9edda;overflow:auto;overscroll-behavior:contain}