:root{--accent: #9cb7d2;--hud-pill-height: 38px;color:#d8e3ea;background:#18181b;font-family:SF Pro Display,Inter,system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#18181b}canvas{position:fixed;inset:0}button,input{font:inherit}#hud{position:fixed;top:18px;left:18px;display:grid;pointer-events:none;z-index:10}.brand{display:grid;gap:10px}.title,.menu-wordmark{font-weight:800;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 22px rgba(255,255,255,.08)}.title{font-size:clamp(1.35rem,2vw,2rem)}.pill-group{display:flex;align-items:center;justify-content:flex-start;gap:8px}.hud-controls{position:relative;pointer-events:auto}.hud-icon-button{width:var(--hud-pill-height);height:var(--hud-pill-height);border-radius:999px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hud-icon-button svg{width:.88rem;height:.88rem}.controls-panel{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;padding:14px 16px;border-radius:18px;background:#080e14e0;border:1px solid rgba(175,193,205,.12);box-shadow:0 20px 48px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#d8e3eab8}.controls-panel-title{margin-bottom:8px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#d8e3ea8a}.pill,#leaderboard,.overlay-card{background:#080e14bd;border:1px solid rgba(175,193,205,.12);box-shadow:0 20px 48px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pill{min-height:var(--hud-pill-height);padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;font-size:.88rem;color:#e2ebf1d6}#leaderboard{position:fixed;bottom:18px;right:18px;width:min(260px,calc(100vw - 36px));padding:14px 16px;border-radius:18px;z-index:10}#app.menu-open #leaderboard{background:#081018;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:13;pointer-events:none}#app.ad-banner-visible #leaderboard,#app.ad-banner-visible #bottom-left-panel{bottom:126px}#app.leaderboard-top-right #leaderboard{top:18px;bottom:auto}.leaderboard-title{margin-bottom:10px;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:#d8e3ea94}.leaderboard-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.92rem}.leaderboard-name{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{flex:0 0 auto;white-space:nowrap}.leaderboard-row:last-child{border-bottom:0}.leaderboard-empty{padding:8px 0 2px;color:#d8e3ea9e;font-size:.9rem}.leaderboard-row .you{color:#f4fbff}#bottom-left-panel{position:fixed;left:18px;bottom:18px;width:min(246px,calc(100vw - 36px));display:grid;gap:0;z-index:10}#ad-banner-shell{position:fixed;left:50%;bottom:18px;width:728px;min-height:90px;display:flex;align-items:center;justify-content:center;transform:translate(-50%);z-index:13}.menu-legal-links{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#d8e3ea7a}.menu-legal-links a{color:inherit;text-decoration:none}.menu-legal-links a:hover{color:#f4fbffd1}#minimap-shell{width:100%}#minimap-canvas{position:static;display:block;width:100%;aspect-ratio:1;border-radius:50%;background:transparent}.control-line{font-size:.78rem;font-weight:400;line-height:1.35;color:#d8e3ea9e}.control-line strong{font-weight:700;color:#f0f7fceb}.control-line+.control-line{margin-top:6px}#app.menu-open .brand{opacity:0;pointer-events:none}.overlay{position:fixed;inset:0;display:grid;place-items:center;padding:24px;z-index:12;background:radial-gradient(circle at center,#0a0f1366,#0a0f13b8);opacity:0;pointer-events:none;transition:opacity .16s ease}.overlay.visible{opacity:1;pointer-events:auto}.overlay-card{width:min(520px,100%);padding:34px 30px 28px;border-radius:30px;text-align:center}.menu-wordmark{margin:0 0 22px;font-size:clamp(2.9rem,9vw,4.9rem);line-height:.92}.menu-form{display:grid;gap:14px}.hidden{display:none!important}.palette-grid{display:flex;flex-wrap:nowrap;gap:10px;align-items:center;justify-content:space-between}.field-group{display:grid;gap:8px;text-align:left}.field-label{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#d8e3ea94}.menu-input,.color-input-row{width:100%;min-height:54px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#f1f6f9}.menu-input{padding:0 16px;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.menu-input::placeholder{color:#d8e3ea61}.menu-input:focus{border-color:color-mix(in srgb,var(--accent) 56%,white 12%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 52%,transparent);background:#ffffff0f}.palette-swatch{width:42px;height:42px;flex:0 0 42px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:var(--swatch);cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.palette-swatch:hover{transform:translateY(-1px)}.palette-swatch.is-selected{border-color:#ffffffbd;box-shadow:0 0 0 2px #060b0feb,0 0 0 3px color-mix(in srgb,var(--accent) 68%,white 16%)}.play-button{margin-top:6px;min-height:58px;border:0;border-radius:18px;background:var(--accent);color:#091117;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,filter .12s ease,opacity .12s ease}.play-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.play-button:disabled{cursor:default;opacity:.56}.account-panel{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:12px;text-align:left}.account-header{display:grid;gap:6px}.account-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.account-summary{margin-top:6px;line-height:1.45;color:#e2ebf1bd}.account-settings-summary{margin-top:0}.account-settings{display:grid;gap:12px}.account-form{display:grid;gap:10px}.icon-button{width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0d;color:#f1f6f9f0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,opacity .12s ease}.icon-button:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 48%,rgba(255,255,255,.18));background:#ffffff14}.icon-button:disabled{cursor:default;opacity:.58}.icon-button svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-button.is-open{border-color:color-mix(in srgb,var(--accent) 46%,rgba(255,255,255,.18));background:#ffffff14}.icon-button.hud-icon-button{width:var(--hud-pill-height);height:var(--hud-pill-height);border-radius:999px}.icon-button.hud-icon-button svg{width:.88rem;height:.88rem}.secondary-button{min-height:50px;padding:0 16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0d;color:#f1f6f9f0;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,opacity .12s ease}.secondary-button:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 48%,rgba(255,255,255,.18));background:#ffffff14}.secondary-button:disabled{cursor:default;opacity:.58}#auth-signout-button{min-height:42px;padding:0 20px;font-size:.76rem;letter-spacing:.08em;white-space:nowrap}.account-status{min-height:1.4em;line-height:1.45;color:#d8e3ea99}.account-status:empty{display:none}.account-status.is-error{color:#ffb5b5}.account-status.is-success{color:#aee5b5}.menu-status.is-error,.menu-last-score.is-error{color:#ffb5b5}.menu-status.is-success,.menu-last-score.is-success{color:#aee5b5}.ads-removed-badge{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:10px 14px;border-radius:999px;background:#aee5b51f;border:1px solid rgba(174,229,181,.22);color:#c7f0cd;font-size:.9rem;font-weight:700}.ads-removed-badge svg{width:14px;height:14px;fill:currentColor}.billing-panel{display:grid;gap:10px;padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.menu-status,.menu-last-score{margin-top:14px;color:#d8e3ea94;line-height:1.5}.menu-last-score{margin-top:6px;min-height:1.5em;text-align:left;font-size:.84rem;font-weight:400;color:#ecf4f88a}.menu-status:empty{display:none}.menu-last-score:empty{display:none}@media(max-width:720px){#leaderboard{width:min(220px,calc(100vw - 36px))}#bottom-left-panel{width:min(228px,calc(100vw - 36px))}.overlay-card{padding:28px 20px 22px}}@media(min-width:1140px){#app.ad-banner-visible #bottom-left-panel{bottom:18px}}