.design-lab{--font-display:var(--title-font);--font-sans:var(--body-font);--study-ink:var(--foreground);--study-red:var(--primary);color:var(--study-ink)}.design-lab button{-webkit-tap-highlight-color:transparent}.design-lab button:focus-visible,.design-lab a:focus-visible{outline:3px solid var(--ring);outline-offset:5px}.design-lab .concept-mode:focus-visible{outline-offset:-5px}.design-lab ::selection{background:var(--selection);color:var(--foreground)}.concept-switcher{background:var(--card);min-height:54px;color:var(--foreground);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:6px 28px;font-size:12px;font-weight:750;display:flex}.concept-back,.concept-switcher>div{align-items:center;gap:8px;display:flex}.concept-back{min-height:44px}.concept-switcher>div>a{border-radius:6px;align-items:center;min-height:44px;padding:9px 17px;display:inline-flex}.concept-switcher a[aria-current=page]{color:var(--primary-foreground);background:var(--primary)}.concept-switcher>span{color:var(--muted-foreground)}.concept-game-facts,.concept-game-facts>span{align-items:center;display:flex}.concept-feature{--mode-stage:var(--cover-silhouette);border-radius:var(--panel-radius);background:var(--card);grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.feature-charades{--mode-stage:var(--cover-charades)}.feature-hints{--mode-stage:var(--cover-hints)}.feature-jeopardy{--mode-stage:var(--cover-jeopardy)}.feature-wordle{--mode-stage:var(--cover-wordle)}.concept-stage{isolation:isolate;background:var(--mode-stage);order:2;place-items:center;display:grid;position:relative;overflow:hidden}.concept-stage img{object-fit:contain;z-index:1;width:285px;height:285px;animation:concept-reveal .18s var(--ease-out);position:relative}.design-lab .mystery-art{filter:brightness(0)}.stage-mark{border:2px solid color-mix(in srgb, var(--foreground) 15%, transparent);border-radius:50%;width:285px;height:285px;position:absolute}.stage-mark:before{content:"";background:color-mix(in srgb, var(--foreground) 15%, transparent);height:2px;position:absolute;inset:calc(50% - 1px) 0 auto}.stage-mark:after{content:"";border:2px solid color-mix(in srgb, var(--foreground) 15%, transparent);background:var(--mode-stage);border-radius:50%;width:48px;height:48px;position:absolute;top:calc(50% - 24px);left:calc(50% - 24px)}.stage-question{z-index:2;color:var(--foreground);font-size:62px;font-weight:900;line-height:1;position:absolute;bottom:20px;right:24px}.concept-feature-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:30px 40px;display:flex}.concept-feature-copy h2{font-family:var(--title-font);font-size:clamp(30px,3.4vw,48px);font-weight:var(--title-weight);letter-spacing:-.035em;text-wrap:balance;max-width:460px;line-height:1.08}.concept-feature-copy>p{max-width:340px;margin-top:15px;font-size:16px;line-height:1.5}.concept-game-facts{color:var(--muted-foreground);flex-wrap:wrap;gap:20px;margin:18px 0 24px;font-size:12px;font-weight:750}.concept-game-facts>span{gap:6px}.concept-start{border-radius:var(--control-radius);background:var(--study-red);min-height:50px;color:var(--primary-foreground);transition:transform .14s var(--ease-out), background-color .14s ease;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-size:15px;font-weight:850;display:flex}.concept-start>svg:last-child{margin-left:18px}.concept-start:active{transform:scale(.98)}.concept-options{scrollbar-width:thin;scrollbar-color:var(--muted-foreground) transparent;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.concept-mode{text-align:left;background:var(--card);border-radius:var(--panel-radius);min-width:0;transition:transform .14s var(--ease-out), border-color .14s ease;border:2px solid #0000;flex-direction:column;display:flex;position:relative;overflow:hidden}.option-art{background:var(--muted);place-items:center;width:100%;height:92px;display:grid}.option-charades .option-art{background:var(--cover-charades)}.option-hints .option-art{background:var(--cover-hints)}.option-silhouette .option-art{background:var(--cover-silhouette)}.option-jeopardy .option-art{background:var(--cover-jeopardy)}.option-wordle .option-art{background:var(--cover-wordle)}.option-art img{object-fit:contain;width:96px;height:96px}.option-copy{gap:3px;min-width:0;padding:12px;display:grid}.option-copy strong{overflow-wrap:anywhere;font-size:14px;font-weight:850;line-height:1.25}.option-copy>span{color:var(--muted-foreground);font-size:11px;font-weight:700}.option-selection{background:var(--study-red);width:24px;height:24px;color:var(--primary-foreground);border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;top:8px;right:8px}.concept-mode.is-selected{border-color:var(--study-red)}.concept-mode.is-selected .option-selection{display:flex}[data-layout=pokedex] .game-hub .concept-game-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}[data-layout=pokedex] .game-hub .concept-feature{border:2px solid var(--border);background:var(--card);border-radius:5px;flex-direction:column;display:flex}[data-layout=pokedex] .game-hub .concept-stage{background:var(--muted);order:0;min-height:220px}[data-layout=pokedex] .game-hub .concept-stage img{width:215px;height:215px}[data-layout=pokedex] .game-hub .stage-mark{border-color:color-mix(in srgb, var(--foreground) 25%, transparent);width:190px;height:190px}[data-layout=pokedex] .game-hub .stage-question{color:var(--muted-foreground);font:var(--title-weight) 56px var(--title-font)}[data-layout=pokedex] .game-hub .concept-feature-copy{padding:22px 24px}[data-layout=pokedex] .game-hub .concept-feature-copy h2{font:var(--title-weight) 34px/1.15 var(--title-font);letter-spacing:0}[data-layout=pokedex] .game-hub .concept-feature-copy>p{margin-top:10px;font-size:14px}[data-layout=pokedex] .game-hub .concept-game-facts{margin:16px 0}[data-layout=pokedex] .game-hub .concept-start{background:var(--primary);border-radius:4px;width:100%;min-height:46px}[data-layout=pokedex] .game-hub .concept-options{flex-direction:column;gap:10px;margin:0;display:flex}[data-layout=pokedex] .game-hub .concept-mode{border:1px solid var(--border);background:var(--card);border-radius:4px;flex-direction:row;flex:1;align-items:center;gap:12px;min-height:78px;padding:6px 16px}[data-layout=pokedex] .game-hub .option-art{background:0 0;flex-shrink:0;width:70px;height:70px}[data-layout=pokedex] .game-hub .option-art img{width:62px;height:62px}[data-layout=pokedex] .game-hub .option-copy{flex:1;padding:0 30px 0 0}[data-layout=pokedex] .game-hub .option-copy strong{font:var(--title-weight) 24px/1.2 var(--title-font)}[data-layout=pokedex] .game-hub .option-copy>span{color:var(--muted-foreground);margin-top:4px;font-size:12px}[data-layout=pokedex] .game-hub .concept-mode.is-selected{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}[data-layout=pokedex] .game-hub .concept-mode.is-selected .option-copy>span{color:var(--primary-foreground)}[data-layout=pokedex] .game-hub .option-selection{background:0 0;border-radius:0;top:calc(50% - 12px);right:12px}.design-lab [data-layout=anime] .game-hub :focus-visible{outline-color:var(--focus-selection)}[data-layout=anime] .game-hub .concept-options{scrollbar-color:var(--focus-selection) transparent}[data-layout=anime] .game-hub .concept-feature{background:var(--focus-selection);color:var(--foreground);border-radius:0;overflow:visible}[data-layout=anime] .game-hub .concept-stage{background:var(--hero-stage);border:4px solid var(--chrome-foreground);margin:-8px 16px -8px 0;transform:skew(-5deg)}[data-layout=anime] .game-hub .concept-stage img{width:285px;height:285px;transform:skew(5deg)}[data-layout=anime] .game-hub .stage-mark{display:none}[data-layout=anime] .game-hub .stage-question{font:var(--title-weight) 76px var(--font-display);color:var(--primary);bottom:0;right:16px;transform:skew(5deg)}[data-layout=anime] .game-hub .concept-feature-copy{padding:30px 38px}[data-layout=anime] .game-hub .concept-feature-copy h2{font:var(--title-weight) clamp(31px, 3.5vw, 50px)/1.16 var(--font-display);letter-spacing:-.035em}[data-layout=anime] .game-hub .concept-feature-copy>p{font-size:15px;font-weight:750}[data-layout=anime] .game-hub .concept-game-facts{color:var(--muted-foreground)}[data-layout=anime] .game-hub .concept-start{background:var(--primary);border-radius:3px}[data-layout=anime] .game-hub .concept-options{gap:16px;margin-top:30px}[data-layout=anime] .game-hub .concept-mode{border:2px solid var(--option-border);background:var(--option-background);color:var(--primary-foreground);border-radius:3px}[data-layout=anime] .game-hub .option-copy strong{font:var(--title-weight) 14px/1.4 var(--font-display)}[data-layout=anime] .game-hub .option-copy>span{color:var(--option-muted)}[data-layout=anime] .game-hub .concept-mode.is-selected{border-color:var(--focus-selection)}[data-layout=anime] .game-hub .option-selection{background:var(--focus-selection);color:var(--foreground);border-radius:0}@keyframes concept-reveal{0%{opacity:.5}to{opacity:1}}@media (hover:hover) and (pointer:fine){.concept-mode:hover{transform:translateY(-2px)}[data-layout=pokedex] .game-hub .concept-mode:hover{border-color:var(--primary);transform:none}.concept-start:hover,[data-layout=pokedex] .game-hub .concept-start:hover{background:var(--primary)}}@media (width<=1050px){.concept-feature-copy{padding:28px}[data-layout=pokedex] .game-hub .concept-game-layout{gap:16px}[data-layout=pokedex] .game-hub .concept-feature-copy{padding:20px}[data-layout=pokedex] .game-hub .option-art{width:48px}[data-layout=pokedex] .game-hub .option-art img{width:48px;height:48px}[data-layout=pokedex] .game-hub .option-copy strong{font-size:22px}}@media (width<=760px){.concept-switcher{gap:8px;padding:6px 12px}.concept-switcher>span{display:none}.concept-back{font-size:11px}.concept-switcher>div{gap:2px}.concept-switcher>div>a{padding:9px 10px;font-size:11px}.concept-feature{grid-template-columns:minmax(0,1fr)}.concept-stage{order:0;height:180px}.concept-stage img{width:180px;height:180px}.stage-mark{width:200px;height:200px}.stage-question{font-size:48px;bottom:16px;right:20px}.concept-feature-copy{padding:24px}.concept-feature-copy h2{max-width:320px;font-size:32px}.concept-feature-copy>p{margin-top:12px;font-size:14px}.concept-game-facts{gap:16px;margin:16px 0 20px}.concept-start{width:100%}.concept-options{scroll-snap-type:x proximity;gap:10px;margin-top:16px;padding:4px 2px 10px;display:flex;overflow-x:auto}.concept-mode{scroll-snap-align:start;flex:0 0 136px;min-width:136px}.option-art{height:76px}.option-art img{width:78px;height:78px}.option-copy{padding:10px}.option-copy strong{font-size:13px}[data-layout=pokedex] .game-hub .concept-game-layout{grid-template-columns:minmax(0,1fr);gap:16px}[data-layout=pokedex] .game-hub .concept-stage{height:170px;min-height:170px}[data-layout=pokedex] .game-hub .concept-stage img{width:165px;height:165px}[data-layout=pokedex] .game-hub .concept-feature-copy{padding:18px}[data-layout=pokedex] .game-hub .concept-feature-copy h2{font-size:31px}[data-layout=pokedex] .game-hub .concept-mode{flex:auto;width:100%;min-width:0;min-height:72px;padding-inline:12px}[data-layout=pokedex] .game-hub .option-art{width:48px;height:52px}[data-layout=pokedex] .game-hub .option-copy strong{font-size:24px}[data-layout=pokedex] .game-hub .concept-options{padding:0;overflow:visible}[data-layout=anime] .game-hub .concept-feature{overflow:hidden}[data-layout=anime] .game-hub .concept-stage{border:0;border-bottom:4px solid var(--chrome-foreground);margin:0;transform:none}[data-layout=anime] .game-hub .concept-stage img{width:180px;height:180px;transform:none}[data-layout=anime] .game-hub .stage-question{font-size:52px;bottom:8px;right:20px;transform:none}[data-layout=anime] .game-hub .concept-feature-copy{padding:24px}[data-layout=anime] .game-hub .concept-feature-copy h2{font-size:30px}[data-layout=anime] .game-hub .concept-options{gap:12px;margin-top:20px}[data-layout=anime] .game-hub .option-copy strong{font-size:12px}}@media (width<=360px){[data-layout=pokedex] .game-hub .option-copy strong{font-size:16px}.concept-switcher{padding:6px 8px}.concept-switcher>div>a{padding:9px 8px}[data-layout=anime] .game-hub .concept-feature-copy{padding:20px}}@media (prefers-reduced-motion:reduce){.concept-stage img{animation:none}.concept-mode,.concept-start{transition:none}}
