*{box-sizing:border-box}body{color:#183f37;background:#d7e9e6;margin:0;font-family:system-ui,-apple-system,PingFang SC,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer;border:0}button:focus-visible{outline-offset:4px;outline:4px solid #efbc47}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}#game{width:100%;height:100%;display:block;position:fixed;inset:0}header{pointer-events:none;align-items:center;gap:20px;display:flex;position:fixed;top:30px;left:3.3vw;right:3.3vw}.brand{align-items:center;gap:16px;display:flex}.brand>b{letter-spacing:-3px;color:#fff;background:#216451;border-radius:18px;padding:7px 16px;font-size:36px}.brand>b span{vertical-align:top;letter-spacing:0;font-size:12px}.brand>div{font-size:22px;font-weight:750}.brand small{letter-spacing:2px;margin-top:4px;font-size:11px;font-weight:500;display:block}#stats{background:#fffdf2ed;border-radius:18px;gap:30px;margin-left:auto;padding:16px 24px;font-size:15px;display:flex;box-shadow:0 8px 30px #244c3c12}#stats b{margin-left:8px;font-size:23px;display:inline-block}header button{pointer-events:auto}.round{color:#285b4a;background:#fffdf2ee;border-radius:50%;width:52px;height:52px;font-size:25px}#menu{width:420px;max-width:43vw;position:fixed;top:20vh;left:7vw}.eyebrow{letter-spacing:4px;color:#33775e;font-size:14px;font-weight:700}h1{letter-spacing:-2px;margin:20px 0 18px;font-size:clamp(44px,5.1vw,76px);line-height:1.18}h1 span{color:#e97945}p{color:#557269;margin:0 0 24px;font-size:19px;line-height:1.75}.guide{gap:12px;margin-bottom:28px;font-size:15px;display:grid}.guide>div{align-items:center;gap:10px;display:flex}kbd{white-space:nowrap;background:#fffef1d9;border:1px solid #a9c5b6;border-bottom-width:3px;border-radius:7px;padding:4px 9px;font:600 14px system-ui}#start-btn,#resume-btn{color:#fffaf0;background:#216451;border-radius:14px;min-width:250px;padding:17px 34px;font-size:23px;font-weight:700;transition:transform .15s;box-shadow:0 7px #194b3d}#start-btn:hover:not(:disabled),#resume-btn:hover{transform:translateY(-3px)}#load-info{color:#5c776d;margin-top:18px;font-size:12px;display:block}footer{color:#537566;letter-spacing:1px;justify-content:space-between;font-size:13px;display:flex;position:fixed;bottom:28px;left:3.3vw;right:3.3vw}#playing-hint{white-space:nowrap;background:#fffdf1ed;border-radius:14px;align-items:center;gap:18px;padding:14px 20px;font-size:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#toast{opacity:0;pointer-events:none;background:#fff9dfed;border-radius:14px;padding:12px 24px;font-size:23px;font-weight:700;transition:opacity .2s;position:fixed;top:120px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#173f3755;place-items:center;display:grid;position:fixed;inset:0}#overlay section{text-align:center;background:#fffdf1;border:1px solid #fff;border-radius:28px;min-width:420px;padding:40px 55px;box-shadow:0 25px 100px #11372e33}#overlay-tag{color:#dc8850;letter-spacing:4px;font-size:14px;font-weight:750}h2{margin:14px 0;font-size:48px}.secondary{color:#496d5d;background:0 0;margin:24px auto 0;font-size:17px;display:block}body.playing #menu-foot{display:none}@media (height<=720px){#menu{top:17vh}h1{margin:14px 0;font-size:52px}.guide{margin-bottom:20px}p{margin-bottom:15px;font-size:17px}header{top:18px}}@media (width<=760px){#menu{max-width:55vw;left:5vw}h1{font-size:40px}#playing-hint{gap:8px;padding:10px;font-size:11px}#stats{gap:10px;padding:12px}#stats b{font-size:17px}.brand small{display:none}.brand>div{font-size:16px}}#menu-shade{pointer-events:none;background:linear-gradient(90deg,#dcece5ed 0%,#e4eee5c9 48%,#e4eee500 100%);position:fixed;inset:0 42% 0 0}body.playing #menu-shade{display:none}.guide{font-size:17px}kbd{font-size:16px}.fun-guide{flex-wrap:wrap;gap:15px;margin:-10px 0 20px;font-size:16px;display:flex}#fun-keys{gap:8px;display:flex;position:fixed;top:108px;right:3.3vw}#fun-keys button{color:#285b4a;background:#fffdf1ef;border:2px solid #0000;border-radius:12px;padding:10px 13px;font-size:17px}#fun-keys button.active{background:#fff1cf;border-color:#e97945}@media (height<=760px){.guide{gap:8px;margin-bottom:18px}.fun-guide{margin-bottom:15px;font-size:15px}#menu{top:16vh}h1{margin:12px 0;font-size:46px}#start-btn{padding:13px 30px}}#switch-game{z-index:15;color:#25604c;background:#fff8df;border:2px solid #4b9475;border-radius:16px;padding:16px 22px;font-size:24px;font-weight:800;text-decoration:none;position:fixed;top:110px;left:32px;box-shadow:0 5px 18px #164c3820}body:not(.playing) #switch-game{left:auto;right:32px}@media (height<=760px){#switch-game{padding:12px 18px;font-size:21px;top:100px}}#overlay.gameover #restart-btn{color:#fffaf0;background:#216451;border-radius:14px;min-width:250px;padding:16px 32px;font-size:24px;font-weight:750;box-shadow:0 6px #194b3d}#night-btn{z-index:15;color:#25604c;background:#fff8df;border:1px solid #78adbc;border-radius:12px;padding:12px 18px;font-size:22px;font-weight:750;position:fixed;bottom:142px;left:32px}body.night{color:#e1edff;background:#070e25}body.night #menu-shade{background:linear-gradient(90deg,#070e25ee,#070e25a0,#0000)}body.night p,body.night #load-info,body.night footer,body.night .eyebrow{color:#b8cdec}body.night #stats,body.night #fun-keys button,body.night #playing-hint,body.night #toast,body.night #energy,body.night #night-btn,body.night #switch-game,body.night #sound-btn,body.night .round{color:#e1edff;border:1px solid #426883;box-shadow:0 0 20px #26cff51a;background:#13233eee!important}body.night kbd{color:#cdefff;background:#1c3555;border-color:#507896}body.night #overlay section{background:#13233e}body.night #fun-keys button.active{border-color:#56e9ff;box-shadow:0 0 15px #56e9ff66}body.night .secondary{color:#c6deff}.mobile-guide{display:none}body.touch-device header{left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));top:calc(10px + env(safe-area-inset-top));z-index:40;gap:8px}.touch-device .brand>b{padding:6px 12px;font-size:26px}.touch-device .brand>div{font-size:18px}.touch-device .brand small,.touch-device.playing .brand{display:none}.touch-device #stats{border-radius:14px;flex:1;justify-content:space-around;gap:12px;margin:0;padding:10px 14px;font-size:15px;display:flex}.touch-device #stats b{margin-left:6px;font-size:23px}.touch-device #best,.touch-device #stats>span:last-child{display:none}.touch-device .round{flex-shrink:0;width:46px;height:46px}.touch-device #playing-hint,.touch-device #menu-foot,.touch-device .guide,.touch-device .fun-guide,.touch-device #energy{display:none!important}.touch-device #toast{top:calc(76px + env(safe-area-inset-top));text-shadow:0 1px 4px #0008;text-align:center;white-space:normal;pointer-events:none;z-index:2;width:90vw;padding:5px 14px;font-size:17px;box-shadow:none!important;background:0 0!important;border:0!important}.touch-device #menu{left:7vw;right:7vw;top:calc(92px + env(safe-area-inset-top));bottom:calc(20px + env(safe-area-inset-bottom));touch-action:pan-y;scrollbar-width:none;width:auto;max-width:none;overflow-y:auto}.touch-device h1{margin:14px 0;font-size:clamp(40px,12vw,56px)}.touch-device #menu p{margin-bottom:18px;font-size:18px;line-height:1.6}.touch-device .mobile-guide{color:inherit;font-weight:600;display:block;font-size:18px!important}.touch-device #start-btn{width:100%;padding:16px;font-size:24px}.touch-device #load-info{margin-top:14px;font-size:14px}.touch-device #menu-shade{background:linear-gradient(90deg,#dcece5f0,#dcece555);inset:0}.touch-device.night #menu-shade{background:linear-gradient(90deg,#070e25ef,#070e2588)}.touch-device #home-settings,.touch-device #pause-settings{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 12px;display:grid}.touch-device #switch-game,.touch-device #night-btn,.touch-device #sound-btn,.touch-device #fun-keys{text-align:center;border-radius:12px;margin:0;padding:10px!important;font-size:17px!important;position:static!important;inset:auto!important;transform:none!important}.touch-device #switch-game{grid-column:1/-1;display:block}.touch-device #fun-keys{grid-column:1/-1;gap:6px;display:flex;padding:0!important}.touch-device #fun-keys button{flex:1;padding:10px 4px;font-size:16px}.touch-device #fun-keys kbd{display:none}.touch-device #overlay{z-index:30;padding:calc(80px + env(safe-area-inset-top)) 12px calc(16px + env(safe-area-inset-bottom));background:#06132380;place-items:start center}.touch-device #overlay section{touch-action:pan-y;width:100%;min-width:0;max-width:460px;max-height:100%;padding:22px;animation:.18s ease-out drop-menu;overflow-y:auto}.touch-device #overlay h2{margin:10px 0;font-size:32px}.touch-device #overlay p{font-size:17px}.touch-device #resume-btn{width:100%;min-width:0;font-size:22px}.touch-device .secondary{font-size:18px}.touch-device #overlay-tag{font-size:13px}@keyframes drop-menu{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media (height<=680px){.touch-device #menu h1{font-size:38px}.touch-device #menu p{margin-bottom:12px;font-size:16px}.touch-device #home-settings{margin-top:14px}.touch-device #menu{top:80px}.touch-device #load-info{margin-top:10px}}.touch-device #home-settings #fun-keys{display:none}.touch-device[data-orientation=landscape] #menu{top:calc(62px + env(safe-area-inset-top));left:calc(24px + env(safe-area-inset-left));right:calc(24px + env(safe-area-inset-right));grid-template-columns:1fr 1fr;align-content:start;gap:8px 28px;display:grid}.touch-device[data-orientation=landscape] #menu[hidden]{display:none}.touch-device[data-orientation=landscape] #menu h1{margin:4px 0;font-size:32px}.touch-device[data-orientation=landscape] #menu p{margin:4px 0;font-size:16px}.touch-device[data-orientation=landscape] #home-settings{grid-area:1/2/span 8}.touch-device[data-orientation=landscape] #overlay{padding-top:calc(64px + env(safe-area-inset-top))}.touch-device[data-orientation=landscape] #overlay section{max-width:620px;padding:14px}.touch-device[data-orientation=landscape] #overlay h2{margin:2px;font-size:24px}.touch-device[data-orientation=landscape] #overlay p{margin:6px}.touch-device[data-orientation=landscape] #pause-settings{grid-template-columns:1fr 1fr;gap:8px;display:grid}.touch-device[data-orientation=landscape] #home-settings{align-content:start;align-self:start}.touch-device[data-orientation=landscape] #home-settings>*{min-height:48px}