:root{color-scheme:dark;--cream:#f4e7c9;--muted:#a9c3c3;--gold:#eac088;--panel:#153243;--vh:100dvh}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:#173747;overflow:hidden;overscroll-behavior:none;color:var(--cream);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;border:1px solid #d6ebdc35;border-radius:13px;background:#24465abf;min-height:44px}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ffe6b6;outline-offset:4px}button.primary{background:#edc58f;border-color:#f1cea0;color:#173748;font-weight:700;box-shadow:inset 0 1px 0 #fff0cf66,0 8px 30px #101f3322}#app{position:fixed;left:var(--vx,0);top:var(--vy,0);width:var(--vw,100vw);height:var(--vh,100dvh);overflow:hidden;isolation:isolate}#app,#app button,#app button *,#app svg,#app summary{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#game{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#hud{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;align-items:center;gap:16px;z-index:12;pointer-events:none}.logo{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;pointer-events:auto;filter:drop-shadow(0 2px 7px #17304355)}.logo b{font-size:13px;letter-spacing:1.9px}.logo small{display:block;margin-top:5px;font-size:8px;letter-spacing:2.5px;color:#dde8d5a6}.counter{flex:1;text-align:center;filter:drop-shadow(0 1px 3px #173043)}.counter>span{display:block;font-size:10px;font-weight:600;letter-spacing:2px}.counter small{display:block;font-size:9px;letter-spacing:1px;margin-top:7px;opacity:.8}.tools{pointer-events:auto;display:flex;align-items:center;gap:7px}.tools>button{width:39px;min-height:39px;display:grid;place-items:center;padding:0;font-size:21px;background:#17384bb0;backdrop-filter:blur(8px)}svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tools svg{width:20px;height:20px}.tools .game-seo-info{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;width:auto;z-index:25}.tools .game-seo-info summary{min-width:39px;height:39px;padding:0 8px;border-radius:13px;background:#17384bb0;border-color:#d6ebdc35}.game-seo-info svg{width:20px;height:20px;stroke:currentColor;fill:none}.game-info-content{top:76px!important;right:max(14px,env(safe-area-inset-right))!important;max-height:calc(var(--vh) - 94px)!important}#actions{position:absolute;inset:0;pointer-events:none;z-index:14;display:none}.playing #actions{display:block}#actions button{position:absolute;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#1b405657,#1d3e5180);border-color:#dbeade55;backdrop-filter:blur(9px)}#actions button>*{pointer-events:none}#warp{right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));width:91px;height:99px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:27px;box-shadow:inset 0 1px 0 #ffffff21,0 7px 30px #112b4026}#warp svg{width:43px;height:28px;stroke:#f6dfb6;stroke-width:1.5}#warp b{font-size:10px;letter-spacing:2px;font-weight:600}#charges{display:flex;gap:5px;margin-top:2px}#charges i{width:17px;height:3px;background:#a8e3d6;border-radius:4px;box-shadow:0 0 8px #aff2e126}#charges i.empty{background:#b1c6bd35;box-shadow:none}.small-action{width:46px;height:46px;bottom:max(26px,env(safe-area-inset-bottom));border-radius:14px;display:grid;place-items:center}.small-action svg{width:22px;height:22px;stroke:#d5e6dc;stroke-width:1.5}#recall{left:max(22px,env(safe-area-inset-left))}#overview{left:max(78px,calc(env(safe-area-inset-left) + 58px))}#overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:92px 28px 30px;background:linear-gradient(100deg,#102c4266,#1f384812);pointer-events:none}#overlay:empty{display:none}.panel{pointer-events:auto;width:min(1020px,100%);max-height:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:30px 36px;border:1px solid #d1e4d23d;border-radius:24px;background:linear-gradient(130deg,#143546f5,#1f4250f0);backdrop-filter:blur(20px);box-shadow:0 25px 100px #10233755;scrollbar-width:thin;scrollbar-color:#87a8a4 #203e4e}.eyebrow{font-size:9px;letter-spacing:3px;color:var(--gold);margin:0 0 11px}.menu-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.panel h1{font-size:54px;font-weight:500;letter-spacing:-2.5px;line-height:1.05;margin:0}.panel h1 em{font-family:Georgia,serif;color:var(--gold);font-weight:400}.tagline{font-size:12px;line-height:1.8;color:#b6cfcd;margin:12px 0 22px}.stargauge{display:flex;gap:7px;align-items:center;font-size:23px;font-family:Georgia,serif;color:var(--gold);white-space:nowrap}.stargauge small{font:9px Arial;letter-spacing:1px;color:var(--muted)}.menu-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:34px}.label{font-size:9px;letter-spacing:2px;color:var(--muted);margin:14px 0 10px}.chapters{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.chapters button{min-height:35px;font-size:11px}.chapters [aria-pressed=true]{background:#e6c490;color:#203d4c;border-color:#f1d4a7}.chapter-name{font-size:18px;font-weight:500;margin:17px 0 12px}.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.levels button{min-height:58px;padding:8px;font-size:15px;border-color:#d6ebdc20;position:relative}.levels .selected{background:#d2c79813;border-color:#f3d39b}.levels small{display:block;height:10px;font-size:8px;letter-spacing:2px;margin-top:7px;color:#e5c890}.record{font-size:10px;color:var(--muted);line-height:1.8;margin:13px 0}.suits{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.suits button{padding:8px 4px;min-height:75px;font-size:9px}.suits .selected{border-color:#e8c894}.helmet{display:block;width:31px;height:30px;background:linear-gradient(130deg,#fff1d8,var(--suit));border-radius:50% 50% 44% 44%;position:relative;margin:2px auto 9px;box-shadow:inset -3px -3px 4px #45647b44}.helmet:after{content:"";position:absolute;left:8px;top:7px;width:19px;height:13px;border-radius:50%;background:linear-gradient(135deg,#85c4cf,#25415e);border-top:1px solid #c5e7df}.balls{display:flex;gap:7px}.balls button{padding:3px;min-height:33px;width:33px;border-radius:50%;border-color:transparent;background:transparent}.balls .selected{border-color:var(--gold)}.ball-swatch{display:block;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffe6bf,var(--ball));position:relative;overflow:hidden;border:1px solid #17384966}.ball-swatch:after{content:"";position:absolute;left:10px;top:-2px;width:18px;height:26px;border-left:1px solid #573b3966;border-right:1px solid #573b3966;border-radius:50%;transform:rotate(20deg)}.trails{display:flex;gap:7px}.trails button{width:46px;min-height:29px;padding:8px}.trails span{display:block;height:2px;background:linear-gradient(90deg,transparent,var(--trail))}.trails .selected{border-color:var(--gold)}.menu-bottom{border-top:1px solid #c9dfd322;margin-top:24px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.menu-bottom p{font-size:10px;line-height:1.7;color:var(--muted);max-width:430px;margin:0}.menu-bottom .primary{min-width:170px;display:flex;justify-content:space-between;gap:20px;padding:14px 20px}.small-panel{width:min(460px,100%);text-align:center;padding:30px}.small-panel h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:8px 0 14px}.small-panel p{font-size:12px;color:var(--muted);line-height:1.9}.buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:21px}.buttons button{padding:11px 17px;font-size:12px}.medals{display:flex;justify-content:center;gap:20px;margin:20px 0}.medals span{font-size:9px;color:var(--muted)}.medals b{display:block;font-size:32px;color:#607c83;font-weight:400;margin-bottom:6px}.medals .earned b{color:var(--gold);text-shadow:0 0 25px #ffe1aa33}.shot-result{font-size:38px;color:var(--gold);font-family:Georgia,serif;margin:16px 0 4px}.shot-result small{font:10px Arial;letter-spacing:2px;color:var(--muted);margin-left:10px}#lesson{position:absolute;bottom:max(35px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:15px;background:#173b4de8;border:1px solid #d4e0b84a;z-index:16;max-width:min(420px,calc(100% - 250px));backdrop-filter:blur(8px)}#lesson[hidden]{display:none}#lesson span{font-size:10px;line-height:1.6;color:#f0dec0}#lesson button{min-height:30px;padding:4px 9px;font-size:9px;white-space:nowrap;background:#e2c38a;color:#243e4b}#storage{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:9px;color:#f2d1ad;max-width:65%;text-align:center;z-index:30;margin:0}#loading{position:absolute;inset:0;z-index:60;display:grid;place-items:center;background:#173747;color:#ebd9b7;font-size:12px;letter-spacing:2px}#loading[hidden]{display:none}@media(max-width:600px) and (min-height:561px){#hud{left:max(15px,env(safe-area-inset-left));right:max(15px,env(safe-area-inset-right));gap:9px;top:max(14px,env(safe-area-inset-top))}.logo{gap:7px}.logo img{width:28px;height:28px}.logo b{font-size:10px;letter-spacing:1px}.logo small{font-size:7px;letter-spacing:1.4px}.counter>span{font-size:8px;letter-spacing:1px}.counter small{font-size:8px}.tools{gap:4px}.tools>button,.tools .game-seo-info summary{width:31px;min-width:31px;min-height:34px;height:34px;border-radius:11px}.tools .game-seo-info summary{padding:0 5px}#overlay{padding:85px 15px 18px}.panel{padding:23px 21px;border-radius:22px}.panel h1{font-size:42px}.eyebrow{font-size:8px;letter-spacing:2px}.tagline{font-size:10px;margin:10px 0 17px}.menu-grid{grid-template-columns:1fr;gap:2px}.menu-heading{gap:10px}.stargauge{font-size:20px}.chapter-name{font-size:17px;margin-top:14px}.levels button{min-height:51px}.label{margin:12px 0 9px}.suits button{min-height:62px}.helmet{width:27px;height:26px;margin-bottom:6px}.helmet:after{left:6px;top:6px;width:18px;height:12px}.menu-bottom{margin-top:18px;gap:10px}.menu-bottom p{font-size:9px;max-width:160px}.menu-bottom .primary{min-width:135px;padding:12px 13px;font-size:12px}#warp{width:83px;height:91px;right:max(17px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom))}#recall{left:max(17px,env(safe-area-inset-left))}#overview{left:72px}#lesson{bottom:126px;max-width:calc(100% - 32px);width:max-content}#storage{bottom:3px;font-size:8px}.game-info-content{top:65px!important;max-height:calc(var(--vh) - 80px)!important}}@media(max-height:560px){#hud{top:max(11px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right))}.logo b{font-size:11px}.logo small{font-size:7px}.logo img{width:28px;height:28px}.tools>button,.tools .game-seo-info summary{min-height:34px;height:34px;min-width:34px;width:34px}.counter>span{font-size:9px}.counter small{font-size:8px;margin-top:4px}#overlay{padding:61px 20px 13px}.panel{padding:16px 23px;border-radius:17px}.panel h1{font-size:35px}.eyebrow{font-size:8px;margin-bottom:7px}.tagline{font-size:10px;margin:7px 0 10px}.menu-grid{gap:23px}.label{margin:8px 0;font-size:8px}.chapters button{min-height:29px;font-size:9px}.chapter-name{font-size:14px;margin:9px 0}.levels{gap:5px}.levels button{min-height:40px;padding:5px;font-size:12px}.levels small{margin-top:4px}.record{font-size:8px;margin:7px 0}.suits button{min-height:61px;font-size:8px}.helmet{width:25px;height:24px;margin-bottom:5px}.helmet:after{left:6px;top:5px;width:16px;height:11px}.balls button{width:28px;min-height:28px}.ball-swatch{width:20px;height:20px}.balls{gap:4px}.trails button{min-height:24px;padding:6px}.menu-bottom{margin-top:11px;padding-top:11px}.menu-bottom p{font-size:9px;max-width:330px}.menu-bottom .primary{padding:10px 16px;min-width:145px;font-size:11px;min-height:36px}.stargauge{font-size:21px}.small-panel{max-width:440px;padding:19px 28px}.small-panel h2{font-size:24px;margin-bottom:7px}.small-panel p{font-size:10px;margin:7px 0;line-height:1.75}.buttons{margin-top:12px}.buttons button{padding:8px 13px;min-height:35px;font-size:11px}.medals{margin:12px 0}.medals b{font-size:25px}.shot-result{font-size:30px;margin-top:9px}#warp{width:83px;height:79px;bottom:max(14px,env(safe-area-inset-bottom));border-radius:22px;gap:3px}#warp svg{width:34px;height:23px}#warp b{font-size:9px}.small-action{bottom:max(18px,env(safe-area-inset-bottom));width:42px;height:42px}#overview{left:73px}#lesson{bottom:20px;max-width:calc(100% - 290px);padding:8px 10px}.game-info-content{top:59px!important;max-height:calc(var(--vh) - 70px)!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.suit-0{--suit:#f2ba77}.suit-1{--suit:#8fe1d5}.suit-2{--suit:#bdd8a0}.suit-3{--suit:#c7b5ed}.ball-0{--ball:#ec9c58}.ball-1{--ball:#f2d5aa}.ball-2{--ball:#90dcd3}.ball-3{--ball:#b5c9f0}.ball-4{--ball:#e6b8d1}.ball-5{--ball:#d0d886}.trail-0{--trail:#b3ece9}.trail-1{--trail:#ffdb9e}.trail-2{--trail:#d9c4f4}

#loading{align-content:center;gap:16px;text-align:center}#loading i{display:block;width:120px;height:2px;margin:auto;background:linear-gradient(90deg,transparent,#e9c693,transparent);animation:breathe 1.2s ease-in-out infinite}@keyframes breathe{50%{opacity:.3;transform:scaleX(.5)}}