:root{color:#224765;background:#6eb7df;font-family:Trebuchet MS,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;font-weight:600}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 50% 0%,#a0e3f0,#76c2e3 45%,#5c96d0)}button,input{font:inherit;color:inherit}button{min-width:44px;min-height:44px;border:0;border-radius:16px;cursor:pointer;padding:11px 17px;touch-action:manipulation;position:relative;isolation:isolate}button:focus-visible,input:focus-visible{outline:3px solid #ffd551;outline-offset:4px}button:disabled{opacity:.45;cursor:default}.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}button .face{display:flex;align-items:center;justify-content:center;gap:9px;transition:transform .12s cubic-bezier(.22,1,.36,1)}button:active .face{transform:scale(.96);transition-duration:70ms}button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 2px #ffffff75;pointer-events:none}.primary{color:#fffdf1;background:linear-gradient(#9ed74d,#6eb535);box-shadow:0 5px #43832d,0 8px 16px #234f6b30;border:2px solid #e4f6a2;font-size:1.12rem;font-weight:900;width:100%;text-shadow:0 2px 1px #49792b}.primary:active{box-shadow:0 3px #43832d,0 5px 8px #234f6b20}.ghost,.icon-button{background:linear-gradient(#fff,#e7f3fb);border:2px solid #fff;box-shadow:0 4px #8eb8d0,0 5px 12px #28598116;color:#316186;font-weight:800}.icon-button{display:grid;place-items:center;padding:9px;min-width:48px;min-height:48px}.icon-button .icon{width:25px;height:25px}#app{height:100vh;height:100dvh;display:grid;min-width:0;position:relative;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#app.portrait{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top" "stage" "bottom"}#app.landscape{grid-template-columns:220px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"top stage" "bottom stage"}#app[data-screen=play]{background:linear-gradient(180deg,#059bca,#00c6dc 62%,#05dee0)}#app[data-screen=play] .hud-score{background:#233e80;border:2px solid #9dcded;box-shadow:0 3px #1a3970}#app[data-screen=play] .hole-medal{background:linear-gradient(#8378cf,#5c50a8);border-color:#c8bffa;color:#fff;box-shadow:0 4px #453a85}#topbar{grid-area:top;position:relative;z-index:2;padding:16px 16px 5px}#bottombar{grid-area:bottom;position:relative;z-index:2;padding:4px 18px 16px}#stage{grid-area:stage;position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none}#game{position:absolute;top:0;right:0;bottom:0;left:0}#game canvas{position:absolute;left:0;top:0;display:block}.brand{text-align:center}.brand-kicker{font-size:10px;letter-spacing:3px;color:#ecfaff;font-weight:800}.brand h1{margin:4px 0 5px;font-size:clamp(29px,6vw,48px);line-height:1.15;color:#ffeb7d;letter-spacing:1px;font-weight:1000;text-shadow:0 3px 0 #b77843,0 6px 0 #735c96,0 9px 12px #345d8340;-webkit-text-stroke:1px #fff8bc}.brand p{font-size:12px;color:#f4fcff;letter-spacing:2px;margin:10px 0 0}.brand.small h1{font-size:25px}.panel,.sheet{display:flex;flex-direction:column;gap:13px}.home-panel{max-width:380px;margin:auto}.start-button{font-size:1.28rem;min-height:54px}.home-stats{display:flex;align-items:center;justify-content:center;gap:17px;font-size:12px;color:#f2fbff;margin-top:2px;text-shadow:0 1px #3671a766}.home-stats span{display:flex;align-items:center;gap:4px}.home-stats .icon{width:17px;height:17px;color:#ffe88d;fill:#ffdf61}.row{display:flex;gap:10px}.row>button{flex:1}.row .icon{width:20px;height:20px}.row .ghost{font-size:13px;padding:10px 9px}.hud{display:grid;grid-template-columns:1fr auto 48px;gap:8px;align-items:center;max-width:820px;margin:auto}.hud-id{display:flex;gap:9px;align-items:center}.hud-id strong{font-size:17px;color:#fff;text-shadow:0 2px #447dae}.hud-id span{display:block;font-size:10px;color:#e8f8ff;margin-top:2px}.hole-medal{position:relative;display:grid;place-items:center;width:41px;height:41px;flex-shrink:0;background:#f9e9b3;border:3px solid #fff5ce;border-radius:13px;box-shadow:0 4px #b38e53;color:#cf6171}.hole-medal .icon{width:22px;height:22px}.hole-medal b{position:absolute;bottom:-7px;right:-5px;background:#598a36;border:2px solid #ecf3b8;border-radius:8px;padding:0 4px;font-size:10px;color:#fff}.hud-score{color:#fff;font-size:13px;line-height:1.5;padding:8px 12px;border:1px solid #ffffff59;border-radius:13px;background:#397ba536;white-space:nowrap}.course-name{grid-column:1/-1;text-align:center;color:#edfaff;font-size:11px;letter-spacing:2px;margin-top:1px}.play-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;color:#fff;line-height:1.45;font-size:13px;text-shadow:0 1px #3b699d60}.hint{margin:0}.hint-dot{width:6px;height:6px;border-radius:50%;background:#fae386;box-shadow:0 0 0 4px #ffeaa222;flex-shrink:0}.input-steps{text-align:center;font-size:10px;letter-spacing:2px;color:#dceeff}#modal[hidden],#toast[hidden],#sync-status[hidden]{display:none!important}#modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:20px;background:#143e6580;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet{width:min(420px,100%);max-height:100%;overflow:auto;background:linear-gradient(#f8fcff,#e8f4fb);border:4px solid #fff;border-radius:27px;padding:24px 22px;box-shadow:0 8px #80b4cf,0 18px 40px #163a6650;animation:sheet-enter .22s cubic-bezier(.22,1,.36,1) both;text-align:center}.sheet h2{font-size:25px;font-weight:900;letter-spacing:-.4px;color:#325676;margin:0}.sheet h3{margin:8px 0 0;text-align:left;font-size:15px}.sheet>button{width:100%;flex-shrink:0}.sheet p{margin:0}.sheet.wide{width:min(740px,100%);gap:16px}.sheet.compact{width:min(360px,100%)}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.sheet-head h2{font-size:22px}.sheet-head button{font-size:12px;white-space:nowrap}.sheet label{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;min-height:48px;border-bottom:1px solid #cce1ed;padding-bottom:8px}.sheet input[type=range]{width:min(180px,45%);accent-color:#74b83e}.sheet .check{justify-content:flex-start;border:0}.check input{width:22px;height:22px;accent-color:#76b940}.modal-emblem{margin:0 auto;width:64px;height:64px;display:grid;place-items:center;border:4px solid #ffefb0;border-radius:50%;background:linear-gradient(#ffe58b,#efb647);box-shadow:0 4px #c18a42;color:#fff;transform:rotate(-7deg)}.modal-emblem .icon{width:38px;height:38px;stroke-width:2.5}.result-ribbon{align-self:center;padding:6px 25px;background:#7a70b6;color:#fff;border-radius:8px;font-size:12px;box-shadow:0 3px #53508b}.result .trophy{margin-top:2px}.result h2{font-size:27px;color:#438758}.result-score{display:flex;gap:12px;align-items:center;justify-content:center}.result-score b{font-size:38px;color:#385c76;line-height:1}.result-score span{padding:5px 10px;border-radius:9px;background:#d4e7f1;font-size:12px}.best{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;color:#7f8e94;padding-bottom:5px}.best .icon{width:15px;height:15px;color:#c49b45;fill:#f1d479}.stars{display:flex;align-items:center;justify-content:center;gap:8px;font-size:38px;color:#c8d7e3;line-height:1.15}.stars .star{text-shadow:0 3px #a2b8ca}.stars .on{color:#ffd454;text-shadow:0 3px #d99a3c,0 0 14px #ffdd7750}.stars:not(.still) .star{animation:star-pop .16s cubic-bezier(.2,1.5,.5,1) both}.stars .count{font-size:11px;color:#698494;text-shadow:none}.stars .star:nth-child(2){font-size:46px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.card{padding:0 0 10px;display:flex;align-items:center;flex-direction:column;background:#fff;border:2px solid #d0e5ef;border-radius:15px;overflow:hidden;gap:5px;box-shadow:0 3px #bfd6e5;min-height:142px}.card-art{height:66px;position:relative;width:100%;display:grid;place-items:center;background-color:#89c448;background-image:conic-gradient(#ffffff14 25%,transparent 0 50%,#ffffff14 0 75%,transparent 0);background-size:28px 28px;border-bottom:6px solid #efdb9e}.card-art>.icon{width:30px;height:30px;color:#f35779;filter:drop-shadow(2px 4px 0 #467d4740)}.card-art .num{position:absolute;left:6px;top:5px;background:#ffffffde;border-radius:8px;min-width:21px;padding:2px 3px;color:#4b7c32;font-size:11px}.card strong{font-size:12px;padding:0 3px}.card em{font-size:11px;font-style:normal;color:#c29433}.card small{color:#90a5b1;font-size:10px}.card.locked{opacity:.68}.card-art.is-locked{background-color:#9bbab0}.card-art.is-locked>.icon{color:#ecf6f5;width:23px}.summary{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0;text-align:left}.summary li{display:grid;grid-template-columns:1fr auto 30px;gap:12px;padding:9px 2px;border-bottom:1px solid #d1e4ee;font-size:13px}.summary li>span:nth-child(2){color:#d7a03d}.summary li>b{text-align:right}.stats{font-size:13px;color:#6790a7}.completion-title{font-size:19px;color:#4f983c}#toast{position:fixed;z-index:6;pointer-events:none;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);background:#285577ed;color:#fff;padding:12px 16px;border:1px solid #8dc8e5;border-radius:14px;max-width:calc(100% - 24px);font-size:13px;text-align:center}#sync-status{position:fixed;z-index:7;top:5px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;background:#fff3cd;border:2px solid #fff;border-radius:14px;box-shadow:0 5px 20px #264d6740;padding:5px 7px 5px 12px;max-width:calc(100% - 12px);font-size:11px;color:#775e2e}#sync-status button{padding:6px 9px;min-height:44px;background:#f3d580;white-space:nowrap}.practice-recover{background:#e4f6ff;color:#326088;font-size:12px}.loading-sheet{align-items:center;gap:25px;padding:35px}.loading-ball{width:35px;height:35px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#fff 25%,#c1e0db 80%);box-shadow:0 7px #bed7e2;animation:loading-bob .9s ease-in-out infinite}.loading-track{height:10px;width:80%;border-radius:8px;background:#cddfea;overflow:hidden}.loading-track i{display:block;width:45%;height:100%;background:#83c04a;border-radius:8px;animation:loading-progress 1.4s ease-in-out infinite}.landscape #topbar{padding:28px 15px 10px}.landscape #bottombar{padding:12px 15px 24px}.landscape .brand h1{font-size:36px;line-height:1.3}.landscape .brand-kicker{font-size:8px;letter-spacing:2px}.landscape .brand p{font-size:10px;letter-spacing:1px}.landscape .home-panel .row{flex-direction:column}.landscape .home-stats{flex-direction:column;gap:6px}.landscape .hud{grid-template-columns:1fr 48px;gap:20px 7px}.landscape .hud-id{grid-column:1/-1}.landscape .hud-score{grid-column:1/-1;text-align:center;font-size:15px;white-space:normal}.landscape .hud .icon-button{grid-column:2;grid-row:3}.landscape .course-name{grid-column:1;grid-row:3;font-size:12px;line-height:1.7;letter-spacing:1px;text-align:left}.landscape .play-hint{font-size:12px;text-align:center;padding:5px 0}.landscape .input-steps{font-size:9px;letter-spacing:0}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important;transition:none!important}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important}.pause-sheet,.confirm-sheet{animation:none}.practice-notice{margin:0;text-align:center;color:#fff;font-size:12px}@keyframes sheet-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes star-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes loading-bob{50%{transform:translateY(-7px);box-shadow:0 14px #bed7e266}}@keyframes loading-progress{0%{transform:translate(-100%)}to{transform:translate(325%)}}@media(max-width:600px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet.wide{padding:20px 15px}.sheet.compact{gap:10px;padding:19px 18px}.sheet h2{font-size:22px}}@media(max-width:360px){#topbar{padding:10px 10px 4px}#bottombar{padding:3px 12px 12px}.hud{gap:6px;grid-template-columns:1fr auto 44px}.hud-score{padding:7px;font-size:11px}.hud-id{gap:7px}.hud-id strong{font-size:14px}.hole-medal{width:32px;height:35px}.hud .icon-button{min-width:44px;min-height:44px}.brand h1{font-size:29px}.brand p{margin-top:8px;font-size:10px}.home-stats{font-size:10px;gap:10px}.start-button{min-height:49px}.panel{gap:10px}.play-hint{font-size:11px}.input-steps{font-size:9px}}@media(orientation:landscape)and (max-height:450px){#app.landscape{grid-template-columns:190px minmax(0,1fr)}.landscape #topbar{padding:15px 12px 5px}.landscape #bottombar{padding:4px 12px 10px}.landscape .brand h1{font-size:29px}.landscape .brand p{display:none}.landscape .home-panel{gap:8px}.landscape .home-panel .row{flex-direction:row}.landscape .home-panel .row .icon{display:none}.landscape .start-button{min-height:46px;font-size:16px}.landscape .home-stats{font-size:10px;gap:3px}.sheet.compact{max-width:460px;padding:15px 20px;gap:9px}.result .modal-emblem{display:none}.result .stars{font-size:26px}.result .stars .star:nth-child(2){font-size:31px}.result .result-score b{font-size:27px}.result h2{font-size:21px}.result .result-ribbon{display:none}.result .best{padding:0}.sheet .primary,.sheet .ghost{min-height:44px;padding:7px 12px}}