:root{--ink:#1f2a55;--red:#ff4f45;--red-d:#c9332b;--blue:#3f9bff;--blue-d:#2a6fc4;--yellow:#ffd23f;--font:"Baloo 2", -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);font-family:var(--font);touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#8fd3ff;margin:0;overflow:hidden}button{cursor:pointer;font-family:inherit}#gl{width:100%;height:100%;display:block;position:fixed;inset:0}#touch{position:fixed;inset:0}.hidden{display:none!important}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}.hud-top{padding:calc(env(safe-area-inset-top) + 10px) 12px 0;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid;position:absolute;top:0;left:0;right:0}.hud-top>:last-child{justify-self:end}.chip{white-space:nowrap;text-overflow:ellipsis;background:#fffffff2;border-radius:999px;justify-self:start;max-width:100%;padding:5px 12px;font-size:14px;font-weight:800;overflow:hidden;box-shadow:0 3px #00000026}.chip.small{align-items:center;gap:6px;padding:3px 10px;font-size:13px;display:flex}.timer{color:#fff;font-variant-numeric:tabular-nums;background:#1d1d24;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:118px;padding:4px 16px 2px 12px;font-size:26px;font-weight:800;display:flex;box-shadow:0 3px #0004}.timer.warn{background:#e8322a;animation:.5s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.06)}}.clock{background:#fff;border-radius:50%;flex:none;width:18px;height:18px;position:relative}.clock:before{content:"";background:#1d1d24;border-radius:2px;width:2px;height:7px;position:absolute;top:3px;left:8px}.clock:after{content:"";background:#1d1d24;border-radius:2px;width:5px;height:2px;position:absolute;top:8px;left:8px}.round-btn{pointer-events:auto;width:40px;height:40px;color:var(--ink);background:#fffffff2;border:0;border-radius:50%;font-size:13px;font-weight:900;box-shadow:0 3px #00000026}.hud-sub{top:calc(env(safe-area-inset-top) + 58px);justify-content:space-between;display:flex;position:absolute;left:12px;right:12px}.hud-bottom{padding:0 12px calc(env(safe-area-inset-bottom) + 14px);justify-content:space-between;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}#hint{color:#fff;text-shadow:0 1px 3px #0006;font-size:13px;font-weight:700;line-height:1.4}.pill-btn{pointer-events:auto;color:var(--ink);white-space:nowrap;background:#fffffff2;border:0;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:800;box-shadow:0 3px #00000026}.pill-btn:active,.round-btn:active{transform:translateY(2px);box-shadow:0 1px #00000026}.dot{border:2px solid #fff;border-radius:50%;flex:none;width:14px;height:14px;display:inline-block;box-shadow:0 0 0 1px #0003}#countdown,#banner{z-index:8;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#countdown span{color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);font-size:130px;font-weight:800;line-height:1;animation:.65s cubic-bezier(.2,1.6,.4,1) pop}#banner div{text-align:center;color:var(--yellow);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);font-size:54px;font-weight:800;line-height:1.1;animation:.6s cubic-bezier(.2,1.6,.4,1) pop}#banner small{color:#fff;margin-top:4px;font-size:30px;display:block}@keyframes pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.screen{z-index:10;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 16px);flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.screen.show{animation:.25s ease-out fade;display:flex}.screen.dim{background:#0b1e4a59}@keyframes fade{0%{opacity:0}}.panel{text-align:center;background:#fff;border-radius:28px;width:100%;max-width:380px;max-height:100%;padding:20px 20px 18px;animation:.35s cubic-bezier(.2,1.4,.4,1) rise;overflow:auto;box-shadow:0 8px #0000002e,0 20px 40px #0b1e4a33}.panel.tall{flex-direction:column;height:100%;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(30px)scale(.94)}}.panel h2{margin:2px 0 6px;font-size:26px;line-height:1.2}.panel-head{grid-template-columns:40px 1fr auto;align-items:center;gap:6px;margin-bottom:6px;display:grid}.panel-head h2{margin:0}.back{width:38px;height:38px;color:var(--ink);background:#eef2fb;border:0;border-radius:50%;padding-bottom:4px;font-size:26px;font-weight:800;line-height:1}.desc{color:#56618a;margin:6px 0 10px;font-size:15px;line-height:1.55}.desc.small{color:#8a93b3;font-size:13px}.label{color:#8a93b3;text-align:left;margin:14px 0 6px;font-size:13px;font-weight:800}.btn{color:#fff;background:var(--red);width:100%;box-shadow:0 6px 0 var(--red-d);border:0;border-radius:20px;margin-top:12px;padding:13px 10px 11px;font-size:21px;font-weight:800;transition:transform 80ms;display:block}.btn:active{box-shadow:0 2px 0 var(--red-d);transform:translateY(4px)}.btn.blue{background:var(--blue);box-shadow:0 6px 0 var(--blue-d)}.btn.blue:active{box-shadow:0 2px 0 var(--blue-d)}.btn.white{color:var(--ink);background:#fff;box-shadow:0 6px #c7cfe3,inset 0 0 0 3px #e3e8f4}.btn.white:active{box-shadow:0 2px #c7cfe3,inset 0 0 0 3px #e3e8f4}.btn.small-btn{margin-top:18px;padding:10px;font-size:15px}.row{gap:10px;display:flex}.row .btn{font-size:17px}.seg{gap:8px;display:flex}.seg button{color:var(--ink);background:#f6f8fe;border:3px solid #e1e7f5;border-radius:14px;flex:1;padding:9px 0 7px;font-size:17px;font-weight:800}.seg button.on{border-color:var(--red);color:var(--red-d);background:#fff1ef}#scrTitle{padding-top:calc(env(safe-area-inset-top) + 7vh);justify-content:space-between}.logo{text-align:center;position:relative}.logo h1{letter-spacing:2px;margin:0;font-size:clamp(44px,14vw,68px);line-height:1.05}.logo h1 span{color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink);animation:1.6s ease-in-out infinite bob;display:inline-block}.logo h1 span:first-child{color:#ff6b5e;animation-delay:0s}.logo h1 span:nth-child(2){color:#ffd23f;animation-delay:.1s}.logo h1 span:nth-child(3){color:#5ee06a;animation-delay:.2s}.logo h1 span:nth-child(4){color:#4fb2ff;animation-delay:.3s}.logo h1 span:nth-child(5){color:#ff8fe0;animation-delay:.4s}@keyframes bob{50%{transform:translateY(-8px)rotate(-3deg)}}.logo-sub{background:var(--ink);color:#fff;letter-spacing:3px;border-radius:999px;margin-top:10px;padding:4px 16px 2px;font-size:15px;font-weight:800;display:inline-block}.logo-ball{background:radial-gradient(circle at 35% 30%,#fff 30%,#d9dfea 100%);border-radius:50%;width:46px;height:46px;margin:0 auto 8px;animation:1.2s cubic-bezier(.3,0,.7,1) infinite hop;box-shadow:0 6px #0002}@keyframes hop{0%,to{transform:translateY(0)scale(1.1,.9)}50%{transform:translateY(-26px)scale(.95,1.05)}}.menu{width:100%;max-width:340px}.menu .btn{padding:15px 10px 13px;font-size:23px}.foot{color:#fff;text-shadow:0 1px 3px #0005;margin:10px 0 0;font-size:14px;font-weight:700}.star-total{color:#e3a300;font-size:16px;font-weight:800}.levels{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;margin:0 -6px;padding:0 6px 10px;overflow-y:auto}.world{margin-top:12px}.world-title{color:#fff;text-shadow:0 2px #0003;border-radius:14px;align-items:center;gap:8px;padding:6px 12px 4px;font-size:18px;font-weight:800;display:flex}.grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.lv{color:var(--ink);background:#f3f6fd;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:1px;min-height:84px;padding:8px 4px 6px;display:flex;box-shadow:0 4px #d5ddef}.lv:active{transform:translateY(3px);box-shadow:0 1px #d5ddef}.lv b{font-size:20px;line-height:1.1}.lv small{color:#6a7499;white-space:nowrap;font-size:12px;font-weight:700}.lv .st{letter-spacing:1px;color:#d6dbe8;font-size:14px}.lv .st i{color:#ffc400;font-style:normal}.lv.locked{opacity:.55}.lv.locked b{font-size:22px}.intro-tag{background:var(--ink);color:#fff;border-radius:999px;padding:2px 14px 0;font-weight:800;display:inline-block}.who{justify-content:center;align-items:center;gap:10px;margin:4px 0;font-size:26px;font-weight:800;display:flex}.who .dot{border-width:4px;width:26px;height:26px}.tip{color:#e0392c;margin:6px 0;font-size:16px;font-weight:700}.goals{text-align:left;gap:6px;margin:10px 0;padding:0;list-style:none;display:grid}.goals li{background:#f4f7fd;border-radius:12px;align-items:center;gap:8px;padding:7px 12px 5px;font-size:15px;font-weight:700;display:flex}.goals li .s{color:#d0d6e4;font-size:18px}.goals li.ok .s{color:#ffc400}.big-stars{letter-spacing:6px;margin:6px 0;font-size:58px;line-height:1}.big-stars span{color:#dfe4ef;-webkit-text-stroke:3px #c9d0e0;display:inline-block}.big-stars span.on{color:#ffcf1f;-webkit-text-stroke:3px #e09b00;animation:.5s cubic-bezier(.2,1.8,.4,1) both starpop}.big-stars span:nth-child(2).on{font-size:1.2em;animation-delay:.25s}.big-stars span:nth-child(3).on{animation-delay:.5s}@keyframes starpop{0%{transform:scale(0)rotate(-90deg)}}.res-time{color:#56618a;font-size:18px;font-weight:800}.players{justify-content:center;gap:8px;margin:14px 0 4px;display:flex}.players span{flex-direction:column;align-items:center;gap:2px;font-size:13px;font-weight:800;display:flex}.players .dot{border-width:4px;width:30px;height:30px}table.board{border-collapse:separate;border-spacing:0 6px;width:100%;margin:6px 0}table.board td{background:#f4f7fd;padding:8px 8px 6px;font-size:16px;font-weight:800}table.board td:first-child{text-align:center;border-radius:12px 0 0 12px;width:38px;font-size:20px}table.board td:last-child{text-align:right;border-radius:0 12px 12px 0}table.board tr.top td{background:#fff4c7}table.board .name{align-items:center;gap:8px;display:flex}table.board .pts{color:#e0392c}table.board .t{color:#8a93b3;font-size:13px}#rotate{display:none}@media (orientation:landscape) and (height<=500px){#rotate{z-index:100;color:#fff;background:#5ab8ff;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex;position:fixed;inset:0}}