:root{--sa-t:env(safe-area-inset-top,0px);--sa-r:env(safe-area-inset-right,0px);--sa-b:env(safe-area-inset-bottom,0px);--sa-l:env(safe-area-inset-left,0px);--gold-1:#fff1c4;--gold-2:#e8b75a;--gold-3:#9c6a23;--ink:#f4ede0;--ink-dim:#f4ede09e;--panel:#121822c7;--line:#e8b75a59;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Songti SC", "STSong", serif;--sans:-apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--sans);-webkit-user-select:none;user-select:none;touch-action:none;background:#1b2738;margin:0;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.screen{z-index:10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.screen.dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080c1473}#loading{z-index:50;background:radial-gradient(#2a3a52 0%,#111821 75%);flex-direction:column;gap:18px}.loading-text{color:var(--ink-dim);letter-spacing:.2em;font-size:14px}.logo{font-family:var(--serif);letter-spacing:.1em;white-space:nowrap;background:linear-gradient(180deg, var(--gold-1) 0%, var(--gold-2) 48%, var(--gold-3) 100%);color:#0000;filter:drop-shadow(0 3px #00000073)drop-shadow(0 0 24px #e8b75a40);-webkit-background-clip:text;background-clip:text;font-size:clamp(38px,4.6vw,54px);font-weight:700;line-height:1}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:32px 36px;box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff0f}#menu{padding-left:calc(clamp(16px, 7vw, 110px) + var(--sa-l));background:linear-gradient(90deg,#0a0e168c 0%,#0a0e1600 60%);justify-content:flex-start}.menu-panel{width:min(780px,94vw);max-height:94vh;overflow:auto}.subtitle{color:var(--ink-dim);letter-spacing:.4em;margin:10px 0 18px;font-size:14px}#level-list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:8px;max-height:58vh;padding:2px 6px 2px 2px;display:grid;overflow-y:auto}.level-btn{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:background .15s,border-color .15s,transform .15s;display:flex}.level-btn:hover:not(:disabled),.level-btn:focus-visible{border-color:var(--line);background:#e8b75a24;outline:none;transform:translate(4px)}.level-btn.current{border-color:var(--line)}.level-btn .tag{color:#1d1204;background:var(--gold-2);vertical-align:1px;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:600}.level-btn:disabled{opacity:.4;cursor:not-allowed}.level-btn .num{width:34px;height:34px;font-family:var(--serif);color:#2a1a06;background:radial-gradient(circle at 35% 30%, var(--gold-1), var(--gold-2) 55%, var(--gold-3));border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.level-btn .info{flex:1}.level-btn .t{font-size:16px;font-weight:600}.level-btn .s{color:var(--ink-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:12px;display:-webkit-box;overflow:hidden}.level-btn .best{color:var(--gold-2);font-variant-numeric:tabular-nums;text-align:right;font-size:12px;line-height:1.5}.m-progress{color:var(--gold-2);letter-spacing:.1em;margin-bottom:14px;font-size:13px}.m-progress:empty{display:none}.menu-links{gap:18px;margin-top:14px;display:flex}.s-label{color:var(--ink-dim);text-align:left;margin-top:6px;font-size:13px}.s-row{gap:6px;display:flex}.panel .s-row button{flex:1;padding:9px 4px;font-size:14px}#settings [data-action=closeSettings]{margin-top:10px}.panel .s-row button.on{border-color:var(--gold-2);color:var(--gold-1);background:#e8b75a38}.link-btn{color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px;text-decoration:underline}.link-btn:hover,.link-btn:focus-visible{color:var(--ink);outline:none}.link-btn.armed{color:#ff8a7a}.controls{color:var(--ink-dim);gap:8px;margin-top:24px;font-size:13px;display:grid}kbd{min-width:22px;color:var(--ink);font:12px/18px var(--sans);text-align:center;background:#ffffff0f;border:1px solid #fff3;border-bottom-width:2px;border-radius:5px;margin:0 1px;padding:1px 6px;display:inline-block}.rules{color:var(--ink-dim);margin-top:12px;font-size:12px;line-height:1.6}body:not(.touch) .touch-only,body:not(.pad) .pad-only,body.touch .kb-only,body.pad .kb-only{display:none}.balls-legend{color:var(--ink-dim);border-top:1px solid #ffffff14;gap:6px;margin-top:18px;padding-top:16px;font-size:13px;display:grid}.balls-legend i,#ball-kind i{vertical-align:-1px;border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block;box-shadow:inset -2px -2px 3px #00000059}.panel.small{text-align:center;flex-direction:column;gap:10px;width:min(360px,90vw);display:flex}.panel h2{font-family:var(--serif);letter-spacing:.2em;color:var(--gold-1);margin:0 0 8px;font-size:30px}.panel button{color:var(--ink);font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9px;padding:12px;font-size:15px;transition:background .15s}.panel button:hover{background:#ffffff1f}.panel button:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}.panel button kbd{opacity:.7;margin-left:6px}.panel button.primary kbd{color:#1d1204;background:#fff3;border-color:#0000004d}.panel button.primary{background:linear-gradient(180deg, var(--gold-2), var(--gold-3));color:#1d1204;border-color:#0000;font-weight:700}.panel button.primary:hover{filter:brightness(1.1)}.r-title{color:var(--ink-dim);margin-bottom:6px}.p-level{color:var(--ink);letter-spacing:.1em}.p-hint{color:var(--ink-dim);font-size:13px;line-height:1.6}.p-controls .controls{text-align:left;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;margin:4px 0 8px;padding:12px 0}.r-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:4px 0 6px}.r-table td{text-align:left;border-bottom:1px solid #ffffff12;padding:7px 4px}.r-table td+td{text-align:right}.r-table .total td{color:var(--gold-1);border-bottom:none;font-size:20px;font-weight:700}.r-best{color:var(--ink-dim);font-size:14px}.r-best-time{color:var(--ink-dim);font-size:13px}.r-best-time.new{color:#ffd24a}.r-best-time:empty,.r-summary:empty{display:none}.r-summary{color:var(--gold-1);background:#e8b75a1f;border-radius:9px;margin-top:4px;padding:10px;font-size:14px;line-height:1.6}.r-best.new{color:#ffd24a;letter-spacing:.1em;font-weight:700;animation:1s ease-in-out infinite alternate pulse}.go-text{color:var(--ink-dim);margin-bottom:8px}@keyframes pulse{0%{opacity:.6}to{opacity:1}}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}.hud-top{top:calc(14px + var(--sa-t));left:calc(16px + var(--sa-l));right:calc(16px + var(--sa-r));justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.hud-score,.hud-lives,.hud-mid{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c111a8c;border:1px solid #ffffff14;border-radius:10px;padding:8px 14px}.hud-score{flex-direction:column;min-width:110px;display:flex}.label{letter-spacing:.3em;color:var(--ink-dim);font-size:11px}#score{font-family:var(--serif);color:var(--gold-1);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.1}.hud-mid{text-align:center;font-size:13px}#level-name{color:var(--ink);letter-spacing:.1em}#ball-kind{color:var(--ink-dim);margin-top:3px;font-size:12px}.hud-lives{flex-direction:column;align-items:flex-end;display:flex}#lives{gap:5px;min-height:18px;margin-top:5px;display:flex}#lives i{background:radial-gradient(circle at 35% 30%,#f3c38c,#b06a30 60%,#5a3010);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 2px #00000080}#lives i.pop{animation:.4s ease-out pop}@keyframes pop{0%{transform:scale(.2)}70%{transform:scale(1.3)}to{transform:scale(1)}}#toast{font-family:var(--serif);letter-spacing:.15em;color:#fff;text-shadow:0 2px #0006,0 0 18px;opacity:0;white-space:nowrap;font-size:34px;font-weight:700;transition:opacity .25s,transform .25s;position:absolute;top:26%;left:50%;transform:translate(-50%)scale(.9)}#toast.show{opacity:1;transform:translate(-50%)scale(1)}#banner{text-align:center;opacity:0;transition:opacity .6s;position:absolute;bottom:16%;left:0;right:0}#banner.show{opacity:1}.b-name{letter-spacing:.6em;color:var(--ink-dim);font-size:14px}.b-title{font-family:var(--serif);letter-spacing:.2em;color:var(--gold-1);text-shadow:0 3px #0006,0 0 30px #e8b75a66;font-size:clamp(36px,6vw,56px);font-weight:700}.b-hint{color:var(--ink);text-shadow:0 1px 3px #000c;margin-top:10px;font-size:14px}.b-keys{color:var(--ink-dim);text-shadow:0 1px 3px #000c;margin-top:6px;font-size:13px}.icon-btn{right:calc(16px + var(--sa-r));bottom:calc(16px + var(--sa-b));width:40px;height:40px;color:var(--ink);cursor:pointer;pointer-events:auto;background:#0c111a8c;border:1px solid #ffffff26;border-radius:50%;font-size:18px;position:absolute}#fade{opacity:0;pointer-events:none;z-index:8;background:#0b0f16;transition:opacity .6s ease-in;position:fixed;inset:0}#fade.on{opacity:.85;transition-duration:1.1s}#touch{display:none}body.in-game.touch #touch{display:block}#stick{left:calc(28px + var(--sa-l));bottom:calc(28px + var(--sa-b));z-index:6;touch-action:none;background:#ffffff14;border:1px solid #fff3;border-radius:50%;width:140px;height:140px;position:fixed}#knob{pointer-events:none;background:#ffffff59;border-radius:50%;width:50px;height:50px;position:absolute;top:45px;left:45px}.t-buttons{right:calc(24px + var(--sa-r));bottom:calc(32px + var(--sa-b));z-index:6;gap:12px;display:flex;position:fixed}#touch button{width:62px;height:62px;color:var(--ink);touch-action:none;background:#0c111a80;border:1px solid #ffffff40;border-radius:50%;font-size:22px}#t-look{font-size:14px!important}#t-pause{right:calc(16px + var(--sa-r));top:calc(96px + var(--sa-t));z-index:6;position:fixed;width:44px!important;height:44px!important;font-size:16px!important}body.in-game.touch #mute-hud{display:none}#rotate-hint{left:50%;top:calc(20px + var(--sa-t));color:var(--ink-dim);white-space:nowrap;background:#0c111a99;border-radius:999px;padding:6px 12px;font-size:12px;display:none;position:absolute;transform:translate(-50%)}@media (orientation:portrait){body.touch #rotate-hint{display:block}.t-buttons{flex-direction:column-reverse}body.touch #banner{bottom:calc(260px + var(--sa-b));padding:0 16px}}@media (max-width:640px){#score{font-size:24px}.hud-mid{display:none}#toast{font-size:26px}.panel{padding:24px 22px}#menu{padding-left:var(--sa-l);padding-right:var(--sa-r);justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.level-btn:hover:not(:disabled),.level-btn:focus-visible{transform:none}}