:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17262d;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f4f7f8;--surface:#fff;--surface-elevated:#fff;--surface-soft:#f7f9fa;--surface-strong:#e8f3f1;--surface-sunken:#eef3f4;--surface-control:#fbfcfc;--panel:var(--surface);--ink:#17262d;--muted:#586b73;--muted-strong:#3e535c;--border:#d8e0e3;--border-strong:#becace;--teal:#0a8f87;--teal-dark:#076c67;--accent-text:#076c67;--green:#2fb56f;--blue:#2b7cf7;--data-accent:#7256d8;--data-accent-soft:#f1edff;--purple:var(--data-accent);--orange:#ffb443;--orange-strong:#f47f28;--coral:#ff685f;--danger:#c93650;--danger-strong:#a9213a;--yellow:#ffe082;--dark:#172b32;--radius-control:10px;--radius-panel:14px;--radius-overlay:16px;--radius-modal:20px;--radius-card:18px;--radius-pill:999px;--space-control:10px;--space-panel:16px;--space-section:18px;--shadow-panel:0 4px 16px #17262d12;--shadow-card:0 12px 34px #17262d14;--shadow-overlay:0 10px 28px #17262d1f;--overlay-backdrop:color-mix(in srgb, var(--ink) 48%, transparent);--shadow-more-menu:0 30px 80px color-mix(in srgb, var(--ink) 28%, transparent);--shadow:var(--shadow-overlay);--shadow-soft:var(--shadow-panel);--shadow-lift:var(--shadow-overlay);--ring:0 0 0 4px #0a8f8729;--focus-ring:#076c67;--warning-surface:#fffbf4;--warning-border:#f3e6d0;--warning-ink:#162b32;--status-success-surface:#e8f8f1;--status-success-ink:#126a4a;--status-warning-surface:#fff5dc;--status-danger-surface:#fff0ee;--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;--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--surface-glass:#ffffffd1;--chart-surface-top:#fff;--chart-surface-middle:#f7f9fa;--chart-surface-bottom:#eef3f4;--chart-stat-surface:var(--surface-control);--chart-label:#52686e;--chart-grid:#24464d1a;--chart-grid-major:#24464d2e;--chart-stat-label:#52686e;--chart-stat-text:#102a30;--chart-stat-muted:#52686e;background:#f4f7f8;font-family: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:var(--bg);background-image:linear-gradient(var(--bg), var(--bg));background-attachment:scroll;min-width:320px;min-height:100vh;margin:0}html.page-theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09151a;--surface:#101f25;--surface-elevated:#14262d;--surface-soft:#15272e;--surface-strong:#183139;--surface-sunken:#0d1c22;--surface-control:#12242a;--panel:var(--surface);--ink:#f1f6f5;--muted:#a8bdc1;--muted-strong:#cad8da;--border:#2d4248;--border-strong:#456069;--teal:#45c8ba;--teal-dark:#167d76;--accent-text:#72eadb;--data-accent:#a78bfa;--data-accent-soft:#2a2340;--danger:#ff7289;--danger-strong:#ff9aaa;--warning-surface:#3d2d1d;--warning-ink:#ffe3ad;--status-success-surface:#15382f;--status-success-ink:#8fe6c4;--status-warning-surface:#3d321d;--status-danger-surface:#432827;--cta-start:#0bb7a8;--cta-end:#007d77;--shadow-panel:0 4px 16px #0003;--shadow-card:0 16px 38px #00000047;--shadow-overlay:0 10px 28px #0000004d;--overlay-backdrop:color-mix(in srgb, var(--ink) 58%, transparent);--shadow-more-menu:0 30px 80px color-mix(in srgb, var(--ink) 38%, transparent);--shadow:var(--shadow-overlay);--shadow-soft:var(--shadow-panel);--shadow-lift:var(--shadow-overlay);--chart-surface-top:#172a31;--chart-surface-middle:#12242a;--chart-surface-bottom:#101f25;--chart-label:#b9cfcb;--chart-grid:#e2faf61f;--chart-grid-major:#e2faf638;--chart-stat-label:#b9cfcb;--chart-stat-text:#f2fcfa;--chart-stat-muted:#a8c2bd;background:#09151a}body.page-theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);background-image:linear-gradient(var(--bg), var(--bg))}@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}.skip-link{z-index:1000;border:2px solid var(--teal-dark);background:var(--surface);min-height:44px;color:var(--ink);transition:transform var(--motion-fast) var(--ease-enter);border-radius:10px;padding:10px 14px;font-weight:900;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(calc(-100% - 16px))}.skip-link:focus{transform:translateY(0)}.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}.view-stage:focus-visible,#admin-main:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.app-status-region{min-width:0;min-height:0}.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)}.motion-normal .reference-topbar{animation:surfaceReveal .42s var(--ease-enter) both}.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-reduced .notification-popover,.motion-reduced .profile-menu-popover,.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;min-height:76px;margin:0 0 var(--space-section);padding:var(--space-control) var(--space-panel);border:1px solid var(--border);border-radius:var(--radius-overlay);background:var(--surface-elevated);box-shadow:var(--shadow-panel);transition:border-color .18s,box-shadow .18s,background .18s;position:sticky;top:0}.reference-topbar--notifications-open{z-index:140}.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:var(--teal);color:#fff;width:48px;height:48px;box-shadow:none;border-radius:50%;flex:none;place-items:center;font-weight:950;transition:box-shadow .18s,transform .18s;display:grid}.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{background:0 0;border:0;border-radius:0;flex:auto;order:2;justify-content:center;gap:10px;padding:0;display:flex}.reference-nav button,.footer button{border-radius:var(--radius-control);min-height:44px;color:var(--muted-strong);background:0 0;border:0;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);box-shadow:inset 0 -2px 0 var(--teal-dark);background:0 0}.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);border-radius:var(--radius-control);background:var(--surface-control);min-height:44px;color:var(--ink);box-shadow:none;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}.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-elevated);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}.hardware-lab-entry{min-width:0;block-size:max-content;border:1px solid color-mix(in srgb, var(--teal) 34%, var(--border));background:linear-gradient(130deg, color-mix(in srgb, var(--teal) 9%, var(--panel)), color-mix(in srgb, var(--purple) 8%, var(--panel)));width:min(1180px,100% - 32px);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:20px auto 0;padding:22px;display:grid;position:relative;overflow:hidden}.hardware-lab-entry:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--purple) 18%, transparent), transparent 68%);pointer-events:none;border-radius:50%;width:210px;height:210px;position:absolute;right:10%}.hardware-lab-entry__icon{width:62px;height:62px;color:var(--teal);background:color-mix(in srgb, var(--teal) 13%, var(--panel));border-radius:18px;place-items:center;display:grid}.hardware-lab-entry>div:nth-child(2){gap:5px;display:grid}.hardware-lab-entry>div:nth-child(2),.hardware-lab-entry :is(span,h2,p){overflow-wrap:anywhere;min-width:0}.hardware-lab-entry span{color:var(--purple);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;align-items:center;gap:6px;font-size:.76rem;font-weight:900;display:inline-flex}.hardware-lab-entry h2,.hardware-lab-entry p{margin:0}.hardware-lab-entry h2{font-size:clamp(1.05rem,2vw,1.35rem)}.hardware-lab-entry p{color:var(--muted);line-height:1.5}.hardware-lab-entry button{z-index:1;color:#041714;cursor:pointer;background:linear-gradient(135deg,#50f9d8,#18c4aa);border:0;border-radius:13px;min-height:48px;padding:0 18px;font-weight:900;position:relative}@media (width<=700px){.hardware-lab-entry{grid-template-columns:auto minmax(0,1fr);width:min(100% - 20px,1180px);padding:17px}.hardware-lab-entry__icon{width:52px;height:52px}.hardware-lab-entry button{width:100%;min-height:52px;box-shadow:0 10px 24px color-mix(in srgb, var(--teal) 28%, transparent);border:1px solid #ffffff52;grid-column:1/-1}}.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);border-radius:var(--radius-panel);background:var(--surface-elevated);box-shadow:var(--shadow-card)}.reference-monster-panel{border-radius:var(--radius-overlay);background:var(--surface);min-width:0;min-height:430px;box-shadow:var(--shadow-panel);padding:0;overflow:hidden}.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:contentLiftIn .44s 95ms var(--ease-enter) both}.motion-normal .reference-measurement-stack{animation:contentLiftIn .46s .135s var(--ease-enter) both}.motion-wild .reference-control-stack,.motion-wild .reference-measurement-stack{animation:contentLiftInWild .52s var(--ease-enter) both}.mode-tabs,.run-row,.duration-tile,.metric-card,.reference-chart,.achievements-panel,.leaderboard-panel{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-panel)}.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-radius:var(--radius-control);border:1px solid #0000;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)}.button:disabled{opacity:.52}.button:active:not(:disabled){transform:translateY(1px)scale(.99)}.button--primary{background:var(--teal-dark);color:#fff;box-shadow:none}.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);background:var(--surface-control);color:var(--ink)}.button__icon{display:inline-flex}.mode-tabs .button{--mode-accent:var(--teal);--mode-soft:#eef9f6;border-color:var(--border);border-radius:var(--radius-panel);background:var(--surface);min-height:104px;color:var(--ink);box-shadow:var(--shadow-panel);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}.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;border-radius:var(--radius-control);background:var(--teal-dark);color:#fff;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{overflow-wrap:anywhere;white-space:normal}.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:color-mix(in srgb, var(--mode-accent) 5%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mode-accent), white 76%);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:var(--shadow-panel)}.mode-tabs--single .button.is-selected:before{background:#fff}.run-row{border:1px solid var(--border);border-radius:var(--radius-overlay);min-width:0;min-height:430px;padding:var(--space-panel);background:var(--surface);box-shadow:var(--shadow-panel);grid-template-rows:minmax(180px,1fr) auto;grid-template-columns:minmax(0,1fr);gap:12px;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}.active-test-banner{border:1px solid color-mix(in srgb, var(--teal), var(--border) 58%);background:color-mix(in srgb, var(--surface), var(--teal) 5%);width:min(100% - 32px,1180px);box-shadow:var(--shadow-panel);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin:14px auto 0;padding:12px 14px;display:flex}.active-test-banner>div:first-child{gap:2px;min-width:0;display:grid}.active-test-banner strong{color:var(--ink)}.active-test-banner span{color:var(--muted);font-size:.88rem;font-weight:700}.active-test-banner__actions{flex:none;gap:8px;display:flex}.active-test-banner button{border:1px solid var(--border);min-height:44px;color:var(--ink);background:var(--surface);font:inherit;cursor:pointer;border-radius:10px;padding:0 12px;font-size:.88rem;font-weight:850}.active-test-banner button:disabled{cursor:wait;opacity:.7}.active-test-banner__stop{border-color:color-mix(in srgb, var(--danger), var(--border) 40%)!important;color:var(--danger)!important}@media (width<=640px){.active-test-banner{flex-direction:column;align-items:stretch;gap:10px;width:min(100% - 20px,1180px);margin-top:10px;padding:11px 12px}.active-test-banner__actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.active-test-banner button{width:100%}}.duration-tile{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);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{display:none}.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(auto-fit,minmax(min(8rem,100%),1fr));align-items:stretch;gap:4px;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:0;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;text-align:right;overflow-wrap:anywhere;white-space:normal;grid-column:1/-1;align-self:end;margin:0;font-size:1.52rem;font-weight:950;line-height:1}.idle-run-tile{border:1px solid var(--border);border-color:var(--border);background:var(--surface-soft);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:none;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:var(--surface);min-height:198px;box-shadow:var(--shadow-panel);align-content:space-between;gap:8px;padding:16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden}.metric-card>*{z-index:1;position:relative}.metric-card:before{background:var(--card-accent);content:"";height:3px;position:absolute;top:0;left:0;right:0}.metric-card:after{display:none}.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:var(--card-accent)}.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:var(--radius-panel);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:#09151a;--surface:#101f25;--surface-soft:#15272e;--surface-strong:#183139;--surface-control:#12242a;--ink:#f1f6f5;--muted:#a8bdc1;--muted-strong:#cad8da;--border:#2d4248;--teal:#45c8ba;--teal-dark:#167d76;--accent-text:#69e2d1;--data-accent:#a78bfa;--data-accent-soft:#2a2340;--focus-ring:#72eadb;--warning-surface:#3d2d1d;--warning-ink:#ffe3ad;--cta-start:#0bb7a8;--cta-end:#007d77;--surface-glass:#101f25e6;--shadow-panel:0 4px 16px #0003;--shadow-overlay:0 10px 28px #0000004d;--shadow:var(--shadow-overlay);--shadow-soft:var(--shadow-panel);--shadow-lift:var(--shadow-overlay);--ring:0 0 0 4px #72eadb3d;--chart-surface-top:#172a31;--chart-surface-middle:#12242a;--chart-surface-bottom:#101f25;--chart-stat-surface:var(--surface-control);--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{color:#69e2d1;box-shadow:inset 0 -2px 0 var(--teal-dark);background:0 0}.theme-dark .footer button[aria-current=page],.theme-dark .footer .version-button,.theme-dark .update-entry time{background:var(--surface-strong);color:#69e2d1}.theme-dark .reference-topbar{background:var(--surface)}.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), var(--border) 46%);background:color-mix(in srgb, var(--mode-accent) 9%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mode-accent), transparent 60%);color:var(--ink)}.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);border-radius:var(--radius-modal);width:min(540px,100%);max-height:calc(100dvh - 20px);padding:var(--space-section);background:var(--surface);box-shadow:var(--shadow-overlay);flex-direction:column;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:var(--surface);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 contentLiftIn{0%{transform:translateY(14px)}to{transform:translateY(0)}}@keyframes contentLiftInWild{0%{transform:translateY(22px)}72%{transform:translateY(-2px)}to{transform:translateY(0)}}@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>=721px) and (width<=980px){.mode-tabs .button{grid-template-rows:auto auto 44px;grid-template-columns:44px minmax(0,1fr);gap:6px 8px;padding:10px}.mode-tabs .button>.button__icon{grid-row:1/3;width:44px;height:44px}.mode-button__action{grid-area:3/1/auto/-1;width:100%;max-width:none;min-height:44px}}@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}.app-status-region{grid-row:2;min-width:0;min-height:0;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-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 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(auto-fit,minmax(min(8rem,100%),1fr));gap:4px;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}.mobile-bottom-nav :is(a,button){container-type:inline-size}.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}}@container (width<=4em){.mobile-bottom-nav :is(a,button)>span{display:none}}@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,.active-test-banner 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 (width>=721px) and (width<=980px) and (height<=650px){.app-shell{padding:6px}.reference-topbar{border-radius:14px;grid-template-rows:44px 44px;grid-template-columns:minmax(0,1fr) 44px auto;align-items:center;gap:4px 8px;min-height:0;margin:0 0 6px;padding:4px 6px;display:grid}.reference-brand{grid-area:1/1;gap:6px;min-width:0;min-height:44px;padding:0}.reference-brand>span:last-child{min-width:0}.reference-brand small,.profile-button>span:not(.profile-avatar),.profile-button>svg:last-child{display:none}.reference-brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.brand-monster{width:36px;height:36px;font-size:.95rem}.notification-menu-wrap{grid-area:1/2;width:44px;height:44px}.topbar-actions{grid-area:1/3;grid-template-columns:repeat(3,44px);gap:4px;width:auto;margin:0;display:grid}.profile-menu-wrap{width:44px;height:44px}.topbar-actions .profile-button,.topbar-actions .icon-button{width:44px;min-width:44px;height:44px;min-height:44px}.topbar-actions .profile-button{padding:3px}.profile-avatar{width:36px;height:36px}.profile-menu-popover{overscroll-behavior:contain;max-height:calc(100dvh - 80px);left:auto;right:0;overflow-y:auto}.reference-nav{grid-area:2/1/auto/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;min-width:0;display:grid}.reference-nav button{white-space:nowrap;justify-content:center;width:100%;min-width:0;min-height:44px;padding:6px 8px}}@media (width<=720px) and (height<=650px){.app-shell.game-shell{padding:max(4px, env(safe-area-inset-top)) 6px 4px}.reference-topbar{border:1px solid var(--border);border-radius:14px;grid-template-rows:44px;grid-template-columns:minmax(0,1fr) 44px auto;align-items:center;gap:4px;min-height:52px;margin:0 0 4px;padding:4px 5px;display:grid}.reference-brand{grid-area:1/1;gap:6px;min-width:0;min-height:44px;padding:0}.reference-brand>span:last-child{min-width:0}.reference-brand small,.profile-button>span:not(.profile-avatar),.profile-button>svg:last-child{display:none}.reference-brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.brand-monster{width:36px;height:36px;font-size:.95rem}.notification-menu-wrap{grid-area:1/2;width:44px;height:44px}.topbar-actions{grid-area:1/3;grid-template-columns:repeat(3,44px);gap:4px;width:auto;display:grid}.profile-menu-wrap{width:44px;height:44px}.topbar-actions .profile-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:3px}.profile-avatar{width:36px;height:36px}.topbar-actions .icon-button{width:44px;min-width:44px;height:44px;min-height:44px}.mobile-bottom-nav{width:100%;height:calc(64px + env(safe-area-inset-bottom));min-height:64px;padding:3px 4px max(3px, env(safe-area-inset-bottom));border-radius:14px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:4px}.mobile-bottom-nav a{gap:2px;min-width:0;min-height:48px;padding-block:2px}}@media (prefers-reduced-motion:reduce){.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}}html,body,#root{max-width:100%;overflow-x:clip}body.app-overlay-open{overflow:hidden}.app-shell.game-shell{grid-template-rows:auto auto minmax(0,1fr) auto;min-height:100dvh;display:grid}.view-stage,.view-stage>*,.reference-topbar>*{min-width:0}.home-measurement-center{border-color:color-mix(in srgb, var(--teal) 28%, var(--border));background:radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--data-accent) 12%, transparent), transparent 29%), linear-gradient(135deg, color-mix(in srgb, var(--teal) 7%, var(--surface-elevated)), var(--surface-elevated));gap:6px;padding:clamp(18px,3vw,28px);display:grid;position:relative;overflow:hidden}.home-measurement-center:before{border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:linear-gradient(var(--teal), var(--data-accent));content:"";width:4px;position:absolute;top:18px;bottom:18px;left:0}.home-measurement-center h1,.home-measurement-center p{margin:0}.home-measurement-center h1{color:var(--ink);letter-spacing:-.035em;font-size:clamp(1.45rem,4vw,2.25rem);line-height:1.05}.home-measurement-center p{max-width:62ch;color:var(--muted);font-size:clamp(.9rem,1.7vw,1rem);line-height:1.5}.app-more-backdrop{z-index:230;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));overscroll-behavior:contain;background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(12px)saturate(120%);place-items:start end;display:grid;position:fixed;inset:0;overflow-y:auto}.app-more-menu{overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius-modal);background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--teal) 11%, transparent), transparent 34%), var(--surface-elevated);width:min(430px,100vw - 36px);max-height:calc(100dvh - 36px);color:var(--ink);box-shadow:var(--shadow-more-menu), var(--shadow-overlay);animation:appMoreMenuIn var(--motion-base) var(--ease-enter) both;-webkit-overflow-scrolling:touch;gap:16px;padding:18px;display:grid;overflow-y:auto}.app-more-menu__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.app-more-menu__header span,.app-more-menu__theme>span{color:var(--accent-text);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:900}.app-more-menu__header h2{margin:3px 0 0;font-size:clamp(1.35rem,4vw,1.75rem);line-height:1.1}.app-more-menu__header button{border:1px solid var(--border);background:var(--surface-control);width:48px;height:48px;color:var(--ink);border-radius:14px;flex:none;place-items:center;display:grid}.app-more-menu__routes{gap:8px;display:grid}.app-more-menu__routes>button{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-control);width:100%;min-height:64px;color:var(--ink);text-align:left;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 12px;display:grid}.app-more-menu__routes>button[aria-current=page]{border-color:color-mix(in srgb, var(--teal) 52%, var(--border));background:color-mix(in srgb, var(--teal) 8%, var(--surface-control))}.app-more-menu__routes>button>span:nth-child(2){gap:2px;min-width:0;display:grid}.app-more-menu__routes small{color:var(--muted);font-size:.78rem;line-height:1.35}.app-more-menu__route-icon{background:color-mix(in srgb, var(--teal) 10%, var(--surface-strong));width:44px;height:44px;color:var(--accent-text);border-radius:13px;place-items:center;display:grid}.app-more-menu__theme{border-top:1px solid var(--border);gap:9px;padding-top:15px;display:grid}.app-more-menu__theme>div{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-sunken);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.app-more-menu__theme button{min-width:0;min-height:48px;color:var(--muted-strong);background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:7px;font-size:.82rem;font-weight:850;display:inline-flex}.app-more-menu__theme button[aria-checked=true]{background:var(--surface-elevated);color:var(--accent-text);box-shadow:var(--shadow-panel)}.app-more-menu :is(button,a):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@keyframes appMoreMenuIn{0%{opacity:0;transform:translateY(-10px)scale(.985)}}@media (hover:hover){.app-more-menu__routes>button:hover,.app-more-menu__header button:hover{border-color:color-mix(in srgb, var(--teal) 46%, var(--border));background:color-mix(in srgb, var(--teal) 7%, var(--surface-control))}}@media (width<=720px){.app-shell.game-shell{height:100dvh;max-height:100dvh;padding:max(6px, env(safe-area-inset-top)) 8px 6px;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.reference-topbar{border-radius:18px;grid-template-rows:56px;grid-template-columns:minmax(0,1fr) 48px 48px;align-items:center;gap:5px;width:100%;min-height:64px;max-height:72px;margin:0 0 5px;padding:4px 6px;display:grid;overflow:visible}.reference-brand{grid-area:1/1;gap:9px;min-width:0;min-height:48px;padding:0 3px}.reference-brand>span:last-child{min-width:0}.reference-brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.reference-brand small{display:none}.brand-monster{width:40px;height:40px;font-size:1rem}.notification-menu-wrap{grid-area:1/3;width:48px;height:48px;position:static}.topbar-notification{width:48px;height:48px}.topbar-actions{grid-area:1/2;width:48px;height:48px;margin:0;display:block}.topbar-actions .topbar-settings,.topbar-actions .theme-toggle{display:none}.topbar-actions .profile-menu-wrap,.topbar-actions .profile-button{width:48px;min-width:48px;height:48px;min-height:48px}.topbar-actions .profile-button{border-radius:14px;place-items:center;padding:4px;display:grid}.topbar-actions .profile-button>span:not(.profile-avatar),.topbar-actions .profile-button>svg{display:none}.topbar-actions .profile-avatar{width:38px;height:38px}.mobile-bottom-nav{min-height:calc(70px + env(safe-area-inset-bottom));padding:5px 4px max(5px, env(safe-area-inset-bottom));border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin-top:5px}.mobile-bottom-nav :is(a,button){width:100%;min-width:0;min-height:56px;color:var(--muted);background:0 0;border:0;border-radius:12px;align-content:center;place-items:center;gap:3px;padding:4px 2px;font-size:.7rem;font-weight:850;line-height:1.1;text-decoration:none;display:grid}.mobile-bottom-nav :is(a,button).active{color:var(--accent-text)}.mobile-bottom-nav :is(a,button).active:after{border-radius:var(--radius-pill);background:var(--teal);content:"";width:26px;height:3px}.mobile-bottom-nav :is(a,button):focus-visible{outline:3px solid var(--focus-ring);outline-offset:-1px}.game-shell main{min-width:0;min-height:0;overflow:clip auto}.home-measurement-center{gap:4px;padding:15px 16px}.home-measurement-center h1{font-size:1.35rem}.app-more-backdrop{padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));place-items:end stretch}.app-more-menu{border-radius:24px;width:100%;max-height:min(86dvh,760px);padding:16px;animation-name:appMoreSheetIn}}@keyframes appMoreSheetIn{0%{opacity:0;transform:translateY(22px)}}@media (width<=360px){.app-more-menu__theme button{gap:3px;padding-inline:3px;font-size:.72rem}.app-more-menu__routes>button{grid-template-columns:40px minmax(0,1fr) auto;gap:9px}}@media (prefers-reduced-motion:reduce){.app-more-menu{animation:none}}@media (forced-colors:active){.app-more-menu,.app-more-menu__routes>button,.app-more-menu__theme>div,.mobile-bottom-nav{border:1px solid canvastext}.app-more-menu__theme button[aria-checked=true],.mobile-bottom-nav :is(a,button).active{outline:2px solid highlight}}