:root{color-scheme:light dark;--ap-neutral-0: #ffffff;--ap-neutral-50: #f9f9f9;--ap-neutral-100: #f0f0f0;--ap-neutral-200: #e0e0e0;--ap-neutral-300: #c7c7c7;--ap-neutral-400: #9b9b9b;--ap-neutral-500: #6b6b6b;--ap-neutral-600: #3f3f3f;--ap-neutral-900: #121212;--ap-brand: #121212;--ap-brand-text: #ffffff;--ap-brand-surface: #f5f5f5;--ap-brand-hover: #3f3f3f;--ap-state-correct: #6aaa64;--ap-state-present: #c9b458;--ap-state-absent: #787c7e;--ap-state-error: #cc0000;--ap-bg: var(--ap-neutral-0);--ap-bg-subtle: var(--ap-neutral-50);--ap-bg-muted: var(--ap-neutral-100);--ap-text: var(--ap-neutral-900);--ap-text-muted: var(--ap-neutral-500);--ap-text-faint: var(--ap-neutral-400);--ap-text-inverse: var(--ap-neutral-0);--ap-border: var(--ap-neutral-200);--ap-border-strong: var(--ap-neutral-300);--ap-font-display: "Libre Baskerville", Georgia, "Times New Roman", serif;--ap-font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ap-font-mono: "SF Mono", "Fira Code", "Roboto Mono", "Courier New", monospace;--ap-text-2xs: .625rem;--ap-text-xs: .6875rem;--ap-text-sm: .8125rem;--ap-text-base: 1rem;--ap-text-lg: 1.125rem;--ap-text-xl: 1.375rem;--ap-text-2xl: 1.75rem;--ap-text-3xl: 2.25rem;--ap-text-4xl: 3rem;--ap-weight-normal: 400;--ap-weight-medium: 500;--ap-weight-semibold: 600;--ap-weight-bold: 700;--ap-leading-tight: 1.2;--ap-leading-snug: 1.375;--ap-leading-normal: 1.5;--ap-leading-relaxed: 1.75;--ap-tracking-tight: -.02em;--ap-tracking-normal: 0em;--ap-tracking-wide: .05em;--ap-tracking-wider: .1em;--ap-space-1: .25rem;--ap-space-2: .5rem;--ap-space-3: .75rem;--ap-space-4: 1rem;--ap-space-5: 1.25rem;--ap-space-6: 1.5rem;--ap-space-8: 2rem;--ap-space-10: 2.5rem;--ap-space-12: 3rem;--ap-space-14: 3.5rem;--ap-space-16: 4rem;--ap-space-20: 5rem;--ap-max-width-game: 600px;--ap-max-width-content: 720px;--ap-max-width-wide: 1024px;--ap-radius-sm: 4px;--ap-radius-md: 8px;--ap-radius-lg: 12px;--ap-radius-xl: 16px;--ap-radius-full: 9999px;--ap-shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--ap-shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--ap-shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--ap-shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .05);--ap-shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--ap-ease-in: cubic-bezier(.4, 0, 1, 1);--ap-ease-out: cubic-bezier(0, 0, .2, 1);--ap-ease-inout: cubic-bezier(.4, 0, .2, 1);--ap-ease-bounce: cubic-bezier(.17, .84, .44, 1);--ap-duration-fast: .1s;--ap-duration-base: .15s;--ap-duration-slow: .25s;--ap-transition-fast: var(--ap-duration-fast) var(--ap-ease-out);--ap-transition-base: var(--ap-duration-base) var(--ap-ease-inout);--ap-transition-slow: var(--ap-duration-slow) var(--ap-ease-inout);--ap-focus-ring: 0 0 0 2px var(--ap-bg), 0 0 0 4px var(--ap-brand)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ap-neutral-0: #111111;--ap-neutral-50: #1c1c1c;--ap-neutral-100: #252525;--ap-neutral-200: #333333;--ap-neutral-300: #444444;--ap-neutral-400: #666666;--ap-neutral-500: #9e9e9e;--ap-neutral-600: #c2c2c2;--ap-neutral-900: #efefef;--ap-brand: #efefef;--ap-brand-text: #111111;--ap-brand-surface: #1e1e1e;--ap-brand-hover: #d0d0d0;--ap-state-error: #ff5555;--ap-shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--ap-shadow-sm: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .3);--ap-shadow-md: 0 4px 6px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .35);--ap-shadow-lg: 0 10px 15px rgba(0, 0, 0, .55), 0 4px 6px rgba(0, 0, 0, .4);--ap-shadow-xl: 0 20px 25px rgba(0, 0, 0, .6), 0 10px 10px rgba(0, 0, 0, .45)}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--ap-bg);color:var(--ap-text);font-family:var(--ap-font-ui);font-size:var(--ap-text-base);line-height:var(--ap-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--ap-font-display);font-weight:var(--ap-weight-bold);line-height:var(--ap-leading-tight);letter-spacing:var(--ap-tracking-tight);color:var(--ap-text);margin:0}h1{font-size:var(--ap-text-4xl)}h2{font-size:var(--ap-text-3xl)}h3{font-size:var(--ap-text-2xl)}h4{font-size:var(--ap-text-xl)}h5{font-size:var(--ap-text-lg)}h6{font-size:var(--ap-text-base);font-weight:var(--ap-weight-semibold)}p{margin:0;line-height:var(--ap-leading-relaxed)}strong,b{font-weight:var(--ap-weight-bold)}em,i{font-style:italic}a{color:var(--ap-text);text-decoration-color:var(--ap-border);text-underline-offset:3px;transition:color var(--ap-transition-fast)}a:hover{color:var(--ap-brand);text-decoration-color:currentColor}ul,ol{margin:0;padding:0}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer}:focus-visible{outline:none;box-shadow:var(--ap-focus-ring)}@keyframes ap-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ap-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ap-pop-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes ap-spin{to{transform:rotate(360deg)}}@keyframes ap-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.ap-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ap-space-2);padding:.4em 1.1em;font-family:var(--ap-font-ui);font-size:var(--ap-text-sm);font-weight:var(--ap-weight-semibold);line-height:1;white-space:nowrap;text-decoration:none;border-radius:var(--ap-radius-sm);border:1px solid transparent;min-height:36px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ap-transition-fast),border-color var(--ap-transition-fast),color var(--ap-transition-fast),box-shadow var(--ap-transition-fast),transform var(--ap-transition-fast)}.ap-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.ap-btn--primary{background-color:var(--ap-brand);color:var(--ap-brand-text);border-color:var(--ap-brand)}.ap-btn--primary:hover:not(:disabled){background-color:var(--ap-brand-hover);border-color:var(--ap-brand-hover);transform:translateY(-1px);box-shadow:var(--ap-shadow-sm)}.ap-btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.ap-btn--secondary{background-color:transparent;color:var(--ap-text);border-color:var(--ap-border-strong)}.ap-btn--secondary:hover:not(:disabled){background-color:var(--ap-bg-muted);border-color:var(--ap-text-faint);transform:translateY(-1px)}.ap-btn--secondary:active:not(:disabled){transform:translateY(0)}.ap-btn--ghost{background-color:transparent;color:var(--ap-text-muted);border-color:transparent}.ap-btn--ghost:hover:not(:disabled){background-color:var(--ap-bg-muted);color:var(--ap-text);border-color:var(--ap-border)}.ap-btn--sm{min-height:28px;padding:.3em .8em;font-size:var(--ap-text-xs)}.ap-btn--lg{min-height:44px;padding:.6em 1.5em;font-size:var(--ap-text-base)}.ap-btn--icon{padding:0;width:36px;height:36px;border-radius:var(--ap-radius-md)}.ap-btn--icon.ap-btn--sm{width:28px;height:28px}.ap-btn--icon.ap-btn--lg{width:44px;height:44px}.ap-input{display:block;width:100%;padding:.5em .75em;font-family:var(--ap-font-ui);font-size:var(--ap-text-base);color:var(--ap-text);background-color:var(--ap-bg);border:1px solid var(--ap-border-strong);border-radius:var(--ap-radius-sm);outline:none;appearance:none;transition:border-color var(--ap-transition-fast),box-shadow var(--ap-transition-fast)}.ap-input::placeholder{color:var(--ap-text-faint)}.ap-input:focus{border-color:var(--ap-brand);box-shadow:0 0 0 3px var(--ap-brand-surface)}.ap-input:disabled{background-color:var(--ap-bg-subtle);color:var(--ap-text-muted);cursor:not-allowed}.ap-input-group{display:flex;gap:var(--ap-space-2);align-items:stretch}.ap-input-group .ap-input{flex:1}.ap-card{background-color:var(--ap-bg);border-radius:var(--ap-radius-md);padding:var(--ap-space-6)}.ap-card--raised{box-shadow:var(--ap-shadow-sm);transition:box-shadow var(--ap-transition-base),transform var(--ap-transition-base)}.ap-card--raised:hover{box-shadow:var(--ap-shadow-md);transform:translateY(-2px)}.ap-card--bordered{border:1px solid var(--ap-border)}.ap-card--bordered:hover{border-color:var(--ap-border-strong)}.ap-badge{display:inline-flex;align-items:center;padding:.2em .65em;font-family:var(--ap-font-ui);font-size:var(--ap-text-xs);font-weight:var(--ap-weight-semibold);line-height:1;border-radius:var(--ap-radius-full);white-space:nowrap;background-color:var(--ap-bg-muted);color:var(--ap-text-muted)}.ap-badge--success{background-color:color-mix(in srgb,var(--ap-state-correct) 15%,transparent);color:var(--ap-state-correct)}.ap-badge--warning{background-color:color-mix(in srgb,var(--ap-state-present) 15%,transparent);color:color-mix(in srgb,var(--ap-state-present) 80%,var(--ap-neutral-600))}.ap-badge--error{background-color:color-mix(in srgb,var(--ap-state-error) 12%,transparent);color:var(--ap-state-error)}.ap-badge--muted{background-color:var(--ap-bg-subtle);color:var(--ap-text-faint);border:1px solid var(--ap-border)}.ap-page{min-height:100dvh;display:flex;flex-direction:column}.ap-container{width:100%;margin-inline:auto;padding-inline:var(--ap-space-4);max-width:var(--ap-max-width-wide)}.ap-container--game{max-width:var(--ap-max-width-game)}.ap-container--content{max-width:var(--ap-max-width-content)}.ap-container--wide{max-width:var(--ap-max-width-wide)}.ap-display{font-family:var(--ap-font-display);font-size:var(--ap-text-4xl);font-weight:var(--ap-weight-bold);line-height:var(--ap-leading-tight);letter-spacing:var(--ap-tracking-tight)}.ap-title{font-family:var(--ap-font-display);font-size:var(--ap-text-xl);font-weight:var(--ap-weight-bold);line-height:var(--ap-leading-snug)}.ap-label{font-family:var(--ap-font-ui);font-size:var(--ap-text-xs);font-weight:var(--ap-weight-bold);text-transform:uppercase;letter-spacing:var(--ap-tracking-wider);color:var(--ap-text-muted)}.ap-divider{border:none;border-top:1px solid var(--ap-border);margin:0}.ap-spinner{display:inline-block;width:1em;height:1em;border:2px solid var(--ap-border);border-top-color:var(--ap-brand);border-radius:var(--ap-radius-full);animation:ap-spin .7s linear infinite}.ap-header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ap-border);gap:var(--ap-space-3);padding-bottom:var(--ap-space-3)}.ap-header__title{font-family:var(--ap-font-display);font-weight:var(--ap-weight-bold);font-size:var(--ap-text-base);letter-spacing:var(--ap-tracking-tight);text-decoration:none;color:var(--ap-text);text-align:center;transition:color var(--ap-transition-slow),transform var(--ap-transition-base)}.ap-header__title h1{font-size:var(--ap-text-2xl);margin:0}.ap-header__title:hover{transform:scale(1.02);color:var(--ap-text-muted)}.ap-header__container{display:flex;justify-content:center;align-items:center;gap:var(--ap-space-5);flex-wrap:wrap;width:100%}.ap-header__menu,.ap-header__controls{display:flex;gap:var(--ap-space-3);flex-wrap:wrap;justify-content:center}.ap-header__btn{display:inline-flex;justify-content:center;align-items:center;padding:.4em 1em;font-family:var(--ap-font-ui);font-weight:var(--ap-weight-semibold);font-size:var(--ap-text-sm);white-space:nowrap;background:none;cursor:pointer;color:var(--ap-text);text-decoration:none;min-height:36px;border-radius:var(--ap-radius-sm);border:1px solid transparent;transition:background-color var(--ap-transition-base),border-color var(--ap-transition-base),transform var(--ap-transition-base)}.ap-header__btn:hover{background-color:var(--ap-bg-muted);border-color:var(--ap-border);transform:translateY(-1px)}.ap-header__btn--active{text-decoration:underline;text-underline-offset:4px}@media(max-width:600px){.ap-header{gap:var(--ap-space-2);padding-bottom:var(--ap-space-2)}.ap-header__container{flex-direction:column;gap:var(--ap-space-2)}.ap-header__title h1{font-size:var(--ap-text-xl)}.ap-header__menu,.ap-header__controls{flex-wrap:nowrap;overflow-x:auto;gap:var(--ap-space-2)}.ap-header__btn{font-size:var(--ap-text-xs);padding:.25em .75em;min-height:30px}}.ap-footer{margin-top:var(--ap-space-14);border-top:1px solid var(--ap-border);background:var(--ap-bg-subtle);font-family:var(--ap-font-ui);color:var(--ap-text)}.ap-footer__inner{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--ap-space-8);max-width:var(--ap-max-width-game);margin:0 auto;padding:var(--ap-space-8) var(--ap-space-4)}.ap-footer__discover{flex:1;min-width:0}.ap-footer__section-label{font-size:var(--ap-text-xs);font-weight:var(--ap-weight-bold);text-transform:uppercase;letter-spacing:var(--ap-tracking-wider);color:var(--ap-text-muted);margin:0 0 var(--ap-space-2) 0;font-family:var(--ap-font-ui)}.ap-footer__game-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.ap-footer__game-entry{display:flex;align-items:center;gap:var(--ap-space-2);padding:var(--ap-space-1) 0;text-decoration:none;color:inherit;border-radius:var(--ap-radius-sm);transition:opacity var(--ap-transition-fast)}.ap-footer__game-entry:hover{opacity:.7}.ap-footer__favicon{width:16px;height:16px;border-radius:var(--ap-radius-sm);flex-shrink:0}.ap-footer__game-name{font-size:var(--ap-text-sm);font-weight:var(--ap-weight-bold);color:var(--ap-text)}.ap-footer__nav{display:flex;gap:var(--ap-space-8);flex-shrink:0}.ap-footer__nav-group{display:flex;flex-direction:column;gap:var(--ap-space-1)}.ap-footer__nav-group-label{font-size:var(--ap-text-xs);font-weight:var(--ap-weight-bold);text-transform:uppercase;letter-spacing:var(--ap-tracking-wider);color:var(--ap-text-muted);margin-bottom:var(--ap-space-1)}.ap-footer__nav-link{font-size:var(--ap-text-sm);color:var(--ap-text-muted);text-decoration:none;transition:color var(--ap-transition-fast)}.ap-footer__nav-link:hover{color:var(--ap-text)}.ap-footer__bottom-bar{display:flex;align-items:center;justify-content:center;gap:var(--ap-space-2);padding:var(--ap-space-4);border-top:1px solid var(--ap-border);font-size:var(--ap-text-xs);color:var(--ap-text-muted)}.ap-footer__bottom-bar a{color:inherit;text-decoration:none;transition:color var(--ap-transition-fast)}.ap-footer__bottom-bar a:hover{color:var(--ap-text)}.ap-footer__dot{color:var(--ap-border-strong)}@media(max-width:600px){.ap-footer__inner{flex-direction:column;gap:var(--ap-space-6)}.ap-footer__nav{gap:var(--ap-space-6)}}.ap-game-layout{flex:1;display:flex;flex-direction:column;max-width:var(--ap-max-width-game);width:100%;margin:0 auto;padding:var(--ap-space-6) var(--ap-space-8)}@media(max-width:480px){.ap-game-layout{padding:var(--ap-space-6) var(--ap-space-4)}}.ap-breadcrumb{padding:var(--ap-space-2) 0 0}.ap-breadcrumb__list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ap-space-1);list-style:none;margin:0;padding:0;font-size:var(--ap-text-sm);font-family:var(--ap-font-ui);color:var(--ap-text-muted)}.ap-breadcrumb__item{display:flex;align-items:center;gap:var(--ap-space-1)}.ap-breadcrumb__separator{color:var(--ap-text-faint)}.ap-breadcrumb__link{color:var(--ap-text-muted);text-decoration:none;transition:color var(--ap-transition-fast)}.ap-breadcrumb__link:hover{color:var(--ap-text);text-decoration:underline;text-underline-offset:3px}.ap-breadcrumb__current{color:var(--ap-text);font-weight:var(--ap-weight-medium)}:root{--bg: var(--ap-bg, #ffffff);--bg-subtle: var(--ap-bg-subtle, #f9f9f9);--bg-muted: var(--ap-bg-muted, #f0f0f0);--text: var(--ap-text, #121212);--text-muted: var(--ap-text-muted, #6b6b6b);--text-faint: var(--ap-text-faint, #9b9b9b);--text-inverse: var(--ap-text-inverse, #ffffff);--border: var(--ap-border, #e0e0e0);--border-strong: var(--ap-border-strong, #c7c7c7);--font-display: var(--ap-font-display, "Libre Baskerville", Georgia, serif);--font-ui: var(--ap-font-ui, "Inter", -apple-system, sans-serif);--font-mono: var(--ap-font-mono, "SF Mono", "Fira Code", monospace);--text-xs: var(--ap-text-xs, .6875rem);--text-sm: var(--ap-text-sm, .8125rem);--text-base: var(--ap-text-base, 1rem);--text-lg: var(--ap-text-lg, 1.125rem);--text-xl: var(--ap-text-xl, 1.375rem);--text-2xl: var(--ap-text-2xl, 1.75rem);--text-3xl: var(--ap-text-3xl, 2.25rem);--weight-normal: var(--ap-weight-normal, 400);--weight-bold: var(--ap-weight-bold, 700);--leading-tight: var(--ap-leading-tight, 1.25);--leading-normal: var(--ap-leading-normal, 1.5);--leading-relaxed: var(--ap-leading-relaxed, 1.75);--space-1: var(--ap-space-1, .25rem);--space-2: var(--ap-space-2, .5rem);--space-3: var(--ap-space-3, .75rem);--space-4: var(--ap-space-4, 1rem);--space-5: var(--ap-space-5, 1.25rem);--space-6: var(--ap-space-6, 1.5rem);--space-8: var(--ap-space-8, 2rem);--space-10: var(--ap-space-10, 2.5rem);--space-12: var(--ap-space-12, 3rem);--space-16: var(--ap-space-16, 4rem);--radius-sm: var(--ap-radius-sm, 4px);--radius-md: var(--ap-radius-md, 8px);--radius-lg: var(--ap-radius-lg, 12px);--radius-full: var(--ap-radius-full, 9999px);--shadow-sm: var(--ap-shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));--shadow-md: var(--ap-shadow-md, 0 2px 8px rgba(0, 0, 0, .1));--shadow-lg: var(--ap-shadow-lg, 0 4px 24px rgba(0, 0, 0, .14));--duration-fast: var(--ap-duration-fast, .1s);--duration-base: var(--ap-duration-base, .15s);--duration-slow: var(--ap-duration-slow, .25s);--max-width-game: var(--ap-max-width-game, 600px);--color-correct: var(--ap-state-correct, #6aaa64);--color-present: var(--ap-state-present, #c9b458);--color-absent: var(--ap-state-absent, #787c7e);--color-error: var(--ap-state-error, #cc0000);--clueby-accent: var(--ap-brand, #C2410C);--clueby-accent-hover: var(--ap-brand-hover, #9A3412);--clueby-accent-subtle: var(--ap-brand-surface, #FFF7ED);--clueby-accent-muted: rgba(194, 65, 12, .25)}@media(prefers-color-scheme:dark){:root{--clueby-accent: var(--ap-brand, #FB923C);--clueby-accent-hover: var(--ap-brand-hover, #EA580C);--clueby-accent-subtle: rgba(251, 146, 60, .12);--clueby-accent-muted: rgba(251, 146, 60, .3);--color-error: var(--ap-state-error, #ff5555)}}:root{--ap-brand: #C2410C !important;--ap-brand-text: #ffffff !important;--ap-brand-surface: #FFF7ED !important;--ap-brand-hover: #9A3412 !important}@media(prefers-color-scheme:dark){:root{--ap-brand: #FB923C !important;--ap-brand-text: #1a1a1a !important;--ap-brand-surface: #1C1917 !important;--ap-brand-hover: #EA580C !important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:var(--leading-normal);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--weight-bold)}a{color:inherit;text-decoration:none}button{font-family:var(--font-ui);cursor:pointer;border:none;background:none}:focus-visible{outline:2px solid var(--clueby-accent);outline-offset:2px}::selection{background:var(--bg-muted);color:var(--text)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes revealWord{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}