:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#162b32;font-synthesis:none;text-rendering:optimizelegibility;--bg:#eef6f4;--surface:#fff;--surface-soft:#f7fbfa;--surface-strong:#e6f5f2;--surface-control:#fbfdfd;--ink:#162b32;--muted:#596d74;--muted-strong:#40545b;--border:#d9e8e5;--teal:#11b7a3;--teal-dark:#087c75;--accent-text:#087c75;--green:#2fb56f;--blue:#2b7cf7;--purple:#7b57d9;--orange:#ffb443;--orange-strong:#f47f28;--coral:#ff685f;--yellow:#ffe082;--dark:#172b32;--shadow:0 18px 50px #132b311f;--shadow-soft:0 10px 28px #132b3117;--shadow-lift:0 18px 42px #132b3129;--ring:0 0 0 4px #11b7a329;--focus-ring:#087c75;--warning-surface:#fffbf4;--warning-border:#f3e6d0;--warning-ink:#162b32;--cta-start:#069c91;--cta-end:#00736f;--ease-enter:cubic-bezier(.16, 1, .3, 1);--ease-standard:cubic-bezier(.2, .8, .2, 1);--motion-fast:.14s;--motion-base:.24s;--motion-slow:.38s;--font-mono:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--surface-glass:#ffffffd1;--chart-surface-top:#fff;--chart-surface-middle:#f7fbfb;--chart-surface-bottom:#eef8f6;--chart-stat-surface:linear-gradient(180deg, #fffffff5, #f7fbfae6);--chart-label:#52686e;--chart-grid:#24464d1a;--chart-grid-major:#24464d2e;--chart-stat-label:#52686e;--chart-stat-text:#102a30;--chart-stat-muted:#52686e;background:#eef6f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:linear-gradient(180deg, #f7fbfa 0%, var(--bg) 34%, #e9f3f1 100%);background-attachment:scroll;min-width:320px;min-height:100vh;margin:0}html.page-theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071b21;--surface:#0f2a31;--surface-soft:#14343b;--surface-strong:#1a444a;--surface-control:#17383f;--ink:#f4fffd;--muted:#aac4c7;--muted-strong:#cde1df;--border:#97d5cd2e;--accent-text:#72eadb;--warning-surface:#3d2d1d;--warning-ink:#ffe3ad;--cta-start:#0bb7a8;--cta-end:#007d77;--chart-surface-top:#24464c;--chart-surface-middle:#1d3b41;--chart-surface-bottom:#173238;--chart-label:#b9cfcb;--chart-grid:#e2faf61f;--chart-grid-major:#e2faf638;--chart-stat-label:#b9cfcb;--chart-stat-text:#f2fcfa;--chart-stat-muted:#a8c2bd;background:#0b2026}body.page-theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:linear-gradient(#0f282e 0%,#0b2026 46%,#102a30 100%)}@media (width<=320px){html,body{min-width:0}}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{width:min(1480px,100%);margin:0 auto;padding:20px 26px 30px}.game-shell main{gap:18px;display:grid}.view-stage{animation:.19s ease-out both viewStageIn}.reference-topbar,.topbar-actions,.mode-tabs .button,.run-row,.duration-tile,.mobile-bottom-nav,.icon-button,.profile-button{transition:background-color var(--motion-slow) var(--ease-standard), border-color var(--motion-base) var(--ease-standard), color var(--motion-fast) linear, box-shadow var(--motion-base) var(--ease-standard), transform var(--motion-base) var(--ease-enter)}.theme-toggle svg,.profile-button>svg:last-child{transition:transform var(--motion-base) var(--ease-enter), opacity var(--motion-fast) ease;flex:none}.profile-button[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.mode-tabs .button:after{content:"";opacity:.75;pointer-events:none;background:repeating-radial-gradient(at 50% 100%,#0000 0 10px,#ffffff17 11px 12px,#0000 13px 18px);height:72px;position:absolute;bottom:-34px;left:34%;right:-12%}.motion-normal .reference-topbar{animation:surfaceReveal .42s var(--ease-enter) both}.motion-normal .mode-tabs .button:after{animation:8s linear infinite ctaWave}.motion-normal .mode-button__action svg{animation:3.6s ease-in-out infinite actionIconDrift}.motion-wild .mode-button__action svg{animation:2.3s ease-in-out infinite actionIconDrift}.motion-wild .reference-topbar{animation:surfaceRevealWild .52s var(--ease-enter) both}.motion-wild .mode-tabs .button:after{animation:5.5s linear infinite ctaWave}.motion-reduced .notification-popover,.motion-reduced .mode-tabs .button:after,.motion-reduced .mode-button__action svg{animation:none!important}.route-loading{min-height:clamp(320px,60dvh,620px);color:var(--teal-dark);place-items:center;display:grid}.route-loading--full-page{color:#69e2d1;background:#102b31;min-height:100dvh}.route-loading svg{animation:.7s linear infinite routeLoadingSpin}@keyframes routeLoadingSpin{to{transform:rotate(360deg)}}.measurement-loading{border-color:var(--border);background:var(--surface-soft);contain:layout paint;position:relative;overflow:hidden}.measurement-loading:after{border:1px solid var(--chart-grid-major);background:linear-gradient(var(--chart-grid) 1px, transparent 1px), linear-gradient(90deg, var(--chart-grid) 1px, transparent 1px);content:"";background-size:25% 25%;border-radius:6px;position:absolute;inset:14px}.measurement-loading--chart{min-height:655px}.measurement-loading--metric{border:1px solid var(--border);border-radius:8px;min-height:190px}.measurement-loading--monster{height:100%;min-height:430px}.topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.reference-topbar{z-index:80;border:1px solid var(--border);background:var(--surface);border-radius:24px;min-height:88px;margin:0 0 18px;padding:14px 18px;transition:border-color .18s,box-shadow .18s,background .18s;position:sticky;top:0;box-shadow:0 16px 38px #0e343d1a}.reference-topbar--notifications-open{z-index:140}.reference-topbar:after{content:"";background:linear-gradient(90deg,#0000,#11b7a36b,#ffb44361,#0000);height:1px;position:absolute;bottom:-1px;left:18px;right:18px}.brand,.reference-brand{color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:10px;display:inline-flex}.brand-monster-wrap{flex:none;place-items:center;display:inline-grid;position:relative}.brand-presence-dot,.topbar-notification-dot{border:3px solid var(--surface);background:var(--teal);border-radius:50%;position:absolute}.brand-presence-dot{width:13px;height:13px;bottom:-2px;right:-2px}.notification-menu-wrap{order:3;position:relative}.topbar-notification{position:relative}.notification-popover{z-index:90;border:1px solid var(--border);background:var(--surface);width:min(350px,100vw - 28px);max-height:min(620px,100dvh - 110px);color:var(--ink);box-shadow:var(--shadow);animation:popoverIn .17s var(--ease-enter) both;border-radius:18px;gap:12px;padding:14px;display:grid;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.notification-popover__header{justify-content:space-between;align-items:center;display:flex}.notification-popover__header small{color:var(--muted);font-size:.78rem;display:block}.notification-popover__header button{border:1px solid var(--border);background:var(--surface-control);width:44px;height:44px;color:var(--ink);border-radius:12px;place-items:center;display:grid}.notification-popover__tabs{border:1px solid var(--border);background:var(--surface-strong);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.notification-popover__tabs button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;font-weight:900}.notification-popover__tabs button.active{background:var(--surface);color:var(--accent-text)}.notification-popover__tabs button:focus-visible,.notification-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.notification-popover__list{gap:8px;max-height:min(460px,60vh);display:grid;overflow-y:auto}.notification-card{border:1px solid var(--border);background:var(--surface-control);width:100%;min-height:64px;color:var(--ink);text-align:left;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;transition:opacity .17s;display:grid}.notification-card--read{opacity:.78}.notification-card__icon{background:color-mix(in srgb, var(--teal), transparent 87%);color:var(--accent-text);border-radius:12px;padding:9px}.notification-card--error .notification-card__icon{color:#bb2727}.notification-card__content{overflow-wrap:anywhere;gap:3px;min-width:0;display:grid}.notification-card__content>span,.notification-card__content small{color:var(--muted);font-size:.78rem}.notification-card__unread{background:var(--teal);border-radius:50%;width:9px;height:9px;margin-top:5px}.notification-popover__empty{color:var(--muted);text-align:center;margin:0;padding:32px 12px}.notification-popover__more{border:1px solid var(--border);background:var(--surface-strong);width:100%;min-height:44px;color:var(--accent-text);border-radius:12px;font-weight:900}.notification-popover__more:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.topbar-notification-dot{background:var(--teal-dark);color:#fff;border-width:2px;min-width:20px;height:20px;padding:0 5px;font-size:.65rem;line-height:16px;top:-5px;right:-7px}.brand-monster,.profile-avatar{background:linear-gradient(145deg, var(--teal), #2ed7bd);color:#fff;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-weight:950;transition:box-shadow .18s,transform .18s;display:grid;box-shadow:0 10px 20px #11b7a340}.reference-brand strong{font-size:1.38rem;font-weight:950;line-height:1.05;display:block}.reference-brand small,.profile-button small{color:var(--muted);font-size:.78rem;font-weight:800;display:block}.reference-nav{border:1px solid var(--border);background:var(--surface-soft);border-radius:18px;flex:auto;order:2;justify-content:center;gap:4px;padding:4px;display:flex}.reference-nav button,.footer button{min-height:44px;color:var(--muted-strong);background:0 0;border:0;border-radius:14px;align-items:center;gap:7px;padding:9px 12px;font-weight:850;transition:background .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex;position:relative}.reference-nav button.active,.footer button[aria-current=page]{color:var(--accent-text);background:linear-gradient(#effbf8,#e3f5f1);box-shadow:inset 0 0 0 1px #11b7a31f}.topbar-actions{order:4;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:relative}.mobile-bottom-nav{display:none}.icon-button,.profile-button{border:1px solid var(--border);min-height:44px;color:var(--ink);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:850;transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex;box-shadow:0 8px 18px #142b310f}.icon-button{width:44px;padding:0}.profile-button{text-align:left;padding:6px 9px 6px 6px}.profile-menu-wrap{position:relative}.profile-menu-popover{z-index:90;border:1px solid var(--border);background:var(--surface);width:min(280px,100vw - 28px);color:var(--ink);box-shadow:var(--shadow);border-radius:14px;gap:10px;padding:14px;animation:.15s ease-out both popoverIn;display:grid;position:absolute;top:calc(100% + 8px);right:0}.profile-menu-popover>strong{font-size:1rem}.profile-menu-popover div{min-width:0;color:var(--muted);overflow-wrap:anywhere;justify-content:space-between;gap:12px;font-weight:820;display:flex}.profile-menu-popover b{color:var(--ink);text-align:right;overflow-wrap:anywhere;min-width:0}.profile-menu-version{border-top:1px solid var(--border);min-width:0;padding-top:10px}.profile-menu-version span{min-width:0;color:var(--ink);overflow-wrap:anywhere;font-weight:850}.profile-menu-popover button{background:var(--teal-dark);color:#fff;border:0;border-radius:11px;min-height:44px;font-weight:900}.profile-menu-popover .profile-updates-button{width:100%;min-height:44px}.maintenance-public-banner{color:#8b3329;background:linear-gradient(#fff8f6,#fff0ee);border:1px solid #f4b7ad;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid;box-shadow:0 12px 26px #a83d2f1a}.maintenance-public-banner strong,.maintenance-public-banner span{display:block}.maintenance-public-banner strong{color:#8b3329;font-weight:950}.maintenance-public-banner span{color:#6d4a45;font-size:.9rem;font-weight:820}.maintenance-public-banner button{color:#8b3329;background:#fff;border:1px solid #f4b7ad;border-radius:12px;min-height:44px;padding:9px 12px;font-weight:900}.profile-avatar{border-radius:50%;width:38px;height:38px;font-size:.88rem}.reference-main-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid}.home-layout-shell,.home-layout-section{min-width:0}.home-layout-shell{gap:10px;display:grid}.home-layout-toolbar{justify-content:flex-end;align-items:center;gap:8px;min-height:44px;display:flex}.home-layout-toolbar__badge{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:850}.home-layout-toolbar__badge--admin{border-color:color-mix(in srgb, var(--teal) 28%, var(--border));background:color-mix(in srgb, var(--teal) 7%, var(--surface));color:var(--accent-text)}.home-layout-edit-button{border:1px solid var(--border);background:var(--surface-control);min-width:44px;min-height:44px;color:var(--ink);box-shadow:0 6px 16px color-mix(in srgb, var(--ink) 5%, transparent);border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:.84rem;font-weight:880;transition:transform .15s,border-color .15s,background-color .15s,color .15s;display:inline-flex}.home-layout-edit-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.home-layout-edit-button:disabled{cursor:not-allowed;opacity:.5}.home-layout-preview{transition:opacity .18s,filter .18s}.home-layout-preview--editing{pointer-events:none;opacity:.7;filter:saturate(.82)}.panel,.monster-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffffff0;border-radius:18px}.reference-monster-panel{background:var(--surface);border-radius:24px;min-width:0;min-height:430px;padding:0;overflow:hidden;box-shadow:0 16px 38px #0e343d1a}.reference-live-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:18px;min-width:0;display:grid}.reference-control-stack{align-content:start;gap:14px;min-width:0;display:grid}.reference-measurement-stack{grid-column:1/-1;gap:14px;min-width:0;display:grid}.motion-normal .reference-control-stack{animation:surfaceReveal .44s 95ms var(--ease-enter) both}.motion-normal .reference-measurement-stack{animation:surfaceReveal .46s .135s var(--ease-enter) both}.motion-wild .reference-control-stack,.motion-wild .reference-measurement-stack{animation:surfaceRevealWild .52s var(--ease-enter) both}.mode-tabs,.run-row,.duration-tile,.metric-card,.reference-chart,.achievements-panel,.leaderboard-panel{background:linear-gradient(180deg, #fffffffa, #fafefdf0), var(--surface);box-shadow:var(--shadow-soft);border:1px solid #d9e8e5eb;border-radius:18px}.mode-tabs{box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;padding:0;display:grid}.button{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:11px 14px;font-weight:920;line-height:1.1;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex;position:relative;overflow:hidden}.warning-toggle:focus-visible,.button:focus-visible,.icon-button:focus-visible,.profile-button:focus-visible,.reference-nav button:focus-visible,.footer button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;box-shadow:var(--ring), 0 12px 24px #142b311a}.button:disabled{opacity:.52}.button:active:not(:disabled){transform:translateY(1px)scale(.99)}.button--primary{background:var(--teal-dark);color:#fff;box-shadow:0 12px 24px #087c753d}.button--secondary{background:var(--dark);color:#fff}.button--danger{color:#fff;background:#b9352f;box-shadow:0 12px 22px #b9352f38}.button--ghost{border-color:var(--border);color:var(--ink);background:linear-gradient(#fff,#f7fbfa)}.button__icon{display:inline-flex}.mode-tabs .button{--mode-accent:var(--teal);--mode-soft:#eef9f6;border-color:var(--border);background:var(--surface);min-height:104px;color:var(--ink);border-radius:22px;grid-template-rows:auto auto;grid-template-columns:58px minmax(0,1fr) 136px;place-content:center flex-start;column-gap:12px;padding:14px;display:grid;box-shadow:0 12px 28px #0e343d14}.mode-tabs .button>.button__icon{border:1px solid color-mix(in srgb, var(--mode-accent), transparent 72%);background:color-mix(in srgb, var(--mode-accent), transparent 91%);width:58px;height:58px;color:color-mix(in srgb, var(--mode-accent), black 18%);border-radius:50%;grid-area:1/1/-1;place-items:center;display:grid}.mode-tabs .button>span:last-child{display:contents}.mode-tabs .button>span:last-child>span:first-child{z-index:1;text-align:left;white-space:normal;grid-area:1/2;align-self:end;min-width:0;font-size:1.02rem;position:relative}.mode-button__description{z-index:1;color:var(--muted);text-align:left;grid-area:2/2;align-self:start;font-size:.82rem;font-weight:730;line-height:1.3;display:block;position:relative}.mode-button__action{z-index:1;background:var(--teal-dark);color:#fff;border-radius:14px;grid-area:1/-2/-1;justify-content:center;align-items:center;gap:6px;width:136px;max-width:136px;min-height:48px;padding:8px;font-size:.78rem;line-height:1.1;display:inline-flex;position:relative}.mode-button__action>span{white-space:nowrap}.idle-run-tile small{display:block}.mode-tabs .button:before{background:var(--mode-accent);content:"";opacity:0;border-radius:999px;height:3px;transition:opacity .16s,transform .16s;display:none;position:absolute;top:8px;left:10px;right:10px;transform:scaleX(.55)}.mode-button--download{--mode-accent:var(--teal);--mode-soft:#edf9f6}.mode-button--upload{--mode-accent:var(--coral);--mode-soft:#fff1ef}.mode-button--combined{--mode-accent:var(--orange-strong);--mode-soft:#fff7e7}.mode-tabs .button.is-selected{border-color:color-mix(in srgb, var(--mode-accent), white 58%);background:linear-gradient(180deg, #ffffffc7, var(--mode-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mode-accent), white 72%), 0 12px 28px color-mix(in srgb, var(--mode-accent), transparent 78%);color:var(--ink)}.mode-tabs .button.is-selected:before{opacity:1;transform:scaleX(1)}.mode-tabs--single .button.is-selected{border-color:color-mix(in srgb, var(--teal), white 48%);background:var(--surface);color:var(--ink);box-shadow:0 12px 28px #0e343d14}.mode-tabs--single .button.is-selected:before{background:#fff}.run-row{background:var(--surface);border-radius:24px;grid-template-rows:minmax(180px,1fr) auto;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;min-height:430px;padding:16px;display:grid}.run-row .button{min-height:76px;font-size:1.08rem}.run-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.run-actions .button{min-width:0}.duration-tile{min-height:112px;box-shadow:none;grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;padding:18px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden}.duration-tile:after{content:"";pointer-events:none;background:linear-gradient(90deg,#11b7a31a,#ffb44314);border-radius:24px;width:156px;height:76px;position:absolute;bottom:-38px;right:-42px;transform:rotate(-14deg)}.duration-tile svg{color:var(--teal);grid-row:span 2}.duration-tile span{color:var(--muted);font-weight:850}.duration-tile strong{font-variant-numeric:tabular-nums lining-nums;text-align:right;white-space:nowrap;min-width:8ch;font-size:1.88rem;line-height:1}.run-overview-tile{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:0;margin:0;padding:10px}.run-overview-stat{z-index:1;grid-template-rows:auto 1fr;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 9px;min-width:0;padding:8px 12px;display:grid;position:relative}.run-overview-stat+.run-overview-stat{border-left:1px solid #d9e8e5eb}.run-overview-tile .run-overview-stat svg{color:var(--teal);grid-row:auto}.run-overview-stat--usage svg,.run-overview-stat--usage dd{color:var(--teal-dark)}.run-overview-stat dt{min-width:0;color:var(--muted);font-size:.82rem;font-weight:850;line-height:1.15}.run-overview-stat dd{min-width:8ch;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;text-align:right;white-space:nowrap;grid-column:1/-1;align-self:end;margin:0;font-size:1.52rem;font-weight:950;line-height:1}.idle-run-tile{background:linear-gradient(135deg,#f7fdfb,#ebf9f5);border:0 #11b7a347;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(128px,.62fr);align-content:center;gap:8px 16px;min-height:180px;padding:18px}.idle-run-tile>svg{width:min(132px,100%);height:auto;color:var(--teal-dark);filter:drop-shadow(0 10px 15px color-mix(in srgb, var(--teal), transparent 72%));stroke-width:1.6px;grid-area:1/2/-1;place-self:center end;display:block}.idle-run-tile span,.idle-run-tile strong,.idle-run-tile small{text-align:left;grid-column:1}.idle-run-tile span{color:var(--accent-text);grid-row:1;align-self:end;font-weight:900}.idle-run-tile strong{white-space:normal;grid-row:2;min-width:0;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.15}.idle-run-tile small{color:var(--muted);grid-row:3;font-size:.9rem;font-weight:720}.metrics-grid,.reference-metrics{align-items:start;gap:12px;display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-metrics{grid-template-columns:minmax(0,1fr)}.metric-card{--card-accent:var(--teal);--card-soft:#11b7a314;background:linear-gradient(180deg, #fffffffa, #f9fcfbf0), var(--surface);align-content:space-between;gap:8px;min-height:198px;padding:16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #142b3111}.metric-card>*{z-index:1;position:relative}.metric-card:before{background:linear-gradient(90deg, var(--card-accent), color-mix(in srgb, var(--card-accent), white 44%), transparent);content:"";height:3px;position:absolute;top:0;left:0;right:0}.metric-card:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--card-accent), transparent 72%), transparent);content:"";pointer-events:none;height:1px;position:absolute;bottom:83px;left:14px;right:14px}.metric-card--chartless{align-content:start;gap:18px;min-height:122px}.metric-card--chartless:after{display:none}.metric-card__label{min-width:0;color:var(--muted);align-items:center;gap:8px;font-size:.86rem;font-weight:900;display:flex}.metric-card__label>span:last-child{text-overflow:ellipsis;white-space:normal;min-width:0;line-height:1.15;overflow:hidden}.metric-card__icon{color:#fff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.metric-card--teal{--card-accent:var(--teal);--card-soft:#11b7a31a}.metric-card--green{--card-accent:var(--green);--card-soft:#2fb56f1a}.metric-card--blue{--card-accent:var(--blue);--card-soft:#2b7cf71a}.metric-card--purple{--card-accent:var(--purple);--card-soft:#7b57d91a}.metric-card--teal .metric-card__icon,.metric-card--green .metric-card__icon,.metric-card--blue .metric-card__icon,.metric-card--purple .metric-card__icon{background:linear-gradient(145deg, var(--card-accent), color-mix(in srgb, var(--card-accent), black 12%))}.metric-card strong{color:var(--ink);white-space:nowrap;font-size:1.62rem;line-height:1.02}.metric-card__readout{justify-items:start;gap:2px;min-height:3.35rem;display:grid}.metric-card small{color:var(--muted);font-weight:800}.numeric-readout{font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:.25em;min-height:2.05em;display:inline-flex}.numeric-readout__number{text-align:right;min-width:8ch;display:inline-block}.numeric-readout__unit{flex:none;display:inline-block}.metric-card__value{width:fit-content}.mini-sparkline{border:1px solid color-mix(in srgb, var(--card-accent), transparent 82%);background:linear-gradient(180deg, #fffffffa, #f7fbfaeb), color-mix(in srgb, var(--card-accent), white 95%);width:100%;height:78px;box-shadow:inset 0 1px 0 #ffffffeb, inset 0 -18px 32px #0f766e09, 0 10px 24px color-mix(in srgb, var(--card-accent), transparent 90%);color:var(--card-accent);border-radius:8px;display:block;overflow:hidden}.mini-sparkline__surface{fill:#ffffffbd}.mini-sparkline__grid{fill:none;stroke:#24464d13;stroke-width:1px;vector-effect:non-scaling-stroke}.mini-sparkline__fill{fill:color-mix(in srgb, var(--card-accent), transparent 84%)}.mini-sparkline__total-fill{fill:color-mix(in srgb, var(--card-accent), transparent 80%)}.mini-sparkline__total-baseline{fill:none;stroke:color-mix(in srgb, var(--card-accent), transparent 70%);stroke-linecap:round;stroke-width:3px;vector-effect:non-scaling-stroke}.mini-sparkline__total-progress{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:4.4px;opacity:.7;vector-effect:non-scaling-stroke}.mini-sparkline__total-line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:4.2px;vector-effect:non-scaling-stroke}.mini-sparkline__average{fill:none;stroke:#f59e0bb8;stroke-dasharray:7 8;stroke-linecap:round;stroke-width:2px;vector-effect:non-scaling-stroke}.mini-sparkline__line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.8px;vector-effect:non-scaling-stroke;transition:opacity .14s,transform .14s}.mini-sparkline__latest circle:first-child{fill:#fff;stroke:currentColor;stroke-width:2.25px;vector-effect:non-scaling-stroke}.mini-sparkline__latest circle:last-child{fill:currentColor}.panel{padding:18px}.section-heading,.achievement-heading{gap:4px;margin-bottom:14px;display:grid}.section-heading h1,.section-heading h2,.section-heading h3{color:var(--ink);margin:0;line-height:1.08}.section-heading h2{font-size:1.24rem;font-weight:950}.section-heading p,.text-panel p,.empty-state{color:var(--muted);margin:0;line-height:1.5}.reference-chart{border-radius:24px;min-height:344px;padding:16px;animation-delay:80ms}.segmented{flex-wrap:wrap;gap:8px;display:flex}.segmented .button{border-radius:12px;min-height:44px;padding:8px 11px;font-size:.88rem}.reference-history{display:none}.footer{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin-top:22px;display:flex}.footer span{align-items:center;gap:6px;font-weight:850;display:inline-flex}.footer .version-button{color:var(--accent-text);background:#e9f8f5;box-shadow:inset 0 0 0 1px #11b7a329}.theme-dark{--bg:#10252b;--surface:#183238;--surface-soft:#203d43;--surface-strong:#244a4f;--surface-control:#17383f;--ink:#eefaf8;--muted:#a8c2bd;--muted-strong:#c4d8d5;--border:#2e555b;--accent-text:#69e2d1;--focus-ring:#72eadb;--warning-surface:#3d2d1d;--warning-ink:#ffe3ad;--cta-start:#0bb7a8;--cta-end:#007d77;--surface-glass:#183238d1;--shadow:0 22px 60px #020c106b;--shadow-soft:0 12px 30px #020c1047;--shadow-lift:0 18px 44px #020c1061;--ring:0 0 0 4px #72eadb3d;--chart-surface-top:#24464c;--chart-surface-middle:#1d3b41;--chart-surface-bottom:#173238;--chart-stat-surface:linear-gradient(180deg, #244a4ffa, #1d3d43f0);--chart-label:#b9cfcb;--chart-grid:#e2faf61f;--chart-grid-major:#e2faf638;--chart-stat-label:#b9cfcb;--chart-stat-text:#f2fcfa;--chart-stat-muted:#a8c2bd;color:var(--ink)}.theme-dark .reference-topbar,.theme-dark .panel,.theme-dark .mode-tabs,.theme-dark .run-row,.theme-dark .duration-tile,.theme-dark .metric-card,.theme-dark .leaderboard-head,.theme-dark .leaderboard-table-row,.theme-dark .leaderboard-row,.theme-dark .modal,.theme-dark .toast,.theme-dark .icon-button,.theme-dark .profile-button,.theme-dark .button--ghost,.theme-dark .achievement,.theme-dark .profile-menu-popover{border-color:var(--border);background:var(--surface);color:var(--ink)}.theme-dark .button--ghost,.theme-dark .icon-button,.theme-dark .profile-button{border-color:var(--border)}.theme-dark .reference-nav button.active,.theme-dark .footer button[aria-current=page]{background:linear-gradient(180deg, var(--surface-strong), #1d3d43);color:#69e2d1}.theme-dark .footer .version-button,.theme-dark .update-entry time{background:var(--surface-strong);color:#69e2d1}.theme-dark .reference-topbar{background:linear-gradient(180deg, #183238fa, #183238f0), var(--surface-glass)}.theme-dark .mini-sparkline{background:linear-gradient(180deg, #203c42f5, #183238e6), var(--surface);border-color:#69e2d12e}.theme-dark .mini-sparkline__surface{fill:#183238b8}.theme-dark .mini-sparkline__grid{stroke:#e2faf61a}.theme-dark .mode-tabs .button{background:var(--surface);color:var(--muted-strong)}.theme-dark .mode-tabs .button.is-selected{border-color:color-mix(in srgb, var(--mode-accent), #183238 46%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mode-accent), transparent 50%), 0 14px 30px #0000003d;color:var(--ink);background:linear-gradient(#244a4fe6,#183238f5)}.theme-dark .button:disabled{opacity:.72}.theme-dark .mode-tabs .button.is-selected:disabled{opacity:.9}.theme-dark .duration-tile:after,.theme-dark .metric-card:after{opacity:.7}.theme-dark .empty-state,.theme-dark .section-heading p,.theme-dark .metric-card small,.theme-dark .profile-menu-popover div{color:var(--muted)}.theme-dark .update-entry{background:var(--surface-control)}.theme-dark .update-entry--current{border-color:color-mix(in srgb, var(--teal) 52%, var(--border));background:color-mix(in srgb, var(--teal) 8%, var(--surface-control))}.theme-dark .rank--gold{color:#ffe9a0;background:linear-gradient(145deg,#514521,#6e5924);border-color:#8f742f}.theme-dark .rank--silver{color:#e1eff0;background:linear-gradient(145deg,#29434a,#344e54);border-color:#536b70}.theme-dark .rank--bronze{color:#ffd3af;background:linear-gradient(145deg,#4d3528,#68442f);border-color:#8c6041}.theme-dark .achievement span,.theme-dark .rank{background:var(--surface-strong);color:var(--accent-text)}.theme-dark .achievement--unlocked{background:color-mix(in srgb, var(--surface-strong), var(--teal) 12%);border-color:#69e2d16b}.theme-dark .achievement--unlocked span{background:var(--teal-dark);color:#fff}body.page-theme-dark .notification-popover,.theme-dark .notification-popover{border-color:var(--border);background:var(--surface);color:var(--ink);box-shadow:0 20px 50px #020c1070}body.page-theme-dark .notification-card,.theme-dark .notification-card{border-color:var(--border);background:var(--surface-control);color:var(--ink)}.theme-dark .run-row{border-color:var(--border);background:var(--surface)}.theme-dark .maintenance-public-banner{color:#ffd8d2;background:linear-gradient(#4b2928,#3b2426);border-color:#ff8b7e75;box-shadow:0 14px 34px #020c1047}.theme-dark .maintenance-public-banner strong,.theme-dark .maintenance-public-banner span{color:#ffd8d2}.theme-dark .maintenance-public-banner button{color:#fff2ef;background:#5a302e;border-color:#ff8b7e80}.modal-backdrop{z-index:120;background:#11272d70;place-items:center;padding:10px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);width:min(540px,100%);max-height:calc(100dvh - 20px);box-shadow:var(--shadow);background:#fff;border-radius:18px;flex-direction:column;padding:18px;animation:.17s ease-out both modalIn;display:flex;overflow:hidden}.modal--loading{min-height:132px;color:var(--accent-text);justify-content:center;align-items:center;gap:10px}.modal--loading svg{animation:.7s linear infinite routeLoadingSpin}.modal h2{color:var(--ink);margin:0 0 12px;font-size:1.6rem}.modal__body{min-height:0;color:var(--muted);flex:auto;gap:10px;padding-right:4px;line-height:1.5;display:grid;overflow-y:auto}.modal__body p{margin:0}.modal__actions{background:#fff;flex:none;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:12px;display:flex;position:sticky;bottom:0}.home-layout-modal{width:min(680px,100%)}.home-layout-modal .home-layout-editor{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.home-layout-modal__lead{border:1px solid color-mix(in srgb, var(--teal) 24%, var(--border));background:color-mix(in srgb, var(--teal) 7%, var(--surface));color:var(--ink);border-radius:13px;padding:10px 12px;font-size:.86rem;font-weight:740}.theme-dark .modal__actions{background:var(--surface)}.toast{z-index:30;max-width:min(390px,100vw - 36px);color:var(--ink);background:#fffffff2;border:1px solid #11b7a352;border-radius:14px;padding:13px 16px;font-weight:850;animation:.24s ease-out both toastIn;position:fixed;bottom:18px;right:18px;box-shadow:0 12px 32px #11272d24}.button[hidden]{display:none!important}@keyframes surfaceReveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes surfaceRevealWild{0%{opacity:0;transform:translateY(22px)}72%{transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes ctaWave{0%{transform:translate(0)}to{transform:translate(36px)}}@keyframes actionIconDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes shellReveal{0%{opacity:0}to{opacity:1}}@keyframes softRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popoverIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes notificationSheetIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes homeLayoutSheetIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes viewStageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sparklineDraw{to{stroke-dashoffset:0}}@media (width<=1180px){.reference-main-grid{grid-template-columns:1fr}.reference-monster-panel{order:3}}@media (width>=981px) and (width<=1120px){.reference-topbar{flex-wrap:wrap}.reference-nav{flex-wrap:wrap;flex-basis:100%;order:3}.topbar-actions{margin-left:auto}}@media (width<=980px){.app-shell{padding:14px}.reference-topbar{z-index:80;flex-direction:column;align-items:stretch;position:relative;overflow:visible}.reference-nav{flex-wrap:wrap;justify-content:flex-start;width:100%;min-width:0;padding-bottom:0;overflow-x:visible}.reference-nav button{flex:min(160px,100%);justify-content:center;min-width:0}.reference-live-stage{grid-template-columns:minmax(0,1fr)}.topbar-actions{justify-content:flex-start}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-metrics{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){html{overscroll-behavior:none;height:100%;overflow:hidden}body{overscroll-behavior:none;height:100%;min-height:0;overflow:hidden}#root{height:100%;min-height:0;overflow:hidden}.app-shell.game-shell{grid-template-rows:auto auto minmax(0,1fr) auto;height:100dvh;max-height:100dvh;display:grid;overflow:hidden}.reference-topbar{grid-row:1;position:relative;overflow:visible}.game-shell main{overscroll-behavior-y:contain;scrollbar-width:none;scrollbar-gutter:auto;-webkit-overflow-scrolling:touch;grid-row:3;min-height:0;overflow:clip auto}.reference-monster-panel,.mode-tabs,.run-row,.duration-tile,.metric-card,.reference-chart{contain:layout style}.reference-topbar{overflow:visible}html.is-scrolling *,html.is-scrolling :before,html.is-scrolling :after{transition-duration:.01ms!important}html.is-scrolling .mini-sparkline__line,html.is-scrolling .live-badge:before,html.is-scrolling .mode-tabs .button:after,html.is-scrolling .mode-button__action svg{animation-play-state:paused!important}.reference-main-grid{grid-template-columns:1fr}.reference-live-stage{grid-template-columns:minmax(0,1fr)}.maintenance-public-banner{grid-template-columns:1fr;align-items:stretch}.maintenance-public-banner button{width:100%}.home-layout-toolbar{justify-content:space-between}.home-layout-edit-button{flex:auto}.home-layout-modal-backdrop{place-items:end center;padding:0}.home-layout-modal{height:min(88dvh,760px);max-height:min(88dvh,760px);animation:homeLayoutSheetIn .21s var(--ease-enter) both;border-radius:24px 24px 0 0;padding:16px}.home-layout-modal .modal__body{overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1 1 0;min-height:0;padding-bottom:12px;scroll-padding-block-end:12px;overflow:hidden auto}.home-layout-modal .modal__actions{padding-bottom:max(0px, env(safe-area-inset-bottom))}.mode-tabs,.run-row,.metrics-grid{grid-template-columns:1fr}.mode-tabs .button{flex-direction:row;min-height:56px}.duration-tile{min-height:90px}.achievement-heading,.update-entry__head{grid-template-columns:1fr}.update-entry__head{flex-direction:column;align-items:flex-start}.modal__actions{flex-direction:column-reverse}}@media (width>=481px) and (width<=980px){.profile-menu-popover{left:104px;right:auto}}@media (width<=480px){.app-shell.game-shell{grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;max-height:100dvh;padding:10px;display:grid;overflow:hidden}.game-shell main{overscroll-behavior:contain;scrollbar-gutter:stable;gap:12px;min-height:0;padding:0 1px 12px;overflow:clip auto}.reference-topbar{border:1px solid var(--border);background:var(--surface);border-radius:24px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:14px 10px;min-height:0;margin:0 0 4px;padding:18px 14px 12px;display:grid;box-shadow:0 14px 34px #0e343d17}.reference-topbar:after{display:none}.panel,.monster-panel,.mode-tabs,.run-row,.duration-tile,.metric-card{border-radius:14px}.reference-brand strong{color:var(--ink);font-size:1.42rem}.profile-button small{display:none}.reference-brand{gap:13px;min-width:0}.reference-brand small{color:var(--muted);margin-top:5px;font-size:.84rem;font-weight:720;display:block}.brand-monster{border-radius:50%;width:48px;height:48px;font-size:1.25rem}.notification-menu-wrap{grid-area:1/2;justify-self:end;width:44px;height:44px;position:static}.topbar-notification{border-color:var(--border);background:var(--surface-control);border-radius:14px;width:44px;height:44px;box-shadow:0 7px 16px #142b3112}.notification-popover{top:auto;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:160;width:auto;max-height:min(78dvh,680px);animation:notificationSheetIn .22s var(--ease-enter) both;border-radius:24px;padding:16px;position:fixed;left:10px}.reference-nav{display:none}.topbar-actions,.profile-button{width:100%}.topbar-actions{background:0 0;border-top:0;grid-column:1/-1;grid-template-columns:minmax(0,1fr) 48px 48px;gap:8px;margin:0;padding:0;display:grid}.topbar-actions .icon-button,.topbar-actions .profile-button{border-color:var(--border);background:var(--surface-control)}.topbar-actions .icon-button{border-radius:14px;width:48px;height:48px;box-shadow:0 6px 14px #142b3114}.profile-button{border-radius:14px;justify-content:space-between;min-width:0;min-height:48px}.topbar-actions .profile-avatar{border-radius:50%}.profile-menu-wrap{min-width:0}.profile-menu-popover{grid-column:1/-1;width:100%;max-width:none;margin-top:0;position:static}.reference-main-grid,.reference-control-stack{gap:14px}.reference-monster-panel{aspect-ratio:auto;min-height:370px}.mode-tabs{box-shadow:none;background:0 0;border:0;border-radius:22px;gap:8px;padding:0}.mode-tabs .button{border:1px solid var(--border);background:var(--surface);min-height:88px;color:var(--ink);border-radius:20px;grid-template-rows:auto auto;grid-template-columns:58px minmax(0,1fr) 136px;place-content:center flex-start;column-gap:12px;padding:11px 12px;font-size:1.02rem;display:grid;box-shadow:0 12px 28px #0e343d14}.mode-tabs .button:before{display:none}.mode-tabs .button:after{background:repeating-radial-gradient(ellipse at 50% 100%, transparent 0 10px, color-mix(in srgb, var(--teal), transparent 90%) 11px 12px, transparent 13px 18px);bottom:-42px;left:52%;right:-8%}.mode-tabs .button svg{width:26px;height:26px}.mode-tabs .button>.button__icon{border:1px solid color-mix(in srgb, var(--teal), transparent 78%);background:color-mix(in srgb, var(--teal), transparent 94%);width:58px;height:58px;color:var(--teal-dark);border-radius:50%;grid-area:1/1/-1;place-items:center;display:grid}.mode-tabs .button>span:last-child{display:contents}.mode-tabs .button>span:last-child>span:first-child{z-index:1;text-align:left;white-space:nowrap;grid-area:1/2;align-self:end;min-width:0;font-size:.96rem;position:relative}.mode-tabs--single .button.is-selected{border-color:var(--border);background:var(--surface);color:var(--ink);box-shadow:0 12px 28px #0e343d14}.mode-button__description{z-index:1;color:var(--muted);text-align:left;grid-area:2/2;align-self:start;font-size:.8rem;font-weight:730;display:block;position:relative}.mode-button__action{border-radius:12px}.run-row{border:1px solid var(--border);background:var(--surface);border-radius:22px;grid-template-rows:auto auto;grid-template-columns:1fr;gap:12px;min-height:0;padding:10px;box-shadow:0 12px 30px #142b3114}.run-row .button{min-height:76px}.duration-tile{min-height:76px;padding:13px}.duration-tile strong{font-size:1.35rem}.run-overview-tile{border:1px solid var(--border);background:var(--surface-control);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:76px;padding:4px}.idle-run-tile{background:0 0;border:0;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 112px;align-content:center;gap:7px 12px;min-height:100px;padding:6px 8px}.idle-run-tile:before,.idle-run-tile:after,.run-overview-tile:after{display:none}.idle-run-tile>svg{width:100px;height:100px;color:var(--teal-dark);filter:drop-shadow(0 8px 12px color-mix(in srgb, var(--teal), transparent 72%));stroke-width:1.7px;grid-area:1/2/-1;place-self:center end;display:block}.idle-run-tile span{color:var(--accent-text);grid-area:1/1;align-self:end;font-weight:900}.idle-run-tile strong{min-width:0;color:var(--ink);text-align:left;white-space:normal;grid-area:2/1;align-self:start;font-size:1.5rem;line-height:1.14}.idle-run-tile small{color:var(--muted);grid-area:3/1;font-size:.83rem;font-weight:720;display:block}.run-overview-stat{gap:5px 8px;padding:7px}.run-overview-stat dt{font-size:.74rem}.run-overview-stat dd{font-size:1.2rem}.run-overview-tile .run-overview-stat svg{background:color-mix(in srgb, var(--teal), transparent 91%);width:38px;height:38px;color:var(--teal-dark);border-radius:50%;padding:8px}.metric-card{min-height:164px;padding:13px}.metric-card--chartless{min-height:112px}.metric-card strong{overflow-wrap:anywhere;font-size:1.32rem}.mini-sparkline{height:68px}.mobile-bottom-nav{z-index:100;border:1px solid var(--border);width:100%;min-height:76px;padding:7px 6px max(7px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface), transparent 4%);border-radius:22px;grid-row:3;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:2px;margin-top:8px;display:grid;position:relative;box-shadow:0 -12px 34px #0e343d21}.mobile-bottom-nav a{min-width:44px;min-height:58px;color:var(--muted);background:0 0;border:0;border-radius:14px;align-content:center;place-items:center;gap:4px;padding:5px 2px;font-size:.75rem;font-weight:850;text-decoration:none;display:grid}.mobile-bottom-nav a.active{color:var(--accent-text)}.mobile-bottom-nav a.active:after{background:var(--teal);content:"";border-radius:999px;width:28px;height:3px}.mobile-bottom-nav a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.reference-metrics,.reference-history,.footer{display:none}.toast{right:10px;bottom:calc(102px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}.reference-chart{padding:12px}.measurement-loading--chart{min-height:390px}}@media (width>=481px) and (width<=720px){.app-shell.game-shell{grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;max-height:100dvh;padding:12px;display:grid;overflow:hidden}.game-shell main{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:0 1px 12px;overflow:clip auto}.reference-topbar{border-radius:24px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:14px 10px;min-height:0;margin:0 0 6px;padding:18px 16px 14px;display:grid}.reference-topbar:after,.reference-nav{display:none}.notification-menu-wrap{grid-area:1/2;justify-self:end;position:static}.notification-popover{top:auto;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:160;border-radius:24px;width:auto;max-height:min(78dvh,680px);position:fixed;left:12px}.topbar-actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 48px 48px;gap:8px;width:100%;display:grid}.topbar-actions .profile-button{width:100%}.profile-menu-wrap{min-width:0}.profile-menu-popover{grid-column:1/-1;width:100%;max-width:none;position:static}.mobile-bottom-nav{z-index:100;border:1px solid var(--border);width:100%;padding:6px 7px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-radius:22px;grid-row:3;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin-top:8px;display:grid;position:relative;box-shadow:0 16px 42px #0e2d352e}.mobile-bottom-nav a{min-width:0;min-height:58px;color:var(--muted);place-items:center;gap:3px;font-size:.7rem;font-weight:820;text-decoration:none;display:grid}.reference-monster-panel{min-height:390px}.run-row{grid-template-rows:auto auto;min-height:0}}@media (width<=720px){.footer{display:none}.app-shell.game-shell{padding-top:max(10px, env(safe-area-inset-top));grid-template-rows:auto auto minmax(0,1fr) auto}.toast-region{opacity:0;visibility:hidden;pointer-events:none;min-width:0;min-height:0;transition:grid-template-rows var(--motion-base) var(--ease-standard), margin-bottom var(--motion-base) var(--ease-standard), opacity var(--motion-fast) linear;grid-template-rows:0fr;margin-bottom:0;display:grid}.toast-region--visible{opacity:1;visibility:visible;grid-template-rows:1fr;margin-bottom:4px}.toast-region__clip{min-height:0;overflow:hidden}.game-shell main{scrollbar-width:none;scrollbar-gutter:auto;grid-row:3}.game-shell main::-webkit-scrollbar{width:0;height:0;display:none}.mobile-bottom-nav{grid-row:4;position:relative}.profile-menu-popover{top:auto;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:170;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;border-radius:24px;width:auto;max-width:none;max-height:min(78dvh,680px);margin:0;position:fixed;left:10px;overflow-y:auto}.toast{text-align:center;justify-content:center;align-items:center;width:100%;max-width:none;min-height:48px;padding:11px 14px;display:flex;position:static;bottom:auto;right:auto}}@media (hover:hover){.home-layout-edit-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--teal) 42%, var(--border));background:color-mix(in srgb, var(--teal) 6%, var(--surface-control));color:var(--accent-text);transform:translateY(-1px)}.reference-brand:hover .brand-monster{transform:rotate(-4deg)scale(1.04);box-shadow:0 14px 26px #11b7a34d}.reference-nav button:hover,.footer button:hover{color:var(--accent-text);background:linear-gradient(#effbf8,#e3f5f1);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #11b7a31f}.icon-button:hover,.profile-button:hover{color:var(--accent-text);background:#f5fbfa;border-color:#11b7a352;transform:translateY(-1px);box-shadow:0 12px 24px #142b311a}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #142b311a}.duration-tile:hover{border-color:#11b7a33d;transform:translateY(-1px);box-shadow:0 10px 24px #142b3114}.metric-card:hover{border-color:color-mix(in srgb, var(--card-accent), white 60%);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.achievement-heading button:hover{background:#f4fbf9;border-color:#11b7a347;transform:translateY(-1px);box-shadow:0 8px 18px #142b3114}.achievement:hover{border-color:#11b7a347;transform:translateY(-1px);box-shadow:0 10px 22px #142b3114}.leaderboard-table-row:hover{color:var(--ink);background:#f8fcfb}.leaderboard-row:hover{background:#11b7a30a;transform:translate(2px)}.theme-dark .reference-nav button:hover,.theme-dark .footer button:hover{background:linear-gradient(180deg, var(--surface-strong), #1d3d43);color:var(--accent-text)}.theme-dark .icon-button:hover,.theme-dark .profile-button:hover,.theme-dark .achievement-heading button:hover{background:var(--surface-strong);color:var(--accent-text);box-shadow:var(--shadow-soft);border-color:#69e2d157}}@media (pointer:coarse){.reference-nav button,.footer button,.icon-button,.profile-button,.warning-toggle,.segmented .button,.mode-tabs .button,.run-row .button,.modal__actions .button,.profile-menu-popover button{min-width:44px;min-height:44px}}@keyframes chartLatestPulse{0%,to{opacity:1}50%{opacity:.55}}@media (width<=360px){.profile-button{gap:4px;padding:4px}.profile-button strong{font-size:.8rem}.mode-tabs .button{grid-template-columns:54px minmax(0,1fr) auto;column-gap:9px;padding:9px}.mode-tabs .button>.button__icon{width:54px;height:54px}.mode-tabs .button>span:last-child>span:first-child{white-space:nowrap}.mode-button__action{max-width:104px;padding:7px 8px;font-size:.7rem}.mode-button__action svg{display:none}.mobile-bottom-nav a{letter-spacing:-.03em;font-size:.7rem}}@media (width<=340px){.mode-tabs .button{grid-template-columns:minmax(0,1fr) 104px}.mode-tabs .button>.button__icon{display:none}.mode-tabs .button>span:last-child>span:first-child,.mode-button__description{grid-column:1}}@media (prefers-reduced-motion:reduce){.mode-tabs .button:after,.mode-button__action svg{animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}