:root{--ink:#173b2d;--muted:#627568;--green:#13cd85;--green-dark:#0ca267;--cream:#faf8ef;--paper:#f1f0e5;--desk:#ceddcc;--line:#244532;--purple:#c2b0e4;--shadow:5px 6px 0 rgba(28,60,42,.2);--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--sans:Arial,Helvetica,sans-serif;--task-height:58px;--top-height:62px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--desk);color:var(--ink);font-family:var(--sans);font-size:14px}body{overflow:hidden}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{opacity:.55;cursor:not-allowed}svg{width:24px;height:24px;flex-shrink:0}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #775bc1;outline-offset:4px}input:focus-visible,textarea:focus-visible{outline:2px solid var(--green-dark);outline-offset:2px}[hidden]{display:none!important}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.mono{font-family:var(--mono);font-size:10px;letter-spacing:.5px}.skip-link{position:fixed;top:-60px;left:12px;z-index:2000;background:var(--cream);padding:14px}.skip-link:focus{top:12px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--green-dark);border-radius:50%;box-shadow:0 0 0 3px rgba(19,205,133,.1);vertical-align:middle;margin-right:7px}.topbar{height:var(--top-height);padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid var(--line);background:rgba(246,247,235,.55);position:relative;z-index:100}.brand{display:flex;align-items:center;gap:12px;padding:0}.brand>svg{height:27px;width:27px}.brand b{font-weight:900;font-size:29px;letter-spacing:-1.8px}.brand b span{font-weight:400;font-size:16px;letter-spacing:-.5px;margin-left:4px}.brand small{font-family:var(--mono);font-size:10px;align-self:flex-end;padding-bottom:4px;opacity:.6}.top-motto{font-family:var(--mono);font-size:10px;letter-spacing:1.1px;opacity:.75}.top-x{display:flex;align-items:center;gap:10px;font-size:12px;border:1.5px solid var(--ink);padding:8px 13px;border-radius:3px;background:rgba(255,255,255,.22);transition:background .15s}.top-x:hover{background:var(--cream)}.top-x svg{width:16px;height:16px}.top-x>span:last-child{margin-left:12px}
.desktop{position:relative;height:calc(100dvh - var(--task-height) - var(--top-height));min-height:570px;isolation:isolate;overflow:hidden}.wallpaper{position:absolute;inset:0;z-index:-1;overflow:hidden;background-image:radial-gradient(rgba(43,69,43,.17) .7px,transparent .7px);background-size:7px 7px;pointer-events:none}.wall-word{position:absolute;left:16.5%;top:2%;font-size:clamp(130px,21vw,340px);line-height:1;font-weight:900;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px rgba(70,101,73,.2);white-space:nowrap;transform:rotate(-2deg)}.wall-copy{position:absolute;right:3.4%;bottom:10%;font-size:clamp(11px,1.15vw,17px);font-weight:900;line-height:1.2;letter-spacing:-.3px;text-align:right;opacity:.22}.wall-star{position:absolute;right:-45px;top:25%;width:260px;height:260px;color:rgba(85,123,85,.11);transform:rotate(13deg)}.horizon{position:absolute;bottom:-195px;left:-10%;height:390px;width:120%;border:1px solid rgba(66,91,62,.12);border-radius:50%}.hill{display:none}.desktop-icons{position:absolute;left:22px;top:28px;bottom:100px;width:106px;display:flex;flex-direction:column;align-items:center;gap:18px;z-index:3}.desktop-icon{width:104px;min-height:82px;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid transparent;padding:5px 0;transition:transform .15s}.desktop-icon:hover{background:rgba(255,255,255,.2);border:1px dashed rgba(26,63,43,.5);border-radius:3px;transform:translateY(-2px)}.desktop-icon svg{width:52px;height:46px;filter:drop-shadow(2px 3px 0 rgba(27,63,40,.15))}.desktop-icon span{font-size:11px;font-family:var(--mono);background:rgba(246,249,231,.55);padding:3px 5px;border-radius:2px;white-space:nowrap}.bin-icon{margin-top:12px}.desktop-note{position:absolute;top:33px;left:17%;color:#48624b;letter-spacing:1px;font-size:9px}.note-divider{margin:0 12px;opacity:.6}.os-window{position:absolute;background:var(--cream);border:1.5px solid var(--ink);box-shadow:var(--shadow);border-radius:7px 7px 3px 3px;overflow:hidden;z-index:10;transform-origin:center;animation:window-in .18s ease-out}.os-window.focused{box-shadow:6px 7px 0 rgba(28,60,42,.24)}.window-bar{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 12px;background:#e3e9dc;border-bottom:1.5px solid var(--ink);cursor:grab;touch-action:none;user-select:none}.dragging .window-bar{cursor:grabbing}.window-name{display:flex;align-items:center;gap:8px;font-size:11px;font-family:var(--mono);font-weight:600}.window-name svg{width:19px;height:18px}.window-controls{display:flex;gap:5px}.window-controls button{width:20px;height:19px;border:1px solid var(--line);border-radius:2px;background:#f8f8ef;display:grid;place-items:center;font-family:var(--mono);font-size:15px;line-height:1;padding:0;box-shadow:1px 1px 0 rgba(28,60,42,.12)}.window-controls button:hover{background:var(--green)}.window-controls button:last-child:hover{background:#f0b4a1}.window-menubar{padding:9px 15px;display:flex;gap:20px;border-bottom:1px solid #d9dccf;font-size:10px;letter-spacing:0}.menubar-right{margin-left:auto;color:var(--muted);font-size:8px;letter-spacing:.7px}.welcome-window{left:16.5%;top:13.8%;width:62%;max-width:935px;min-width:645px}.welcome-content{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:8px;padding:38px 34px 33px}.eyebrow{font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:1px;line-height:1.6}.eyebrow .status-dot{width:5px;height:5px}.welcome-text h1{font-weight:900;font-size:clamp(49px,4.55vw,74px);letter-spacing:-.075em;line-height:.94;margin:27px 0 24px;position:relative;white-space:nowrap}.online-word{display:inline-block;position:relative}.online-word>svg{position:absolute;bottom:-11px;left:0;width:102%;height:12px;color:var(--green);transform:rotate(-2deg)}.period{color:var(--green-dark)}.welcome-text p{font-size:20px;font-weight:400;line-height:1.35;letter-spacing:-.3px;margin:0 0 27px}.welcome-actions{display:flex;align-items:center;gap:19px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:13px 18px;min-height:44px;min-width:100px;border:1.5px solid var(--ink);border-radius:3px;font-size:12px;font-weight:700;box-shadow:3px 3px 0 var(--ink);transition:transform .12s,box-shadow .12s,background .12s}.button:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--ink)}.button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.button svg{width:18px;height:18px}.primary{background:var(--green);color:var(--ink)}.primary:hover{background:#32df9c}.secondary{background:var(--cream)}.text-button{padding:5px 0;font-size:11px;font-weight:500;text-decoration:underline;text-underline-offset:4px;line-height:1.5}.text-button:hover{color:var(--green-dark)}.tiny-caption{font-size:7px;letter-spacing:.7px;margin-top:30px;color:var(--muted)}.character-area{position:relative;padding:20px 3px 20px 18px;transform:rotate(3deg)}.art-card{border:1.5px solid var(--ink);border-radius:3px;background:#e6ece0;box-shadow:4px 5px 0 #bed0b8;overflow:visible;position:relative;max-width:295px;margin:auto}.art-card-top,.art-card-bottom{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:8px;letter-spacing:.4px}.art-card-top{border-bottom:1.5px solid var(--ink);background:#f4f5e9;border-radius:2px 2px 0 0}.art-card-top>span:last-child{font-size:14px}.art-card-bottom{height:32px;border-top:1.5px solid var(--ink);background:#f4f5e9;border-radius:0 0 2px 2px}.art-card-bottom button{font-size:22px;line-height:22px;width:27px;height:28px}.pet-button{padding:0;width:100%;display:block;position:relative}.hero-art{aspect-ratio:1/1;position:relative;background:var(--green);overflow:hidden}.hero-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.brand-art{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;font-family:'Arial Rounded MT Bold','Arial Black',Arial,sans-serif;font-size:clamp(77px,8vw,126px);font-weight:900;line-height:.76;letter-spacing:-.09em;color:#dffbdd;-webkit-text-stroke:2px #f4fff0;text-shadow:4px 6px 0 rgba(11,118,80,.32);padding-right:8px}.brand-art>span{display:block;transform:rotate(-7deg);animation:brand-breathe 5s ease-in-out infinite}.brand-art>span+span{margin-top:8px;transform:rotate(5deg);animation-delay:-2s}.art-spark{position:absolute;font-size:20px;line-height:1;color:#1c7153;-webkit-text-stroke:0;letter-spacing:0;font-style:normal}.spark-a{left:14px;top:23px}.spark-b{right:11px;bottom:15px;font-size:28px}.status-sticker{position:absolute;z-index:3;right:-13px;top:-5px;background:var(--purple);border:1.5px solid var(--ink);width:76px;height:76px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(11deg);box-shadow:2px 3px 0 rgba(30,50,37,.2)}.status-sticker>span{font-size:23px;font-weight:900;letter-spacing:-1px}.status-sticker small{font-family:var(--mono);font-size:8px;line-height:1.5}.pet-hint{font-family:Georgia,serif;font-size:15px;font-style:italic;text-align:right;padding:11px 9px 0;transform:rotate(-3deg)}.pet-hint span{display:inline-block;transform:rotate(30deg);font-size:27px;line-height:14px;margin-left:5px}.art-source{position:absolute;bottom:-3px;left:25px;font-size:7px;transform:rotate(-3deg);text-decoration:underline;text-underline-offset:3px;color:var(--muted);max-width:100%}.speech{position:absolute;bottom:80%;left:50%;transform:translateX(-50%) rotate(-3deg);z-index:4;min-width:120px;max-width:230px;padding:12px 15px;border:1.5px solid var(--ink);border-radius:10px 10px 10px 0;background:var(--cream);font-size:12px;box-shadow:3px 4px 0 rgba(28,60,42,.18);line-height:1.4}.pet-button.petted .hero-art{animation:pet-bounce .38s ease-out}.window-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:29px;padding:7px 13px;border-top:1.5px solid var(--ink);background:#eff0e5;font-size:8px;letter-spacing:.3px}.window-footer .status-dot{width:4px;height:4px;box-shadow:none;margin-right:5px}.sticky-note{position:absolute;top:18%;right:2.7%;width:208px;min-height:226px;background:#ede7a4;padding:30px 19px 22px;border:1px solid rgba(93,86,32,.18);box-shadow:4px 5px 0 rgba(64,75,43,.13);transform:rotate(5deg);z-index:5}.tape{position:absolute;width:77px;height:25px;left:65px;top:-11px;background:rgba(240,242,215,.8);transform:rotate(-5deg);border-left:1px dashed #c7ceb8;border-right:1px dashed #c7ceb8}.sticky-label{font-size:7px;letter-spacing:1px;color:#7d7749}.sticky-note h2{font-family:Georgia,serif;font-style:italic;font-size:23px;font-weight:400;margin:13px 0 18px;letter-spacing:-1px}.sticky-note p{font-size:11px;display:flex;align-items:center;gap:8px;margin:13px 0;color:#545738;white-space:nowrap}.checkbox{width:12px;height:12px;border:1px solid #7a7e45;display:inline-grid;place-items:center;font-size:13px}.checkbox.checked{font-weight:bold;line-height:8px}.sticky-doodle{display:flex;align-items:center;gap:7px;font-family:Georgia,serif;font-size:12px;font-style:italic;margin-top:25px;transform:rotate(-4deg)}.sticky-doodle svg{width:19px;height:19px}.note-peel{position:absolute;right:7px;bottom:6px;opacity:.5}.mini-player{position:absolute;right:2.8%;top:61%;width:214px;border:1.5px solid var(--ink);background:var(--cream);border-radius:3px;box-shadow:3px 4px 0 rgba(40,70,42,.15);z-index:5;transform:rotate(-2deg)}.mini-player-top{border-bottom:1px solid var(--ink);padding:9px 11px;font-size:8px;display:flex;justify-content:space-between;background:#e5e8dd}.player-main{display:flex;align-items:center;gap:9px;padding:14px 10px}.play-music{border:1px solid var(--ink);background:var(--purple);min-width:28px;height:28px;border-radius:50%;font-size:10px;display:grid;place-items:center;padding:0}.player-main strong{font-size:9px;display:block}.player-main span{display:block;font-size:6px;margin-top:5px;letter-spacing:.3px}.equalizer{height:23px;display:flex;align-items:center;gap:2px;margin-left:auto}.equalizer i{width:2px;height:6px;background:var(--ink)}.equalizer i:nth-child(2){height:14px}.equalizer i:nth-child(3){height:20px}.equalizer i:nth-child(4){height:11px}.music-playing .equalizer i{animation:eq .8s ease-in-out infinite alternate}.music-playing .equalizer i:nth-child(2){animation-delay:-.4s}.music-playing .equalizer i:nth-child(3){animation-delay:-.6s}.music-playing .equalizer i:nth-child(4){animation-delay:-.2s}.desktop-bottom-note{position:absolute;bottom:27px;left:17%;right:3%;font-size:8px;letter-spacing:.8px;display:flex;justify-content:space-between;align-items:center;z-index:3;color:#61735c}.desktop-bottom-note button{display:flex;align-items:center;gap:7px;font-size:10px;font-family:var(--mono);border-bottom:1px solid rgba(37,71,42,.35);padding:4px 1px}.desktop-bottom-note svg{width:15px;height:15px}
.taskbar{height:var(--task-height);display:flex;align-items:center;padding:8px 14px;gap:12px;background:#eceee1;border-top:1.5px solid var(--ink);position:fixed;bottom:0;left:0;right:0;z-index:500;box-shadow:0 -3px 0 rgba(255,255,255,.3)}.start-button{display:flex;align-items:center;gap:9px;border:1.5px solid var(--ink);border-radius:3px;background:var(--green);height:37px;padding:0 13px;font-size:18px;font-weight:900;letter-spacing:-.6px;box-shadow:2px 2px 0 var(--ink)}.start-button svg{width:21px;height:21px}.start-button>span{font-size:10px;margin-left:8px}.start-button[aria-expanded=true]{box-shadow:inset 2px 2px 0 rgba(25,64,45,.2);background:#20b87c}.taskbar-divider{height:27px;width:1px;background:#bcc8b5}.task-list{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;min-width:0}.task-chip{height:35px;display:flex;align-items:center;justify-content:flex-start;gap:8px;border:1px solid #c0c8b8;background:#e2e6d9;border-radius:3px;padding:0 12px;font-family:var(--mono);font-size:10px;white-space:nowrap;min-width:128px}.task-chip svg{width:20px;height:20px}.task-chip.active{background:var(--cream);border-color:var(--ink);box-shadow:inset 0 -2px 0 var(--green-dark)}.task-chip:hover{border-color:var(--ink)}.taskbar-idle{margin-left:auto;opacity:.6;font-size:9px;white-space:nowrap}.system-tray{margin-left:auto;display:flex;gap:14px;align-items:center;height:32px;flex-shrink:0}.system-tray>button:not(.show-desktop){position:relative;display:grid;place-items:center;width:25px;height:30px;padding:0}.system-tray svg{width:18px;height:18px}.sound-slash{position:absolute;width:25px;height:1.5px;background:var(--ink);transform:rotate(-45deg);box-shadow:0 -1px 0 #eceee1}.sound-on .sound-slash{display:none}.tray-status{display:flex;align-items:center}.tray-status .mono{font-size:8px}.system-tray time{font-size:11px;min-width:45px;white-space:nowrap}.show-desktop{height:35px;width:9px;border-left:1px solid var(--ink);margin-right:-9px;background:#d2dfca}.start-menu{position:fixed;bottom:calc(var(--task-height) + 7px);left:14px;width:338px;background:var(--cream);z-index:600;display:flex;box-shadow:5px 5px 0 rgba(20,47,31,.25);border:1.5px solid var(--ink);border-radius:4px;overflow:hidden;animation:menu-in .18s ease-out}.start-side{width:37px;background:var(--ink);color:var(--green);writing-mode:vertical-rl;transform:rotate(180deg);font-weight:900;font-size:23px;letter-spacing:-1px;padding:17px 5px;display:flex;align-items:center;gap:12px}.start-side>span{font-family:var(--mono);font-size:7px;letter-spacing:2px;font-weight:400;color:#a3b8a4}.start-items{flex:1;padding:5px}.start-user{display:flex;align-items:center;gap:12px;padding:15px 9px 18px;border-bottom:1px solid #d0d6c8;margin-bottom:5px}.avatar-mark{font-weight:900;font-size:24px;background:var(--green);width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:7px}.start-user b{display:block;font-size:12px}.start-user small{display:block;font-size:7px;margin-top:5px;letter-spacing:.3px}.start-items>button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 9px;min-height:46px;border-radius:2px}.start-items>button:hover,.start-items>button:focus-visible{background:#d9edce}.start-items>button>svg{width:30px;height:29px}.start-items>button>span:nth-child(2){flex:1;font-size:11px;font-weight:600}.start-items button small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:3px}.start-items button kbd{font-size:9px}.start-items hr{border:0;border-top:1px solid #d0d6c8;margin:5px}.start-items>button.shutdown{border-top:1px solid #d0d6c8;margin-top:5px;font-size:11px}.start-items .shutdown span{font-family:var(--mono);font-size:6px!important;font-weight:400!important;text-align:right;color:var(--muted)}.matrix-wrap{position:fixed;inset:var(--top-height) 0 var(--task-height);z-index:550;background:rgba(12,37,23,.9);pointer-events:none;animation:matrix-in .22s ease}.matrix-wrap canvas{width:100%;height:100%;opacity:.8}.matrix-label{position:absolute;bottom:22px;right:28px;color:#b5ffc8;font-size:9px;letter-spacing:2px}.toast{position:fixed;bottom:calc(var(--task-height) + 17px);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--cream);border:1px solid #0b2b19;border-radius:4px;box-shadow:4px 5px 0 rgba(26,61,39,.15);z-index:1000;padding:13px 18px;display:flex;gap:12px;align-items:center;font-size:12px;line-height:1.4;max-width:min(450px,calc(100% - 32px));min-width:220px;animation:toast-in .2s ease}.toast svg{width:19px;height:19px;color:var(--green)}.heart-particle{position:fixed;width:14px;height:14px;z-index:950;pointer-events:none;color:var(--ink);animation:particle .9s ease-out forwards}.heart-particle svg{width:100%;height:100%}.grass .wallpaper{background-color:#a6d7c0;background-image:radial-gradient(rgba(67,114,67,.15) .7px,transparent .7px)}.grass .hill{display:block;position:absolute;width:90%;height:75%;border-radius:50%;background:#6aad64;bottom:-46%;left:-12%;border-top:1px solid #2f714d}.grass .hill-two{background:#8fc67a;left:52%;bottom:-50%;width:75%;height:85%}.grass .wall-copy{opacity:.45}.grass .wall-word{color:rgba(242,253,213,.2);-webkit-text-stroke:1px rgba(63,133,88,.2)}
.app-window{top:7%;left:20%;width:740px;max-width:calc(100% - 185px);max-height:calc(100% - 42px);display:flex;flex-direction:column}.app-window .window-bar,.app-window .window-footer{flex-shrink:0}.app-window h2{font-size:30px;line-height:1.06;letter-spacing:-1.3px;font-weight:800}.app-tabs{display:flex;gap:0;border-bottom:1px solid var(--ink);background:#eef0e4;flex-shrink:0}.app-tabs button{padding:12px 20px;font-size:11px;border-right:1px solid #c4cebe;border-bottom:3px solid transparent}.app-tabs button[aria-selected=true]{background:var(--cream);border-bottom-color:var(--green-dark);font-weight:700}.app-tabs button span{margin-left:12px}.maker-layout{display:grid;grid-template-columns:1fr 1fr;gap:27px;padding:26px;overflow-y:auto;min-height:0}.meme-preview{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px}.meme-preview canvas{width:100%;height:auto;aspect-ratio:1;border:1.5px solid var(--ink);box-shadow:4px 4px 0 #cfdbcb;border-radius:2px}.meme-preview>span{font-size:7px;color:var(--muted)}.meme-form{display:flex;flex-direction:column;align-items:stretch;padding:2px 0;min-width:0}.meme-form h2{margin:9px 0 22px;font-size:32px}.meme-form>label{font-family:var(--mono);font-size:8px;letter-spacing:1px;margin-bottom:7px}.meme-form input,.meme-form textarea{width:100%;border:1px solid var(--ink);background:#fffef8;border-radius:2px;padding:10px;font-size:11px;line-height:1.5;resize:vertical;max-height:150px;margin-bottom:15px}.palette{display:flex;align-items:center;gap:8px;border:0;padding:0;margin:0 0 15px}.palette legend{font-family:var(--mono);font-size:8px;letter-spacing:1px;margin-bottom:9px}.swatch{width:23px;height:23px;border-radius:50%;border:1px solid var(--ink);position:relative}.swatch.mint{background:var(--green)}.swatch.cream{background:#f4eabe}.swatch.lilac{background:var(--purple)}.swatch.selected:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;font-size:12px}.random-caption{margin-left:auto;font-size:9px;text-decoration:underline;text-underline-offset:3px;padding:5px 0}.meme-art-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:7px;min-height:18px}.upload-label,.meme-art-actions button{font-size:10px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.meme-form .text-button{margin-top:15px}.meme-form small{font-size:9px;color:var(--muted);line-height:1.6;margin-top:15px;text-align:center}.archive-pane{overflow:auto;padding:22px 25px}.archive-intro h2{margin:0 0 10px;font-size:27px}.archive-intro p{font-size:11px;color:var(--muted);margin:0 0 22px}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.archive-card{border:1px solid var(--ink);background:#eceddf;box-shadow:2px 3px 0 #c9d5c2;border-radius:3px;overflow:hidden;transition:transform .15s}.archive-card:hover{transform:translateY(-3px)}.archive-image{aspect-ratio:1.4;position:relative;overflow:hidden;background:#d1e3c8}.archive-card:nth-child(2) .archive-image{background:#d6c6e5}.archive-card:nth-child(3) .archive-image{background:#eee0b5}.archive-card:nth-child(4) .archive-image{background:#c8ddcf}.archive-fallback{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:15px;text-align:center}.archive-fallback>svg{width:45px;height:45px;opacity:.25}.archive-fallback span{font-family:var(--mono);font-size:8px;line-height:1.8;max-width:200px;opacity:.7}.archive-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.archive-card-name{padding:12px;font-size:10px;display:flex;justify-content:space-between;font-family:var(--mono)}.archive-status{font-size:7px;line-height:1.7;color:var(--muted);margin:23px 0 5px}.game-window{left:24%;top:12%;width:775px}.game-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 27px 20px}.game-top h2{font-size:25px;margin:6px 0 0}.scoreboard{display:flex;gap:23px;text-align:right;font-size:7px;white-space:nowrap}.scoreboard b{display:block;font-size:25px;letter-spacing:1px;margin-top:6px;font-weight:400}.game-stage{position:relative;background:#e7edd6;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.game-stage canvas{display:block;width:100%;aspect-ratio:900/380;touch-action:none}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(226,239,211,.85);gap:12px;text-align:center}.game-kicker{font-size:8px;letter-spacing:1px}.game-overlay h3{font-size:45px;line-height:.96;letter-spacing:-2px;margin:0 0 7px;font-weight:900}.game-overlay .button{padding:11px 18px;font-size:11px;min-height:37px}.game-overlay p{font-size:8px;margin:8px 0 0;letter-spacing:.5px}.game-bottom{display:flex;justify-content:space-between;align-items:center;padding:13px 19px;font-size:9px;gap:10px}.small-button{font-size:9px;padding:6px 9px;border:1px solid var(--ink);background:#e6edda;border-radius:2px;white-space:nowrap}kbd{font-family:var(--mono);font-size:8px;border:1px solid #adbaa7;border-bottom-width:2px;border-radius:3px;padding:3px 5px;background:#f5f6ed;line-height:2.2}.game-note{font-size:10px;color:var(--muted);padding:0 19px 18px;line-height:1.6}.footer-button{font:inherit;font-size:9px;text-decoration:underline;text-underline-offset:3px;padding:0}.community-window{left:29%;top:8%;width:515px}.community-content{text-align:center;padding:30px 30px 22px;overflow:auto}.community-graphic{height:115px;width:270px;margin:3px auto 27px;position:relative}.community-graphic>svg{width:125px;height:110px;transform:rotate(-8deg)}.community-graphic>span{position:absolute;border:1px solid var(--ink);font-size:11px;padding:9px 12px;background:#dac9ed;box-shadow:2px 2px 0 rgba(28,60,42,.18)}.bubble-one{left:28px;top:11px;transform:rotate(-8deg);border-radius:8px 8px 0 8px}.community-graphic>span.bubble-two{right:-5px;bottom:5px;border-radius:8px 8px 8px 0;transform:rotate(5deg);background:#f5e7a6}.community-content h2{font-size:32px;margin:17px 0 15px}.community-content p{font-size:13px;line-height:1.6;color:var(--muted)}.community-links{display:flex;flex-direction:column;gap:15px;margin:25px auto;max-width:330px}.community-links a{font-size:11px}.community-links a>span:last-child{margin-left:auto}.community-links .secondary{justify-content:space-between}.community-content .community-safety{font-size:7px;margin:22px 0 0;line-height:1.7}.about-window{left:32%;top:13%;width:445px}.about-content{padding:28px;overflow:auto}.about-content h2{margin:12px 0 15px;font-size:29px}.about-content p{font-size:12px;color:var(--muted);line-height:1.7}.about-content dl{margin:24px 0}.about-content dl div{display:flex;justify-content:space-between;border-bottom:1px solid #d8ddcf;padding:11px 0;gap:15px;font-size:11px}.about-content dd{margin:0;text-align:right}.about-content dt{color:var(--muted)}.about-content h3{font-size:12px}.about-content p.mono{font-size:10px;line-height:2.2}.about-content p.about-art{font-size:10px;margin:24px 0}.about-content .button{font-size:10px;padding:10px 14px;min-height:38px}.os-window.maximized{left:145px!important;top:16px!important;width:calc(100% - 170px)!important;max-width:none!important;max-height:calc(100% - 36px)!important;height:calc(100% - 36px)!important;min-width:0!important}.welcome-window.maximized{display:flex;flex-direction:column}.welcome-window.maximized .welcome-content{flex:1;max-width:1000px;width:100%;margin:auto}.welcome-window.maximized .window-footer{flex-shrink:0}.game-window.maximized .game-stage{flex:1;min-height:180px}.game-window.maximized .game-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.memes-window.maximized .maker-layout{flex:1}.logout-dialog{background:var(--cream);color:var(--ink);border:1.5px solid var(--ink);border-radius:5px;box-shadow:7px 8px 0 rgba(14,42,26,.25);padding:35px;max-width:calc(100% - 30px);width:390px;text-align:center}.logout-dialog::backdrop{background:rgba(21,45,32,.5)}.logout-dialog h2{font-size:35px;letter-spacing:-1.5px;margin:18px 0 12px}.logout-dialog p{font-size:13px;line-height:1.6;color:var(--muted)}.logout-dialog form{display:flex;flex-direction:column;gap:20px;margin-top:25px}.logout-dialog .button{font-size:11px}.noscript-note{position:fixed;bottom:65px;left:20px;right:20px;z-index:900;background:var(--cream);border:2px solid var(--ink);padding:15px;font-size:14px}
@keyframes window-in{from{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}@keyframes menu-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes brand-breathe{0%,100%{translate:0 0}50%{translate:0 -4px}}@keyframes pet-bounce{0%,100%{scale:1}35%{scale:.95 1.04}60%{scale:1.04 .98}}@keyframes toast-in{from{opacity:0;bottom:calc(var(--task-height) + 9px)}to{opacity:1;bottom:calc(var(--task-height) + 17px)}}@keyframes eq{from{scale:1 .35}to{scale:1 1}}@keyframes particle{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}}@keyframes matrix-in{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){.welcome-window{left:20%;top:17%;width:58%}.desktop-note{left:20%}.sticky-note{right:6%}.mini-player{right:6%;top:61%}.welcome-content{padding:48px 40px}.character-area{padding-left:25px}.art-card{max-width:325px}.brand-art{font-size:135px}.desktop-icons{left:4%;top:60px;gap:25px}.desktop-bottom-note{left:20%;right:6%}.welcome-text h1{font-size:77px}}
@media(min-width:1151px) and (max-height:770px){.desktop{min-height:500px}.desktop-note{top:20px}.welcome-window{top:10%}.welcome-content{padding-top:26px;padding-bottom:23px}.welcome-text h1{margin-top:19px;margin-bottom:21px}.welcome-text p{font-size:18px;margin-bottom:20px}.tiny-caption{margin-top:23px}.character-area{padding-top:15px;padding-bottom:19px}.art-card{max-width:240px}.brand-art{font-size:100px}.sticky-note{top:13%;scale:.92;transform-origin:top right}.mini-player{top:64%}.desktop-icons{gap:8px;top:22px}.desktop-bottom-note{bottom:20px}.game-window{top:5%}.game-top{padding:18px 23px}.game-top h2{font-size:22px}.game-note{padding-bottom:12px}.community-content{padding-top:20px}.community-graphic{height:90px;margin-bottom:18px}.community-graphic>svg{height:88px;width:100px}.community-content h2{font-size:28px}.community-links{margin:20px auto}}
@media(max-width:1150px) and (min-width:761px){.top-motto{font-size:8px;letter-spacing:.7px}.desktop-icons{left:10px;width:95px}.desktop-icon{width:95px}.desktop-icon span{font-size:9px}.welcome-window{left:14%;width:69%;min-width:590px;top:14%}.welcome-content{padding:30px 27px}.welcome-text h1{font-size:53px}.welcome-text p{font-size:18px}.welcome-actions{gap:13px}.welcome-actions .button{padding:11px 14px;min-width:98px}.welcome-actions .text-button{font-size:9px}.character-area{padding-left:10px}.art-card{max-width:240px}.brand-art{font-size:100px}.status-sticker{right:-15px;top:0;width:63px;height:63px}.status-sticker>span{font-size:20px}.status-sticker small{font-size:7px}.tiny-caption{font-size:6px;letter-spacing:.3px}.sticky-note{right:1%;top:9%;scale:.74;transform-origin:top right;z-index:6}.mini-player{right:2%;top:auto;bottom:80px;width:195px;z-index:6}.desktop-note{left:14%;top:30px;font-size:8px}.desktop-bottom-note{left:14%;font-size:7px}.app-window{left:14%;max-width:calc(100% - 145px)}.game-window{left:14%;width:740px;top:9%}.community-window{left:25%;width:490px}.about-window{left:27%}.taskbar-idle{display:none}.task-chip{min-width:100px;padding:0 9px;font-size:9px}.tray-status{display:none}.system-tray{gap:10px}}
@media(max-width:760px){:root{--top-height:57px;--task-height:59px}html,body{min-height:100%;overflow-x:hidden}body{overflow-y:auto;padding-bottom:var(--task-height)}.topbar{position:relative;height:var(--top-height);padding:0 17px}.brand{gap:8px}.brand>svg{width:24px;height:24px}.brand b{font-size:27px}.brand small{display:none}.top-motto{display:none}.top-x{padding:7px 9px;gap:6px;font-size:10px}.top-x>span:last-child{margin-left:4px}.top-x svg{width:13px;height:13px}.desktop{height:auto;min-height:calc(100dvh - var(--top-height) - var(--task-height));overflow:hidden;display:flex;flex-direction:column;padding:0 16px 75px}.wall-word{top:130px;left:0;font-size:200px}.wall-copy{display:none}.wall-star{top:450px;right:-100px}.desktop-icons{position:relative;inset:auto;width:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;order:0;padding:22px 0 8px;align-items:start}.desktop-icon{width:100%;min-height:73px;padding:0 0 4px;gap:7px}.desktop-icon svg{width:43px;height:39px}.desktop-icon span{font-size:9px;padding:3px 4px}.bin-icon{display:none}.desktop-note{position:relative;inset:auto;order:1;font-size:7px;letter-spacing:.2px;margin:10px 3px 15px}.note-divider{margin:0 6px}.welcome-window{position:relative!important;left:auto!important;top:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;order:2;margin:0;z-index:10;height:auto!important;max-height:none!important}.window-bar{height:34px;padding:0 8px 0 11px}.window-name{font-size:10px}.window-controls button{width:22px;height:21px}.window-menubar{padding:9px 11px;font-size:9px;gap:18px}.menubar-right{display:none}.welcome-content{display:flex!important;flex-direction:column;gap:13px;padding:27px 23px 29px;align-items:stretch}.welcome-text .eyebrow{font-size:7px;letter-spacing:.7px}.welcome-text h1{font-size:clamp(49px,14.3vw,83px);letter-spacing:-.075em;margin:21px 0 21px;line-height:.94}.welcome-text p{font-size:19px;margin-bottom:22px;line-height:1.35}.welcome-text p br{display:none}.welcome-actions{gap:23px}.welcome-actions .button{font-size:12px;padding:11px 17px;min-height:43px}.welcome-actions .text-button{font-size:11px}.tiny-caption{display:none}.character-area{padding:21px 27px 20px;max-width:380px;width:100%;align-self:center;transform:rotate(2deg)}.art-card{max-width:270px}.brand-art{font-size:111px}.status-sticker{right:3px;top:9px;width:64px;height:64px;transform:rotate(9deg)}.status-sticker>span{font-size:21px}.status-sticker small{font-size:7px}.art-card-top,.art-card-bottom{font-size:8px}.pet-hint{font-size:13px;padding-right:0;padding-top:9px}.art-source{left:35px;bottom:-1px}.window-footer{font-size:6px;letter-spacing:0;padding:8px 10px;min-height:28px;gap:7px}.window-footer>span{white-space:nowrap}.sticky-note{position:relative;inset:auto;order:3;transform:rotate(-3deg);width:calc(100% - 24px);max-width:340px;min-height:200px;margin:37px auto 8px;padding:28px 25px 20px}.tape{left:calc(50% - 38px)}.sticky-label{font-size:8px}.sticky-note h2{font-size:26px;margin:10px 0 15px}.sticky-note p{font-size:12px;margin:10px 0}.sticky-doodle{font-size:13px;margin-top:17px}.mini-player{position:relative;inset:auto;width:calc(100% - 32px);max-width:325px;align-self:center;order:4;margin:23px auto 0;transform:rotate(2deg)}.player-main{padding:13px 15px;gap:13px}.play-music{width:32px;height:32px}.player-main strong{font-size:11px}.player-main span{font-size:7px}.equalizer{gap:3px}.equalizer i{width:3px}.desktop-bottom-note{position:relative;inset:auto;order:5;justify-content:center;font-size:8px;margin:27px 0 0}.desktop-bottom-note>span{display:none}.taskbar{padding:8px 10px;gap:8px}.start-button{height:37px;font-size:17px;padding:0 10px;gap:7px}.start-button>span{margin-left:4px}.start-button svg{width:19px;height:19px}.taskbar-divider{display:none}.task-list{gap:6px}.task-chip{min-width:37px;width:37px;height:35px;padding:0;justify-content:center}.task-chip span{display:none}.task-chip svg{width:22px;height:22px}.taskbar-idle{display:none}.system-tray{gap:7px;margin-left:auto}.tray-status{display:none}.system-tray time{font-size:10px;min-width:37px}.system-tray>button:not(.show-desktop){width:23px}.show-desktop{display:none}.start-menu{left:9px;bottom:calc(var(--task-height) + 6px);width:min(338px,calc(100vw - 18px));max-height:calc(100dvh - var(--task-height) - 22px)}.start-items{overflow:auto}.start-side{width:33px}.start-user{padding-top:12px;padding-bottom:14px}.start-items>button{min-height:46px;padding:9px}.start-items>button>svg{width:27px;height:26px}.matrix-wrap{inset:0 0 var(--task-height)}.matrix-label{font-size:7px;right:15px;bottom:20px}.toast{bottom:calc(var(--task-height) + 12px);font-size:11px;padding:12px 14px;min-width:240px}.app-window,.app-window.maximized{position:fixed!important;left:9px!important;top:12px!important;width:calc(100vw - 18px)!important;max-width:none!important;min-width:0!important;max-height:calc(100dvh - var(--task-height) - 25px)!important;height:auto!important;z-index:300}.app-window.maximized{height:calc(100dvh - var(--task-height) - 25px)!important}.app-tabs button{padding:12px 15px;font-size:10px}.app-tabs button span{margin-left:4px}.maker-layout{grid-template-columns:1fr;gap:23px;padding:20px;overflow-y:auto}.meme-preview{gap:10px}.meme-preview canvas{max-width:290px}.meme-preview>span{font-size:6px}.meme-form{padding:0 2px}.meme-form .eyebrow{font-size:8px}.meme-form h2{font-size:28px;line-height:1.1;margin:5px 0 20px}.meme-form h2 br{display:none}.meme-form input,.meme-form textarea{font-size:16px;padding:9px;margin-bottom:13px}.meme-form>label{font-size:8px}.meme-form small{margin-top:10px}.meme-form .text-button{margin-top:12px}.archive-pane{padding:20px 16px}.archive-intro h2{font-size:25px}.archive-intro p{line-height:1.7;font-size:11px}.archive-grid{gap:12px}.archive-card-name{font-size:7px;padding:10px 8px;gap:4px}.archive-fallback{gap:11px;padding:10px}.archive-fallback>svg{width:30px;height:30px}.archive-fallback span{font-size:6px;line-height:1.6}.archive-status{font-size:7px}.game-window{top:12px!important}.game-top{padding:22px 16px 18px;display:block}.game-top h2{font-size:24px;margin-top:8px}.scoreboard{gap:25px;text-align:left;margin-top:20px;font-size:7px}.scoreboard b{font-size:23px;margin-top:4px}.game-stage canvas{aspect-ratio:1.15;min-height:230px}.game-overlay{gap:13px}.game-overlay h3{font-size:38px}.game-overlay .button{font-size:11px}.game-overlay p{font-size:7px}.game-kicker{font-size:7px}.game-bottom{font-size:8px;padding:14px 12px;gap:8px}.mobile-hide{display:none}.game-note{font-size:10px;line-height:1.6;padding:0 14px 17px}.game-window .window-footer{font-size:6px}.game-window.maximized .game-stage{flex:1;min-height:240px}.game-window.maximized .game-stage canvas{position:relative;min-height:240px}.community-content{padding:25px 20px 20px}.community-graphic{width:240px;height:100px;margin:0 auto 20px}.community-graphic>svg{height:95px;width:110px}.community-graphic>span{font-size:10px}.community-content .eyebrow{font-size:7px;letter-spacing:.6px}.community-content h2{font-size:29px;margin:15px 0}.community-content p{font-size:12px}.community-content .community-safety{font-size:7px;line-height:1.7}.about-content{padding:25px 22px}.about-content h2{font-size:28px}.os-window.maximized .window-bar{cursor:default}}
@media(max-width:370px){.topbar{padding:0 12px}.desktop{padding-left:12px;padding-right:12px}.desktop-icons{gap:3px}.desktop-icon span{font-size:8px}.welcome-content{padding-left:19px;padding-right:19px}.welcome-text h1{font-size:48px}.welcome-text p{font-size:17px}.welcome-actions{gap:14px}.welcome-actions .text-button{font-size:10px}.character-area{padding-left:20px;padding-right:20px}.taskbar{padding-left:8px;padding-right:8px;gap:6px}.start-button{padding:0 9px}.system-tray{gap:4px}.system-tray>button:not(.show-desktop){display:none}.task-chip{width:34px;min-width:34px}.task-list{gap:4px}.status-sticker{right:-3px}.window-footer{font-size:5.5px}.start-button>span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.matrix-wrap{display:none!important}}

/* Keep the arcade usable on compact phone screens and landscape desktops. */
@media(max-width:760px) and (max-height:740px){
 .game-top{padding:13px 15px 10px}.game-top h2{font-size:21px}.scoreboard{margin-top:12px;gap:20px}.scoreboard b{font-size:20px}.game-stage{flex-shrink:0}.game-stage canvas{aspect-ratio:1.8;min-height:175px}.game-overlay h3{font-size:32px}.game-overlay{gap:8px}.game-bottom{padding:10px 12px}.game-note{padding-bottom:12px;font-size:9px}.game-window{overflow-y:auto}.game-top,.game-bottom,.game-note{flex-shrink:0}
}
@media(min-width:761px) and (max-height:690px){
 .desktop{min-height:0}.welcome-window{top:6%;max-height:calc(100% - 30px);display:flex;flex-direction:column}.welcome-content{overflow-y:auto;padding-top:22px;padding-bottom:20px}.welcome-window .window-bar,.welcome-window .window-footer,.welcome-window .window-menubar{flex-shrink:0}.app-window{top:12px}.game-window{overflow-y:auto}.game-stage{flex-shrink:0}.game-top,.game-bottom,.game-note{flex-shrink:0}.mini-player{bottom:12%}
}
/* On mobile, fixed app windows must sit above the non-sticky header. */
@media(max-width:760px){.topbar{z-index:0}}