.game{width:100%;max-width:40rem;margin-inline:auto;padding-block:var(--space-xl) var(--space-3xl)}.game--wide{max-width:46rem}.backlink{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-lg)}.backlink:hover{color:var(--color-ink)}.game__head{margin-bottom:var(--space-lg)}.game__head h1{font-size:var(--text-3xl);letter-spacing:-.03em}.game__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.game__sub{margin-top:var(--space-sm);color:var(--color-ink-soft);font-size:var(--text-sm)}.controls{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-top:var(--space-lg)}.share-btn{display:inline-flex;align-items:center;gap:var(--space-xs)}.toast{position:fixed;left:50%;bottom:2rem;transform:translate(-50%) translateY(1rem);background:var(--color-ink);color:var(--color-paper);padding:.6rem 1rem;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out);z-index:80}.toast[data-show=true]{opacity:1;transform:translate(-50%) translateY(0)}.result{margin-top:var(--space-xl);padding:var(--space-lg);border:var(--rule-w) solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-paper-2);text-align:center}.result h2{font-size:var(--text-2xl)}.result__line{font-family:var(--font-mono);font-size:var(--text-lg);margin:var(--space-xs) 0 var(--space-md);color:var(--color-accent-ink)}.conn__lives{display:flex;align-items:center;gap:.4rem;font-size:var(--text-sm);color:var(--color-ink-soft)}.conn__dot{width:.85rem;height:.85rem;border-radius:50%;background:var(--color-coral);transition:transform var(--dur-2) var(--ease-in),opacity var(--dur-2) var(--ease-out)}.conn__dot[data-used=true]{opacity:.2;transform:scale(.7)}.conn__solved{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-sm)}.conn__band{border-radius:var(--radius-md);padding:.7rem var(--space-md);text-align:center;color:var(--on-neon);border:var(--rule-w) solid rgba(0,0,0,.25);animation:pop var(--dur-3) var(--ease-spring)}.conn__band b{display:block;font-family:var(--font-display);font-weight:800;font-size:var(--text-base);letter-spacing:-.01em}.conn__band span{font-size:var(--text-sm);font-weight:600}.g0{background:var(--group-1)}.g1{background:var(--group-2)}.g2{background:var(--group-3)}.g3{background:var(--group-4)}.conn__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs)}.conn__cell{aspect-ratio:1 / 1;display:grid;place-items:center;text-align:center;padding:.35rem;border:var(--rule-w) solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper-2);font-family:var(--font-display);font-weight:700;font-size:clamp(.62rem,2.4vw,.92rem);line-height:1.05;letter-spacing:-.01em;color:var(--color-ink);cursor:pointer;overflow-wrap:anywhere;transition:transform var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.conn__cell:hover{background:var(--color-paper-3)}.conn__cell[data-on=true]{background:var(--color-ink);color:var(--color-paper);transform:translateY(-2px)}.conn__cell[data-shake=true]{animation:shake var(--dur-4) var(--ease-in-out)}.conn__cell:disabled{cursor:default}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.conn__band,.conn__cell[data-shake=true]{animation:none}}.guess__clues{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.clue{display:flex;gap:var(--space-sm);align-items:flex-start;padding:var(--space-md);border:var(--rule-w) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-2);animation:revealClue var(--dur-3) var(--ease-out)}.clue__n{flex:none;width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;background:var(--color-coral);color:oklch(99% .01 27);font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm)}.clue__label{display:block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.15rem}.clue p{font-size:var(--text-base)}.clue--locked{opacity:.55;background:transparent;border-style:dashed}.clue--locked .clue__n{background:transparent;border:1.5px dashed var(--color-rule);color:var(--color-muted)}.guess__wrongs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:var(--space-md)}.wrongpill{font-size:var(--text-xs);padding:.2rem .6rem;border-radius:var(--radius-pill);background:oklch(72% .185 27 / .16);color:var(--color-accent-ink);text-decoration:line-through}.guess__form{position:relative}.guess__input{width:100%;padding:.85rem 1rem;border:var(--rule-w) solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper);font-size:var(--text-base)}.guess__ac{list-style:none;padding:.3rem;margin:.4rem 0 0;position:absolute;z-index:20;left:0;right:0;background:var(--color-paper);border:var(--rule-w) solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-lift);max-height:15rem;overflow-y:auto}.guess__ac li button{width:100%;text-align:left;padding:.55rem .7rem;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;font-weight:600}.guess__ac li button:hover,.guess__ac li button[data-active=true]{background:var(--color-paper-3)}.guess__row{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.guess__progress{display:flex;gap:.3rem;margin-bottom:var(--space-md)}.guess__pip{flex:1;height:.4rem;border-radius:var(--radius-pill);background:var(--color-paper-3)}.guess__pip[data-state=revealed]{background:var(--color-cyan)}.guess__pip[data-state=wrong]{background:var(--color-coral)}@keyframes revealClue{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.clue{animation:none}}.quiz__cats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.catcard{text-align:left;padding:var(--space-lg);border:var(--rule-w) solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper-2);cursor:pointer;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out)}.catcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);background:var(--color-paper)}.catcard b{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800}.catcard span{display:block;color:var(--color-ink-soft);font-size:var(--text-sm);margin-top:.15rem}.catcard .chip{margin-top:var(--space-sm)}.decade-row{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.quiz__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm)}.quiz__timer{font-weight:700}.quiz__timer[data-low=true]{color:var(--color-accent-ink)}.quiz__track{height:.4rem;border-radius:var(--radius-pill);background:var(--color-paper-3);overflow:hidden;margin-bottom:var(--space-lg)}.quiz__fill{height:100%;background:var(--color-leaf);transition:width var(--dur-2) var(--ease-out)}.game .quiz__q{font-family:var(--font-display);font-weight:800;font-size:clamp(1.85rem,1.5rem + 1.7vw,2.5rem);letter-spacing:-.02em;margin-bottom:var(--space-lg);text-wrap:balance}.quiz__opts{display:flex;flex-direction:column;gap:var(--space-sm)}.opt{display:flex;align-items:center;gap:var(--space-sm);text-align:left;padding:.85rem 1rem;border:var(--rule-w) solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper);cursor:pointer;font-weight:600;transition:transform var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.opt:hover:not(:disabled){transform:translateY(-2px);background:var(--color-paper-2)}.opt__k{flex:none;width:1.6rem;height:1.6rem;border-radius:var(--radius-sm);display:grid;place-items:center;border:1.5px solid var(--color-line);font-family:var(--font-mono);font-size:var(--text-xs)}.opt[data-state=correct]{background:#4ac77747;border-color:var(--color-leaf)}.opt[data-state=wrong]{background:oklch(72% .185 27 / .2);border-color:var(--color-coral)}.opt:disabled{cursor:default}@media(max-width:620px){.game .quiz__q{font-size:1.35rem;margin-bottom:var(--space-md)}.quiz__opts{gap:.5rem}.opt{padding:.6rem .8rem;font-size:var(--text-sm);gap:.6rem}.opt__k{width:1.4rem;height:1.4rem}}.review{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg);text-align:left}.review__item{padding:var(--space-md);border:1.5px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper)}.review__q{font-weight:700;display:flex;gap:.5rem}.review__q b{color:var(--color-ink)}.review__a{font-size:var(--text-sm);margin-top:.35rem;color:var(--color-ink-soft)}.review__a .ok{color:oklch(45% .14 152);font-weight:700}.review__a .no{color:var(--color-accent-ink);font-weight:700;text-decoration:line-through}.review__note{font-size:var(--text-sm);margin-top:.35rem;color:var(--color-muted)}.wd-hint{font-weight:700}.wd-hint--g{color:var(--color-leaf)}.wd-hint--y{color:var(--neon-amber)}.wordle__board{display:grid;grid-template-rows:repeat(6,1fr);gap:.4rem;max-width:20rem;margin:0 auto var(--space-lg)}.wordle__board--shake{animation:shake var(--dur-4) var(--ease-in-out)}.wordle__row{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}.wordle__tile{aspect-ratio:1 / 1;display:grid;place-items:center;border-radius:var(--radius-sm);border:2px solid var(--color-line);background:transparent;font-family:var(--font-display);font-weight:800;font-size:clamp(1.2rem,6vw,1.9rem);text-transform:uppercase;color:var(--color-ink);transition:background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-spring)}.wordle__tile[data-state=typed]{border-color:var(--color-ink-soft);animation:tilePop var(--dur-1) var(--ease-spring)}.wordle__tile[data-state=correct]{background:var(--color-leaf);border-color:var(--color-leaf);color:var(--on-neon)}.wordle__tile[data-state=present]{background:var(--neon-amber);border-color:var(--neon-amber);color:var(--on-neon)}.wordle__tile[data-state=absent]{background:var(--color-paper-3);border-color:var(--color-paper-3);color:var(--color-muted)}@keyframes tilePop{0%{transform:scale(.9)}to{transform:scale(1)}}.kb{display:flex;flex-direction:column;gap:.4rem;max-width:30rem;margin:var(--space-lg) auto 0}.kb__row{display:flex;justify-content:center;gap:.35rem}.kb__key{flex:1;min-width:0;height:3.2rem;border-radius:var(--radius-sm);border:1px solid var(--color-line);background:var(--color-paper-3);color:var(--color-ink);font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);cursor:pointer;transition:transform var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.kb__key:hover:not(:disabled){background:var(--color-paper-2)}.kb__key:active:not(:disabled){transform:translateY(1px)}.kb__key--wide{flex:1.6;font-size:var(--text-xs);letter-spacing:.04em}.kb__key[data-state=correct]{background:var(--color-leaf);color:var(--on-neon);border-color:transparent}.kb__key[data-state=present]{background:var(--neon-amber);color:var(--on-neon);border-color:transparent}.kb__key[data-state=absent]{background:#0a1610;color:var(--color-muted);border-color:transparent}.kb__key:disabled{cursor:default}@media(max-width:480px){.kb__key{height:2.8rem;font-size:var(--text-xs)}}@media(prefers-reduced-motion:reduce){.wordle__tile,.wordle__board--shake{animation:none;transition:none}}@media(max-width:620px){.game--compact{padding-block:var(--space-md) var(--space-xl)}.game--compact .game__head,.game--compact .backlink{margin-bottom:var(--space-sm)}.game--compact .game__head h1{font-size:var(--text-2xl)}.game--compact .game__sub{display:none}.game--compact .wordle__board{max-width:min(16rem,68vw);gap:.3rem;margin-bottom:var(--space-sm)}.game--compact .kb{margin-top:var(--space-sm);gap:.3rem}.game--compact .kb__row{gap:.28rem}.game--compact .kb__key{height:2.7rem}}.grid3{display:grid;grid-template-columns:minmax(4.5rem,.85fr) repeat(3,1fr);gap:.4rem;margin-bottom:var(--space-lg)}.grid3__corner{background:transparent}.grid3__chead,.grid3__rhead{display:grid;place-items:center;text-align:center;padding:.4rem;border-radius:var(--radius-sm);background:var(--color-paper-2);border:var(--rule-w) solid var(--color-rule);font-family:var(--font-mono);font-size:clamp(.56rem,1.9vw,.74rem);font-weight:600;line-height:1.15;letter-spacing:.01em;color:var(--color-accent-ink);overflow-wrap:anywhere}.grid3__rhead{text-align:center}.grid3__cell{aspect-ratio:1 / 1;display:grid;place-items:center;padding:.3rem;border-radius:var(--radius-md);border:var(--rule-w) solid var(--color-line);background:var(--color-paper);cursor:pointer;transition:transform var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.grid3__cell:hover:not(:disabled){background:var(--color-paper-2);border-color:#c6ff3d66}.grid3__cell[data-active=true]{border-color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.grid3__cell[data-filled=true]{background:var(--color-leaf);border-color:var(--color-leaf);cursor:default;animation:pop var(--dur-3) var(--ease-spring)}.grid3__cell[data-shake=true]{animation:shake var(--dur-4) var(--ease-in-out)}.grid3__plus{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-muted)}.grid3__name{font-family:var(--font-display);font-weight:700;font-size:clamp(.6rem,2.2vw,.9rem);line-height:1.05;text-align:center;color:var(--on-neon);overflow-wrap:anywhere}.grid3__miss{font-family:var(--font-mono);font-size:clamp(.52rem,1.9vw,.7rem);line-height:1.1;text-align:center;color:var(--color-muted);overflow-wrap:anywhere}.grid3__entry{padding:var(--space-md);border:var(--rule-w) solid var(--neon-cyan);border-radius:var(--radius-md);background:var(--color-paper-2);margin-bottom:var(--space-md)}.grid3__entrylabel{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;margin-bottom:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink-soft);text-align:center}.grid3__entrylabel b{color:var(--neon-cyan)}@media(prefers-reduced-motion:reduce){.grid3__cell{animation:none}}.kd__progress{display:flex;gap:.3rem;margin-bottom:var(--space-md)}.kd__pip{flex:1;height:.4rem;border-radius:var(--radius-pill);background:var(--color-paper-3);transition:background var(--dur-2) var(--ease-out)}.kd__pip[data-state=done]{background:var(--color-leaf)}.kd__pip[data-state=now]{background:var(--neon-cyan)}.kd__card{padding:var(--space-lg);border:var(--rule-w) solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-paper-2);box-shadow:var(--shadow-card);animation:kdIn var(--dur-3) var(--ease-spring)}.kd__card--keep{animation:kdKeep var(--dur-2) var(--ease-in) forwards}.kd__card--drop{animation:kdDrop var(--dur-2) var(--ease-in) forwards}.kd__badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:var(--space-sm)}.kd__name{font-size:var(--text-2xl);letter-spacing:-.02em;margin-bottom:var(--space-md)}.kd__stats{display:flex;flex-direction:column;gap:.4rem;margin-bottom:var(--space-md)}.kd__stat{font-family:var(--font-mono);font-size:var(--text-sm);padding:.55rem .75rem;border-radius:var(--radius-sm);background:var(--color-paper);border-left:3px solid var(--neon-lime);color:var(--color-ink)}.kd__ach{font-size:var(--text-base);color:var(--color-ink-soft);line-height:1.5}.kd__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-top:var(--space-lg)}.kd__actions .btn{justify-content:center;padding-block:1rem;font-size:var(--text-base)}.kd__drop{border-color:#ff5a3c80;color:var(--color-coral)}.kd__drop:hover{border-color:var(--color-coral);background:#ff5a3c14}.kd__squad{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-lg)}.kd__squadrow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:.7rem var(--space-md);border-radius:var(--radius-md);border:var(--rule-w) solid var(--color-rule);background:var(--color-paper-2)}.kd__squadname{font-family:var(--font-display);font-weight:700}@keyframes kdIn{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes kdKeep{to{transform:translate(60px) rotate(4deg);opacity:0}}@keyframes kdDrop{to{transform:translate(-60px) rotate(-4deg);opacity:0}}@media(prefers-reduced-motion:reduce){.kd__card,.kd__card--keep,.kd__card--drop{animation:none}}