:root{font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;color:#12346b;background:#dff8ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(#8edfff,#fff2c9);overscroll-behavior:none}.wrap{width:min(980px,calc(100% - 28px));margin:auto;padding:14px 0 24px}header{display:flex;align-items:center;justify-content:space-between;gap:18px;height:58px}.back{color:#12346b;font-weight:900;text-decoration:none;font-size:13px;padding:6px 12px;border:2px solid #12346b22;border-radius:12px;background:#fffdf2cc;transition:background .15s}.back:hover{background:#fffdf2}.title{text-align:center}.title span{font-size:10px;font-weight:900;letter-spacing:.2em;color:#e44d92}.title h1{margin:2px 0;font-size:clamp(22px,5vw,36px);letter-spacing:-.06em}.score{min-width:70px;text-align:right}.score span{display:block;font-size:9px;font-weight:900;letter-spacing:.16em}.score strong{font-size:28px;color:#f27642}.stage{position:relative;overflow:hidden;border:4px solid #12346b;border-radius:28px;background:#8edfff;box-shadow:8px 10px 0 #12346b22;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.stage canvas{display:block;width:100%;height:min(66vh,540px);min-height:400px;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.panel{position:absolute;inset:0;margin:auto;width:min(355px,calc(100% - 34px));height:max-content;padding:27px 22px 24px;text-align:center;border:3px solid #12346b;border-radius:24px;background:#fffdf2;box-shadow:7px 8px 0 #12346b33}.panel.hidden{display:none}.sun{font-size:45px}.panel h2{margin:2px 0 8px;font-size:clamp(22px,5.5vw,27px);line-height:1.15;letter-spacing:-.04em}.panel p{margin:0 0 19px;line-height:1.45}.panel button{border:3px solid #12346b;border-radius:13px;padding:13px 26px;color:#12346b;background:#ffd84d;font:900 15px inherit;box-shadow:0 4px 0 #12346b;cursor:pointer}.panel button:active{transform:translateY(3px);box-shadow:0 1px 0 #12346b}.panel small{display:block;margin-top:16px;font-size:11px;color:#52719e}.crash-icon{font-size:45px}.final{font-size:18px!important}.final b{color:#f27642}.controls{text-align:center;color:#315986;font-size:12px;font-weight:700;margin-top:12px}.controls span{margin:0 8px;color:#f27642}@media(max-width:600px){.wrap{width:calc(100% - 16px);padding:8px 0 16px}header{height:52px}.back{font-size:11px;padding:5px 10px}.title h1{font-size:22px}.score strong{font-size:22px}.stage{border-radius:20px;border-width:3px}.stage canvas{min-height:380px;height:calc(100svh - 150px);max-height:500px}.controls{font-size:10px;margin-top:8px}}