*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans,"DM Sans",sans-serif);margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font-family:inherit}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display,"Fraunces",serif);letter-spacing:-.035em}h1{font-size:clamp(36px,5vw,60px);line-height:1.05}h2{font-size:32px;line-height:1.12}h3{font-size:23px}p{line-height:1.6}a{color:inherit}:is(button:focus-visible,a:focus-visible){outline:3px solid var(--focus);outline-offset:5px}.site-header{align-items:center;gap:42px;max-width:1344px;min-height:88px;margin:auto;padding:16px 32px;display:flex}.site-header nav{gap:10px;display:flex}.kb-nav-link{background:0 0;border:0;font-size:15px}.guest{color:var(--ink-3);margin-left:auto;font-size:13px}.homepage{flex-direction:column;gap:48px;max-width:1280px;margin:auto;padding:24px 32px 0;display:flex}.hero-grid{grid-template-columns:1.75fr 1fr;gap:24px;display:grid}.hero{background:var(--primary);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;min-height:450px;padding:38px;display:flex;position:relative;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:700;position:relative}.hero-copy{z-index:1;max-width:410px;margin-top:82px;position:relative}.hero h1{font-size:58px}.hero p{max-width:340px;margin:16px 0 24px}.hero-mascot{position:absolute;top:34px;right:-10px;transform:rotate(8deg)}.hero-foot{margin-top:22px;font-size:12px}.hero-score{margin-bottom:16px;font-size:48px;display:block}.side-feature{background:var(--cat-reaction);border-radius:var(--radius-lg);color:var(--on-tile);flex-direction:column;align-items:flex-start;gap:16px;padding:30px;display:flex}.side-feature h2{font-size:38px}.tags{flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.side-feature .kb-btn{margin-top:auto}.target-art{place-items:center;width:85px;height:85px;display:grid}.target-art i{background:#fff9;border-radius:50%;place-items:center;width:100%;height:100%;padding:15px;display:grid}.target-art i i{background:0 0;border:3px solid #24221f;padding:10px}.target-art i i i{background:#24221f;border:0;padding:0}.section-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.section-title h2{margin-top:8px}.filters{gap:8px;margin-bottom:20px;display:flex}.game-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.game-tile{text-align:left;border-radius:var(--radius-md);min-height:230px;color:var(--on-tile);border:0;flex-direction:column;align-items:flex-start;padding:24px;transition:transform .18s,box-shadow .18s;display:flex;position:relative}.game-tile:hover{box-shadow:var(--depth-hover);transform:translateY(-3px)}.game-tile.odd-one-out{background:var(--cat-visual)}.game-tile.quick-tap{background:var(--cat-reaction)}.game-tile h3{margin-top:auto;margin-bottom:8px}.game-tile>span:last-child{font-size:13px}.tile-art{position:absolute;top:28px;right:28px}.mini-grid{grid-template-columns:repeat(3,18px);gap:7px;display:grid}.mini-grid i{background:var(--soft-black);border-radius:50%;width:18px;height:18px}.mini-grid .odd{background:var(--surface);border-radius:4px;transform:rotate(12deg)}.bottom-grid{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.progress-card{align-items:center;gap:24px;padding:28px;display:flex}.progress-card h2{font-size:28px}.progress-card p{margin:12px 0 20px;font-size:14px}.note{padding:28px}.note h2{margin:16px 0;font-size:30px}.note p{color:var(--ink-2);font-size:14px}footer{border-top:1px solid var(--border);color:var(--ink-2);align-items:center;gap:24px;padding:28px 0;font-size:12px;display:flex}footer span{margin-left:auto}footer button{color:inherit;background:0 0;border:0}.experience{border:1px solid var(--border);background:var(--surface);border-radius:28px;max-width:680px;min-height:640px;margin:26px auto 70px;overflow:hidden}.kb-shell-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.small-note{color:var(--ink-3);font-size:12px}.intro,.prepare,.result-page{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:36px;display:flex}.intro h1,.prepare h1,.result-page h1{font-size:40px}.intro p{max-width:430px}.intro small{color:var(--ink-3);font-size:12px}.kb-policy{color:var(--ink-2);font-size:13px}.game-body{text-align:center;padding:28px}.game-body>p{color:var(--ink-2);margin:12px 0 24px}.odd-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.odd-grid .kb-option{background:var(--surface-raised);border:2px solid var(--border);border-radius:18px;min-height:110px;padding:12px;position:relative}.odd-grid svg{width:75px;height:75px;fill:var(--soft-black)}.odd-grid small{color:var(--ink-3);position:absolute;bottom:5px;right:9px}.odd-grid .is-correct{background:var(--success-tint);border-color:var(--success)}.odd-grid .is-wrong{background:var(--failure-tint);border-color:var(--failure)}.kb-feedback{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:18px;display:flex}.reaction-stage{background:var(--stage-quiet);touch-action:manipulation;width:100%;min-height:425px;color:var(--ink);-webkit-user-select:none;user-select:none;border:0;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.reaction-stage h1{font-size:40px}.reaction-stage.trigger{background:var(--stage-trigger);color:var(--on-primary)}.reaction-dot{border:5px solid;border-radius:50%;width:60px;height:60px}.reaction-stage.trigger .reaction-dot{background:currentColor}.outcome{border-radius:24px;flex-direction:column;justify-content:center;min-height:425px;margin:0;display:flex}.outcome h1{font-size:38px}.result-head{flex-direction:column;align-items:center;gap:16px;display:flex}.score{font-family:var(--font-display);font-size:100px;font-weight:700;line-height:1.1}.score span{font-size:42px}.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.detail{flex-wrap:wrap;justify-content:space-between;gap:18px;width:100%;padding:20px;display:flex}.attempts{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.attempts span{background:var(--surface-sunken);border-radius:10px;padding:8px 12px;font-size:13px}.cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.result-link{text-align:left;color:var(--ink);flex-direction:column;gap:12px;padding:24px;display:flex}.result-link strong{font-size:36px}.empty{text-align:center;padding:35px}.empty h2,.empty p{margin:15px 0}.info-page{flex-direction:column;gap:24px;max-width:700px;margin:40px auto;padding:32px;display:flex}.skip{z-index:20;background:var(--surface);padding:14px;position:absolute;top:-80px;left:20px}.skip:focus{top:10px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:760px){.site-header{flex-wrap:wrap;gap:15px;padding:14px 20px}.site-header img{width:105px}.site-header nav{order:3;justify-content:space-between;width:100%}.guest{font-size:11px}.homepage{gap:34px;padding:12px 20px 0}.hero-grid,.bottom-grid{grid-template-columns:1fr}.hero{min-height:420px;padding:26px}.hero h1{font-size:44px}.hero-mascot{opacity:.98;top:30px;right:-24px}.hero-mascot img{width:175px;height:175px}.hero-copy{max-width:290px;margin-top:104px}.hero p{max-width:260px;font-size:15px}.side-feature{padding:25px;position:relative}.side-feature>.target-art{position:absolute;top:60px;right:25px}.side-feature h2{font-size:34px}.section-title{flex-direction:column;align-items:flex-start}.section-title h2{font-size:30px}.search,.search input{width:100%}.game-tile{min-height:240px;padding:17px}.tile-art{transform-origin:100% 0;top:54px;right:20px;transform:scale(.75)}.game-tile h3{font-size:20px}.game-tile>span:last-child{font-size:11px}.progress-card{flex-direction:column;align-items:flex-start}.experience{min-height:620px;margin:12px 12px 35px}.intro,.prepare,.result-page{padding:28px 20px}.intro h1,.result-page h1{font-size:35px}.game-body{padding:18px}.odd-grid{gap:8px}.odd-grid .kb-option{min-height:90px;padding:4px}.odd-grid svg{width:65px;height:65px}.kb-feedback{flex-direction:column}.reaction-stage{min-height:400px}.reaction-stage h1{font-size:32px}.score{font-size:86px}.cards{grid-template-columns:1fr}footer{flex-wrap:wrap;gap:12px}footer span{margin-left:0}.info-page{margin:20px}h2{font-size:28px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.side-feature{--tile-bg:var(--cat-reaction)}.kb-shell.experience{min-height:640px}.kb-shell-head>span:nth-child(2){text-align:center}.kb-btn{min-height:44px}.kb-tile.game-tile{border-radius:var(--radius-lg)}.odd-grid .kb-option{justify-content:center;align-items:center;display:flex}@keyframes kibbo-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes kibbo-peek{0%{opacity:0;transform:translateY(35px)rotate(-9deg)}65%{opacity:1;transform:translateY(-5px)rotate(3deg)}to{opacity:1;transform:none}}@keyframes kibbo-bounce{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(3px)scale(1.06,.94)}55%{transform:translateY(-12px)scale(.97,1.03)}78%{transform:translateY(2px)scale(1.03,.97)}}@keyframes kibbo-failed{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)rotate(-3deg)}40%,80%{transform:translate(5px)rotate(3deg)}}@keyframes kibbo-thinking{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes kibbo-score{0%{opacity:0;transform:translateY(14px)scale(.8)}70%{opacity:1;transform:translateY(-3px)scale(1.04)}to{opacity:1;transform:none}}@keyframes kibbo-shocked{0%,38%{opacity:1;transform:scale(1)}50%,to{opacity:0;transform:scale(.85)}}@keyframes kibbo-celebrate{0%,42%{opacity:0;transform:translateY(8px)scale(.85)}65%{opacity:1;transform:translateY(-10px)scale(1.05)}to{opacity:1;transform:none}}@keyframes kibbo-confetti{0%,35%{opacity:0;transform:rotate(calc(var(--piece)*30deg)) translateY(-35px) scale(.4)}48%{opacity:1}to{opacity:0;transform:rotate(calc(var(--piece)*30deg + 20deg)) translateY(-125px) rotate(100deg) scale(.8)}}@media (prefers-reduced-motion:no-preference){.homepage>.hero-grid,.homepage>#discover,.homepage>.bottom-grid,.intro,.prepare,.result-page,.info-page{animation:kibbo-enter var(--dur-slow) var(--ease-enter) both}.homepage>#discover{animation-delay:80ms}.homepage>.bottom-grid{animation-delay:.14s}.hero-mascot .mascot-motion{animation:kibbo-peek .6s var(--ease-enter) both;animation-delay:.1s}.intro>.mascot-motion{animation:kibbo-peek .6s var(--ease-enter) both}.mascot-motion{transform-origin:50% 80%}.mascot-motion--thinking{animation:kibbo-thinking 1.8s var(--ease-settle) infinite}.outcome .mascot-motion--competitive,.answer-feedback .mascot-motion--happy{animation:kibbo-bounce var(--dur-slow) var(--ease-settle) both}.outcome .mascot-motion--suspicious,.answer-feedback .mascot-motion--failed{animation:kibbo-failed .5s var(--ease-settle) both}.game-body>.kb-feedback,.outcome{animation:kibbo-enter var(--dur-slow) var(--ease-enter) both}.odd-grid .kb-option{animation:kibbo-enter var(--dur-base) var(--ease-enter) backwards;animation-delay:calc(var(--tile-index,0)*18ms)}.odd-grid .kb-option:nth-child(2){--tile-index:1}.odd-grid .kb-option:nth-child(3){--tile-index:2}.odd-grid .kb-option:nth-child(4){--tile-index:3}.odd-grid .kb-option:nth-child(5){--tile-index:4}.odd-grid .kb-option:nth-child(6){--tile-index:5}.odd-grid .kb-option:nth-child(7){--tile-index:6}.odd-grid .kb-option:nth-child(8){--tile-index:7}.odd-grid .kb-option:nth-child(9){--tile-index:8}.kb .kb-btn,.kb .kb-chip,.kb .kb-option{transition:transform var(--dur-base) var(--ease-enter),box-shadow var(--dur-fast) var(--ease-enter)}.kb .kb-btn:active:not(:disabled),.kb .kb-chip:active,.kb .kb-option:active:not(:disabled){transition-duration:var(--dur-instant);transform:translateY(2px)scale(.97)}.kb .game-tile{transition:transform var(--dur-fast) var(--ease-enter),box-shadow var(--dur-fast) var(--ease-enter)}.kb .game-tile:active{transform:translateY(2px)scale(.985)}.result-head>.score{animation:kibbo-score var(--dur-slow) var(--ease-enter) .36s both}.result-page>.actions{animation:kibbo-enter var(--dur-slow) var(--ease-enter) .52s backwards}.result-mascot-shock{animation:kibbo-shocked var(--dur-reveal) var(--ease-enter) both}.result-mascot-celebrate{animation:kibbo-celebrate var(--dur-reveal) var(--ease-enter) both}.celebration-bits i{animation:kibbo-confetti var(--dur-reveal) var(--ease-exit) both}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.kb .game-tile:hover,.kb .kb-btn:hover:not(:disabled),.kb .kb-option:hover:not(:disabled){transform:translateY(-2px)}}.result-celebration{isolation:isolate;width:155px;height:155px;position:relative}.result-mascot-shock,.result-mascot-celebrate{position:absolute;inset:0}.result-mascot-shock{opacity:0}.celebration-bits{pointer-events:none;z-index:-1;position:absolute;inset:0}.celebration-bits i{background:var(--primary);opacity:0;transform-origin:4px 0;border-radius:3px;width:8px;height:13px;position:absolute;top:50%;left:calc(50% - 4px)}.celebration-bits i:nth-child(3n){background:var(--kibbo-yellow)}.celebration-bits i:nth-child(3n+1){background:var(--cat-memory)}.answer-feedback .mascot-motion{flex-shrink:0}.answer-feedback strong{flex:1}.answer-feedback .kb-btn{flex-shrink:0}@media (max-width:760px){.answer-feedback{text-align:left;flex-flow:wrap}.answer-feedback .kb-btn{margin-left:auto}}@media (prefers-reduced-motion:reduce){.result-mascot-shock{display:none}.result-mascot-celebrate{opacity:1}.celebration-bits{display:none}}.account-control{align-items:center;gap:12px;margin-left:auto;display:flex}.account-control .guest{margin-left:0}.account-control a{white-space:nowrap;text-decoration:none}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.account-panel{justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.account-panel h2{margin:10px 0}.account-panel p{max-width:610px;color:var(--ink-2);font-size:14px}.account-panel>a,.save-progress>a{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.account-panel>.kb-btn{flex-shrink:0}.save-progress{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:4px;padding:22px;display:flex}.save-progress p{color:var(--ink-2);max-width:430px;font-size:13px}.sync-notice{border-radius:var(--radius-sm);background:var(--success-tint);max-width:1216px;color:var(--success-ink);justify-content:space-between;align-items:center;gap:12px;margin:12px auto;padding:10px 18px;font-size:14px;display:flex}@media (max-width:760px){.account-control{gap:6px}.account-control .guest{max-width:110px}.account-control .kb-btn{padding:0 12px}.account-panel{flex-direction:column;align-items:flex-start;padding:22px}.account-panel h2{font-size:28px}.sync-notice{margin:12px 20px}.site-header{gap:10px}}.auth-page{flex-direction:column;align-items:center;gap:28px;max-width:560px;margin:0 auto;padding:36px 20px 70px;display:flex}.auth-logo{display:block}.auth-card{text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;padding:30px;display:flex}.auth-card h1{max-width:390px;font-size:38px}.auth-card>p{color:var(--ink-2);max-width:400px;font-size:14px}.auth-card>.kb-btn,.auth-card form,.auth-card form .kb-btn,.auth-card form input{width:100%}.auth-card a.kb-btn{justify-content:center;align-items:center;text-decoration:none;display:flex}.auth-card form{text-align:left;flex-direction:column;gap:12px;display:flex}.auth-card label{font-size:13px;font-weight:700}.auth-card .kb-input{min-height:50px}.auth-card .kb-btn:disabled{opacity:.55;cursor:not-allowed}.google-signin{justify-content:center;align-items:center;gap:14px;display:flex;position:relative}.google-letter{font-size:22px;font-weight:700;line-height:1}.auth-divider{width:100%;color:var(--ink-3);align-items:center;gap:14px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-error,.auth-unavailable{border-radius:var(--radius-sm);width:100%;padding:14px;font-size:13px;line-height:1.5}.auth-error{background:var(--failure-tint);color:var(--failure-ink)}.auth-unavailable{background:var(--reward-tint);color:var(--ink)}.auth-guest-link{text-underline-offset:4px;font-size:14px;font-weight:600}.auth-card p.auth-privacy{border-top:1px solid var(--border);padding-top:16px;font-size:11px;line-height:1.5}.account-control button{white-space:nowrap}@media (prefers-reduced-motion:no-preference){.auth-card{animation:kibbo-enter var(--dur-slow) var(--ease-enter) both}}@media (max-width:760px){.auth-page{padding-top:24px}.auth-card{padding:24px 20px}.auth-card h1{font-size:34px}}.profile-panel{text-align:left;margin-bottom:28px;padding:clamp(20px,4vw,36px)}.profile-heading{align-items:center;gap:20px;margin-bottom:24px;display:flex}.profile-heading h2{overflow-wrap:anywhere}.profile-heading img{flex-shrink:0}.profile-fields{grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;display:grid}.profile-fields label{flex-direction:column;gap:8px;min-width:0;font-weight:600;display:flex}.profile-fields input,.profile-fields select{width:100%;min-width:0;font:inherit;color:#24221f;background:#fff;border:1px solid #c9c3b9;border-radius:14px;padding:13px 14px}.profile-panel small{color:#656057;font-size:12px;font-weight:400}.profile-panel fieldset{border:0;min-width:0;padding:0}.profile-panel legend{margin-bottom:12px;font-weight:600}.avatar-grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px;display:grid}.avatar-choice{cursor:pointer;font:inherit;background:#fff8ed;border:2px solid #0000;border-radius:18px;flex-direction:column;align-items:center;padding:10px 4px;display:flex}.avatar-choice.selected{background:#ffe1d5;border-color:#24221f}.avatar-choice span{text-transform:capitalize;font-size:11px}.animation-toggle{align-items:center;gap:10px;margin:18px 0 6px;display:flex}.animation-toggle input{accent-color:#ff7a59;width:20px;height:20px}.profile-stats{border-top:1px solid #eee5d8;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;padding-top:24px;display:grid}.profile-stats div{flex-direction:column;gap:4px;display:flex}.profile-stats strong{font-size:24px}.profile-stats span{color:#656057;font-size:12px}@media (max-width:600px){.profile-fields{grid-template-columns:1fr}.profile-stats{grid-template-columns:1fr 1fr}.profile-heading{gap:12px}.profile-heading img{width:72px;height:72px}.profile-heading h2{font-size:26px}.avatar-grid{grid-template-columns:repeat(3,1fr)}}.profile-heading>div{flex:1;min-width:0}.profile-heading h2{margin-bottom:4px;font-size:clamp(24px,3vw,34px)}.profile-handle{overflow-wrap:anywhere;color:#656057;font-size:13px;display:block}.profile-edit{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.profile-welcome{margin-top:0}.history-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-heading h2{font-size:28px}.profile-panel form{border-top:1px solid #eee5d8;padding-top:12px}@media (max-width:600px){.profile-heading{flex-wrap:wrap}.profile-edit{margin-left:84px}.profile-heading h2{font-size:27px}.history-heading h2{font-size:24px}}.username-input{position:relative}.username-input input{padding-right:44px}.username-check{color:#227047;pointer-events:none;width:22px;height:22px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.profile-panel small.username-available{color:#227047;font-weight:600}.profile-panel small.username-unavailable{color:#a12f21}.result-insights{grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:680px;margin:24px auto;display:grid}.result-insights>div{text-align:left;flex-direction:column;gap:10px;padding:24px;display:flex}.result-insights strong{font-size:30px}.result-insights span,.result-insights small{color:#656057;font-size:13px}.next-game{background:#fff0d0;width:100%;max-width:680px;margin:24px auto;padding:28px}.next-game h2{font-size:30px}@media (max-width:540px){.result-insights{grid-template-columns:1fr}.result-insights>div{padding:20px}.next-game{padding:22px}}