:root{--cosmic-1: #1a1b3a;--cosmic-2: #2d1b4e;--cosmic-3: #4a2c5e;--accent-pink: #f8b4d9;--accent-violet: #c084fc}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:linear-gradient(135deg,var(--cosmic-1) 0%,var(--cosmic-2) 50%,var(--cosmic-3) 100%);background-attachment:fixed;color:#f5f3ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#renderCanvas{position:absolute;top:0;left:0;width:100vw;height:100vh;display:block;outline:none;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none;z-index:10;font-size:16px;line-height:1.4}#hud .hud-row{position:absolute;padding:12px 18px;background:#ffffff0f;border-radius:14px;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000040}#hud .hud-row.top-left{top:12px;left:12px}#hud .hud-row.top-right{top:12px;right:12px}#hud .hud-row.bottom-center{bottom:12px;left:50%;transform:translate(-50%)}#hud .hud-row.center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:80%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 32px}#hud .centered-overlay{display:flex;gap:12px;justify-content:center;pointer-events:auto}#hud .centered-overlay.menu-stack{flex-direction:column;align-items:stretch;width:100%;max-width:360px;gap:12px}#hud .menu-title{font-size:44px;font-weight:800;letter-spacing:.02em;line-height:1.1;margin:0 0 4px;text-shadow:0 4px 16px rgba(0,0,0,.5);background:linear-gradient(135deg,var(--accent-pink) 0%,var(--accent-violet) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-flex;align-items:center;gap:12px}#hud .menu-title-emoji{font-size:40px;background:none;-webkit-text-fill-color:initial;-webkit-background-clip:initial;background-clip:initial;color:var(--accent-pink);filter:drop-shadow(0 4px 12px rgba(248,180,217,.45))}#hud .menu-subtitle{font-size:18px;font-weight:500;opacity:.85;margin:0 0 14px;letter-spacing:.02em}#hud .hud-btn{pointer-events:auto}#hud .hud-btn{appearance:none;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#c084fc40,#f8b4d940);color:inherit;padding:14px 20px;border-radius:12px;font-size:19px;font-weight:600;cursor:pointer;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);box-shadow:0 4px 18px #4a2c5e59;transition:transform 80ms ease,background .12s ease,box-shadow .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:12px}#hud .hud-btn:hover{background:linear-gradient(135deg,#c084fc66,#f8b4d966);box-shadow:0 6px 22px #4a2c5e8c}#hud .hud-btn:active{transform:scale(.97)}#hud .hud-btn.op{min-width:0;width:100%;font-size:20px}#hud .hud-btn.op .op-symbol{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#c084fc38;border:1px solid rgba(192,132,252,.45);color:var(--accent-pink);font-size:18px;font-weight:700}@media (max-width: 600px){#hud .hud-row.center{max-width:100%;width:calc(100% - 32px);padding:24px 20px}#hud .menu-title{font-size:34px}#hud .menu-subtitle{font-size:16px;margin-bottom:10px}#hud .centered-overlay.menu-stack{max-width:100%;gap:10px}#hud .hud-btn.op{font-size:18px;padding:12px 16px}#hud .hud-btn.op .op-symbol{width:24px;height:24px;font-size:16px}}#hud .meter{position:relative;width:220px;height:14px;background:#ffffff14;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#hud .meter-fill{height:100%;background:linear-gradient(90deg,#86efac,var(--accent-pink),var(--accent-violet));width:100%;transform-origin:left center}#hud .meter-fill.danger{background:linear-gradient(90deg,#ef4444,#f97316)}#hud .stat-line{font-weight:600;letter-spacing:.02em}#hud .stat-line span{color:var(--accent-pink)}#hud .hidden{display:none!important}#hud .level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:6px auto 0;max-width:520px}#hud .level-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:80px;pointer-events:auto;min-height:80px;padding:10px 6px;font-size:18px;line-height:1.1;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);box-shadow:0 4px 18px #4a2c5e40;cursor:pointer;transition:transform 80ms ease,border-color .12s ease,box-shadow .12s ease}#hud .level-tile .lvl-num{font-size:28px;font-weight:800;color:#f8fafc}#hud .level-tile .lvl-meta{font-size:12px;opacity:.78;font-weight:500}#hud .level-tile:hover .lvl-num{color:var(--accent-pink)}#hud .level-tile:hover{border-color:#f8b4d98c;box-shadow:0 6px 22px #f8b4d959}#hud .level-tile:active{transform:scale(.97)}#hud .level-tile--endless{grid-column:1 / -1;background:linear-gradient(135deg,#f8b4d92e,#7c3aed2e);border-color:#f8b4d973}#hud .level-tile--endless .lvl-num{background:linear-gradient(135deg,var(--accent-pink),#f9a8d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:32px}#hud .level-tile--endless .lvl-meta{letter-spacing:.04em;text-transform:uppercase;font-weight:700;opacity:.9}@media (max-width: 520px){#hud .level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#hud .level-tile{min-width:0}}