:root{--bg: #fafaf8;--fg: #1a1a2e;--muted: #8a8a96;--cell-bg: #ffffff;--cell-border: #c9c9d4;--cell-black: #22222e;--accent: #4361ee;--hit: #2a9d6f;--miss: #6c6c78;--miss-fg: #c4c4cc;--staged-bg: #e8edfd;--key-bg: #e4e4ea;--key-fg: #1a1a2e;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #16161f;--fg: #ececf1;--muted: #8a8a96;--cell-bg: #22222e;--cell-border: #3a3a4a;--cell-black: #08080d;--accent: #6c8aff;--hit: #2fbf83;--miss: #21212b;--miss-fg: #55556a;--staged-bg: #2a3352;--key-bg: #4a4a58;--key-fg: #ececf1}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{height:100dvh;max-width:30rem;margin:0 auto;padding:.6rem 1rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;overflow:hidden;-webkit-user-select:none;user-select:none}header.masthead{flex:0 0 auto;position:relative;width:100%;border-bottom:1px solid var(--cell-border);padding-bottom:.5rem}.logo{font-size:1.4rem;font-weight:800;letter-spacing:.02em;margin:0;text-align:center}.logo .drop{color:var(--accent)}.status{margin:.15rem 0 0;color:var(--muted);font-size:.85rem;min-height:1.2em;text-align:center}.app-loading{max-width:none;width:100%;padding:0;gap:0}.loading-screen{position:relative;flex:1 1 auto;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(67,97,238,.1) 0%,transparent 42%),var(--bg)}.loading-centerpiece{position:absolute;top:50%;left:50%;width:clamp(9rem,50vw,15rem);aspect-ratio:1;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.loading-dot{display:block;border-radius:999px}.loading-dot-hero{position:relative;width:clamp(5.5rem,32vw,10.5rem);height:clamp(5.5rem,32vw,10.5rem);background:radial-gradient(circle at 32% 28%,#96acff,#5b7cff 38%,#3f5dee 70%,#2f49cd);box-shadow:0 1.2rem 2.8rem #4361ee59,inset 0 -.85rem 1.2rem #182a7847,inset 0 .65rem .9rem #ffffff4d;animation:drop-breathe 1.25s ease-in-out infinite}.loading-ring{position:absolute;border-radius:999px;border:.22rem solid rgba(67,97,238,.35);animation:ring-wave 1.9s ease-out infinite}.loading-ring-inner{width:clamp(7.2rem,40vw,12.5rem);height:clamp(7.2rem,40vw,12.5rem)}.loading-ring-outer{width:clamp(8.8rem,48vw,15rem);height:clamp(8.8rem,48vw,15rem);animation-delay:.95s}.loading-satellite{position:absolute;left:50%;top:50%;width:clamp(.55rem,1.3vw,.75rem);height:clamp(.55rem,1.3vw,.75rem);margin-left:calc(clamp(.55rem,1.3vw,.75rem)/-2);margin-top:calc(clamp(.55rem,1.3vw,.75rem)/-2);background:#6f8dff;box-shadow:0 0 .8rem #4361eea6;animation:orbit 2.1s linear infinite}.loading-satellite-2{animation-delay:-.7s}.loading-satellite-3{animation-delay:-1.4s}.loading-copy{position:absolute;left:50%;top:calc(50% + clamp(5.5rem,32vw,10.5rem));transform:translate(-50%,1.1rem);width:min(90vw,24rem);text-align:center}.loading-brand{margin:0;font-size:clamp(1.8rem,7.5vw,2.8rem);line-height:1;font-weight:800;letter-spacing:.02em}.loading-brand span{color:var(--accent)}.loading-caption{margin:.65rem 0 0;font-size:clamp(1rem,4.1vw,1.15rem);color:var(--muted)}@keyframes drop-breathe{0%,to{transform:scale(.92);filter:saturate(.95)}50%{transform:scale(1);filter:saturate(1.1)}}@keyframes ring-wave{0%,5%{transform:scale(.62);opacity:0}50%{opacity:.7}to{transform:scale(1.08);opacity:0}}@keyframes orbit{0%{transform:rotate(0) translate(clamp(3.5rem,22vw,6.3rem)) rotate(0)}to{transform:rotate(360deg) translate(clamp(3.5rem,22vw,6.3rem)) rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.loading-dot-hero,.loading-ring,.loading-satellite{animation:none}}.content{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:.6rem;overflow-y:auto}.content>.status,.content>.stage,.content>.definitions,.content>.presets,.content>.feedback,.content>.keyboard,.content>.victory,.content>.ad-slot-wrap-rectangle{flex:0 0 auto}.grid-wrap{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.grid{display:grid}.cell{display:flex;align-items:center;justify-content:center;background:var(--cell-bg);border:2px solid var(--cell-border);border-radius:4px;font-size:inherit;font-weight:700;overflow:hidden}.cell.black{background:var(--cell-black);border-color:var(--cell-black)}.cell.word-done{border-color:var(--hit);cursor:pointer}.cell .letter{display:block}.cell .letter.drop{animation:drop-in .35s cubic-bezier(.2,.9,.3,1.2) backwards}@keyframes drop-in{0%{transform:translateY(-1.4em);opacity:0}to{transform:translateY(0);opacity:1}}.stage{display:flex;gap:6px;min-height:2.6rem}.stage .slot{width:2.3rem;height:2.3rem;display:flex;align-items:center;justify-content:center;border:2px dashed var(--cell-border);border-radius:6px;font-size:1.15rem;font-weight:700}.stage .slot.filled{border-style:solid;border-color:var(--accent);background:var(--staged-bg)}.presets{display:flex;gap:.5rem}.presets button{border:1px solid var(--cell-border);background:var(--cell-bg);color:var(--fg);border-radius:999px;padding:.4rem .9rem;font-size:.85rem;cursor:pointer}.presets button:hover{border-color:var(--accent)}.feedback{font-size:.9rem;color:var(--muted);min-height:1.2em;margin:0}.feedback .hit{color:var(--hit);font-weight:700}.feedback .miss{color:var(--miss);font-weight:700;text-decoration:line-through}.definitions{position:relative;width:min(100%,22rem);padding:.75rem 2.2rem .75rem 1rem;border:1px solid var(--hit);border-radius:8px;background:var(--cell-bg);animation:rise-in .25s ease-out}.definitions p{margin:.25rem 0;font-size:.9rem}.definitions strong{color:var(--hit)}.definitions button{position:absolute;top:.4rem;right:.4rem;border:none;background:none;color:var(--muted);font-size:1rem;cursor:pointer}.keyboard{display:flex;flex-direction:column;gap:5px;width:100%}.kb-row{display:flex;justify-content:center;gap:5px}.key{flex:1;max-width:2.6rem;height:3.2rem;border:none;border-radius:5px;background:var(--key-bg);color:var(--key-fg);font-size:1rem;font-weight:700;cursor:pointer;touch-action:manipulation}.key.wide{max-width:4.2rem;flex:1.6;font-size:.8rem}.key:disabled{cursor:not-allowed}.key.staged{outline:2px solid var(--accent);outline-offset:-2px}.key.hit{background:var(--hit);color:#fff}.key.miss{background:var(--miss);color:var(--miss-fg);text-decoration:line-through;font-weight:400}.key.submit{background:var(--accent);color:#fff}.key.submit:disabled{background:var(--key-bg);color:var(--muted)}.victory{text-align:center;padding:1rem 1.5rem;border:2px solid var(--hit);border-radius:10px;background:var(--cell-bg);animation:rise-in .35s ease-out}@keyframes rise-in{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}.victory h2{margin:0 0 .25rem;color:var(--hit)}.victory p{margin:.25rem 0}.victory button{margin-top:.75rem;border:none;border-radius:999px;background:var(--accent);color:#fff;padding:.5rem 1.2rem;font-size:.95rem;font-weight:600;cursor:pointer}.victory .next-puzzle{color:var(--muted);font-size:.85rem}.ad-slot{display:flex;align-items:center;justify-content:center;margin:.75rem auto 0;border:1px dashed var(--cell-border);border-radius:8px;background:var(--bg);color:var(--muted)}.ad-slot-label{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.ad-slot-banner{width:100%;max-width:320px;height:50px}.ad-slot-rectangle{width:300px;height:250px;max-width:100%}.ad-slot-wrap{margin:.75rem auto 0;width:100%}.ad-slot-wrap-banner{max-width:320px}.ad-slot-wrap-rectangle{max-width:300px}.install{position:absolute;top:0;right:0;border:1px solid var(--cell-border);background:var(--cell-bg);color:var(--fg);border-radius:999px;padding:.2rem .7rem;font-size:.75rem;cursor:pointer}.install:hover{border-color:var(--accent)}.new-day{border:none;border-radius:999px;background:var(--accent);color:#fff;padding:.5rem 1.2rem;font-size:.95rem;font-weight:600;cursor:pointer;animation:rise-in .35s ease-out}.load-error{text-align:center;padding:1rem 1.5rem;border:2px solid var(--cell-border);border-radius:10px;background:var(--cell-bg)}.load-error .detail{color:var(--muted);font-size:.85rem}.load-error button{margin-top:.5rem;border:1px solid var(--cell-border);background:var(--key-bg);color:var(--key-fg);border-radius:999px;padding:.4rem 1rem;font-weight:600;cursor:pointer}.site-links{flex:0 0 auto;width:100%;text-align:center;font-size:.78rem;color:var(--muted);padding-top:.1rem}.site-links a{color:inherit;text-decoration:none}.site-links a:hover{color:var(--accent);text-decoration:underline}.site-links span{margin:0 .35rem}