:root{font-family:Tahoma,Verdana,sans-serif;color:#263041;background:#64aaed;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #ff8c28;outline-offset:3px;z-index:3}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.desktop{--sky:#64aaed;--grass:#8ccc65;--cream:#f5edda;--yellow:#f5d84e;--ink:#24334b;--chrome:#bfc3c6;--dark:#1950aa;--panel:#fffdf1;--accent:#2d7eda;min-height:100vh;padding:24px 24px 58px;position:relative;overflow:hidden;background:linear-gradient(#74b8f1 0%,var(--sky) 57%,#9bd7f5 58%,#92cf78 59%,var(--grass) 100%);color:var(--ink);transition:background 1s,color 1s}.desktop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(20,30,50,.025) 4px 5px);mix-blend-mode:multiply;z-index:6}.desktop.stage-1{--sky:#7c9db2;--grass:#9aaf6b;--cream:#e8e6d1;--yellow:#dfca5a;--accent:#718c59}.desktop.stage-2{--sky:#737c8b;--grass:#778d60;--cream:#d7d4c9;--yellow:#d1be5d;--accent:#797052;--ink:#252833}.desktop.stage-3{--sky:#555362;--grass:#5f6f4e;--cream:#c8c6ba;--yellow:#bcb057;--accent:#7a665e;--ink:#28272c}.desktop.stage-4{--sky:#292934;--grass:#303c2d;--cream:#b1b1a9;--yellow:#a3a35e;--accent:#a43f41;--ink:#222229}.desktop-icons{position:absolute;left:21px;top:22px;display:grid;gap:24px;color:#fff;text-shadow:1px 2px #234a77;text-align:center;font-size:29px}.desktop-icons div{display:grid;gap:3px;width:86px}.desktop-icons span{font-size:11px;font-weight:700}.window{width:min(1190px,calc(100vw - 185px));min-height:710px;margin:10px auto 0;position:relative;background:var(--chrome);border:2px solid #edf2f8;border-right-color:#536174;border-bottom-color:#536174;box-shadow:0 0 0 2px #385a8a,9px 13px #1f2c3d3b,0 28px 60px #12293840;z-index:2}.titlebar{height:40px;background:linear-gradient(180deg,#3d87e2,#1954b2 80%,#164b99);color:#fff;display:flex;align-items:center;gap:8px;padding:0 8px;font-size:13px;letter-spacing:.03em;text-shadow:1px 1px #16366f}.title-icon{font-size:23px;color:var(--yellow)}.titlebar small{opacity:.8}.title-actions{margin-left:auto;display:flex;align-items:center;gap:11px}.title-actions button,.dialog-title button{border:1px solid #f6d9b8;border-radius:3px;background:linear-gradient(#ffb27d,#d65a39);box-shadow:inset 1px 1px #ffe0c8;color:#fff;font-weight:900;font-size:22px;line-height:23px;min-width:30px;min-height:27px}.menubar{height:32px;background:#f3f1df;display:flex;align-items:center;gap:25px;padding:0 14px;border-bottom:1px solid #8b999e;font-size:12px}.menubar-right{margin-left:auto;font-family:monospace;font-size:10px;color:#6b7270}.welcome{min-height:636px;background:#a9d8fa;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.welcome:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 76% 20%,#fff4ba 0 8%,transparent 8.2%),linear-gradient(transparent 64%,#a4db78 64%,#7eba5e)}.welcome-copy{position:relative;z-index:2;padding:90px 0 64px 7%;align-self:center}.eyebrow,.panel-kicker{font-size:11px;letter-spacing:.12em;color:#38709b;font-weight:900}.welcome h1{font-family:Georgia,serif;font-size:clamp(56px,6vw,98px);line-height:.91;letter-spacing:-.065em;margin:25px 0 20px;color:#fffef0;text-shadow:3px 4px 0 #3474bd,6px 8px 0 rgba(23,68,112,.25)}.welcome h1 em{color:var(--yellow);font-style:normal}.welcome p{font-size:17px;line-height:1.7;max-width:410px;font-weight:700;color:#365b64}.welcome-note{display:block;margin-top:43px;font-family:monospace;letter-spacing:.08em;font-size:11px;color:#315368}.welcome-note span{font-size:10px}.welcome-art{position:relative;min-height:580px}.welcome-art img{position:absolute;width:min(83%,480px);height:auto;z-index:2;left:5%;top:14%;border-radius:50%;filter:drop-shadow(8px 18px 0 rgba(55,81,32,.16))}.ground{position:absolute;bottom:-34%;left:-18%;width:142%;height:65%;background:radial-gradient(ellipse,#a9d470,#69aa55 70%);border-radius:50%}.cloud{position:absolute;background:#fff8e4;border-radius:90px;width:100px;height:28px;top:16%;left:10%;box-shadow:20px -12px 0 2px #fff8e4,55px 0 #fff8e4;opacity:.9}.c2{top:32%;left:76%;transform:scale(.7)}.sun{position:absolute;width:120px;height:120px;border-radius:50%;background:#f8dc66;right:8%;top:8%;box-shadow:0 0 0 18px #fff6af40}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 17px;background:linear-gradient(#fffdf1,#dddac9);border:2px solid #fff;border-right-color:#7c8581;border-bottom-color:#7c8581;box-shadow:2px 3px #22353d2e;color:#273c48;text-decoration:none;font-size:12px;line-height:1.2;font-weight:900;letter-spacing:.03em;text-align:center;transition:transform .15s,filter .15s}.button:hover:not(:disabled),a.button:hover{filter:brightness(1.06);transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(2px);box-shadow:none}.button.primary{background:linear-gradient(#fff18a,#f1cc39);border-right-color:#a57917;border-bottom-color:#a57917;color:#4a3c12}.button.huge{font-size:15px;padding:14px 22px;min-height:54px}.button.disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:22px 0 0}.game-layout{display:grid;grid-template-columns:168px minmax(0,1fr);min-height:595px;background:#e9e6d7}.sidebar{background:linear-gradient(165deg,#e5f5e2,#d3e4bf);border-right:2px solid #9dad91;padding:15px 10px 10px;display:flex;flex-direction:column}.sidebar-label{font-size:10px;color:#66816a;font-weight:900;letter-spacing:.16em;margin:0 8px 12px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{border:1px solid transparent;background:transparent;text-align:left;padding:10px 8px;min-height:44px;color:#334c4a;font-weight:900;font-size:11px;letter-spacing:.025em}.sidebar nav button:hover,.sidebar nav button.active{background:#fffef1;border:1px solid #a6b69e;box-shadow:2px 3px #b0c2a7}.sidebar nav button span{font-size:16px;margin-right:6px}.sidebar-bottom{margin-top:auto;border-top:1px solid #a9b9a0;padding:13px 8px;font-size:10px;font-weight:700;color:#627667;line-height:1.7}.sidebar-bottom small{padding-left:14px}.online-dot{display:inline-block;background:#69af55;width:7px;height:7px;border-radius:50%}.content{padding:14px 17px 20px;min-width:0;background:var(--cream)}.status-strip{display:flex;justify-content:space-between;gap:12px;font-family:monospace;font-size:10px;letter-spacing:.05em;color:#627478}.meter{margin:10px 0 14px}.meter-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.09em;margin-bottom:5px}.meter-track{height:14px;background:#687279;border:2px solid #596267;box-shadow:inset 2px 2px 2px #3d454a,1px 1px #fff}.meter-track>div{height:100%;background:repeating-linear-gradient(90deg,#75c257 0,#75c257 14px,#90d968 14px,#90d968 16px);transition:width .35s}.stage-2 .meter-track>div{background:#b8ae53}.stage-3 .meter-track>div,.stage-4 .meter-track>div{background:repeating-linear-gradient(90deg,#a43f41 0,#a43f41 14px,#c65b59 14px,#c65b59 16px)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 228px;gap:14px;min-height:497px}.main-panel{background:var(--panel);border:2px solid #fff;border-right-color:#979f9e;border-bottom-color:#979f9e;padding:24px;min-width:0}.main-panel h2{font-family:Georgia,serif;font-weight:900;font-size:clamp(27px,3vw,43px);line-height:1;margin:7px 0 10px;letter-spacing:-.04em;color:#2f5a7c}.stage-3 .main-panel h2,.stage-4 .main-panel h2{color:#764849}.lead{font-size:13px;line-height:1.6;max-width:560px;margin:0 0 17px}.game-toolbar{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}.game-toolbar span{background:#d5e6db;border:1px solid #a2bdab;padding:5px 9px;font-family:monospace;font-weight:700;font-size:11px}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-width:420px}.tile{height:78px;min-width:0;display:grid;place-items:center;gap:0;background:linear-gradient(#a8ddec 49%,#92cd72 50%,#71b856);border:2px solid #f7f9d9;border-right-color:#537d65;border-bottom-color:#537d65;color:#fffbee;font-size:29px;text-shadow:1px 2px #4c8b57}.tile small{font-size:9px;align-self:start;letter-spacing:.04em}.tile.glitched{background:linear-gradient(135deg,#a1cfb5 0,#a1cfb5 32%,#796a82 33%,#796a82 47%,#b5b1a2 48%,#b5b1a2 68%,#49616d 69%);color:#fff}.tile.playable:hover{filter:brightness(1.13)}.tile:disabled{opacity:.78}.game-help{font-size:11px;line-height:1.4;color:#677878;max-width:420px}.result{display:grid;gap:3px;max-width:420px;padding:9px;background:#fff2a8;border:1px solid #cfa945;font-size:12px}.result strong{font-family:monospace;font-size:17px}.mascot-panel{background:#e7e8d4;border:2px solid #f5f3e8;border-right-color:#a1aaa4;border-bottom-color:#a1aaa4;padding:10px;display:flex;flex-direction:column;align-self:start}.mascot-top{display:flex;justify-content:space-between;font-size:9px;font-weight:900;letter-spacing:.05em;color:#52656b}.signal{color:#4d955c}.mascot-frame{position:relative;margin:10px 0 14px;aspect-ratio:1;background:#97c9d2;border:4px ridge #f6f0d1;box-shadow:inset 0 0 0 2px #7e9ea1;overflow:hidden}.mascot-frame img{display:block;width:100%;height:100%;object-fit:cover}.artifact{position:absolute;display:none;pointer-events:none;background:#a3a0ab;mix-blend-mode:multiply;opacity:.65}.stage-1 .a1,.stage-2 .a1,.stage-3 .artifact,.stage-4 .artifact{display:block}.a1{left:4%;top:36%;height:5%;width:55%;transform:translate(7px)}.a2{right:0;top:59%;height:9%;width:38%;background:#794b70;transform:translate(-7px)}.stage-4 .mascot-frame{filter:saturate(.4) contrast(1.2)}.speech{position:relative;background:#fffef4;border:1px solid #87949a;border-radius:10px;padding:14px 12px;font-size:13px;line-height:1.5;font-weight:700;min-height:85px;box-shadow:2px 3px #c1c4ad}.speech:before{content:"";position:absolute;top:-11px;left:23px;border-bottom:11px solid #fffef4;border-left:10px solid transparent;border-right:10px solid transparent}.friend-status{margin-top:12px;border-top:1px dashed #aab2a2;padding-top:10px;font-family:monospace;font-size:9px;line-height:1.4;color:#6a7370}.files-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.file{min-width:0;min-height:86px;background:#e8eadf;border:1px solid #aab8b1;display:grid;justify-items:start;gap:3px;padding:9px;text-align:left;color:#335156}.file:hover:not(:disabled){background:#fff6c2}.file:disabled{opacity:.48}.file span{font-size:19px}.file strong{font-size:10px;overflow-wrap:anywhere}.file small{font-size:9px;color:#6e7b76}.notes{display:grid;gap:8px}.notes article{background:#e6e7db;border-left:5px solid #82b79f;padding:10px 12px;font-size:12px}.notes article p{margin:4px 0 0;line-height:1.45}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:350px;overflow:auto;padding:3px}.gallery figure{margin:0;background:#e0dfd4;border:1px solid #a8a9a1;padding:4px}.gallery img{display:block;width:100%;height:95px;object-fit:contain;background:#d2d2c6}.gallery figcaption{font-size:9px;font-family:monospace;margin:4px 0 1px}.about-card,.token-card,.restore-card,.share{background:#e7eadd;border:1px solid #a5b5aa;padding:16px;margin:16px 0;display:grid;gap:7px;font-family:monospace;font-size:12px}.about-card strong,.token-card strong{font-size:14px}.restore-card{grid-template-columns:56px 1fr;align-items:center}.restore-card>span{font-size:42px;color:#51826f}.restore-card p,.share p{margin:3px 0}.token-card span{overflow-wrap:anywhere}.token-card .button{justify-self:start}.window-footer{height:auto;min-height:35px;border-top:1px solid #859696;background:#d1d5c8;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 10px;font-size:10px;font-family:monospace;color:#46575b}.window-footer>span{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.window-footer>div{display:flex;gap:8px}.window-footer button{border:0;background:transparent;color:#435360;font-size:10px;text-decoration:underline;min-height:24px}.taskbar{position:fixed;bottom:0;left:0;right:0;height:43px;background:linear-gradient(#3777d8,#1655b7 55%,#1550a9);display:flex;align-items:center;gap:7px;padding:3px 8px;color:#fff;z-index:8;box-shadow:0 -2px 3px #0003;font-size:12px}.start-pill{background:linear-gradient(#89d65a,#3c9a37);border-radius:20px 5px 5px 20px;padding:7px 17px;font-size:15px;font-weight:900;font-style:italic;box-shadow:inset 1px 2px #b6ee7d,2px 2px 2px #124b4e}.task-tab{background:#376fc2;border:1px solid #5e9adf;border-radius:3px;padding:7px 14px;min-width:160px}.task-clock{margin-left:auto;background:#2d81bd;padding:7px 12px;border-left:1px solid #91c1e4}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f151fad;display:grid;place-items:center;padding:18px;z-index:12}.dialog{width:min(470px,100%);background:#efeee2;border:2px solid #fff;box-shadow:0 0 0 2px #204881,10px 13px #0000004d}.dialog-title{min-height:38px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#4e89d4,#2257a7);color:#fff;padding:4px 7px 4px 12px;font-size:13px}.dialog-body{padding:25px;font-size:14px;line-height:1.6}.dialog-body p{margin:0 0 18px}.dialog-body .bigline{font-family:Georgia,serif;font-size:26px;font-weight:900;line-height:1.13;color:#a43f41}.file-icon{font-size:45px}.transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#1b1724d6;color:#e6e7d1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;text-align:center;font-family:monospace;font-size:clamp(17px,4vw,35px);font-weight:700;letter-spacing:.05em;pointer-events:auto}.transition:before{content:"";position:absolute;left:0;right:0;top:45%;height:7%;background:#8aad5a47}.transition button{z-index:1;border:1px solid #e8e9d2;background:#252930;color:#fff;padding:9px 20px;min-height:44px}.toast{position:fixed;z-index:15;right:17px;bottom:57px;background:#f5edda;border:2px solid #2f694f;padding:10px 15px;font-size:12px;box-shadow:4px 4px #252b31}.dust{position:fixed;top:12%;right:12%;color:#615863;z-index:9;opacity:.5;font-size:22px;pointer-events:none}.stage-3 .main-panel,.stage-4 .main-panel{background:#dfdbd1}.stage-4 .desktop:before{opacity:.3}.reduced *,.reduced *:before,.reduced *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(max-width:1000px){.desktop-icons{display:none}.window{width:min(940px,calc(100vw - 30px))}.welcome-copy{padding-left:8%}.welcome-art img{top:22%}.content-grid{grid-template-columns:minmax(0,1fr) 190px}.main-panel{padding:18px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.desktop{padding:10px 8px 55px}.window{width:100%;margin:0;min-height:0}.welcome{grid-template-columns:1fr;min-height:0}.welcome-copy{padding:37px 25px 0}.welcome h1{font-size:clamp(55px,12vw,80px);margin:18px 0}.welcome p{font-size:14px}.welcome-note{margin-top:22px}.welcome-art{min-height:340px}.welcome-art img{width:min(70%,310px);top:4%;left:50%;transform:translate(-50%)}.ground{bottom:-46%}.game-layout{grid-template-columns:minmax(0,1fr)}.sidebar{padding:5px;border-right:0;border-bottom:1px solid #a2b1a0}.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:3px;scrollbar-width:thin}.sidebar nav button{white-space:nowrap;padding:9px 12px}.content-grid{grid-template-columns:minmax(0,1fr)}.mascot-panel{grid-row:1;display:grid;grid-template-columns:80px minmax(0,1fr);gap:7px;align-items:center}.mascot-top,.friend-status{display:none}.mascot-frame{width:80px;height:80px;margin:0;grid-row:1}.speech{min-height:70px;margin:0}.speech:before{top:22px;left:-19px;transform:rotate(-90deg)}.content{padding:12px}.main-panel{padding:18px}.tile-grid{max-width:none;width:100%}.tile{height:68px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.task-clock{font-size:10px}.task-tab{min-width:0}.menubar-right{display:none}}@media(max-width:420px){.welcome-copy{padding:27px 17px 0}.welcome-art{min-height:295px}.welcome-art img{width:69%}.action-row .button{flex:1 1 140px}.files-grid,.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.main-panel h2{font-size:29px}.titlebar small{display:none}.window-footer{align-items:flex-start;flex-direction:column}.window-footer>span{max-width:100%}.task-clock{display:none}.task-tab{flex:1}.desktop{padding-bottom:55px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.promo-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px;max-width:455px}.promo-row .button{font-size:11px;min-height:44px}.welcome-note{margin-top:27px}.link-strip{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:7px 12px;background:#e9ecdb;border-bottom:1px solid #9baaa3}.link-strip>span{font:900 10px monospace;letter-spacing:.08em;color:#587373;margin-right:auto}.link-strip .button{min-height:44px;padding:8px 12px;font-size:10px}.link-strip .button.disabled,.promo-row .button.disabled{opacity:.72}@media(max-width:720px){.link-strip>span{width:100%}.link-strip .button{flex:1 1 150px}.promo-row .button{flex:1 1 160px}}