:root{--board:#2c463b;--board-deep:#24382f;--chalk:#f3efe2;--chalk-dim:#c8cfc0;--yellow:#e9c860;--red:#de7a6c;--blue:#8fb6d4;--green-ok:#9ccb8f;--font-display:"Neucha", cursive;--font-text:"Sofia Sans", system-ui, sans-serif;--radius:14px;--gap:12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;margin:0}body{background:var(--board);color:var(--chalk);font-family:var(--font-text);background-image:radial-gradient(circle at 30% 20%,#ffffff0a,#0000 60%),radial-gradient(circle at 75% 80%,#ffffff08,#0000 55%);font-size:17px;line-height:1.45}.app{max-width:560px;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}h1,h2,h3{font-family:var(--font-display);letter-spacing:.5px;margin:0;font-weight:400}button{font-family:var(--font-text);color:inherit;cursor:pointer;background:0 0;border:none;font-size:1rem}.btn{border:2px solid var(--chalk-dim);border-radius:var(--radius);width:100%;color:var(--chalk);background:#f3efe20f;padding:14px 18px;font-weight:600;transition:transform 80ms,background .15s;display:block}.btn:active{transform:scale(.985)}.btn--primary{border-color:var(--yellow);color:var(--yellow);font-family:var(--font-display);font-size:1.35rem}.btn--ghost{color:var(--chalk-dim);border-color:#0000;width:auto;padding:8px;font-size:.95rem}.btn--quit{margin:24px auto 0;display:block}.btn--danger{color:var(--red);margin:32px auto 0;display:block}.btn:disabled{opacity:.35;cursor:default}.screen{gap:var(--gap);flex-direction:column;flex:1;display:flex}.home{text-align:center;justify-content:center;gap:20px}.home__title{color:var(--chalk);font-size:3rem;line-height:1}.home__subtitle{font-family:var(--font-display);color:var(--yellow);font-size:1.6rem;transform:rotate(-2deg)}.home__tagline{color:var(--chalk-dim);font-style:italic}.home__actions{gap:var(--gap);flex-direction:column;margin-top:12px;display:flex}.daily{justify-content:center;align-items:center;gap:10px;display:flex}.daily--done:disabled{opacity:.6;border-style:dashed}.daily__streak{font-family:var(--font-display);color:var(--yellow);white-space:nowrap}.levels{gap:var(--gap);grid-template-columns:repeat(2,1fr);display:grid}.level-card{border:2px solid var(--chalk-dim);border-radius:var(--radius);text-align:center;background:#f3efe20d;flex-direction:column;justify-content:center;gap:6px;min-height:116px;padding:16px 12px;display:flex}.level-card--locked{opacity:.4;cursor:default;border-style:dashed}.level-card__num{font-family:var(--font-display);color:var(--yellow);font-size:2rem;line-height:1}.level-card__name{color:var(--chalk-dim);font-size:.9rem}.level-card__stars{letter-spacing:2px;color:var(--yellow);min-height:1.4em;font-size:1rem}.hud{justify-content:space-between;align-items:center;gap:var(--gap);color:var(--chalk-dim);border-bottom:2px solid #f3efe226;padding-bottom:12px;font-size:.9rem;display:flex}.hud__lives{letter-spacing:3px;font-size:1.05rem}.hud__score{font-family:var(--font-display);color:var(--yellow);font-size:1.3rem}.q{flex-direction:column;flex:1;gap:16px;padding-top:18px;display:flex}.q__meta{color:var(--chalk-dim);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-size:.85rem;display:flex}.q__text{font-family:var(--font-display);font-size:1.7rem;line-height:1.25}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;align-items:center;gap:12px;padding:13px 16px;display:flex}.option__letter{font-family:var(--font-display);color:var(--blue);min-width:1.2em;font-size:1.2rem}.option--hidden{visibility:hidden}.option--correct{border-color:var(--green-ok);color:var(--green-ok);background:#9ccb8f29}.option--wrong{border-color:var(--red);color:var(--red);background:#de7a6c29}.jokers{gap:10px;display:flex}.jokers .btn{border-color:var(--blue);color:var(--blue);padding:10px;font-size:.95rem}.info{border-left:3px solid var(--yellow);color:var(--chalk-dim);border-radius:0 var(--radius) var(--radius) 0;background:#e9c86012;padding:10px 0 10px 14px;font-size:.97rem}.info__verdict{font-family:var(--font-display);margin-bottom:4px;font-size:1.25rem;display:block}.info__verdict--ok{color:var(--green-ok)}.info__verdict--no{color:var(--red)}.result{text-align:center;justify-content:center;gap:18px}.result__stars{letter-spacing:8px;color:var(--yellow);font-size:2.8rem}.result__grade{font-family:var(--font-display);color:var(--chalk);font-size:2.4rem}.result__grade--fail{color:var(--red)}.result__score{color:var(--chalk-dim)}.result__hint{color:var(--chalk-dim);font-size:.9rem;font-style:italic}.stack{flex-direction:column;gap:10px;margin-top:8px;display:flex}.error{color:var(--red);text-align:center;padding:20px}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--chalk-dim);font-size:.9rem}.field input{border:2px solid var(--chalk-dim);border-radius:var(--radius);width:100%;color:var(--chalk);font:inherit;background:#f3efe20f;padding:12px 14px}.field input:focus{border-color:var(--yellow);outline:none}.error--inline{margin:0;padding:10px 12px;font-size:.95rem}.tabs{gap:8px;display:flex}.tab{padding:10px;font-size:.95rem}.tab--on{border-color:var(--yellow);color:var(--yellow)}.board{flex-direction:column;gap:6px;margin:14px 0;display:flex}.board__row{border-radius:var(--radius);background:#f3efe20d;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.board__row--me{border:2px solid var(--yellow);background:#f3efe21a}.board__rank{font-family:var(--font-display);color:var(--chalk-dim)}.board__score{font-family:var(--font-display);color:var(--yellow)}.warning{color:var(--chalk-dim);text-align:center;margin-top:20px;font-size:.85rem;font-style:italic}