:root{--midnight: #070a22;--indigo: #141a45;--ivory: #f4eeda;--amber: #ffb24d;--amber-deep: #e07c2a;--gold: #ffd479;--jade: #6fd8c4;--jelly: #ff9c8d;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#05061a;color:var(--ivory);font-family:Avenir Next,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}body{display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#stage{position:relative;width:100%;height:100%;max-width:min(100vw,calc(100vh * 390 / 844));max-height:100vh;overflow:hidden;background:var(--midnight);box-shadow:0 0 80px #000c}#game-canvas{display:block;width:100%;height:100%;touch-action:none}.layer{position:absolute;inset:0;z-index:2}.hidden{display:none!important}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:calc(28px + var(--safe-top)) 26px calc(30px + var(--safe-bottom));text-align:center;background:radial-gradient(ellipse at 50% 22%,#2e3a82c7,#070a22f0 62%,#040616fa);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fade-in .26s ease-out}.screen.solid{background:#05071af0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.logo-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.logo{width:min(82%,300px);height:auto;filter:drop-shadow(0 0 34px rgba(255,214,145,.28));animation:float 5.5s ease-in-out infinite}.logo-small{width:min(62%,210px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.tagline{margin:0;font-size:15px;letter-spacing:.08em;color:#bcc3ee}.menu-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px;margin-top:10px}.menu-best{margin:2px 0 0;font-size:13px;letter-spacing:.1em;color:#9aa3d8;min-height:16px}.credit{position:absolute;bottom:calc(16px + var(--safe-bottom));margin:0;font-size:11px;letter-spacing:.22em;color:#c8d0f56b}.btn{appearance:none;-webkit-appearance:none;border:0;border-radius:999px;padding:15px 30px;min-height:52px;width:100%;font:inherit;font-size:16px;font-weight:700;letter-spacing:.14em;cursor:pointer;transition:transform 90ms ease,filter .16s ease;touch-action:manipulation}.btn:active{transform:scale(.965)}.btn-primary{color:#2b1704;background:linear-gradient(180deg,#ffd88b 0%,var(--amber) 55%,var(--amber-deep) 100%);box-shadow:0 8px 26px #ff963c59,inset 0 1px #fff9}.btn-primary.big{font-size:18px;min-height:58px}.btn-ghost{color:#cdd3f4;background:#ffffff12;border:1px solid rgba(205,211,244,.28)}.icon-btn{position:absolute;right:calc(12px + var(--safe-right));bottom:calc(14px + var(--safe-bottom));width:44px;height:44px;border-radius:50%;border:1px solid rgba(205,211,244,.22);background:#0a0e2880;color:#cdd3f4;font-size:18px;line-height:1;cursor:pointer;pointer-events:auto}.icon-btn.muted{color:#6a719c;text-decoration:line-through}#hud{pointer-events:none;z-index:3}.hud-row{display:flex;align-items:flex-start;justify-content:space-between;padding:calc(14px + var(--safe-top)) calc(14px + var(--safe-right)) 0 calc(14px + var(--safe-left))}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.hud-chip{display:flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:#070a226b;border:1px solid rgba(214,220,255,.14);font-size:15px;font-weight:700;letter-spacing:.08em;color:var(--ivory);text-shadow:0 1px 6px rgba(0,0,0,.6)}.hud-chip.guide{font-size:11px;color:#5a1d16;background:linear-gradient(180deg,#ffd7cf,var(--jelly));border-color:transparent}.hud-chip.guide.expiring{animation:pulse .7s ease-in-out infinite}.hud-chip.ready{color:#2b1704;background:linear-gradient(180deg,#ffe9a8,var(--gold));border-color:transparent}@keyframes pulse{0%,to{opacity:1}50%{opacity:.62}}.mc-pie{width:20px;height:20px;flex:0 0 auto;filter:drop-shadow(0 0 5px rgba(255,190,110,.45))}.mc-pie .slot{fill:#fff0cd1f}.mc-pie .filled{fill:url(#mcFill)}.mc-pie .rim{fill:none;stroke:#fff0cd8c;stroke-width:1.1}.mc-cake{width:22px;height:22px;flex:0 0 auto;filter:drop-shadow(0 0 7px rgba(255,214,121,.9))}.results-card,.lb-card{width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 22px;border-radius:26px;background:linear-gradient(180deg,#1e265cdb,#0c102ee6);border:1px solid rgba(214,220,255,.14);box-shadow:0 20px 60px #00000080}.results-label{margin:0;font-size:12px;letter-spacing:.28em;color:#9aa3d8}.results-score{margin:0;font-size:54px;font-weight:800;letter-spacing:.02em;line-height:1;color:var(--ivory);text-shadow:0 0 30px rgba(255,214,145,.4)}.results-badge{margin:0;padding:4px 14px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.2em;color:#2b1704;background:linear-gradient(180deg,#ffe9a8,var(--gold))}.results-meta{display:flex;gap:16px;font-size:12px;letter-spacing:.12em;color:#b6bde8}.results-rank{margin:0;min-height:16px;font-size:13px;letter-spacing:.14em;color:var(--gold)}.results-card .btn{margin-top:4px}.name-input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(214,220,255,.28);background:#06091eb3;color:var(--ivory);font:inherit;font-size:20px;font-weight:700;letter-spacing:.2em;text-align:center;text-transform:uppercase}.name-input:focus{outline:2px solid var(--amber)}.name-hint{margin:0;font-size:11px;letter-spacing:.12em;color:#8c93c4}.name-hint.error{color:#ff9e8a}.lb-card{max-width:330px;gap:14px}.lb-title{margin:0;font-size:18px;letter-spacing:.24em;font-weight:700}.lb-body{width:100%;max-height:min(52vh,420px);overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.lb-msg{margin:18px 0;font-size:13px;color:#9aa3d8;letter-spacing:.08em}.lb-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:9px 8px;border-bottom:1px solid rgba(214,220,255,.09);font-size:14px}.lb-row:last-child{border-bottom:0}.lb-row .rank{color:#8c93c4;font-weight:700;font-size:12px}.lb-row .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.06em}.lb-row .score{font-weight:700;color:var(--gold)}.lb-row.top .rank{color:var(--gold)}.lb-row.me{background:#ffbe641f;border-radius:8px}.lb-you{width:100%;padding-top:10px;border-top:1px dashed rgba(214,220,255,.2)}.rotate-icon{font-size:46px;animation:spin 2.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rotate-text{margin:0;font-size:16px;letter-spacing:.1em}#screen-paused .btn{max-width:220px}.loader{width:140px;height:4px;border-radius:4px;background:#ffffff1f;overflow:hidden}.loader i{display:block;height:100%;width:40%;border-radius:4px;background:linear-gradient(90deg,var(--amber),var(--gold));animation:slide 1.1s ease-in-out infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (prefers-reduced-motion: reduce){.logo-moon,.hud-chip.super,.rotate-icon,.loader i,.screen{animation:none}}