@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito+Sans:wght@500;600;700;800;900&display=swap');
:root{font-family:'Nunito Sans',sans-serif;color:#193b31;background:#c9dfab;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:4px solid #ef7052;outline-offset:5px}[hidden]{display:none!important}#app{height:100svh;min-height:650px;overflow:hidden;position:relative}#game{position:absolute;inset:0;width:100%;height:100%;display:block}header{position:absolute;left:3.2%;right:3.2%;top:28px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{pointer-events:auto;color:#193b31;text-decoration:none;font-weight:1000;line-height:.83;font-size:31px;letter-spacing:-1.7px;transform:rotate(-5deg)}.brand>span{display:block;font-size:23px;letter-spacing:0}.brand-dot{color:#f26f4b;font-size:18px;margin-left:4px}.park{font-weight:900;font-size:12px;letter-spacing:1.9px;margin-left:auto;margin-right:28px}.park>span{background:#193b31;color:#fafaf0;padding:5px 7px;border-radius:6px;margin-right:8px;letter-spacing:0}.top-actions{display:flex;gap:8px;pointer-events:auto}.icon-button{border:1px solid #193b3122;border-radius:50%;background:#ffffefba;color:#193b31;width:46px;height:46px;font-size:25px;display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:0 3px 0 #193b310a}.icon-button span{font-size:9px;font-weight:900}.timer-panel{position:absolute;top:27px;left:50%;transform:translateX(-50%);background:#fffef3;border:1px solid #fff9;border-radius:22px;padding:13px 29px 15px;text-align:center;box-shadow:0 6px 0 #193b3110;min-width:150px}.timer-panel>span{font-size:10px;letter-spacing:2px;font-weight:900}.timer-panel strong{font-family:'Baloo 2',sans-serif;display:block;line-height:1.05;font-size:43px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-1px}.time-track{margin-top:6px;height:4px;border-radius:4px;background:#e5eadb;overflow:hidden}.time-track i{display:block;background:#f1794d;height:100%;width:100%;transition:width .2s}.menu{position:absolute;left:6.2%;top:50%;transform:translateY(-47%);width:355px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.6px}.tiny-star{color:#ed6b47;font-size:24px;vertical-align:middle;margin-right:5px}h1{font-family:'Baloo 2',sans-serif;font-weight:800;font-size:81px;line-height:.95;letter-spacing:-3px;margin:21px 0 20px}h1>span{color:#ed6947;display:inline-block;transform:rotate(-3deg);text-shadow:0 4px #fff6}.intro{font-size:16px;line-height:1.65;font-weight:700;margin:0}.mission{display:flex;align-items:center;gap:18px;margin:25px 0}.mission-number{font-family:'Baloo 2',sans-serif;font-weight:800;font-size:48px;line-height:1;background:#fffcea;border-radius:16px;padding:10px 15px;transform:rotate(-5deg)}.mission-number>span{font-family:'Nunito Sans',sans-serif;font-size:14px;margin-left:3px}.mission p{font-size:15px;line-height:1.6;margin:0}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;background:#193b31;color:#fffdec;border:0;border-radius:16px;padding:17px 22px;font-size:20px;font-weight:900;box-shadow:0 5px 0 #0c241b;transition:transform .15s,background .15s}.primary:hover{background:#285944;transform:translateY(-2px)}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #0c241b}.primary:disabled{opacity:.65}.primary>span{font-size:28px;line-height:1}.keyboard-note{font-size:11px;text-align:center;font-weight:800;margin-top:16px;opacity:.7}.character-tag{position:absolute;pointer-events:none;background:#fffcef;border-radius:12px;padding:9px 15px;transform:translate(-50%,-100%) rotate(5deg);font-weight:1000;font-size:21px;box-shadow:0 4px #163c3022}.character-tag span{font-size:9px;display:block;letter-spacing:1.6px;text-align:center;color:#d65e42}.character-tag:after{content:'';position:absolute;border:8px solid transparent;border-top-color:#fffcef;bottom:-15px;left:45%}footer{position:absolute;bottom:25px;left:3.2%;right:3.2%;display:flex;align-items:center;justify-content:space-between;gap:20px}.controls{display:flex;gap:20px;background:#fffdf2ec;padding:14px 20px;border-radius:16px;border:1px solid #fff8;box-shadow:0 4px #193b3110}.controls>div{display:flex;gap:4px;align-items:center}.controls span{font-size:12px;font-weight:800;margin-left:4px}kbd{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:28px;border:1px solid #cbd0be;border-bottom:3px solid #cbd0be;border-radius:6px;font-size:12px;font-weight:900;background:#fffef7}.space{padding:0 10px;font-size:10px}.footer-tip{font-size:12px;font-weight:900}.status{position:absolute;bottom:111px;left:50%;transform:translateX(-50%);padding:12px 21px;background:#fffbed;border-radius:30px;font-size:15px;font-weight:900;white-space:nowrap;box-shadow:0 4px #193b3122}.status.danger{background:#f47b56;color:#291d13}.countdown{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-family:'Baloo 2',sans-serif;font-size:115px;font-weight:800;color:#fffced;text-shadow:0 6px #193b3155}.result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(430px,90%);background:#fffcef;border:2px solid #fff;border-radius:30px;text-align:center;padding:35px;box-shadow:0 15px 0 #193b3122}.result h2{font-family:'Baloo 2',sans-serif;font-size:55px;line-height:1.05;margin:20px 0 12px;letter-spacing:-1.5px}.result p{font-size:17px;line-height:1.6;margin-bottom:25px}.playing .park{visibility:hidden}.playing .timer-panel{top:25px}.playing .footer-tip{color:#183f31}.playing .brand{background:#fffcefcc;padding:10px;border-radius:12px}
@media(min-width:1600px){.menu{left:9%;width:400px}h1{font-size:96px}.intro{font-size:18px}}
@media(max-width:1000px){.park{display:none}.menu{left:5%;width:300px}h1{font-size:69px}.footer-tip{display:none}.controls{gap:13px}.timer-panel{left:auto;right:85px;transform:none;min-width:120px;padding:10px 20px}.timer-panel strong{font-size:35px}}
@media(max-width:600px){#app{min-height:650px}header{top:20px}.brand{font-size:26px}.brand>span{font-size:19px}.menu{width:265px;left:6%;top:49%;background:#e7efcde0;border-radius:24px;padding:20px}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:55px;margin:15px 0}.intro{font-size:14px}.mission{margin:15px 0;gap:10px}.mission p{font-size:12px}.mission-number{font-size:34px}.primary{font-size:16px;padding:13px 16px}.keyboard-note{font-size:10px}.timer-panel{top:17px;right:68px;min-width:90px;padding:8px 14px}.timer-panel strong{font-size:29px}.timer-panel>span{font-size:8px}.controls{gap:10px;padding:10px;flex-wrap:wrap;justify-content:center}.controls span{font-size:11px}.esc{display:none!important}footer{bottom:15px}.status{font-size:12px;max-width:95%;white-space:normal;text-align:center}.character-tag{font-size:16px}}