:root{font-family:Georgia,serif;color:#fff0dc;background:#272c43;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#544562,transparent 65%),#272c43}main{max-width:1250px;margin:auto;padding:26px 26px 70px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}small{font:11px system-ui;letter-spacing:2.5px;color:#e5c99b}h1{font-size:clamp(30px,4vw,46px);font-weight:normal;color:#ffe0a9;margin:7px 0 22px}button,a{font:15px system-ui;color:#f9eddb;background:#46425d;border:1px solid #aa90ad;border-radius:16px;padding:13px 18px;min-height:48px;cursor:pointer}button:hover{background:#605674}button:focus-visible,a:focus-visible{outline:4px solid #ffe5a5;outline-offset:4px}nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}nav button{flex:1}nav button[aria-pressed=true]{background:#e3bd87;color:#332c47;border-color:#ffe2aa}.garden{height:580px;min-height:420px;position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(#484967,#656384 63%,#8da69a 64%,#698779);border:1px solid #bca5bb;isolation:isolate;box-shadow:0 20px 70px #141d3344}.caption{position:absolute;top:20px;left:28px;right:28px;text-align:center;z-index:2;pointer-events:none}h2{font-weight:normal;font-size:29px;margin:5px 0 8px}.caption p{font:15px system-ui;color:#e7dfed;margin:0}.moon{position:absolute;right:30px;top:110px;font-size:70px;color:#ffdf9c;pointer-events:none}#art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;touch-action:none}body.paint #art{pointer-events:auto}#toys{position:absolute;inset:130px 25px 80px;display:flex;align-items:center;justify-content:center;gap:18px;z-index:1;pointer-events:none}#toys button{pointer-events:auto;background:#bcd3b41a;border:2px solid #e5e9cc55;min-width:0;padding:10px;flex:1;max-width:235px;height:225px;position:relative}#toys button svg{display:block;width:100%;height:150px;overflow:visible}#toys button span{display:block;color:#fff3df;font:15px system-ui;margin-top:8px}#message{position:absolute;left:15px;right:15px;bottom:20px;text-align:center;font:18px system-ui;color:#fff2c9;pointer-events:none}#paintTools{position:absolute;bottom:65px;left:15px;right:15px;display:flex;justify-content:center;gap:8px;z-index:3}#paintTools button{font-size:13px;padding:10px;background:#3b3e5de8}body.paint #toys{display:none}footer{font:12px/1.7 system-ui;color:#d3cbdc;text-align:center;margin-top:16px}dialog{max-width:min(590px,94vw);max-height:90dvh;overflow:auto;border:1px solid #d5b493;border-radius:24px;padding:28px;background:#35364f;color:#fff0dc}dialog::backdrop{background:#171b30b8}dialog p{font:15px/1.7 system-ui}.settingsRow{display:flex;gap:10px;flex-wrap:wrap}dialog a{display:inline-block;margin-top:10px}#unlock{position:fixed;right:12px;top:12px;z-index:15;opacity:.55;touch-action:none;width:55px;height:55px;padding:0;font-size:22px}#unlockHint{position:fixed;top:76px;right:12px;background:#252d43ed;border-radius:12px;padding:12px;z-index:16;font:14px system-ui}body.locked main{padding:0;max-width:none}body.locked header,body.locked nav,body.locked footer,body.locked #paintTools,body.locked #gnexBugButton{display:none}body.locked .garden{height:100dvh;border-radius:0;border:0}body.locked .caption{top:28px}body.locked #toys{inset:140px 25px 100px}body.locked #art{touch-action:none}[hidden]{display:none!important}@media(max-width:650px){main{padding:18px 12px 60px}h1{font-size:31px;margin-bottom:17px}small{font-size:8px}header button{padding:10px;font-size:12px}nav{gap:7px}nav button{font-size:12px;padding:9px;flex-basis:40%}.garden{height:570px}.caption{left:10px;right:10px;top:18px}h2{font-size:25px}.caption p{font-size:13px}#toys{inset:120px 14px 85px;display:grid;grid-template-columns:1fr 1fr;gap:10px}#toys button{height:165px;width:100%;max-width:none;padding:8px}#toys button svg{height:115px}#toys button span{font-size:12px;margin:0}body.ghosts #toys{grid-template-columns:repeat(3,1fr);gap:7px}body.ghosts #toys button{height:180px;padding:5px}body.bats #toys{grid-template-columns:repeat(3,1fr);gap:8px}body.bats #toys button{height:155px;padding:5px}body.bats #toys button svg{height:105px}#paintTools{flex-wrap:wrap;bottom:62px}#message{font-size:15px}.moon{font-size:50px;top:95px;right:15px}body.locked #toys{inset:150px 15px 100px}}
