:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f1418;color:#e7ecef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--primary: #0ec5b6;--primary-2: #5be7aa;--surface: #0f1418;--card: #151c21;--card-2: #10171c;--border: #243037;--text: #e7ecef;--muted: #9cacb4;--danger: #ff9f8f;--success: #22c55e}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at top left,rgba(14,197,182,.13),transparent 32rem),linear-gradient(180deg,#081014,#0f1418 52%,#0a0d10)}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline:3px solid rgba(91,231,170,.8);outline-offset:3px}.app-shell{width:min(100%,440px);min-height:100vh;margin:0 auto;padding:26px 16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.brand-row{display:flex;align-items:center;gap:14px}.brand-link{color:inherit;text-decoration:none}.mark{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#061214;font-size:1.7rem;font-weight:900;line-height:1}.test-replay{min-height:34px;border:1px solid rgba(14,197,182,.55);border-radius:8px;background:#0ec5b614;color:var(--primary);cursor:pointer;font-size:.78rem;font-weight:800;letter-spacing:0;padding:0 12px;text-transform:uppercase}.eyebrow,.puzzle-count{margin:0;color:var(--primary);font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:5px;font-size:1.65rem;line-height:1;letter-spacing:0}.title-tagline{margin-top:0}.game-card{border:1px solid rgba(92,116,126,.45);border-radius:8px;background:linear-gradient(180deg,#151c21f5,#0c1115fa),var(--card);box-shadow:0 24px 70px #00000059;padding:22px}.progress-dots{display:flex;justify-content:center;gap:9px;margin:4px 0 22px}.progress-dots span,.chance-pips span{width:12px;height:12px;border-radius:999px;border:1px solid #46606a;background:#16232a}.progress-dots .done{background:#244950}.progress-dots .active,.chance-pips .filled{border-color:var(--primary);background:var(--primary)}.prompt-block{text-align:center}.prompt-block h2,.tutorial-card h2{margin:8px auto 22px;max-width:18rem;color:var(--text);font-size:1.18rem;font-weight:600;line-height:1.35}.prompt-block h2 span{color:var(--primary)}.word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.word-tile{display:flex;min-height:74px;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#142027,#10171c);color:var(--text);font-weight:750;letter-spacing:0;text-align:center;transition:transform .16s ease,border-color .16s ease,background .16s ease}.word-tile:not(:disabled){cursor:pointer}@media(hover:hover){.word-tile:not(:disabled):hover{border-color:#0ec5b6b3;transform:translateY(-1px)}}.word-tile.selected{border-color:var(--primary);background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 14px 28px #0ec5b62e;color:#061214;transform:translateY(-2px) scale(1.01)}.word-tile.wrong{border-color:var(--danger);background:linear-gradient(180deg,#ff9f8f38,#1f1112f2);color:#ffd6cf;animation:soft-shake .18s ease-out}.word-tile.wrong small{color:#ffd6cf}.word-tile.match{border-color:#22c55eb8;background:#22c55e1a}.word-tile.exception{border-color:var(--primary);background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 14px 28px #0ec5b62e;color:#061214}.word-tile.exception small{color:#061214b8}.word-tile small{color:var(--muted);font-size:.72rem;font-weight:650}.word-label,.reveal-answer{display:block;max-width:100%;overflow-wrap:normal;white-space:nowrap;word-break:normal}.word-label.word-size-md{font-size:.94rem}.word-label.word-size-sm{font-size:.84rem}.word-label.word-size-xs{font-size:.74rem}.chances{display:flex;align-items:center;justify-content:center;gap:10px;margin:22px 0 10px;color:var(--muted);font-size:.92rem}.chance-pips{display:inline-flex;gap:8px}.feedback-wrong{margin:0 0 4px;color:#ffd6cf;font-size:.92rem;font-weight:750;text-align:center}.hint-button{display:block;width:100%;min-height:42px;border:0;background:transparent;color:var(--muted)}.hint-button:not(:disabled){color:var(--text);cursor:pointer;text-decoration:underline;text-underline-offset:4px}.hint-text,.hint-used,.share-status{color:var(--muted);text-align:center}.primary-action{width:100%;min-height:56px;margin-top:18px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#061214;cursor:pointer;font-size:1rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.primary-action:disabled{cursor:not-allowed;opacity:.48}.reveal{margin-top:16px}.result-correct,.result-failed{margin-bottom:4px;color:var(--success);font-weight:850;text-transform:uppercase}.result-failed{color:var(--danger)}.reveal h3{margin-bottom:0;color:var(--text);font-size:1.5rem;line-height:1;overflow-wrap:normal;white-space:nowrap;word-break:normal}.reveal-answer.word-size-md{font-size:1.34rem}.reveal-answer.word-size-sm{font-size:1.16rem}.reveal-answer.word-size-xs{font-size:1rem}.result-card h2{margin-bottom:10px;color:var(--text);font-size:2.2rem;line-height:1}.reveal-banner{display:grid;grid-template-columns:minmax(126px,.9fr) minmax(0,1.1fr);gap:14px;align-items:center;border:1px solid rgba(34,197,94,.58);border-radius:8px;background:#22c55e12;padding:14px}.reveal-banner.failed{border-color:#ff9f8f94;background:#ff9f8f14}.reveal-result{display:flex;align-items:center;gap:10px;min-width:0}.reveal-result>div{min-width:0}.reveal-icon{position:relative;display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:2px solid currentColor;border-radius:999px;color:var(--success);font-weight:900}.reveal-icon.solved:before{content:"";width:12px;height:20px;border-right:4px solid currentColor;border-bottom:4px solid currentColor;transform:rotate(45deg) translate(-1px,-2px)}.reveal-icon.failed{color:var(--danger)}.reveal-details{min-width:0;text-align:left}.reveal-details p{margin-bottom:0;color:var(--text);line-height:1.35}.reveal .primary-action{margin-top:12px}.result-card{text-align:center}.countdown-card{display:grid;gap:4px;margin:16px 0 18px;padding:16px;border:1px solid rgba(14,197,182,.42);border-radius:8px;background:#0ec5b614;text-align:center}.countdown-card span{color:var(--muted);font-size:.86rem;font-weight:650}.countdown-card .countdown-label{color:var(--primary);font-weight:850;text-transform:uppercase}.countdown-card strong{color:var(--text);font-size:2rem;line-height:1.05}.rule-title{margin-bottom:4px;color:var(--primary);font-weight:800}.tutorial-card{text-align:center}.tutorial-card p{color:var(--muted);line-height:1.55}.tutorial-card h2{margin:0 auto 12px;text-align:center}.tutorial-grid{margin:20px 0}.tutorial-tile{cursor:pointer}.tutorial-tile.selected small{padding:2px 8px;border-radius:999px;background:#0612141f;color:#061214c7}.tutorial-reveal{text-align:center}.archive-shell{width:min(100%,520px)}.archive-card h2{margin-bottom:8px;color:var(--text);font-size:1.7rem;line-height:1.1;text-align:center}.archive-card>p{max-width:25rem;margin:0 auto;color:var(--muted);line-height:1.55;text-align:center}.archive-list{display:grid;gap:10px;margin-top:20px}.archive-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#142027,#10171c);color:var(--text);padding:14px;text-decoration:none;transition:border-color .16s ease,transform .16s ease}@media(hover:hover){.archive-item:hover{border-color:#0ec5b6b3;transform:translateY(-1px)}}.archive-item strong,.archive-item small{display:block}.archive-item strong{margin-bottom:3px;font-size:1rem}.archive-item small{color:var(--muted);font-size:.78rem;line-height:1.35}.archive-action{border:1px solid rgba(14,197,182,.25);border-radius:8px;color:var(--primary);font-size:.78rem;font-weight:850;padding:7px 10px;text-transform:uppercase}.cat-card{position:relative;display:grid;justify-items:center;margin:14px 0;padding:12px 14px 14px;border:1px solid rgba(14,197,182,.42);border-radius:8px;background:linear-gradient(135deg,#0ec5b624,#5be7aa14),#0b1115;overflow:hidden}.cat-moon{position:absolute;left:34px;top:28px;width:24px;height:24px;border-radius:999px;box-shadow:-8px 0 #5be7aad1;opacity:.9}.cat-diamond{position:absolute;right:42px;top:32px;width:14px;height:14px;border:2px solid rgba(91,231,170,.82);border-radius:3px;transform:rotate(45deg)}.cat-card p{margin:8px 0 4px;color:var(--text);font-weight:750}.cat-card strong{color:var(--primary);font-size:.92rem}.result-cat{display:block;width:min(140px,41vw);height:auto;margin:-10px auto -3px;filter:drop-shadow(0 16px 28px rgba(14,197,182,.2))}.share-preview{margin:18px 0 4px;padding:16px;border:1px solid var(--border);border-radius:8px;overflow-x:auto;background:#0b1115;color:var(--text);font:.95rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}.share-actions{display:grid;gap:10px;margin-top:18px}.share-actions .primary-action{margin-top:0}.archive-result-nudge{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;border:1px solid rgba(14,197,182,.28);border-radius:8px;background:linear-gradient(135deg,#0ec5b621,#5be7aa0d),#10171cc2;color:var(--muted);font-size:.92rem;padding:12px}.archive-result-nudge a{color:#8ffff4;font-weight:850;text-decoration:none}.archive-result-nudge a:hover{color:var(--text)}.secondary-action{display:grid;min-height:52px;place-items:center;border:1px solid var(--primary);border-radius:8px;color:var(--primary);font-weight:850;letter-spacing:0;text-decoration:none;text-transform:uppercase}.site-footer{display:flex;justify-content:center;gap:18px;margin-top:22px;color:var(--muted);font-size:.82rem}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--primary)}@media(min-width:768px){.app-shell{width:min(100%,470px);padding-top:38px}}@media(max-width:480px){.app-shell{padding:18px 14px}.topbar{margin-bottom:16px}.game-card{padding:18px}.progress-dots{margin-bottom:16px}.prompt-block h2,.tutorial-card h2{margin-bottom:18px;font-size:1.12rem}.word-grid{gap:9px}.word-tile{min-height:70px}.word-tile small{font-size:.68rem}.word-label.word-size-md{font-size:.88rem}.word-label.word-size-sm{font-size:.78rem}.word-label.word-size-xs{font-size:.68rem}.chances{margin-top:16px}.primary-action{min-height:52px;margin-top:14px}.reveal{margin-top:14px}.reveal-banner{gap:10px;grid-template-columns:minmax(144px,.95fr) minmax(0,1.05fr);padding:12px}.reveal-result{gap:8px}.reveal-icon{flex-basis:34px;width:34px;height:34px}.reveal-icon.solved:before{width:10px;height:18px;border-width:0 3px 3px 0}.reveal h3{font-size:1.22rem}.reveal-answer.word-size-md{font-size:1.08rem}.reveal-answer.word-size-sm{font-size:.94rem}.reveal-answer.word-size-xs{font-size:.82rem}.reveal-details p{font-size:.8rem;line-height:1.3}}@media(max-width:360px){.reveal-banner{grid-template-columns:1fr}.reveal-details{text-align:center}}@keyframes soft-shake{0%{transform:translate(0)}35%{transform:translate(-3px)}70%{transform:translate(3px)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}