:root{--color-primary-base:#3730a3;--color-primary-hover:#312e81;--color-primary-dark:#1e1b4b;--color-primary-variant:#4338ca;--color-primary-text-on-base:#fff;--text-color:var(--color-text-primary);--text-muted:var(--color-text-secondary);--input-bg:var(--color-surface-input);--border-color:var(--color-border-primary);--primary-color:var(--color-primary-base);--primary-rgb:55,48,163;--danger-color:var(--color-state-danger);--danger-rgb:176,0,32;--color-secondary-base:#0d9488;--color-secondary-hover:#0f766e;--color-secondary-text-on-base:#fff;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-tertiary:#4b5563;--color-text-disabled:#9ca3af;--color-text-link:#1976d2;--color-text-link-hover:#0f5bb5;--color-background-body:#f8fafc;--color-surface:#f1f5f9;--color-surface-card:#fff;--color-surface-input:#fff;--color-surface-highlight:#eef2ff;--color-border-primary:#e5e7eb;--color-border-secondary:#f3f4f6;--color-border-focus:var(--color-primary-base);--color-state-success:#15803d;--color-success-base:var(--color-state-success);--color-state-success-bg:#dcfce7;--color-state-danger:#b00020;--color-state-danger-bg:#fde7eb;--color-state-warning:#f97316;--color-warning-base:var(--color-state-warning);--color-state-warning-bg:#ffedd5;--color-state-info:#1d4ed8;--color-state-info-bg:#dbeafe;--color-state-disabled-bg:#e5e7eb;--color-icon-nav-play:var(--color-primary-base);--color-icon-nav-events:var(--color-secondary-base);--color-icon-nav-hof:#f59e0b;--color-icon-nav-blog:#0ea5e9;--color-icon-settings:var(--color-text-secondary);--color-icon-online-users:var(--color-state-success);--color-shadow-default:rgba(0,0,0,0.07);--color-streak:var(--color-state-warning);--color-trophy-gold:#f59e0b;--color-trophy-silver:#a8a29e;--color-trophy-bronze:#a16207;--color-online-indicator:#22c55e;--color-offline-indicator:#9ca3af;--color-footer-background:#111827;--color-footer-text:#d1d5db;--color-footer-link:#fff;--color-footer-link-hover:var(--color-primary-base);--color-nav-link-text:#1f2937;--color-nav-link-bg:#fff;--color-nav-link-border:#d1d5db;--color-nav-link-hover-bg:#e0e7ff;--color-nav-link-hover-text:#111827;--color-button-solid-background:var(--color-primary-base);--color-button-solid-border:color-mix(in srgb,var(--color-primary-base) 85%,var(--color-border-primary));--color-button-solid-text:var(--color-primary-text-on-base);--color-button-solid-hover-background:var(--color-primary-hover);--color-button-solid-hover-text:var(--color-primary-text-on-base);--color-table-row-odd:#fff;--color-table-row-even:#f2f4f7;--color-table-row-hover:#e0e7ff;--color-error-text:#b00020;--color-error-background:#fff5f5;--color-error-border:#f2b8c6;--font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Ubuntu','Helvetica Neue',sans-serif;--container-max-width:1280px;--container-max-width-xl:1440px;--spacing-unit:1rem;--border-radius-base:.375rem;--border-radius-small:.25rem;--words-line-height:1.8;--words-font-size:1.5em;--words-padding-vertical:calc(var(--spacing-unit) * .8)}[data-theme="dark"]{--text-color:var(--color-text-primary);--text-muted:var(--color-text-secondary);--input-bg:var(--color-surface-input);--border-color:var(--color-border-primary);--primary-color:var(--color-primary-base);--primary-rgb:14,165,233;--danger-color:var(--color-state-danger);--danger-rgb:244,63,94;--color-primary-base:#0ea5e9;--color-primary-hover:#38bdf8;--color-primary-dark:#0284c7;--color-primary-variant:#38bdf8;--color-primary-text-on-base:#0c4a6e;--homepage-card-icon-color:var(--color-text-primary);--color-secondary-base:#c026d3;--color-secondary-hover:#d946ef;--color-secondary-text-on-base:#fff;--color-text-primary:#e2e8f0;--color-text-secondary:#94a3b8;--color-text-tertiary:#cbd5f5;--color-text-disabled:#475569;--color-text-link:#90caf9;--color-text-link-hover:#c5e4ff;--color-background-body:#101826;--color-surface:#162236;--color-surface-card:#1b2941;--color-surface-input:#1f2d47;--color-surface-highlight:rgba(14,165,233,0.15);--color-border-primary:#334155;--color-border-secondary:#475569;--color-border-focus:var(--color-primary-base);--color-state-success:#22c55e;--color-success-base:var(--color-state-success);--color-state-success-bg:#166534;--color-state-danger:#f43f5e;--color-state-danger-bg:#881337;--color-state-warning:#f59e0b;--color-warning-base:var(--color-state-warning);--color-state-warning-bg:#854d0e;--color-state-info:#3b82f6;--color-state-info-bg:#1e40af;--color-state-disabled-bg:#334155;--color-icon-nav-play:var(--color-primary-base);--color-icon-nav-events:var(--color-secondary-base);--color-icon-nav-hof:#facc15;--color-icon-nav-blog:#38bdf8;--color-icon-settings:var(--color-text-secondary);--color-icon-online-users:var(--color-state-success);--color-shadow-default:rgba(0,0,0,0.25);--color-streak:var(--color-state-warning);--color-trophy-gold:#facc15;--color-trophy-silver:#d4d4d8;--color-trophy-bronze:#f59e0b;--color-online-indicator:#4ade80;--color-offline-indicator:#64748b;--color-footer-background:#020617;--color-footer-text:#94a3b8;--color-footer-link:#e2e8f0;--color-footer-link-hover:var(--color-primary-base);--color-nav-link-text:#f8fafc;--color-nav-link-bg:#273449;--color-nav-link-border:#334155;--color-nav-link-hover-bg:#32435e;--color-nav-link-hover-text:#fff;--color-button-solid-background:#1d4ed8;--color-button-solid-border:#1e3a8a;--color-button-solid-text:#fff;--color-button-solid-hover-background:#1e3a8a;--color-button-solid-hover-text:#fff;--color-table-row-odd:#1b2941;--color-table-row-even:#253655;--color-table-row-hover:#32435e;--color-error-text:#ff6f6f;--color-error-background:#2a1b1f;--color-error-border:#ff6f6f}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;color-scheme:light dark}body{font-family:var(--font-family);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-background-body);display:flex;flex-direction:column;min-height:100vh;transition:background-color .3s ease,color .3s ease}body.result-modal-scroll-locked{overflow:hidden;overscroll-behavior:contain}.container{width:90%;max-width:var(--container-max-width);margin:0 auto;padding:0 calc(var(--spacing-unit) * .5)}@media(min-width:1600px){.container{max-width:var(--container-max-width-xl)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;background-color:var(--color-primary-base);color:var(--color-primary-text-on-base);padding:calc(var(--spacing-unit) * .5) var(--spacing-unit);border-radius:var(--border-radius-base);z-index:1000}.skip-link:focus{left:var(--spacing-unit);top:var(--spacing-unit);width:auto;height:auto;text-decoration:none}.card{background-color:var(--color-surface-card);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-base);box-shadow:0 1px 3px var(--color-shadow-default);padding:var(--spacing-unit);transition:background-color .3s ease,border-color .3s ease}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);margin-bottom:calc(var(--spacing-unit) * .75);line-height:1.3;transition:color .3s ease}h1{font-size:2.2rem;font-weight:700}h2{font-size:1.8rem;font-weight:700}h3{font-size:1.4rem;font-weight:700}p{margin-bottom:var(--spacing-unit);color:var(--color-text-primary);transition:color .3s ease}a{color:var(--color-text-link);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-text-link-hover);text-decoration:underline}strong{font-weight:600}*:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-border-focus) 25%,transparent);border-radius:var(--border-radius-small)}@media(max-width:767px){h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.2rem}:root{--words-font-size:1.3em}}@media(max-width:575px){.container{width:95%}:root{--words-font-size:1.2em}}.loader{border:4px solid var(--color-border-secondary);border-top:4px solid var(--color-primary-base);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:var(--spacing-unit) auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.site-header{background-color:var(--color-surface-card);padding:var(--spacing-unit) 0;border-bottom:1px solid var(--color-border-primary);transition:background-color .3s ease,border-color .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-unit)}.branding .logo-link{display:flex;align-items:center;text-decoration:none;gap:.1rem;color:inherit}.site-logo{height:100px;width:auto;display:block;flex-shrink:0}.logo-dark{display:none}[data-theme="dark"] .logo-light{display:none}[data-theme="dark"] .logo-dark{display:block}.site-name-tagline .site-name{margin-bottom:.05em;font-size:1.7rem;color:var(--color-text-primary);line-height:1.2}.site-name-tagline p{margin-bottom:0;font-size:.8rem;color:var(--color-text-secondary);line-height:1.2}.nav-links{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.nav-links a{color:var(--color-nav-link-text);background-color:transparent;border:none;text-decoration:none;font-weight:600;font-size:.85rem;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:.2em;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;padding:calc(var(--spacing-unit) * .4) calc(var(--spacing-unit) * .75);border-radius:var(--border-radius-base);min-height:48px;min-width:80px;text-align:center;box-shadow:none;position:relative;z-index:0}.nav-links a::after{content:"";position:absolute;inset:calc(var(--spacing-unit) * .15) calc(var(--spacing-unit) * .2);border-radius:999px;background-color:color-mix(in srgb,var(--color-primary-base) 14%,transparent);opacity:0;transform:scale(0.8);transform-origin:center;transition:opacity .25s ease,transform .25s ease,background-color .25s ease;pointer-events:none;z-index:-1}.nav-links a.active:not(.nav-register-link)::after{opacity:1;transform:scale(1);background-color:color-mix(in srgb,var(--color-primary-base) 28%,transparent)}[data-theme="dark"] .nav-links a::after{background-color:color-mix(in srgb,var(--color-primary-base) 28%,transparent)}[data-theme="dark"] .nav-links a.active:not(.nav-register-link)::after{background-color:color-mix(in srgb,var(--color-primary-base) 48%,transparent)}.nav-links .nav-register-link{flex-direction:row;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-primary-base);color:var(--color-primary-text-on-base);border:1px solid var(--color-primary-base);font-weight:600;padding:calc(var(--spacing-unit) * .45) calc(var(--spacing-unit) * .9);box-shadow:0 6px 14px color-mix(in srgb,var(--color-primary-base) 18%,transparent);transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.nav-links .nav-register-link:hover,.nav-links .nav-register-link:focus{background-color:var(--color-primary-hover);color:var(--color-primary-text-on-base);box-shadow:0 8px 18px color-mix(in srgb,var(--color-primary-base) 24%,transparent)}.nav-links .nav-register-link.active{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-primary-text-on-base)}.nav-links .nav-register-link:active{transform:translateY(1px)}.nav-links .nav-register-link:focus-visible{outline:2px solid var(--color-primary-hover);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary-base) 30%,transparent)}.nav-links a:hover,.nav-links a:focus-visible,.nav-links span:hover{color:var(--color-nav-link-hover-text);background-color:transparent;border:none;box-shadow:none}.nav-links a:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}.nav-links a.active:not(.nav-register-link){color:var(--color-nav-link-hover-text);background-color:transparent;border:none;box-shadow:none}.nav-links a .icon{font-size:1.4em;margin-bottom:.1em;line-height:1;transition:transform .2s ease}.nav-links a[data-nav-icon]{background-color:transparent;border:none;box-shadow:none}.nav-links a[data-nav-icon]:hover,.nav-links a[data-nav-icon]:focus-visible,.nav-links a[data-nav-icon]:active,.nav-links a[data-nav-icon] span:hover{background-color:transparent;border:none;box-shadow:none;color:var(--color-nav-link-hover-text)}.nav-links a.active[data-nav-icon]{background-color:transparent;border:none;box-shadow:none;color:var(--color-nav-link-hover-text)}.nav-links .header-search-form{position:relative;display:flex;align-items:center;gap:.35rem;padding:.3rem .6rem .3rem 2.1rem;border:1px solid var(--color-nav-link-border);border-radius:var(--border-radius-base);background-color:var(--color-nav-link-bg);box-shadow:0 1px 2px color-mix(in srgb,var(--color-shadow-default) 45%,transparent);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;min-height:48px}.nav-links .header-search-form::before{content:"\1F50D";position:absolute;inset-inline-start:.75rem;color:var(--color-nav-link-text);font-size:1rem;line-height:1;pointer-events:none;top:50%;transform:translateY(-50%)}.nav-links .header-search-form:hover,.nav-links .header-search-form:focus-within{background-color:var(--color-nav-link-hover-bg);border-color:color-mix(in srgb,var(--color-nav-link-hover-bg) 75%,var(--color-nav-link-border));box-shadow:0 4px 12px color-mix(in srgb,var(--color-shadow-default) 70%,transparent)}.nav-links .header-search-form:focus-within::before{color:var(--color-nav-link-hover-text)}.header-search-input{flex:1 1 180px;border:none;background:transparent;color:var(--color-nav-link-text);font-size:.95rem;line-height:1.2;padding:.25rem 0;min-width:0;transition:color .2s ease}.header-search-input::placeholder{color:var(--color-text-secondary)}.header-search-input:focus{outline:none;color:var(--color-nav-link-hover-text)}.nav-toggle{display:none;background-color:var(--color-nav-link-bg);border:1px solid var(--color-nav-link-border);color:var(--color-nav-link-text);font-size:1.5rem;cursor:pointer;border-radius:var(--border-radius-base);padding:.4rem .6rem;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px color-mix(in srgb,var(--color-shadow-default) 40%,transparent);min-height:48px;min-width:48px}.nav-toggle:hover,.nav-toggle:focus-visible{color:var(--color-nav-link-hover-text);background-color:var(--color-nav-link-hover-bg);border-color:color-mix(in srgb,var(--color-nav-link-hover-bg) 75%,var(--color-nav-link-border));box-shadow:0 4px 12px color-mix(in srgb,var(--color-shadow-default) 70%,transparent)}.nav-links a[data-nav-icon="play"] .icon{color:var(--color-icon-nav-play)}.nav-links a[data-nav-icon="events"] .icon{color:var(--color-icon-nav-events)}.nav-links a[data-nav-icon="hof"] .icon{color:var(--color-icon-nav-hof)}.nav-links a[data-nav-icon="blog"] .icon{color:var(--color-icon-nav-blog)}.nav-user-actions{display:flex;align-items:center;gap:.25rem;border:1px solid var(--color-nav-link-border);padding:.25rem;border-radius:var(--border-radius-base);background-color:var(--color-nav-link-bg);box-shadow:0 1px 2px color-mix(in srgb,var(--color-shadow-default) 45%,transparent)}.nav-links a[href*="/profile/"]{outline:2px solid var(--color-primary-base);outline-offset:1px;flex-direction:row;gap:.5em;min-width:auto;justify-content:flex-start;padding:calc(var(--spacing-unit) * .3) calc(var(--spacing-unit) * .6);border:none}.nav-user-avatar{width:30px;height:30px;border-radius:50%;margin-right:0;object-fit:cover;border:3px solid var(--color-surface-card);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-border-secondary) 65%,transparent),0 0 0 6px color-mix(in srgb,var(--color-border-secondary) 35%,transparent);display:block;background-color:var(--color-border-secondary);transition:box-shadow .3s ease,border-color .3s ease}.nav-user-avatar.is-online{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-online-indicator) 75%,transparent),0 0 0 6px color-mix(in srgb,var(--color-online-indicator) 35%,transparent)}.nav-user-avatar.is-offline{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-border-primary) 65%,transparent),0 0 0 6px color-mix(in srgb,var(--color-border-primary) 35%,transparent)}.nav-links .logout-form{display:flex}.nav-links .logout-btn{background-color:var(--color-nav-link-bg);border:1px solid var(--color-nav-link-border);color:var(--color-nav-link-text);cursor:pointer;font-weight:600;padding:calc(var(--spacing-unit) * .4) calc(var(--spacing-unit) * .75);font-family:inherit;font-size:1rem;line-height:1;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;border-radius:var(--border-radius-small);box-shadow:0 1px 2px color-mix(in srgb,var(--color-shadow-default) 40%,transparent);display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px}.nav-links .logout-btn:hover{color:var(--color-error-text);background-color:var(--color-error-background);border-color:var(--color-error-border);box-shadow:0 4px 10px color-mix(in srgb,var(--color-shadow-default) 70%,transparent)}.theme-toggle-btn{background-color:var(--color-nav-link-bg);border:1px solid var(--color-nav-link-border);color:var(--color-nav-link-text);font-size:1.1rem;padding:0;border-radius:50%;cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease;margin-left:.5rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;min-height:48px;box-shadow:0 1px 2px color-mix(in srgb,var(--color-shadow-default) 40%,transparent)}.theme-toggle-btn:hover{color:var(--color-nav-link-hover-text);background-color:var(--color-nav-link-hover-bg);border-color:color-mix(in srgb,var(--color-nav-link-hover-bg) 75%,var(--color-nav-link-border));box-shadow:0 4px 12px color-mix(in srgb,var(--color-shadow-default) 70%,transparent)}.theme-toggle-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-color:var(--color-border-focus)}.help-toggle-btn{background-color:var(--color-nav-link-bg);border:1px solid var(--color-nav-link-border);color:var(--color-nav-link-text);font-size:1.1rem;padding:0;border-radius:50%;cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease;margin-left:.25rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;min-height:48px;box-shadow:0 1px 2px color-mix(in srgb,var(--color-shadow-default) 40%,transparent)}.help-toggle-btn:hover{color:var(--color-nav-link-hover-text);background-color:var(--color-nav-link-hover-bg);border-color:color-mix(in srgb,var(--color-nav-link-hover-bg) 75%,var(--color-nav-link-border));box-shadow:0 4px 12px color-mix(in srgb,var(--color-shadow-default) 70%,transparent)}.help-toggle-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-color:var(--color-border-focus)}.help-toggle-btn i{background:transparent!important}.site-footer{background-color:var(--color-footer-background);color:var(--color-footer-text);padding:calc(var(--spacing-unit) * 1.5) 0;margin-top:auto;transition:background-color .3s ease,color .3s ease}.site-footer .container{display:flex;flex-direction:column;align-items:center;text-align:center}.site-footer p{margin-bottom:.5rem;color:var(--color-footer-text);font-size:.9em}.site-footer p:last-of-type{margin-bottom:0}.site-footer .footer-links{margin-top:.5em;margin-bottom:.5rem;font-size:.9em;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem .75rem}.site-footer .footer-links a{color:var(--color-footer-link);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:.75rem .85rem;min-height:48px;min-width:48px;margin:0;border-radius:var(--border-radius-small);transition:color .2s ease}.site-footer .footer-links a:hover{text-decoration:underline;color:var(--color-footer-link-hover)}.site-footer .footer-legal-group{display:inline-flex;flex-direction:column;align-items:center;margin:0;text-align:center}.site-footer .footer-legal-group summary{list-style:none;cursor:pointer;color:var(--color-footer-link);display:inline-flex;align-items:center;justify-content:center;padding:.75rem .85rem;min-height:48px;min-width:48px;border-radius:var(--border-radius-small)}.site-footer .footer-legal-group summary::-webkit-details-marker{display:none}.site-footer .footer-legal-group summary:hover{text-decoration:underline;color:var(--color-footer-link-hover)}.site-footer .footer-legal-group ul{margin-top:.3rem;padding-left:0;display:flex;flex-direction:column;align-items:center;gap:.25rem}.site-footer .footer-legal-group a{margin:0;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;min-height:48px;min-width:48px;text-align:center}.main-content{flex-grow:1;padding-top:calc(var(--spacing-unit) * 1.5);padding-bottom:calc(var(--spacing-unit) * 2)}.secondary-content-grid{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 2);margin-top:calc(var(--spacing-unit) * 1.5)}.secondary-content-grid>*{min-width:0;width:100%}.online-status-indicator{font-size:.9em;color:var(--color-text-secondary)}.online-status-indicator .icon[data-icon="users"]{color:var(--color-icon-online-users);margin-right:.35em}@media(min-width:992px){.secondary-content-grid{grid-template-columns:2fr 1fr}}@media(min-width:1280px){.secondary-content-grid{grid-template-columns:minmax(0,2.1fr) minmax(320px,0.9fr);column-gap:calc(var(--spacing-unit) * 2.5)}}@media(min-width:1600px){.secondary-content-grid{grid-template-columns:minmax(0,2.3fr) minmax(340px,0.85fr)}}@media(max-width:991px){.header-content{gap:calc(var(--spacing-unit) * .75)}.branding .logo-link{gap:.5rem}.site-logo{height:90px}.site-name-tagline h1{font-size:1.5rem}.site-name-tagline p{font-size:.75rem}.nav-links{gap:.5rem}}@media(max-width:767px){.header-content{flex-direction:column;align-items:center;text-align:center}.branding{margin-bottom:.75rem}.branding .logo-link{flex-direction:column;align-items:center;gap:.25rem}.site-logo{height:90px}.nav-links{width:100%;justify-content:center;gap:.5rem .75rem;margin-top:.5rem;flex-wrap:wrap}.nav-links a,.nav-links .logout-btn,.theme-toggle-btn{padding:calc(var(--spacing-unit) * .4) calc(var(--spacing-unit) * .6);font-size:.9rem}.theme-toggle-btn{width:48px;height:48px;font-size:1rem}.help-toggle-btn{width:48px;height:48px;font-size:1rem}}@media(max-width:480px){.site-logo{height:90px}.site-name-tagline h1{font-size:1.3rem}.site-name-tagline p{font-size:.7rem}.nav-links{gap:.3rem .5rem}.nav-links a,.nav-links .logout-btn,.theme-toggle-btn{font-size:.85rem;padding:calc(var(--spacing-unit) * .3) calc(var(--spacing-unit) * .5)}.theme-toggle-btn{width:48px;height:48px;font-size:.9rem}.help-toggle-btn{width:48px;height:48px;font-size:.9rem}}.language-dropdown{position:relative;display:inline-block}.language-dropdown-toggle{display:flex;align-items:center;gap:.5rem;background-color:var(--color-nav-link-bg);border:1px solid var(--color-nav-link-border);border-radius:var(--border-radius-base);padding:calc(var(--spacing-unit) * .4) calc(var(--spacing-unit) * .75);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;color:var(--color-nav-link-text);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;box-shadow:0 1px 2px color-mix(in srgb,var(--color-shadow-default) 45%,transparent);min-height:48px}.language-dropdown-toggle:hover,.language-dropdown-toggle:focus,.language-dropdown.is-open .language-dropdown-toggle{background-color:var(--color-nav-link-hover-bg);border-color:color-mix(in srgb,var(--color-nav-link-hover-bg) 80%,var(--color-nav-link-border));color:var(--color-nav-link-hover-text);box-shadow:0 4px 12px color-mix(in srgb,var(--color-shadow-default) 70%,transparent)}.flag-icon{width:1.25em;height:auto;border-radius:2px;box-shadow:0 0 1px rgba(0,0,0,0.3)}.current-lang-code{text-transform:uppercase}.dropdown-caret{font-size:.7em;transition:transform .2s ease-in-out}.language-dropdown-menu{position:absolute;top:calc(100%+5px);right:0;background-color:var(--color-surface-card);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-base);box-shadow:0 4px 12px var(--color-shadow-default);list-style:none;padding:.5rem 0;margin:0;min-width:160px;z-index:100;visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.language-dropdown.is-open .language-dropdown-menu{visibility:visible;opacity:1;transform:translateY(0)}.language-dropdown.is-open .dropdown-caret{transform:rotate(180deg)}.language-dropdown-menu li a{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;color:var(--color-text-primary);text-decoration:none;font-size:.9rem;white-space:nowrap;min-height:48px}.language-dropdown-menu li a:hover{background-color:var(--color-surface-highlight);color:var(--color-text-link-hover)}@media(max-width:767px){.current-lang-code{display:none}.header-content{position:relative}.nav-toggle{display:flex;align-items:center;justify-content:center}.nav-links{position:absolute;top:100%;left:50%;transform:translateX(-50%);flex-direction:column;align-items:stretch;background-color:var(--color-surface-card);padding:var(--spacing-unit);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-base);box-shadow:0 2px 5px var(--color-shadow-default);display:none;width:clamp(260px,85vw,360px);max-width:calc(100vw - 2 * var(--spacing-unit));z-index:1000}.nav-links.open{display:flex;gap:.75rem}.nav-links a{width:100%;min-width:unset;justify-content:flex-start}.nav-links .header-search-form{width:100%;padding-inline-start:2.5rem}.nav-links .header-search-form::before{inset-inline-start:1rem}.header-search-input{flex-basis:auto;width:100%}.nav-links .nav-register-link{justify-content:center;text-align:center}.header-search-form{width:100%;display:flex}.header-search-form .header-search-input,.header-search-form input[type="search"]{flex:1 1 auto;width:100%;max-width:100%;box-sizing:border-box}}.hero-section{text-align:center;padding:2rem 1rem;margin-bottom:1.5rem}.hero-section h1{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.75rem}.hero-section .hero-subtitle{font-size:1.2rem;color:var(--color-text-secondary);max-width:700px;margin:0 auto 1.5rem auto;line-height:1.6}.features-section{margin-top:3rem;padding:2rem 1rem;text-align:center;border-top:1px solid var(--color-border-secondary)}.features-section h2{font-size:2rem;margin-bottom:2rem;color:var(--color-primary-base)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:2rem}.feature-item{padding:1.5rem;background-color:var(--color-surface-card);border-radius:var(--border-radius-base);border:1px solid var(--color-border-primary);box-shadow:0 2px 5px var(--color-shadow-default);transition:transform .2s ease,box-shadow .2s ease}.feature-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px var(--color-shadow-default)}.feature-item .feature-icon{font-size:2.5rem;color:var(--color-secondary-base);margin-bottom:1rem}.feature-item h3{font-size:1.4rem;margin-bottom:.5rem}.feature-item p{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:0}@media(max-width:767px){.hero-section h1{font-size:2rem}.hero-section .hero-subtitle{font-size:1.1rem}.features-section h2{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){.site-header,.nav-links,.nav-links a,.nav-links a::after,.nav-links a .icon,.nav-links .logout-btn,.nav-links .header-search-form,.header-search-input,.nav-user-avatar,.theme-toggle-btn,.help-toggle-btn,.site-footer,.site-footer .footer-links a,.language-dropdown-toggle,.language-dropdown-menu,.language-dropdown-menu li a,.dropdown-caret,.feature-item{transition:none!important}.nav-links a .icon,.nav-links a::after,.language-dropdown-menu,.language-dropdown.is-open .language-dropdown-menu,.dropdown-caret,.feature-item,.feature-item:hover{transform:none!important}}button,.button,a.button{padding:calc(var(--spacing-unit) * .85) calc(var(--spacing-unit) * 1.55);font-size:1rem;font-weight:600;font-family:var(--font-family);cursor:pointer;border:1px solid transparent;border-radius:var(--border-radius-base);transition:background-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .1s ease,border-color .2s ease,color .2s ease;margin:calc(var(--spacing-unit) * .25);box-shadow:0 1px 2px var(--color-shadow-default)}.button,a.button{background-color:var(--color-button-solid-background);color:var(--color-button-solid-text);border-color:var(--color-button-solid-border)}.button:hover:not(:disabled),a.button:hover:not(:disabled){background-color:var(--color-button-solid-hover-background);color:var(--color-button-solid-hover-text);border-color:color-mix(in srgb,var(--color-button-solid-hover-background) 85%,var(--color-button-solid-border))}.button:focus-visible,a.button:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px color-mix(in srgb,var(--color-shadow-default) 65%,transparent)}button:active:not(:disabled){transform:translateY(0px);box-shadow:0 2px 4px var(--color-shadow-default)}button:disabled{background-color:var(--color-state-disabled-bg);color:var(--color-text-disabled);cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-base) 25%,transparent),0 1px 2px var(--color-shadow-default)}.button-primary{background-color:var(--color-primary-base);color:var(--color-primary-text-on-base);border-color:var(--color-primary-base)}.button-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 6px 16px color-mix(in srgb,var(--color-primary-base) 35%,transparent)}.button-secondary{background-color:var(--color-secondary-base);color:var(--color-secondary-text-on-base);border-color:var(--color-secondary-base)}.button-secondary:hover:not(:disabled){background-color:var(--color-secondary-hover);border-color:var(--color-secondary-hover);box-shadow:0 6px 16px color-mix(in srgb,var(--color-secondary-base) 28%,transparent)}.button-outline{background-color:var(--color-surface-card);color:var(--color-text-primary);border-color:var(--color-border-primary)}.button-outline:hover:not(:disabled){background-color:var(--color-surface);border-color:color-mix(in srgb,var(--color-text-primary) 65%,var(--color-border-primary))}[data-theme="dark"] .button-outline{background-color:var(--color-nav-link-bg);color:var(--color-nav-link-text);border-color:var(--color-nav-link-border)}[data-theme="dark"] .button-outline:hover:not(:disabled){background-color:var(--color-nav-link-hover-bg);border-color:color-mix(in srgb,var(--color-nav-link-hover-bg) 75%,var(--color-nav-link-border));color:var(--color-nav-link-hover-text)}input[type="text"],input[type="email"],input[type="password"],select,textarea{padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * .8);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-base);font-family:var(--font-family);font-size:.95rem;transition:border-color .2s,box-shadow .2s,background-color .2s,opacity .2s,color .2s;background-color:var(--color-surface-input);color:var(--color-text-primary)}select{cursor:pointer}input:disabled,select:disabled,textarea:disabled{background-color:var(--color-state-disabled-bg);cursor:not-allowed;opacity:.7}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-border-focus);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-border-focus) 25%,transparent)}input[type="checkbox"]:focus-visible{outline:2px solid var(--color-primary-base);outline-offset:2px;box-shadow:none}.table{width:100%;border-collapse:collapse;background-color:var(--color-surface-card);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-base);overflow:hidden}.table thead th{font-weight:700;text-align:left;background-color:color-mix(in srgb,var(--color-primary-base) 10%,var(--color-surface-card));color:var(--color-text-primary)}.table th,.table td{padding:.75rem 1rem;border:1px solid var(--color-border-primary);vertical-align:top}.table tbody tr:nth-child(odd){background-color:var(--color-table-row-odd)}.table tbody tr:nth-child(even){background-color:var(--color-table-row-even)}.table tbody tr:hover{background-color:var(--color-table-row-hover)}[data-theme="dark"] .table thead th{background-color:color-mix(in srgb,var(--color-primary-base) 16%,var(--color-nav-link-bg));color:var(--color-nav-link-hover-text)}.alert{padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:var(--border-radius-small);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.alert-success{color:var(--color-state-success);background-color:var(--color-state-success-bg);border-color:color-mix(in srgb,var(--color-state-success) 30%,transparent)}.alert-danger{color:var(--color-error-text);background-color:var(--color-error-background);border-color:var(--color-error-border)}.alert-warning{color:var(--color-state-warning);background-color:var(--color-state-warning-bg);border-color:color-mix(in srgb,var(--color-state-warning) 30%,transparent)}.alert-info{color:var(--color-state-info);background-color:var(--color-state-info-bg);border-color:color-mix(in srgb,var(--color-state-info) 30%,transparent)}[data-theme="dark"] .alert-success{color:#a7f3d0;background-color:#14532d;border-color:#166534}[data-theme="dark"] .alert-danger{color:var(--color-error-text);background-color:var(--color-error-background);border-color:var(--color-error-border)}[data-theme="dark"] .alert-warning{color:#fed7aa;background-color:#7c2d12;border-color:#9a3412}[data-theme="dark"] .alert-info{color:#bfdbfe;background-color:#1e3a8a;border-color:#1e40af}.error-message{display:block;margin-top:.35rem;color:var(--color-error-text);background-color:var(--color-error-background);border:1px solid var(--color-error-border);padding:.35rem .5rem;border-radius:var(--border-radius-small);font-size:.85rem;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(17,24,39,0.7);display:none;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out;backdrop-filter:blur(3px);padding:clamp(1rem,3vh,2.25rem) clamp(0.75rem,4vw,2.75rem);overflow-y:auto;scrollbar-gutter:stable both-edges}.modal-overlay.visible{display:flex;opacity:1;pointer-events:auto}.modal-content{position:relative;width:min(680px,100%);max-width:680px;text-align:left;transform:scale(0.96) translateY(10px);transition:transform .25s ease-in-out,opacity .25s ease-in-out,background-color .3s ease,border-color .3s ease;opacity:0;pointer-events:auto;padding:clamp(1.25rem,3vw,2rem);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.25);max-height:min(720px,calc(100vh - clamp(2.5rem,8vh,4rem)));overflow:hidden}@supports(height:100dvh){.modal-content{max-height:min(720px,calc(100dvh - clamp(2.5rem,8vh,4rem)))}}.modal-overlay.visible .modal-content{transform:scale(1) translateY(0);opacity:1}@media(prefers-reduced-motion:reduce){.modal-overlay{transition:none}.modal-content{transition:none;transform:none}.modal-overlay.visible .modal-content{transform:none}}.modal-close-btn{position:absolute;top:clamp(0.75rem,2vh,1rem);right:clamp(0.75rem,3vw,1.25rem);background:none;border:none;font-size:1.8rem;font-weight:700;line-height:1;color:var(--color-text-secondary);cursor:pointer;padding:.25rem .5rem;transition:color .2s ease}.modal-close-btn:hover{color:var(--color-text-primary)}.modal-header{text-align:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:calc(var(--spacing-unit) * .5);padding-inline:clamp(0.25rem,1vw,0.75rem)}.modal-header h2{color:var(--color-primary-base);margin:0;font-size:clamp(1.5rem,3vw,1.9rem)}.modal-header__message{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .35);align-items:center;margin-top:calc(var(--spacing-unit) * .4);text-align:center}.modal-header__message p{margin:0}.modal-test-info{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * .4);align-items:center;margin:0;padding:0;font-size:.95rem;color:var(--color-text-secondary)}.modal-test-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:999px;background-color:var(--color-surface-card);background-color:color-mix(in srgb,var(--color-primary-base) 8%,transparent);border:1px solid var(--color-border-primary);border:1px solid color-mix(in srgb,var(--color-primary-base) 18%,transparent);line-height:1.25;color:var(--color-text-secondary)}.modal-test-tag strong,.modal-test-tag>span:not(.modal-test-tag__icon){display:inline-flex;align-items:center}.modal-test-tag strong{font-weight:600;color:var(--color-text-primary)}.modal-test-tag__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:.1rem;font-size:.95rem;color:color-mix(in srgb,var(--color-primary-base) 68%,var(--color-text-secondary));filter:drop-shadow(0 0 .35rem color-mix(in srgb,var(--color-primary-base) 24%,transparent))}[data-theme="dark"] .modal-test-tag__icon{color:color-mix(in srgb,var(--color-primary-text-on-base) 82%,#bfdbfe);filter:drop-shadow(0 0 .4rem color-mix(in srgb,var(--color-primary-text-on-base) 28%,transparent))}[data-theme="dark"] .modal-test-tag{background-color:rgba(37,99,235,0.24);background-color:color-mix(in srgb,var(--color-primary-base) 24%,transparent);border-color:rgba(37,99,235,0.36);border-color:color-mix(in srgb,var(--color-primary-base) 36%,transparent);color:var(--color-primary-text-on-base)}[data-theme="dark"] .modal-test-tag strong{color:inherit}.modal-body-scroll{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.75);overflow-y:auto;padding-inline:clamp(0.25rem,0.8vw,0.75rem);scrollbar-gutter:stable both-edges;flex:1 1 auto;min-height:0}.modal-section{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1)}.modal-section-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.modal-section--primary .modal-section-title{text-align:center}.modal-section--details .modal-section-title{text-align:left}.modal-summary-card{padding:calc(var(--spacing-unit) * .9);border-radius:var(--border-radius-medium);border:1px solid var(--color-border-primary);border:1px solid color-mix(in srgb,var(--color-primary-base) 14%,transparent);background-color:var(--color-surface-card);background-color:color-mix(in srgb,var(--color-primary-base) 6%,transparent);box-shadow:inset 0 1px 0 var(--color-border-primary);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-primary-base) 16%,transparent);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .75);min-height:0}.modal-summary-card:focus-within{border-color:var(--color-primary-base);border-color:color-mix(in srgb,var(--color-primary-base) 36%,transparent)}.modal-summary-card--score,.modal-summary-card--accuracy,.modal-summary-card--streak{position:relative;isolation:isolate;overflow:hidden}.modal-summary-card--score{border-color:var(--color-primary-base);border-color:color-mix(in srgb,var(--color-primary-base) 44%,transparent);background-image:linear-gradient(135deg,var(--color-primary-base) 0,var(--color-surface-card) 60%,var(--color-primary-base) 100%);background-image:linear-gradient(135deg,color-mix(in srgb,var(--color-primary-base) 20%,#fff) 0,color-mix(in srgb,var(--color-primary-base) 8%,transparent) 60%,color-mix(in srgb,var(--color-primary-base) 16%,transparent) 100%);box-shadow:inset 0 3px 0 var(--color-primary-base),inset 0 1px 0 var(--color-primary-base),0 12px 28px -20px var(--color-primary-base);box-shadow:inset 0 3px 0 color-mix(in srgb,var(--color-primary-base) 55%,#fff),inset 0 1px 0 color-mix(in srgb,var(--color-primary-base) 28%,#fff),0 12px 28px -20px color-mix(in srgb,var(--color-primary-base) 55%,transparent)}.modal-summary-card--score .modal-result-label{color:var(--color-primary-base);color:color-mix(in srgb,var(--color-primary-base) 55%,var(--color-text-secondary))}.modal-summary-card--accuracy{border-color:var(--color-state-success);border-color:color-mix(in srgb,var(--color-state-success) 40%,transparent);background-image:linear-gradient(135deg,var(--color-state-success) 0,var(--color-surface-card) 65%,var(--color-state-success) 100%);background-image:linear-gradient(135deg,color-mix(in srgb,var(--color-state-success) 22%,#fff) 0,color-mix(in srgb,var(--color-state-success) 8%,transparent) 65%,color-mix(in srgb,var(--color-state-success) 26%,transparent) 100%);box-shadow:inset 0 0 0 1px var(--color-state-success),inset 10px 0 0 -6px var(--color-state-success);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-state-success) 22%,#fff),inset 10px 0 0 -6px color-mix(in srgb,var(--color-state-success) 45%,transparent)}.modal-summary-card--accuracy .modal-result-label{color:var(--color-state-success);color:color-mix(in srgb,var(--color-state-success) 58%,var(--color-text-secondary))}.modal-summary-card--streak{border-color:var(--color-streak,#f97316);border-color:color-mix(in srgb,var(--color-streak,#f97316) 44%,transparent);background-image:linear-gradient(135deg,var(--color-streak,#f97316) 0,#fff7ed 55%,#facc15 100%);background-image:linear-gradient(135deg,color-mix(in srgb,var(--color-streak,#f97316) 26%,#fff7ed) 0,color-mix(in srgb,var(--color-streak,#f97316) 12%,transparent) 55%,color-mix(in srgb,#facc15 32%,transparent) 100%);box-shadow:inset -10px 0 0 -6px var(--color-streak,#f97316),inset 0 -3px 0 var(--color-streak,#f97316),inset 0 1px 0 #fff7ed;box-shadow:inset -10px 0 0 -6px color-mix(in srgb,var(--color-streak,#f97316) 46%,transparent),inset 0 -3px 0 color-mix(in srgb,var(--color-streak,#f97316) 52%,#fff7ed),inset 0 1px 0 color-mix(in srgb,var(--color-streak,#f97316) 20%,#fff7ed)}.modal-summary-card--streak .modal-result-label{color:var(--color-streak,#f97316);color:color-mix(in srgb,var(--color-streak,#f97316) 58%,var(--color-text-secondary))}.modal-summary-card--pb{position:relative;z-index:0;border-color:var(--color-state-success);border-color:color-mix(in srgb,var(--color-state-success) 55%,transparent);background-color:var(--color-surface-card);background-color:color-mix(in srgb,var(--color-state-success) 18%,var(--color-surface-card));background-image:linear-gradient(135deg,var(--color-state-success) 0,var(--color-primary-base) 50%,var(--color-state-success) 100%);background-image:linear-gradient(135deg,color-mix(in srgb,var(--color-state-success) 32%,transparent) 0,color-mix(in srgb,var(--color-primary-base) 16%,transparent) 50%,color-mix(in srgb,var(--color-state-success) 32%,transparent) 100%);background-size:220% 220%;background-position:0 50%;box-shadow:0 0 0 1px var(--color-state-success),0 0 18px 2px var(--color-state-success);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-state-success) 45%,transparent),0 0 18px 2px color-mix(in srgb,var(--color-state-success) 28%,transparent);animation:modalSummaryCardPersonalBestPulse 3.4s ease-in-out infinite,modalSummaryCardPersonalBestSheen 6s ease-in-out infinite}.modal-summary-card--pb::after{content:"";position:absolute;inset:-3px;border-radius:inherit;background:radial-gradient(circle at top left,var(--color-state-success) 0,transparent 60%),radial-gradient(circle at bottom right,var(--color-primary-base) 0,transparent 65%);background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-state-success) 45%,transparent) 0,transparent 60%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--color-primary-base) 38%,transparent) 0,transparent 65%);opacity:.55;pointer-events:none;z-index:-1;filter:blur(0.5px)}[data-theme="dark"] .modal-summary-card--score{border-color:var(--color-primary-base);border-color:color-mix(in srgb,var(--color-primary-base) 62%,transparent);background-image:linear-gradient(135deg,var(--color-primary-base) 0,#0f172a 60%,var(--color-primary-base) 100%);background-image:linear-gradient(135deg,color-mix(in srgb,var(--color-primary-base) 40%,#0f172a) 0,color-mix(in srgb,var(--color-primary-base) 18%,transparent) 60%,color-mix(in srgb,var(--color-primary-base) 32%,transparent) 100%);box-shadow:inset 0 3px 0 var(--color-primary-base),inset 0 1px 0 var(--color-primary-base),0 18px 32px -22px var(--color-primary-base);box-shadow:inset 0 3px 0 color-mix(in srgb,var(--color-primary-base) 78%,#1e293b),inset 0 1px 0 color-mix(in srgb,var(--color-primary-base) 45%,#1e293b),0 18px 32px -22px color-mix(in srgb,var(--color-primary-base) 70%,transparent)}[data-theme="dark"] .modal-summary-card--score .modal-result-label{color:var(--color-primary-text-on-base);color:color-mix(in srgb,var(--color-primary-text-on-base) 80%,#bfdbfe)}[data-theme="dark"] .modal-summary-card--accuracy{border-color:var(--color-state-success);border-color:color-mix(in srgb,var(--color-state-success) 56%,transparent);background-image:linear-gradient(135deg,var(--color-state-success) 0,#052e16 65%,var(--color-state-success) 100%);background-image:linear-gradient(135deg,color-mix(in srgb,var(--color-state-success) 38%,#052e16) 0,color-mix(in srgb,var(--color-state-success) 16%,transparent) 65%,color-mix(in srgb,var(--color-state-success) 36%,transparent) 100%);box-shadow:inset 0 0 0 1px var(--color-state-success),inset 12px 0 0 -6px var(--color-state-success);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-state-success) 40%,#052e16),inset 12px 0 0 -6px color-mix(in srgb,var(--color-state-success) 55%,transparent)}[data-theme="dark"] .modal-summary-card--accuracy .modal-result-label{color:var(--color-primary-text-on-base);color:color-mix(in srgb,var(--color-primary-text-on-base) 78%,#bbf7d0)}[data-theme="dark"] .modal-summary-card--streak{border-color:var(--color-streak,#f97316);border-color:color-mix(in srgb,var(--color-streak,#f97316) 58%,transparent);background-image:linear-gradient(135deg,var(--color-streak,#f97316) 0,#331a05 55%,#facc15 100%);background-image:linear-gradient(135deg,color-mix(in srgb,var(--color-streak,#f97316) 38%,#331a05) 0,color-mix(in srgb,var(--color-streak,#f97316) 20%,transparent) 55%,color-mix(in srgb,#facc15 36%,transparent) 100%);box-shadow:inset -12px 0 0 -6px var(--color-streak,#f97316),inset 0 -3px 0 var(--color-streak,#f97316),inset 0 1px 0 #331a05;box-shadow:inset -12px 0 0 -6px color-mix(in srgb,var(--color-streak,#f97316) 58%,transparent),inset 0 -3px 0 color-mix(in srgb,var(--color-streak,#f97316) 62%,#331a05),inset 0 1px 0 color-mix(in srgb,var(--color-streak,#f97316) 32%,#331a05)}[data-theme="dark"] .modal-summary-card--streak .modal-result-label{color:var(--color-primary-text-on-base);color:color-mix(in srgb,var(--color-primary-text-on-base) 82%,#fed7aa)}@keyframes modalSummaryCardPersonalBestPulse{0%,100%{box-shadow:0 0 0 1px var(--color-state-success),0 0 16px 2px var(--color-state-success);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-state-success) 45%,transparent),0 0 16px 2px color-mix(in srgb,var(--color-state-success) 26%,transparent)}50%{box-shadow:0 0 0 3px var(--color-state-success),0 0 28px 6px var(--color-state-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-state-success) 65%,transparent),0 0 28px 6px color-mix(in srgb,var(--color-state-success) 36%,transparent)}}@keyframes modalSummaryCardPersonalBestSheen{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.modal-summary-card--pb{animation:none;background-position:50% 50%;box-shadow:0 0 0 2px var(--color-state-success),0 0 20px 4px var(--color-state-success);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-state-success) 55%,transparent),0 0 20px 4px color-mix(in srgb,var(--color-state-success) 30%,transparent)}.modal-summary-card--pb::after{opacity:.45;filter:none}}.modal-message__icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.1em;color:currentColor;filter:drop-shadow(0 0 .4rem color-mix(in srgb,currentColor 35%,transparent))}#helpModal .modal-content{width:min(92vw,640px);max-width:640px;text-align:left}#helpModal .modal-test-info{margin-bottom:calc(var(--spacing-unit) * 1.25)}#helpModal ul.list-unstyled{list-style:none;padding-left:0}#helpModal ul.list-unstyled li{padding:.4rem 0;display:flex;gap:.6rem;align-items:baseline}#helpModal ul.list-unstyled li strong{min-width:6.5rem;display:inline-block}#helpModal .modal-settings-overview{border-top:1px solid color-mix(in srgb,var(--color-text-primary) 14%,transparent);padding-top:calc(var(--spacing-unit) * 1.1);margin-top:calc(var(--spacing-unit) * 1.2)}#helpModal .modal-settings-list{margin:0;display:grid;gap:calc(var(--spacing-unit) * .6)}#helpModal .modal-settings-list dt{margin:0;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}#helpModal .modal-settings-list dd{margin:0}#helpModal .modal-settings-list dd+dt{margin-top:calc(var(--spacing-unit) * .8)}.modal-results{display:grid;gap:calc(var(--spacing-unit) * 1);grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.modal-result-row{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .6)}.modal-result-row--highlight .modal-result-primary strong{font-size:clamp(1.8rem,3.5vw,2.2rem)}.modal-result-label{color:var(--color-text-secondary);font-size:.95rem;font-weight:600;display:flex;gap:.55rem;align-items:center}.modal-result-label__icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.1em;line-height:1;color:inherit;filter:drop-shadow(0 0 .3rem color-mix(in srgb,currentColor 30%,transparent))}.modal-result-label--score .modal-result-label__icon{color:color-mix(in srgb,var(--color-primary-base) 70%,#1d4ed8)}.modal-result-label--accuracy .modal-result-label__icon{color:color-mix(in srgb,var(--color-state-success) 72%,#15803d)}.modal-result-label--streak{color:color-mix(in srgb,var(--color-streak,#f97316) 58%,var(--color-text-secondary))}.modal-result-streak-icon{color:color-mix(in srgb,var(--color-streak,#f97316) 78%,#b45309);filter:drop-shadow(0 0 .45rem color-mix(in srgb,var(--color-streak,#f97316) 40%,transparent))}[data-theme="dark"] .modal-result-label__icon{filter:drop-shadow(0 0 .4rem color-mix(in srgb,currentColor 45%,transparent))}[data-theme="dark"] .modal-result-label--score .modal-result-label__icon{color:color-mix(in srgb,var(--color-primary-text-on-base) 88%,#facc15)}[data-theme="dark"] .modal-result-label--accuracy .modal-result-label__icon{color:color-mix(in srgb,var(--color-primary-text-on-base) 85%,#bbf7d0)}[data-theme="dark"] .modal-result-label--streak{color:color-mix(in srgb,var(--color-primary-text-on-base) 84%,#fed7aa)}[data-theme="dark"] .modal-result-streak-icon{color:color-mix(in srgb,var(--color-streak,#f97316) 82%,#fed7aa)}.modal-result-value{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;color:var(--color-text-primary);font-weight:600}.modal-result-value.modal-result-value--stacked{gap:.5rem}.modal-result-primary{display:flex;align-items:baseline;gap:.35em;flex-wrap:wrap}.modal-result-secondary{display:flex;align-items:baseline;gap:.3em;font-size:.9rem;font-weight:500;color:var(--color-text-secondary)}.modal-summary-card--score .modal-result-secondary{color:var(--color-primary-base);color:color-mix(in srgb,var(--color-primary-base) 45%,var(--color-text-secondary))}.modal-summary-card--accuracy .modal-result-secondary{color:var(--color-state-success);color:color-mix(in srgb,var(--color-state-success) 48%,var(--color-text-secondary))}.modal-summary-card--streak .modal-result-secondary{color:var(--color-streak,#f97316);color:color-mix(in srgb,var(--color-streak,#f97316) 48%,var(--color-text-secondary))}[data-theme="dark"] .modal-summary-card--score .modal-result-secondary{color:var(--color-primary-text-on-base);color:color-mix(in srgb,var(--color-primary-text-on-base) 78%,#bfdbfe)}[data-theme="dark"] .modal-summary-card--accuracy .modal-result-secondary{color:var(--color-primary-text-on-base);color:color-mix(in srgb,var(--color-primary-text-on-base) 76%,#bbf7d0)}[data-theme="dark"] .modal-summary-card--streak .modal-result-secondary{color:var(--color-primary-text-on-base);color:color-mix(in srgb,var(--color-primary-text-on-base) 80%,#fed7aa)}.modal-result-value #finalScoreModal,.modal-result-value #pbScoreModal{font-weight:700;font-size:1.6rem;color:var(--color-text-primary)}.modal-result-value #modalScoreUnit,.modal-result-value #modalPbUnit{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.modal-result-secondary #pbScoreModal,.modal-result-secondary #pbAccuracyModal,.modal-result-secondary #pbHighestStreakModal{font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.modal-extra-hint{margin:0;color:var(--color-text-secondary);font-size:.95rem}.modal-secondary-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:calc(var(--spacing-unit) * .9)}.modal-stat{display:flex;flex-direction:column;gap:.45rem;padding:calc(var(--spacing-unit) * .75);border-radius:12px;background-color:var(--color-surface-card);background-color:color-mix(in srgb,var(--color-surface-card) 80%,transparent);border:1px solid var(--color-border-primary);border:1px solid color-mix(in srgb,var(--color-primary-base) 18%,transparent);min-height:0;box-shadow:inset 0 1px 0 var(--color-border-primary);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-primary-base) 12%,transparent)}.modal-stat-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:none}.modal-stat-value{font-size:1.05rem;font-weight:600;color:var(--color-text-primary);word-break:break-word}.modal-result-value #finalAccuracyModal,.modal-result-value #pbAccuracyModal{font-weight:600;font-size:1.2rem;color:var(--color-state-success)}.modal-result-value #modalHighestStreak,.modal-result-value #pbHighestStreakModal{font-weight:600;font-size:1.3rem;color:var(--color-streak)}.modal-footer{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .9);padding-inline:clamp(0.25rem,1vw,0.75rem);flex-shrink:0}.modal-divider{border:none;border-top:1px solid color-mix(in srgb,var(--color-text-primary) 16%,transparent);margin:0}.modal-cta-panel{position:relative;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .75);padding:calc(var(--spacing-unit) * 1.2);border-radius:var(--border-radius-large,16px);border:1px solid var(--color-border-primary);border:1px solid color-mix(in srgb,var(--color-primary-base) 22%,transparent);background:linear-gradient(135deg,var(--color-primary-base) 0,var(--color-surface-card) 45%,var(--color-secondary-base) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary-base) 10%,transparent) 0,color-mix(in srgb,var(--color-primary-base) 6%,transparent) 45%,color-mix(in srgb,var(--color-secondary-base) 14%,transparent) 100%);box-shadow:0 18px 30px var(--color-shadow-default);box-shadow:0 18px 30px color-mix(in srgb,var(--color-primary-base) 16%,transparent);overflow:hidden}[data-theme="dark"] .modal-cta-panel{background:linear-gradient(135deg,var(--color-primary-base) 0,#0f172a 50%,var(--color-secondary-base) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary-base) 34%,transparent) 0,color-mix(in srgb,var(--color-primary-base) 18%,transparent) 50%,color-mix(in srgb,var(--color-secondary-base) 22%,transparent) 100%);border-color:var(--color-primary-base);border-color:color-mix(in srgb,var(--color-primary-base) 42%,transparent);box-shadow:0 22px 36px var(--color-shadow-default);box-shadow:0 22px 36px color-mix(in srgb,var(--color-primary-base) 32%,transparent)}.modal-cta-panel__header{text-align:center;display:grid;gap:.35rem}.modal-cta-panel__title{margin:0;font-size:clamp(1.15rem,2.4vw,1.35rem);font-weight:700;color:var(--color-text-primary)}.modal-cta-panel__subtitle{margin:0;font-size:.95rem;color:var(--color-text-secondary);color:color-mix(in srgb,var(--color-text-secondary) 80%,var(--color-text-primary))}.modal-actions{display:flex;flex-wrap:wrap;gap:clamp(calc(var(--spacing-unit) * .65),1.8vh,calc(var(--spacing-unit) * .85));justify-content:center}.modal-actions .button,.modal-actions a.button{flex:1 1 240px;min-width:180px;min-height:52px}.modal-action-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding-inline:clamp(1rem,3vw,1.4rem)}.modal-action-button__icon{font-size:1.2rem;color:inherit;filter:drop-shadow(0 6px 14px color-mix(in srgb,currentColor 25%,transparent))}.modal-action-button__label{display:inline-flex;flex-direction:column;align-items:center;font-weight:700;letter-spacing:.01em}.modal-action-button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-base) 35%,transparent),0 8px 18px color-mix(in srgb,currentColor 24%,transparent)}.modal-cta-panel .results-share-feedback{align-self:center;width:min(100%,420px);margin-top:calc(var(--spacing-unit) * .25)}.modal-footer .related-links{margin-top:calc(var(--spacing-unit) * .5);padding-top:calc(var(--spacing-unit) * .5);border-top:1px dashed color-mix(in srgb,var(--color-text-secondary) 30%,transparent)}.modal-footer .related-links ul{padding-left:1rem;margin-bottom:0}.modal-footer .related-links li{margin-bottom:.4rem}.results-share-feedback{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem .85rem;border-radius:var(--border-radius-medium);background-color:color-mix(in srgb,var(--color-state-success-bg) 72%,transparent);border:1px solid color-mix(in srgb,var(--color-state-success) 32%,transparent);color:var(--color-state-success);font-weight:600;font-size:.95rem;line-height:1.2;box-shadow:0 12px 24px color-mix(in srgb,var(--color-state-success) 16%,transparent);transform:translateY(4px) scale(0.97);opacity:0;pointer-events:none;transition:opacity .24s ease,transform .26s cubic-bezier(0.22,1,0.36,1),box-shadow .3s ease;will-change:opacity,transform}.results-share-feedback.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;box-shadow:0 8px 20px color-mix(in srgb,var(--color-state-success) 18%,transparent)}[data-theme="dark"] .results-share-feedback{background-color:color-mix(in srgb,var(--color-state-success) 24%,transparent);border-color:color-mix(in srgb,var(--color-state-success) 42%,transparent);color:color-mix(in srgb,var(--color-state-success) 80%,var(--color-primary-text-on-base));box-shadow:0 18px 28px color-mix(in srgb,var(--color-state-success) 32%,transparent)}.results-share-feedback__icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;color:inherit;transform-origin:center}.results-share-feedback.is-visible .results-share-feedback__icon{animation:results-share-feedback-pop .55s cubic-bezier(0.34,1.56,0.64,1)}.results-share-feedback__text{display:inline-block}@keyframes results-share-feedback-pop{0%{transform:scale(0.6) rotate(-4deg);opacity:0}60%{transform:scale(1.15) rotate(1deg);opacity:1}100%{transform:scale(1) rotate(0deg);opacity:1}}@media(prefers-reduced-motion:reduce){.results-share-feedback{transition:opacity .01ms linear;transform:none}.results-share-feedback.is-visible{transform:none}.results-share-feedback.is-visible .results-share-feedback__icon{animation:none}}.info-icon{display:inline-block;margin-left:.4em;color:var(--color-text-secondary);cursor:help;position:relative;font-size:.9em;transition:color .2s ease}.info-icon:hover{color:var(--color-primary-base)}.info-icon::after{content:attr(data-tooltip);position:absolute;bottom:140%;left:50%;transform:translateX(-50%) scale(0.8);background-color:var(--color-text-primary);color:var(--color-surface-card);padding:.4em .8em;border-radius:4px;font-size:.85rem;font-weight:400;white-space:nowrap;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out,transform .2s ease-in-out,background-color .3s ease,color .3s ease;transform-origin:bottom center}.info-icon:hover::after{opacity:1;transform:translateX(-50%) scale(1)}#challengeInviteModal{align-items:center}.challenge-invite-modal{gap:clamp(var(--spacing-unit),3vh,calc(var(--spacing-unit) * 1.75));padding:clamp(1.25rem,3vw,1.75rem)}#challengeInviteModal .modal-body-scroll{padding-inline:0}.challenge-invite-modal__body{display:flex;flex-direction:column;gap:clamp(calc(var(--spacing-unit) * .9),2.5vh,calc(var(--spacing-unit) * 1.4))}.challenge-invite-modal__header{display:flex;flex-direction:column;gap:.65rem;text-align:center;padding-inline:clamp(0.25rem,1vw,0.75rem)}.challenge-invite-modal__title{margin:0;display:flex;gap:.6rem;justify-content:center;align-items:center;font-size:clamp(1.45rem,3vw,1.8rem);color:var(--color-heading-primary,var(--color-text-primary))}.challenge-invite-modal__icon{color:var(--color-primary-base);font-size:1.4em}.challenge-invite-modal__subtitle{margin:0;font-size:1rem;color:var(--color-text-secondary)}.challenge-invite-modal__summary{margin:0;font-size:clamp(0.95rem,2.6vw,1.05rem);font-weight:500;line-height:1.5;color:color-mix(in srgb,var(--color-primary-base) 26%,var(--color-text-secondary));text-align:center;text-wrap:balance}.challenge-invite-modal__summary[hidden]{display:none}.challenge-invite-modal__summary strong{font-weight:600}[data-theme="dark"] .challenge-invite-modal__summary{color:color-mix(in srgb,var(--color-primary-soft,rgba(96,165,250,0.65)) 50%,var(--color-text-secondary))}.challenge-invite-modal__grid{display:grid;gap:clamp(calc(var(--spacing-unit) * .9),2vh,calc(var(--spacing-unit) * 1.2))}.challenge-invite-modal__section{display:flex;flex-direction:column;gap:clamp(calc(var(--spacing-unit) * .35),1vh,calc(var(--spacing-unit) * .6))}.challenge-invite-modal__section-title{margin:0;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--color-primary-base) 68%,var(--color-text-secondary))}.challenge-invite-modal__list{margin:0;display:grid;gap:.35rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.challenge-invite-modal__term{margin:0;display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:color-mix(in srgb,var(--color-text-secondary) 88%,var(--color-text-primary))}.challenge-invite-modal__term-label{text-transform:uppercase;letter-spacing:.05em}.challenge-invite-modal__term-icon{color:color-mix(in srgb,var(--color-primary-base) 70%,var(--color-text-secondary));font-size:1rem}.challenge-invite-modal__list dd,.challenge-invite-modal__description{margin:0 0 clamp(calc(var(--spacing-unit) * .4),1.8vh,calc(var(--spacing-unit) * .7));font-weight:600;color:var(--color-text-primary);font-size:1rem}.challenge-invite-modal__start-btn{align-self:center;min-width:min(260px,100%);margin-top:clamp(calc(var(--spacing-unit) * .5),2vh,var(--spacing-unit))}@media(min-width:640px){#challengeInviteModal .modal-content{width:min(520px,92vw)}.challenge-invite-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.challenge-invite-modal{padding:clamp(1rem,4vw,1.3rem)}.challenge-invite-modal__title{font-size:clamp(1.3rem,6vw,1.5rem)}.challenge-invite-modal__list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.challenge-invite-modal__list dd{font-size:.95rem}}[data-theme="dark"] .challenge-invite-modal__section-title{color:color-mix(in srgb,var(--color-primary-base) 58%,var(--color-heading-primary,var(--color-text-primary)))}[data-theme="dark"] .challenge-invite-modal__term{color:color-mix(in srgb,var(--color-text-secondary) 70%,var(--color-primary-text-on-base,#fff))}[data-theme="dark"] .challenge-invite-modal__term-icon{color:color-mix(in srgb,var(--color-primary-base) 72%,var(--color-primary-text-on-base,#fff))}@media(max-width:991px){.modal-actions .button,.modal-actions a.button{flex:1 1 100%;min-width:auto}.modal-cta-panel{padding:clamp(calc(var(--spacing-unit) * .9),2.6vw,calc(var(--spacing-unit) * 1.05))}}@media(max-width:767px){button{font-size:.95rem;padding:calc(var(--spacing-unit) * .6) var(--spacing-unit)}.modal-content{padding:clamp(1rem,3vw,1.25rem);max-height:calc(100vh - clamp(1.5rem,10vh,3rem))}@supports(height:100dvh){.modal-content{max-height:calc(100dvh - clamp(1.5rem,10vh,3rem))}}.modal-body-scroll{gap:calc(var(--spacing-unit) * 1.5)}.modal-summary-card{padding:calc(var(--spacing-unit) * .75)}.modal-result-value #finalScoreModal,.modal-result-value #pbScoreModal{font-size:1.45rem}.modal-result-value #finalAccuracyModal,.modal-result-value #pbAccuracyModal{font-size:1.05rem}.modal-result-value #modalHighestStreak,.modal-result-value #pbHighestStreakModal{font-size:1.2rem}.modal-secondary-results{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.modal-cta-panel__title{font-size:clamp(1.05rem,4vw,1.25rem)}.modal-cta-panel__subtitle{font-size:.9rem}}@media(max-width:575px){.modal-overlay{padding:clamp(0.75rem,6vw,1.25rem)}.modal-content{padding:clamp(0.85rem,4vw,1.1rem)}.modal-body-scroll{padding-inline:.25rem}.modal-summary-card{border-radius:var(--border-radius-small)}.modal-cta-panel{padding:clamp(calc(var(--spacing-unit) * .8),6vw,calc(var(--spacing-unit) * .95));gap:calc(var(--spacing-unit) * .6)}.modal-actions{gap:clamp(calc(var(--spacing-unit) * .55),3vw,calc(var(--spacing-unit) * .7))}.modal-actions .button,.modal-actions a.button{min-height:48px}.modal-action-button{gap:.45rem;padding-inline:clamp(0.85rem,6vw,1.1rem)}}.comparison-bar{position:relative;width:100%;height:.5rem;margin-top:clamp(0.6rem,1.8vw,0.85rem);border-radius:999px;background-color:color-mix(in srgb,var(--color-border-primary,rgba(148,163,184,0.45)) 36%,transparent);overflow:hidden}.comparison-bar__fill{display:block;width:0;height:100%;border-radius:inherit;background-color:color-mix(in srgb,var(--color-text-secondary) 45%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text-secondary) 22%,transparent);transition:width .35s ease,background-color .25s ease,box-shadow .25s ease}.comparison-bar__fill--better{background-color:color-mix(in srgb,var(--color-state-success) 78%,var(--color-state-success-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-state-success) 55%,transparent)}.comparison-bar__fill--worse{background-color:color-mix(in srgb,var(--color-state-danger) 72%,var(--color-state-danger-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-state-danger) 52%,transparent)}.comparison-bar__fill--equal{background-color:color-mix(in srgb,var(--color-text-secondary) 60%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text-secondary) 42%,transparent)}[data-theme="dark"] .comparison-bar{background-color:color-mix(in srgb,var(--color-border-primary,rgba(148,163,184,0.45)) 18%,transparent)}[data-theme="dark"] .comparison-bar__fill{background-color:color-mix(in srgb,var(--color-text-secondary) 35%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text-secondary) 28%,transparent)}[data-theme="dark"] .comparison-bar__fill--better{background-color:color-mix(in srgb,var(--color-state-success) 68%,rgba(34,197,94,0.25));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-state-success) 62%,transparent)}[data-theme="dark"] .comparison-bar__fill--worse{background-color:color-mix(in srgb,var(--color-state-danger) 68%,rgba(248,113,113,0.25));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-state-danger) 62%,transparent)}[data-theme="dark"] .comparison-bar__fill--equal{background-color:color-mix(in srgb,var(--color-text-secondary) 48%,rgba(148,163,184,0.25));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text-secondary) 42%,transparent)}@media(prefers-reduced-motion:reduce){.comparison-bar__fill{transition:none}}.comparison-indicator{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:999px;font-size:.85rem;font-weight:600;line-height:1.2;background-color:var(--color-surface-card);background-color:color-mix(in srgb,var(--color-text-secondary) 10%,transparent);border:1px solid var(--color-border-primary);border:1px solid color-mix(in srgb,var(--color-text-secondary) 18%,transparent);color:var(--color-text-secondary);white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.comparison-indicator__icon{display:inline-flex;align-items:center;font-size:1em;line-height:1;color:inherit}.comparison-indicator__delta{display:inline-flex;align-items:center;font-size:.8em;font-weight:600;color:inherit}.comparison-indicator--better{background-color:var(--color-state-success-bg);border-color:var(--color-state-success);border-color:color-mix(in srgb,var(--color-state-success) 45%,transparent);color:var(--color-state-success);box-shadow:inset 0 1px 0 var(--color-state-success);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-state-success) 25%,transparent)}.comparison-indicator--worse{background-color:var(--color-state-danger-bg);border-color:var(--color-state-danger);border-color:color-mix(in srgb,var(--color-state-danger) 45%,transparent);color:var(--color-state-danger);box-shadow:inset 0 1px 0 var(--color-state-danger);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-state-danger) 25%,transparent)}.comparison-indicator--equal{background-color:var(--color-surface-card);background-color:color-mix(in srgb,var(--color-text-secondary) 14%,transparent);border-color:var(--color-border-primary);border-color:color-mix(in srgb,var(--color-text-secondary) 28%,transparent);color:var(--color-text-secondary);color:color-mix(in srgb,var(--color-text-secondary) 85%,var(--color-text-primary));box-shadow:inset 0 1px 0 var(--color-border-primary);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-text-secondary) 18%,transparent)}.comparison-indicator--first{background-color:var(--color-state-warning-bg);border-color:var(--color-state-warning);border-color:color-mix(in srgb,var(--color-state-warning) 45%,transparent);color:var(--color-state-warning);box-shadow:inset 0 1px 0 var(--color-state-warning);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-state-warning) 25%,transparent)}[data-theme="dark"] .comparison-indicator{background-color:rgba(148,163,184,0.08);background-color:color-mix(in srgb,var(--color-text-secondary) 8%,transparent);border-color:rgba(148,163,184,0.26);border-color:color-mix(in srgb,var(--color-text-secondary) 26%,transparent);color:var(--color-primary-text-on-base);color:color-mix(in srgb,var(--color-text-secondary) 88%,white)}[data-theme="dark"] .comparison-indicator--better{background-color:rgba(34,197,94,0.4);background-color:color-mix(in srgb,var(--color-state-success) 40%,transparent);border-color:rgba(34,197,94,0.7);border-color:color-mix(in srgb,var(--color-state-success) 70%,transparent);color:var(--color-primary-text-on-base);color:color-mix(in srgb,var(--color-state-success) 85%,white)}[data-theme="dark"] .comparison-indicator--worse{background-color:rgba(248,113,113,0.4);background-color:color-mix(in srgb,var(--color-state-danger) 40%,transparent);border-color:rgba(248,113,113,0.7);border-color:color-mix(in srgb,var(--color-state-danger) 70%,transparent);color:var(--color-primary-text-on-base);color:color-mix(in srgb,var(--color-state-danger) 85%,white)}[data-theme="dark"] .comparison-indicator--equal{background-color:rgba(148,163,184,0.24);background-color:color-mix(in srgb,var(--color-text-secondary) 24%,transparent);border-color:rgba(148,163,184,0.42);border-color:color-mix(in srgb,var(--color-text-secondary) 42%,transparent);color:var(--color-primary-text-on-base);color:color-mix(in srgb,var(--color-text-secondary) 92%,white)}[data-theme="dark"] .comparison-indicator--first{background-color:rgba(250,204,21,0.4);background-color:color-mix(in srgb,var(--color-state-warning) 40%,transparent);border-color:rgba(250,204,21,0.7);border-color:color-mix(in srgb,var(--color-state-warning) 70%,transparent);color:var(--color-primary-text-on-base);color:color-mix(in srgb,var(--color-state-warning) 85%,white)}@media(prefers-reduced-motion:reduce){button,input[type="text"],input[type="email"],input[type="password"],select,.alert,.modal-overlay,.modal-content,.modal-close-btn,.info-icon,.info-icon::after,.challenge-invite-modal,.challenge-invite-modal__grid,.challenge-invite-modal__section,.challenge-invite-modal__list,.challenge-invite-modal__section-title,.challenge-invite-modal__start-btn,.modal-actions .button{transition:none!important}.modal-overlay,.modal-content,.modal-overlay.visible .modal-content,button:hover:not(:disabled),button:active:not(:disabled),.info-icon::after,.info-icon:hover::after,.challenge-invite-modal__grid,.challenge-invite-modal__section,.challenge-invite-modal__list,.challenge-invite-modal__start-btn{transform:none!important}.modal-overlay,.modal-content,.info-icon::after{animation:none!important}}.icon{display:inline-flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;font-size:1em;line-height:1;color:inherit;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}.icon::before{display:block}.icon[data-icon="arrow-down"]::before{content:"↓"}.icon[data-icon="arrow-left"]::before{content:"←"}.icon[data-icon="arrow-right"]::before{content:"→"}.icon[data-icon="arrow-rotate-right"]::before{content:"⟳"}.icon[data-icon="arrow-up"]::before{content:"↑"}.icon[data-icon="award"]::before{content:"🏅"}.icon[data-icon="bars"]::before{content:"☰"}.icon[data-icon="blog"]::before{content:"📝"}.icon[data-icon="bolt"]::before{content:"⚡"}.icon[data-icon="bolt-lightning"]::before{content:"⚡"}.icon[data-icon="bullseye"]::before{content:"🎯"}.icon[data-icon="calendar-check"]::before{content:"🗓"}.icon[data-icon="calendar-day"]::before{content:"📅"}.icon[data-icon="calendar-days"]::before{content:"📅"}.icon[data-icon="calendar-week"]::before{content:"🗓"}.icon[data-icon="chart-line"]::before{content:"📈"}.icon[data-icon="chart-simple"]::before{content:"📊"}.icon[data-icon="chevron-down"]::before{content:"⌄"}.icon[data-icon="clock"]::before{content:"🕒"}.icon[data-icon="circle-play"]::before{content:"▶"}.icon[data-icon="circle-question"]::before{content:"❓"}.icon[data-icon="cogs"]::before{content:"⚙"}.icon[data-icon="crosshairs"]::before{content:"✚"}.icon[data-icon="database"]::before{content:"🗄"}.icon[data-icon="delete-left"]::before{content:"⌫"}.icon[data-icon="equals"]::before{content:"="}.icon[data-icon="eraser"]::before{content:"🧹"}.icon[data-icon="exclamation-triangle"]::before{content:"⚠"}.icon[data-icon="eye"]::before{content:"👁"}.icon[data-icon="eye-slash"]::before{content:"🙈"}.icon[data-icon="fire"]::before{content:"🔥"}.icon[data-icon="gamepad"]::before{content:"🎮"}.icon[data-icon="gauge-high"]::before{content:"🚀"}.icon[data-icon="hourglass-half"]::before{content:"⌛"}.icon[data-icon="info-circle"]::before{content:"ℹ"}.icon[data-icon="keyboard"]::before{content:"⌨"}.icon[data-icon="lock"]::before{content:"🔒"}.icon[data-icon="moon"]::before{content:"🌙"}.icon[data-icon="pause"]::before{content:"⏸"}.icon[data-icon="ranking-star"]::before{content:"⭐"}.icon[data-icon="rectangle-list"]::before{content:"📋"}.icon[data-icon="shield-alt"]::before{content:"🛡"}.icon[data-icon="sign-in-alt"]::before{content:"↪"}.icon[data-icon="sign-out-alt"]::before{content:"↩"}.icon[data-icon="star"]::before{content:"★"}.icon[data-icon="stopwatch"]::before{content:"⏱"}.icon[data-icon="sun"]::before{content:"☀"}.icon[data-icon="tachometer-alt"]::before{content:"🏁"}.icon[data-icon="flag-checkered"]::before{content:"🏁"}.icon[data-icon="text-width"]::before{content:"🔤"}.icon[data-icon="trophy"]::before{content:"🏆"}.icon[data-icon="undo"]::before{content:"↺"}.icon[data-icon="unlock"]::before{content:"🔓"}.icon[data-icon="user-check"]::before{content:"✅"}.icon[data-icon="user-plus"]::before{content:"➕"}.icon[data-icon="user-slash"]::before{content:"🚫"}.icon[data-icon="users"]::before{content:"👥"}.icon[data-icon="volume-mute"]::before{content:"🔇"}.icon[data-icon="volume-up"]::before{content:"🔊"}.icon[data-icon="wand-magic-sparkles"]::before{content:"✨"}.icon[data-icon="wifi"]::before{content:"📶"}.icon[data-icon="arrow-down"]::before,.icon[data-icon="arrow-left"]::before,.icon[data-icon="arrow-right"]::before,.icon[data-icon="arrow-rotate-right"]::before,.icon[data-icon="arrow-up"]::before{font-size:.9em}.form-group{margin-bottom:1rem}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--text-color);background-color:var(--input-bg);background-clip:padding-box;border:1px solid var(--border-color);border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{color:var(--text-color);background-color:var(--input-bg);border-color:var(--primary-color);outline:0;box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),0.25)}.form-text{margin-top:.25rem;font-size:.875em;color:var(--text-muted)}.is-invalid{border-color:var(--danger-color)}.is-invalid:focus{border-color:var(--danger-color);box-shadow:0 0 0 .2rem rgba(var(--danger-rgb),0.25)}.form-control.is-valid{border-color:var(--color-state-success);box-shadow:0 0 0 .2rem rgba(34,197,94,0.25);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--color-state-success) 28%,transparent)}.form-control.is-valid:focus{border-color:var(--color-state-success);border-color:color-mix(in srgb,var(--color-state-success) 65%,var(--color-primary-base) 35%);box-shadow:0 0 0 .25rem rgba(34,197,94,0.28);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--color-state-success) 32%,transparent)}.d-none{display:none!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.flex-wrap{flex-wrap:wrap!important}.btn,.btn.btn-outline-primary,.btn.btn-primary,.btn.btn-link{display:inline-flex;align-items:center;justify-content:center;gap:.35em;padding:calc(var(--spacing-unit) * .7) calc(var(--spacing-unit) * 1.4);font-size:1rem;font-weight:600;font-family:var(--font-family);border-radius:var(--border-radius-base);border:1px solid transparent;cursor:pointer;line-height:1.2;text-decoration:none;text-align:center;transition:background-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .1s ease,border-color .2s ease,color .2s ease;box-shadow:0 1px 2px var(--color-shadow-default);background-color:var(--color-surface-card);color:var(--color-text-primary);margin:calc(var(--spacing-unit) * .25)}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 5px var(--color-shadow-default)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px var(--color-shadow-default)}.btn:disabled,.btn[aria-disabled="true"]{background-color:var(--color-state-disabled-bg);color:var(--color-text-disabled);cursor:not-allowed;opacity:.7;box-shadow:none;transform:none;pointer-events:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-base) 25%,transparent),0 1px 2px var(--color-shadow-default)}.btn-primary{background-color:var(--color-primary-base);color:var(--color-primary-text-on-base);border-color:var(--color-primary-base)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-outline-primary{background-color:var(--color-surface-card);color:var(--color-text-primary);border-color:var(--color-border-primary)}.btn-outline-primary:hover:not(:disabled){background-color:var(--color-background-body);border-color:var(--color-text-primary)}[data-theme="dark"] .btn-outline-primary{background-color:#334155;color:#e2e8f0;border-color:#475569}[data-theme="dark"] .btn-outline-primary:hover:not(:disabled){background-color:#475569;border-color:#94a3b8}.btn-link{background:transparent;border-color:transparent;color:var(--color-text-link);padding:0;box-shadow:none;text-decoration:underline;margin:0}.btn-link:hover,.btn-link:focus-visible{color:var(--color-text-link-hover);transform:none;box-shadow:none}.btn-sm{padding:calc(var(--spacing-unit) * .45) calc(var(--spacing-unit) * .9);font-size:.9rem}.badge{display:inline-flex;align-items:center;gap:.25em;padding:.35em .6em;border-radius:var(--border-radius-small);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background-color:color-mix(in srgb,var(--color-text-secondary) 12%,transparent);color:var(--color-text-secondary)}.bg-success,.badge.bg-success{background-color:var(--color-state-success);color:var(--color-primary-text-on-base)}[data-theme="dark"] .badge.bg-success,[data-theme="dark"] .bg-success{color:#0f172a}.flex-grow-1{flex-grow:1!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.align-items-end{align-items:flex-end!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.gap-2{gap:calc(var(--spacing-unit) * .5)!important}.gap-3{gap:var(--spacing-unit)!important}.list-unstyled{list-style:none;margin:0;padding-left:0}.m-0{margin:0!important}.p-0{padding:0!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:calc(var(--spacing-unit) * .25)!important}.mb-2{margin-bottom:calc(var(--spacing-unit) * .5)!important}.mb-3{margin-bottom:var(--spacing-unit)!important}.mb-4{margin-bottom:calc(var(--spacing-unit) * 1.5)!important}.small{font-size:.875rem;line-height:1.4;color:var(--color-text-secondary)}.flash-alert-close-btn{background:none;border:none;float:right;font-size:1.2rem;line-height:1;opacity:.7}.logout-form{display:inline-block}.online-status-centered{margin-left:auto;align-self:center}.event-overview-link-modal{margin-top:.5rem}.profile-action-button{width:100%;margin-bottom:5px}.profile-action-button-fullwidth{width:100%}.profile-actions h4.mt-1_5rem{margin-top:1.5rem}.performance-category .icon[data-icon="trophy"]{color:var(--color-text-secondary)}.profile-return-link-container{text-align:center;margin-top:2rem}.leaderboard-empty-hof{margin-top:1rem}.non-closable-banner{text-align:center;border-radius:0;margin-bottom:0;border-left:0;border-right:0}.non-closable-banner .alert-link{font-weight:bold;text-decoration:underline}.d-inline{display:inline!important}.text-center{text-align:center!important}.fw-bold{font-weight:bold!important}.text-underline{text-decoration:underline!important}.mt-1rem{margin-top:1rem!important}.mt-2rem{margin-top:2rem!important}.max-w-600{max-width:600px}.ml-1_5rem{margin-left:1.5rem}.mb-1_5rem{margin-bottom:1.5rem}.flex-gap-wrap{display:flex;gap:1rem;flex-wrap:wrap}.text-muted-small{font-size:.9em;margin-top:.5rem}.flex-grow-0{flex-grow:0}.align-self-end{align-self:flex-end}.d-block{display:block!important}.recaptcha-scaled{transform:scale(0.9);transform-origin:0 0}.hr-spacing{margin:1.5rem 0}.totp-secret{font-family:monospace;font-size:1.2rem;display:block;margin-top:.5rem;padding:.5rem;background-color:var(--color-surface-highlight);border-radius:var(--border-radius-small)}