@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}:root{--ink: #1b2528;--ground: #f4f0e8;--brand: #2c5e55;--brand-hover: #234c45;--accent: #c2603f;--bg-dark: #15191a;--text-dark: #e8e6e1;--hue-normal: #3d8b5c;--hue-borderline: #d4a437;--hue-not-normal: #c44545;--font-display: "Space Grotesk", system-ui, sans-serif;--font-text: "Source Sans 3", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--color-bg: var(--ground);--color-surface: #fbf8f2;--color-text: var(--ink);--color-text-muted: #5c6667;--color-border: #ded7c9;--color-border-strong: #8c8472;--color-brand: var(--brand);--color-brand-hover: var(--brand-hover);--color-on-brand: #f4f0e8;--color-link: var(--brand);--color-accent: var(--accent);--color-accent-text: #a85235;--color-focus: var(--accent);--verdict-normal-text: #34764e;--verdict-borderline-text: #84641c;--verdict-not-normal-text: #be3c3c}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: var(--bg-dark);--color-surface: #1e2426;--color-text: var(--text-dark);--color-text-muted: #a8adac;--color-border: #2c3335;--color-border-strong: #606a6c;--color-on-brand: #f4f0e8;--color-link: #4e9486;--color-accent-text: #c76d4e;--verdict-normal-text: #429663;--verdict-borderline-text: #d4a437;--verdict-not-normal-text: #ce6464}}:root[data-theme=dark]{--color-bg: var(--bg-dark);--color-surface: #1e2426;--color-text: var(--text-dark);--color-text-muted: #a8adac;--color-border: #2c3335;--color-border-strong: #606a6c;--color-on-brand: #f4f0e8;--color-link: #4e9486;--color-accent-text: #c76d4e;--verdict-normal-text: #429663;--verdict-borderline-text: #d4a437;--verdict-not-normal-text: #ce6464}:root{--color-normal: var(--hue-normal);--color-borderline: var(--hue-borderline);--color-not-normal: var(--hue-not-normal);--font-heading: var(--font-display);--font-body: var(--font-text);--fs-xs: clamp(.75rem, .7rem + .2vw, .875rem);--fs-sm: clamp(.875rem, .8rem + .3vw, 1rem);--fs-base: clamp(1rem, .9rem + .4vw, 1.125rem);--fs-lg: clamp(1.125rem, 1rem + .5vw, 1.25rem);--fs-xl: clamp(1.25rem, 1.1rem + .7vw, 1.5rem);--fs-2xl: clamp(1.5rem, 1.3rem + .9vw, 2rem);--fs-3xl: clamp(2rem, 1.6rem + 1.5vw, 3rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-base: .25s ease;--max-width-content: 720px;--max-width-wide: 1120px;--header-height: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--touch-target-min: 44px;--bp-mobile: 480px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1280px}*,*:before,*:after{box-sizing:border-box}html{text-size-adjust:100%;-webkit-text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl,dd{margin:0}ul,ol{padding:0;list-style:none}body{min-height:100vh;min-height:100dvh;font-family:var(--font-body);font-size:var(--fs-base);line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:contain}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-semibold);line-height:1.2;color:var(--color-text)}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}h5{font-size:var(--fs-base)}h6{font-size:var(--fs-sm)}a{color:var(--color-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}a:hover{color:var(--color-brand-hover)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}img,svg,video{max-width:100%;height:auto;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,a{min-height:var(--touch-target-min)}.no-select{user-select:none;-webkit-user-select:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.site-header{position:sticky;top:0;z-index:100;height:var(--header-height);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.site-main{width:100%;max-width:var(--max-width-content);margin-inline:auto;padding-inline:var(--space-4);padding-block:var(--space-8)}.site-main--wide{max-width:var(--max-width-wide)}.site-footer{border-top:1px solid var(--color-border);padding-block:var(--space-12) var(--space-8);color:var(--color-text-muted);font-size:var(--fs-sm)}.cards-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.two-column{display:grid;gap:var(--space-8);grid-template-columns:1fr}@media (min-width: 768px){.two-column{grid-template-columns:1fr 1fr}}.skip-link{position:absolute;top:calc(var(--safe-top) + var(--space-2));left:var(--space-2);z-index:1000;padding:var(--space-2) var(--space-4);background:var(--color-brand);color:var(--color-on-brand);border-radius:var(--radius-md);text-decoration:none;transform:translateY(-200%);transition:transform var(--transition-fast)}.skip-link:focus{transform:translateY(0)}article{width:100%}article>*+*{margin-top:var(--space-4)}article h2{margin-top:var(--space-8)}article h3{margin-top:var(--space-6)}.last-updated{margin-top:var(--space-12);font-size:var(--fs-sm);color:var(--color-text-muted)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--space-4)}.site-header__brand{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text);text-decoration:none;font-family:var(--font-heading);font-weight:var(--weight-bold)}.site-header__logo{width:auto;height:28px}.site-nav{display:flex;align-items:center;gap:var(--space-6)}.nav-link{display:inline-flex;align-items:center;color:var(--color-text);text-decoration:none;font-weight:var(--weight-medium);padding:var(--space-2) var(--space-3)}.nav-link:hover,.nav-link--active{color:var(--color-brand)}.site-header__mobile-controls{display:flex;align-items:center;gap:var(--space-2)}.menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;color:var(--color-text)}@media (max-width: 767px){.site-nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-6);padding-bottom:calc(var(--space-6) + var(--safe-bottom));background:var(--color-bg);transform:translate(100%);transition:transform var(--transition-base)}.site-nav[data-open=true]{transform:translate(0)}.menu-toggle{display:inline-flex}body.nav-open{overflow:hidden}}.site-footer__grid{display:grid;gap:var(--space-8);grid-template-columns:1fr;padding-block:var(--space-8)}@media (min-width: 768px){.site-footer__grid{grid-template-columns:repeat(3,1fr)}}.site-footer__column h3{margin-bottom:var(--space-3);font-size:var(--fs-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text)}.site-footer__column ul{display:flex;flex-direction:column;gap:var(--space-2)}.site-footer__column a{color:var(--color-text-muted);text-decoration:none}.site-footer__column a:hover{color:var(--color-text);text-decoration:underline}.site-footer__bottom{border-top:1px solid var(--color-border);padding-block:var(--space-4);text-align:center;font-size:var(--fs-sm);color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);min-height:var(--touch-target-min);border:1px solid transparent;border-radius:var(--radius-md);font-family:inherit;font-size:var(--fs-base);font-weight:var(--weight-semibold);text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn--primary{background:var(--color-brand);color:var(--color-on-brand)}.btn--primary:hover{background:var(--color-brand-hover)}.btn--secondary{background:transparent;color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover{background:var(--color-surface);border-color:var(--color-brand)}.btn--ghost{background:transparent;color:var(--color-text)}.btn--ghost:hover{background:var(--color-surface)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--fs-sm);min-height:36px}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--fs-lg)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-base)}.card--test:hover{border-color:var(--color-brand)}.card--coming-soon{opacity:.65}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--weight-semibold);line-height:1}.badge--normal{background:color-mix(in srgb,var(--color-normal) 12%,transparent);color:var(--verdict-normal-text)}.badge--borderline{background:color-mix(in srgb,var(--color-borderline) 12%,transparent);color:var(--verdict-borderline-text)}.badge--not-normal{background:color-mix(in srgb,var(--color-not-normal) 12%,transparent);color:var(--verdict-not-normal-text)}.badge--coming-soon{background:color-mix(in srgb,var(--color-text-muted) 12%,transparent);color:var(--color-text-muted)}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--fs-base);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-brand)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group label{font-size:var(--fs-sm);font-weight:var(--weight-semibold)}.link{color:var(--color-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--transition-fast)}.link:hover{color:var(--color-brand-hover)}.link--muted{color:var(--color-text-muted);text-decoration:none}.link--muted:hover{color:var(--color-text);text-decoration:underline}.hero{padding-block:var(--space-16) var(--space-12);text-align:center}.hero__title{font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:var(--weight-bold);line-height:1.1;margin-bottom:var(--space-4)}.hero__tagline{font-size:var(--fs-lg);color:var(--color-text-muted);max-width:600px;margin-inline:auto;margin-bottom:var(--space-8)}.how-it-works{margin-top:var(--space-16)}.how-it-works h2{text-align:center;margin-bottom:var(--space-8)}.how-it-works__steps{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width: 768px){.how-it-works__steps{grid-template-columns:repeat(3,1fr)}}.how-it-works__step{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.how-it-works__step h3{margin-bottom:var(--space-3);font-size:var(--fs-lg)}.step-icon{width:32px;height:32px;margin-bottom:var(--space-4);color:var(--color-brand)}.categories{margin-top:var(--space-16);width:100%}.categories h2{text-align:center;margin-bottom:var(--space-8)}.categories__grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width: 480px){.categories__grid{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.categories__grid{grid-template-columns:repeat(4,1fr)}}.category{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:border-color var(--transition-base)}.category .badge{margin-left:auto}.category:hover{border-color:var(--color-brand)}.category--soon{opacity:.65;pointer-events:none}.privacy-promise{margin-top:var(--space-16);padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-lg);text-align:center}.lang-switcher{display:inline-flex;gap:var(--space-1)}.lang-switcher__btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:0 var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-family:inherit;font-size:var(--fs-xs);font-weight:var(--weight-semibold);text-transform:uppercase;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.lang-switcher__btn:hover{background:var(--color-surface)}.lang-switcher__btn[aria-current=page]{background:var(--color-brand);color:var(--color-on-brand);border-color:var(--color-brand)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--color-text);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.theme-toggle:hover{background:var(--color-surface);border-color:var(--color-brand)}.theme-toggle__sun,.theme-toggle__moon{width:20px;height:20px}:root[data-theme=light] .theme-toggle__moon{display:none}:root[data-theme=dark] .theme-toggle__sun{display:none}.disclaimer-emphasis{margin-block:var(--space-6);padding:var(--space-4) var(--space-6);background:color-mix(in srgb,var(--color-not-normal) 8%,transparent);border-left:4px solid var(--color-not-normal);border-radius:var(--radius-md);font-weight:var(--weight-semibold)}.featured-tests{margin-top:var(--space-16)}.featured-tests h2{text-align:center;margin-bottom:var(--space-8)}.featured-tests__grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width: 640px){.featured-tests__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.featured-tests__grid{grid-template-columns:repeat(3,1fr)}}.featured-test-card{display:block;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:border-color var(--transition-base)}.featured-test-card:hover{border-color:var(--color-brand)}.featured-test-card h3{margin-bottom:var(--space-2);font-size:var(--fs-lg)}.featured-test-card p{margin:0;color:var(--color-text-muted);font-size:var(--fs-sm)}.tests-search{margin-bottom:var(--space-8);max-width:500px;margin-inline:auto}.tests-search__input{width:100%}.tests-listing{display:flex;flex-direction:column;gap:var(--space-12)}.tests-category[hidden]{display:none}.tests-category h2{margin-bottom:var(--space-6)}.tests-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width: 640px){.tests-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.test-card{display:block;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:border-color var(--transition-base)}.test-card[hidden]{display:none}.test-card:hover{border-color:var(--color-brand)}.test-card h3{margin-bottom:var(--space-2);font-size:var(--fs-lg)}.test-card__category{margin:0;font-size:var(--fs-sm);color:var(--color-text-muted)}.tests-empty{padding:var(--space-6);color:var(--color-text-muted);font-style:italic}.breadcrumb{margin-block:var(--space-4)}.breadcrumb__list{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--fs-sm);list-style:none;padding:0;margin:0}.breadcrumb__item{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted)}.breadcrumb__link{color:var(--color-text-muted);text-decoration:none}.breadcrumb__link:hover{color:var(--color-text);text-decoration:underline}.breadcrumb__current{color:var(--color-text);font-weight:500}.breadcrumb__separator{color:var(--color-text-muted)}.related-tests{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border);width:100%}.related-tests h2{margin-bottom:var(--space-6);font-size:var(--fs-xl)}.related-tests__grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width: 640px){.related-tests__grid{grid-template-columns:1fr 1fr}}.related-test-card{display:block;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);text-align:center;transition:border-color var(--transition-base)}.related-test-card:hover{border-color:var(--color-brand)}.related-test-card h3{margin-bottom:var(--space-2);font-size:var(--fs-lg)}.related-test-card p{color:var(--color-text-muted);margin:0;font-size:var(--fs-sm)}.test-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;margin-block:var(--space-8);padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);user-select:none;-webkit-user-select:none;touch-action:manipulation;overscroll-behavior:contain}.test-stage.is-waiting{background:var(--color-surface)}.test-stage.is-green{background:var(--color-normal);color:var(--color-on-brand)}.test-stage.is-early{background:color-mix(in srgb,var(--color-not-normal) 20%,var(--color-surface))}.countdown{font-family:var(--font-heading);font-size:8rem;font-weight:var(--weight-bold);line-height:1}.rt-big{font-family:var(--font-heading);font-size:3rem;font-weight:var(--weight-bold)}.device-mismatch{margin-block:var(--space-6);padding:var(--space-6);border:1px solid var(--color-borderline);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-borderline) 10%,var(--color-surface))}.device-mismatch[hidden],.test-verdict[hidden]{display:none}.verdict-display{margin-block:var(--space-8);padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;user-select:none;-webkit-user-select:none}.verdict-display__title{font-family:var(--font-heading);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:var(--weight-bold);margin-bottom:var(--space-3);color:var(--color-text)}.verdict-display[hidden]{display:none}.verdict-display__main{margin-bottom:var(--space-8)}.verdict-display__score{font-family:var(--font-heading);font-size:clamp(3rem,8vw,5rem);font-weight:var(--weight-bold);line-height:1;margin-bottom:var(--space-4)}.verdict-display__score-unit{margin-left:var(--space-2);font-size:.5em;color:var(--color-text-muted)}.verdict-display__badge{display:inline-flex;margin-bottom:var(--space-3);padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);font-size:var(--fs-lg)}.verdict-display__percentile-desc{font-size:var(--fs-lg);color:var(--color-text);margin-top:var(--space-3);max-width:550px;margin-inline:auto;line-height:1.5}.verdict-display__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6)}.verdict-display__share-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.verdict-display__share-row .btn{flex:0 1 auto}.verdict-display__history{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border);text-align:left}.verdict-display__history h3{margin-bottom:var(--space-3);font-size:var(--fs-base);color:var(--color-text-muted)}.verdict-display__history ul{display:flex;flex-direction:column;gap:var(--space-2)}.verdict-display__history li{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-text-muted)}.chimp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);width:100%;max-width:600px;margin:0 auto}@media (min-width: 640px){.chimp-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1024px){.chimp-grid{grid-template-columns:repeat(8,1fr)}}.chimp-cell{display:flex;align-items:center;justify-content:center;min-width:50px;min-height:50px;aspect-ratio:1;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:var(--weight-bold);background:transparent;color:transparent;user-select:none;-webkit-user-select:none}.chimp-cell--filled{background:var(--color-brand);color:var(--color-on-brand);cursor:pointer;transition:background-color var(--transition-fast)}.chimp-cell--filled:hover{background:var(--color-brand-hover)}.chimp-cell--hidden{background:var(--color-surface);border:1px solid var(--color-border);color:transparent;cursor:pointer;pointer-events:auto}.chimp-cell--done{background:var(--color-normal);color:transparent}.test-stage.is-correct{background:color-mix(in srgb,var(--color-normal) 12%,var(--color-surface))}.test-stage.is-wrong{background:color-mix(in srgb,var(--color-not-normal) 15%,var(--color-surface))}.vm-buttons{display:flex;gap:var(--space-2);margin-top:var(--space-8);justify-content:center;flex-wrap:wrap}.vm-buttons .btn{flex:0 1 auto;min-width:160px}[data-vm-word]{font-family:var(--font-heading);font-size:clamp(2.5rem,8vw,5rem);font-weight:var(--weight-bold);letter-spacing:.02em;margin-bottom:var(--space-4)}.vm-stats{position:absolute;top:var(--space-4);left:var(--space-4);display:flex;gap:var(--space-4);font-size:var(--fs-sm);color:var(--color-text-muted)}.nm-stats{position:absolute;top:var(--space-4);left:var(--space-4);font-size:var(--fs-sm);color:var(--color-text-muted)}[data-nm-digits]{font-size:clamp(2.5rem,8vw,5rem);font-weight:var(--weight-bold);letter-spacing:.1em;font-family:var(--font-mono);margin-bottom:var(--space-4);min-height:1.2em}.nm-input{font-size:var(--fs-2xl);text-align:center;width:200px;max-width:100%;margin-bottom:var(--space-4)}.aim-arena{position:relative;width:100%;max-width:500px;height:400px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0 auto;cursor:crosshair;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation}.aim-target{position:absolute;width:50px;height:50px;border-radius:50%;background:var(--color-brand);border:3px solid var(--color-brand-hover);cursor:pointer;padding:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:background-color var(--transition-fast)}.aim-target:hover{background:var(--color-brand-hover)}.aim-stats{position:absolute;top:var(--space-3);left:var(--space-3);font-size:var(--fs-sm);color:var(--color-text-muted);z-index:1}@media (max-width: 600px){.aim-arena{height:350px}.aim-target{width:45px;height:45px}}.seq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);width:100%;max-width:400px;aspect-ratio:1;margin:0 auto}.seq-cell{aspect-ratio:1;min-width:80px;min-height:80px;padding:0;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.seq-cell:hover:not(.disabled):not(.lit){border-color:var(--color-brand)}.seq-cell.lit{background:var(--color-brand);border-color:var(--color-brand);transform:scale(1.05)}.seq-cell.user-clicked{background:var(--color-brand);border-color:var(--color-brand);opacity:.7;transform:scale(.95)}.seq-cell.error{background:var(--color-not-normal);border-color:var(--color-not-normal)}.seq-cell.disabled{cursor:default;pointer-events:none}.seq-stats{position:absolute;top:var(--space-3);left:var(--space-3);font-size:var(--fs-sm);color:var(--color-text-muted);z-index:1}@media (max-width: 600px){.seq-grid{max-width:320px}}.container{width:100%;max-width:var(--max-width-content);margin-inline:auto;padding-inline:var(--space-4)}.container--wide{max-width:var(--max-width-wide)}.flex{display:flex}.grid{display:grid}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}