.theme-icon-container{width:18px;height:18px;position:relative}.icon-light,.icon-dark{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}[data-theme=light] .icon-dark,[data-theme=dark] .icon-light{display:none}
.footer{background:var(--xclues-footer-bg);-webkit-backdrop-filter:blur(var(--xclues-blur-md));padding-bottom:env(safe-area-inset-bottom)}.footer-content{justify-content:center;align-items:center;gap:var(--xclues-spacing-2);flex-wrap:wrap;display:flex}.footer a{border-radius:var(--xclues-border-radius-xs);min-height:44px;color:inherit;align-items:center;text-decoration:none;display:inline-flex}.footer a:hover{background:var(--xclues-primary-6)}@media (min-width:1025px){.footer-content{padding:var(--xclues-spacing-1) var(--xclues-spacing-4)}.footer a{min-height:unset}}.footer-separator{color:var(--xclues-text-tertiary);-webkit-user-select:none;user-select:none;opacity:.4}
.app-splash{background:var(--xclues-surface,#0f0a1a);z-index:9999;opacity:1;justify-content:center;align-items:center;font-size:3rem;transition:opacity .4s ease-out;display:flex;position:fixed;inset:0}.app-splash--fade-out{opacity:0}
:root{--xclues-spacing-1:.25rem;--xclues-spacing-2:.5rem;--xclues-spacing-3:.75rem;--xclues-spacing-4:1rem;--xclues-spacing-5:1.25rem;--xclues-spacing-6:1.5rem;--xclues-spacing-8:2rem;--xclues-spacing-12:3rem;--xclues-spacing-xxs:.125rem;--xclues-spacing-xs:.25rem;--xclues-spacing-sm:.5rem;--xclues-spacing-md:1rem;--xclues-spacing-lg:1.5rem;--xclues-warm-50:#fdf8f3;--xclues-warm-100:#f9f0e6;--xclues-warm-200:#f0e2cf;--xclues-warm-300:#e3cdb0;--xclues-warm-400:#c9a87c;--xclues-warm-500:#a68555;--xclues-warm-600:#7d6340;--xclues-warm-700:#5a4730;--xclues-warm-800:#3a2e1f;--xclues-warm-900:#1e1810;--xclues-blur-sm:4px;--xclues-blur-md:12px;--xclues-font-size-xs:.7rem;--xclues-font-size-sm:.8rem;--xclues-font-size-md:.85rem;--xclues-font-size-base:.95rem;--xclues-font-size-lg:1.05rem;--xclues-font-size-xl:1.5rem;--xclues-font-size-2xl:2rem;--xclues-font-size-3xl:2.25rem;--xclues-font-weight-light:300;--xclues-font-weight-normal:400;--xclues-font-weight-semibold:600;--xclues-font-weight-bold:700;--xclues-font-weight-extrabold:800;--xclues-tracking-tight:.02em;--xclues-tracking-normal:.04em;--xclues-tracking-wide:.08em;--xclues-tracking-wider:.12em;--xclues-z-header:10;--xclues-z-overlay:100;--xclues-duration-fast:.15s;--xclues-duration-normal:.3s;--xclues-duration-slow:.5s;--xclues-font-family:system-ui, -apple-system, sans-serif;--xclues-heading-weight:500;--xclues-body-weight:400;--xclues-heading-letter-spacing:0;--xclues-body-letter-spacing:0;--xclues-heading-line-height:1.1;--xclues-body-line-height:1.6;--xclues-button-text-transform:none;--xclues-button-letter-spacing:0;--xclues-text-primary:#141413;--xclues-text-secondary:#5e5d59;--xclues-text-tertiary:#87867f;--xclues-primary:#c96442;--xclues-primary-light:#d97757;--xclues-primary-dark:#a84e32;--xclues-accent:#d97757;--xclues-accent-light:#f0c8b4;--xclues-accent-dark:#a84e32;--xclues-page-bg:#f5f4ed;--xclues-card-bg:#faf9f5;--xclues-card-bg-hover:#f0eee6;--xclues-card-selected:linear-gradient(135deg, #c96442 0%, #a84e32 100%);--xclues-card-selected-text:#fffffff2;--xclues-card-shadow:0 0 0 1px #e8e6dc;--xclues-card-shadow-hover:0 0 0 1px #c96442, 0 2px 8px #c964421f;--xclues-card-shadow-selected:0 4px 20px #c9644240;--xclues-header-bg:#f5f4edf2;--xclues-header-border:#e8e6dc;--xclues-header-blur:12px;--xclues-footer-bg:#f5f4ede6;--xclues-footer-border:#e8e6dc;--xclues-btn-primary-bg:#c96442;--xclues-btn-primary-hover:#a84e32;--xclues-btn-primary-shadow:0 2px 8px #c9644233;--xclues-btn-primary-text:#fff;--xclues-shadow-sm:0 0 0 1px #e8e6dc;--xclues-shadow-md:0 0 0 1px #e8e6dc, 0 2px 8px #0000000a;--xclues-shadow-lg:0 0 0 1px #e8e6dc, 0 4px 16px #0000000f;--xclues-shadow-primary-sm:0 2px 8px #c964421f;--xclues-shadow-primary-glow:0 4px 16px #c964422e;--xclues-shadow-yellow-group:0 2px 8px #fbbf2433;--xclues-shadow-green-group:0 2px 8px #34d39933;--xclues-shadow-blue-group:0 2px 8px #60a5fa33;--xclues-shadow-purple-group:0 2px 8px #a78bfa33;--xclues-primary-6:#c964420f;--xclues-primary-8:#c9644214;--xclues-primary-10:#c964421a;--xclues-primary-15:#c9644226;--xclues-primary-20:#c9644233;--xclues-overlay-bg:#14141366;--xclues-hover-transform:translateY(-1px);--xclues-hover-opacity:1;--xclues-focus-ring-color:#c96442;--xclues-focus-ring-style:2px solid;--xclues-disabled-opacity:.5;--xclues-radius-pill:24px;--xclues-glow:0 0 16px #c9644233;--xclues-border-radius:12px;--xclues-border-radius-sm:8px;--xclues-border-radius-xs:6px;--xclues-group-text:#1a1a1a;--xclues-dot-filled:#c96442;--xclues-dot-empty:#c9644226;--xclues-dot-glow:0 0 8px #c964424d;--xclues-yellow:#fbbf24;--xclues-yellow-bg:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--xclues-green:#34d399;--xclues-green-bg:linear-gradient(135deg, #34d399 0%, #10b981 100%);--xclues-blue:#60a5fa;--xclues-blue-bg:linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--xclues-purple:#a78bfa;--xclues-purple-bg:linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);--xclues-board-width-desktop:600px;--xclues-board-width-tablet:600px;--xclues-dot-size:12px;--xclues-dot-size-lg:18px;--xclues-icon-button-size:32px;--xclues-transition:.25s cubic-bezier(.4, 0, .2, 1);--xclues-transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--xclues-text-primary:#fffffff2;--xclues-text-secondary:#b0aea5;--xclues-text-tertiary:#87867f;--xclues-primary:#d97757;--xclues-primary-light:#f0c8b4;--xclues-primary-dark:#c96442;--xclues-accent:#d97757;--xclues-accent-light:#f0c8b4;--xclues-accent-dark:#c96442;--xclues-page-bg:#141413;--xclues-card-bg:#1e1e1c;--xclues-card-bg-hover:#2a2a27;--xclues-card-selected:linear-gradient(135deg, #d97757 0%, #c96442 100%);--xclues-card-selected-text:#fffffff2;--xclues-card-shadow:0 0 0 1px #30302e;--xclues-card-shadow-hover:0 0 0 1px #d977574d, 0 2px 8px #0000004d;--xclues-card-shadow-selected:0 4px 20px #d977574d;--xclues-header-bg:#141413d9;--xclues-header-border:#30302e;--xclues-footer-bg:#141413b3;--xclues-footer-border:#30302e;--xclues-btn-primary-bg:#d97757;--xclues-btn-primary-hover:#e68a6c;--xclues-btn-primary-shadow:0 2px 8px #0006;--xclues-btn-primary-text:#fff;--xclues-shadow-sm:0 0 0 1px #30302e;--xclues-shadow-md:0 0 0 1px #30302e, 0 2px 8px #0003;--xclues-shadow-lg:0 0 0 1px #30302e, 0 4px 16px #0000004d;--xclues-shadow-primary-sm:0 2px 8px #d9775726;--xclues-shadow-primary-glow:0 4px 16px #d9775733;--xclues-primary-6:#d977570f;--xclues-primary-8:#d9775714;--xclues-primary-10:#d977571a;--xclues-primary-15:#d9775726;--xclues-primary-20:#d9775733;--xclues-overlay-bg:#000000b3;--xclues-focus-ring-color:#c96442;--xclues-glow:0 0 16px #d9775733;--xclues-group-text:#1a1a1a;--xclues-dot-filled:#d97757;--xclues-dot-empty:#d9775726;--xclues-dot-glow:0 0 8px #d977574d;--xclues-yellow:#fcd34d;--xclues-yellow-bg:linear-gradient(135deg, #fcd34d 0%, #fbbf24 100%);--xclues-green:#6ee7b7;--xclues-green-bg:linear-gradient(135deg, #6ee7b7 0%, #34d399 100%);--xclues-blue:#93c5fd;--xclues-blue-bg:linear-gradient(135deg, #93c5fd 0%, #60a5fa 100%);--xclues-purple:#c4b5fd;--xclues-purple-bg:linear-gradient(135deg, #c4b5fd 0%, #a78bfa 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}html,body{background:var(--xclues-page-bg);color:var(--xclues-text-primary);font-family:var(--xclues-font-family,system-ui, sans-serif);line-height:var(--xclues-body-line-height,1.5);font-weight:var(--xclues-body-weight,400);letter-spacing:var(--xclues-body-letter-spacing,0);min-height:100vh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}:focus-visible{outline:var(--xclues-focus-ring-style,3px solid) var(--xclues-focus-ring-color,var(--xclues-primary));outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}button,[role=button],a,input,select,textarea{min-width:44px;min-height:44px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only:focus{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:.5rem;position:static;overflow:visible}.xclues-gradient-text{background:linear-gradient(135deg, var(--xclues-primary) 0%, var(--xclues-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about-links .xbtn{border-radius:var(--xclues-radius-pill,999px);font-weight:var(--xclues-font-weight-semibold);letter-spacing:var(--xclues-tracking-tight);border-color:var(--xclues-primary-light)}.about-links .xbtn:hover{background:var(--xclues-primary);border-color:var(--xclues-primary);color:var(--xclues-btn-primary-text,var(--xclues-card-selected-text));box-shadow:var(--xclues-btn-primary-shadow);transform:translateY(-2px)}
.app-layout{flex-direction:column;min-height:100dvh;display:flex;position:relative}.app-header{z-index:var(--xclues-z-header);padding:var(--xclues-spacing-2) var(--xclues-spacing-4);padding-top:max(var(--xclues-spacing-2), env(safe-area-inset-top));background:var(--xclues-header-bg);-webkit-backdrop-filter:blur(var(--xclues-header-blur));border-bottom:1px solid var(--xclues-header-border);will-change:transform;contain:layout style;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-header-brand{align-items:center;gap:var(--xclues-spacing-2);color:inherit;text-decoration:none;display:flex}.app-header-logo{font-size:var(--xclues-font-size-xl);white-space:nowrap;align-items:center;display:inline-flex}@media (max-width:639px){.app-header-logo{font-size:var(--xclues-font-size-base)}}.app-header-actions{align-items:center;gap:var(--xclues-spacing-1);flex-shrink:0;display:flex}.app-main,.homepage-game{flex-direction:column;flex:1;display:flex}.carousel-viewport{flex-direction:column;flex:1;display:flex;overflow:hidden}.carousel-track{transition:transform var(--xclues-duration-normal) ease-in-out;flex:1;display:flex}.carousel-panel{flex-direction:column;flex:0 0 100%;display:flex}@media (prefers-reduced-motion:reduce){.carousel-track{transition:none}}.game-footer{flex-direction:column;display:flex}.game-footer__view-results{justify-content:center;display:flex}@media (min-width:1025px){.app-layout{height:100dvh}}