*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--color-cobalt: #1d4fd8;--color-cobalt-dark: #14379e;--color-red: #e8412f;--color-yellow: #f7b928;--color-cream: #fdf3df;--color-ink: #14161a;--color-paper: #ffffff;--color-cloud: #f5f6fb;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 36px;--radius-pill: 999px;--border-thick: 4px;--shadow-pop: 0 6px 0 rgba(20, 22, 26, .16);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--color-cream: #232640;--color-ink: #f5f6fb;--color-paper: #1b1e33;--color-cloud: #101223}}body{min-height:100dvh;background:var(--color-cloud);color:var(--color-ink)}h1,h2,h3{font-weight:800;letter-spacing:-.01em}p{font-weight:500}.page{max-width:720px;margin-inline:auto;padding:2rem 1.5rem 3rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-pill);padding:.75rem 1.75rem;font-size:1.05rem;font-weight:700;text-decoration:none;cursor:pointer;background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-pop);transition:transform .15s var(--ease-bounce),box-shadow .15s var(--ease-bounce)}.button:hover{transform:translateY(-2px) scale(1.03)}.button:active{transform:translateY(2px) scale(.96);box-shadow:0 2px #14161a29}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button--primary{background:var(--color-cobalt);color:var(--color-paper);border-color:var(--color-ink)}.button--large{padding:1rem 2.5rem;font-size:1.25rem}.button--ghost{background:transparent;box-shadow:none}.page--home{display:flex;flex-direction:column;align-items:center;gap:2.5rem;text-align:center;padding-top:3.5rem}.hero{display:flex;flex-direction:column;gap:.5rem}.hero__eyebrow{font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-red);font-size:.9rem}.hero__title{font-size:clamp(2.75rem,8vw,4rem);color:var(--color-cobalt)}.hero__tagline{font-size:1.15rem;max-width:40ch;margin-inline:auto}.stats-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;width:100%}.stat-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:9rem;padding:1.25rem 1.5rem;border:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-paper);box-shadow:var(--shadow-pop)}.stat-card__value{font-size:2rem;font-weight:800}.stat-card__label{font-size:.9rem;font-weight:600;opacity:.75}.stat-card--cobalt .stat-card__value{color:var(--color-cobalt)}.stat-card--red .stat-card__value{color:var(--color-red)}.stat-card--yellow .stat-card__value{color:#a86f00}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.page-header h1{font-size:2rem}.mode-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;padding:0}.mode-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem;border:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-xl);text-decoration:none;color:var(--color-ink);background:var(--color-paper);box-shadow:var(--shadow-pop);transition:transform .15s var(--ease-bounce)}.mode-card:hover{transform:translateY(-4px) scale(1.03)}.mode-card:active{transform:translateY(2px) scale(.97)}.mode-card__emoji{font-size:2.75rem}.mode-card__title{font-size:1.4rem;font-weight:800}.mode-card__description{font-size:.95rem;text-align:center;opacity:.8}.mode-card--cobalt{background:color-mix(in srgb,var(--color-cobalt) 12%,var(--color-paper))}.mode-card--red{background:color-mix(in srgb,var(--color-red) 12%,var(--color-paper))}.mode-card--yellow{background:color-mix(in srgb,var(--color-yellow) 18%,var(--color-paper))}.game-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.game-header__back{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-pill);text-decoration:none;color:var(--color-ink);background:var(--color-paper);font-size:1.25rem;transition:transform .15s var(--ease-bounce)}.game-header__back:hover{transform:scale(1.08)}.game-header__title{flex:1;font-size:1.6rem}.game-header__score{font-weight:700;font-size:1.1rem;color:var(--color-cobalt)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.crossword__clue{font-size:1.2rem;margin-bottom:1.5rem}.crossword-boxes{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.crossword-boxes--wrong{animation:shake .35s var(--ease-bounce)}.crossword-box{width:3rem;height:3.5rem;text-align:center;font-size:1.5rem;font-weight:800;text-transform:uppercase;border:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-paper);color:var(--color-ink)}.crossword-box:focus{outline:none;border-color:var(--color-cobalt)}.pop-mode__clue{font-size:1.2rem;margin-bottom:1rem}.pop-mode__progress{display:flex;gap:.4rem;margin-bottom:2rem}.pop-mode__progress-box{width:2.25rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-bottom:var(--border-thick) solid var(--color-ink);font-size:1.3rem;font-weight:800;text-transform:uppercase}.pop-mode__bubbles{display:flex;flex-wrap:wrap;gap:.75rem}.bubble{width:3.5rem;height:3.5rem;border-radius:var(--radius-pill);border:var(--border-thick) solid var(--color-ink);background:var(--color-yellow);color:var(--color-ink);font-size:1.3rem;font-weight:800;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-pop);transition:transform .15s var(--ease-bounce)}.bubble:nth-of-type(3n+1){background:var(--color-cream)}.bubble:nth-of-type(3n+2){background:var(--color-yellow)}.bubble:nth-of-type(3n){background:color-mix(in srgb,var(--color-cobalt) 22%,var(--color-paper))}.bubble:hover:not(:disabled){transform:scale(1.08)}.bubble:active:not(:disabled){transform:scale(.92)}.bubble:disabled{opacity:.25;cursor:default;box-shadow:none}.bubble--wrong{animation:shake .35s var(--ease-bounce);background:var(--color-red)}.match-clues{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.match-clues__item{display:flex;align-items:baseline;gap:.75rem;padding:.75rem 1.25rem;border:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-paper)}.match-clues__item--solved{background:color-mix(in srgb,var(--color-cobalt) 14%,var(--color-paper))}.match-clues__word{font-weight:800;font-size:1.1rem;letter-spacing:.15em;min-width:6ch}.match-clues__clue{opacity:.85}.match-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:1rem}.match-tile{padding:1.1rem .5rem;border:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-red);color:var(--color-paper);font-size:1.15rem;font-weight:800;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-pop);transition:transform .15s var(--ease-bounce)}.match-tile:nth-of-type(3n+2){background:var(--color-cobalt)}.match-tile:nth-of-type(3n){background:var(--color-yellow);color:var(--color-ink)}.match-tile:hover{transform:scale(1.05)}.match-tile--selected{transform:scale(.94);outline:var(--border-thick) dashed var(--color-ink);outline-offset:3px}.match-tile--wrong{animation:shake .35s var(--ease-bounce)}.round-complete{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:3rem 1.5rem;border:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-xl);background:var(--color-paper);box-shadow:var(--shadow-pop)}.round-complete__badge{font-size:3rem}.round-complete__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem}