: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;--danger: #d64545;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;--danger: #e5674e}}*{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(4.5rem,25vw,7.5rem);aspect-ratio:1;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.loading-tiles{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:clamp(.5rem,2.6vw,.85rem)}.loading-slot{position:relative;width:clamp(1.5rem,8vw,2.6rem);height:clamp(1.5rem,8vw,2.6rem);border-radius:22%;border:.09rem dashed rgba(67,97,238,.35)}.loading-tile{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22%;background:linear-gradient(155deg,#96acff,#4361ee 55%,#2f49cd);box-shadow:0 .45rem .8rem #4361ee59;animation:tile-drop 1.7s cubic-bezier(.6,0,.15,1) infinite}.loading-slot:nth-child(1) .loading-tile{animation-delay:0s}.loading-slot:nth-child(2) .loading-tile{animation-delay:.18s}.loading-slot:nth-child(3) .loading-tile{animation-delay:.36s}.loading-drop-wrap{position:absolute;left:50%;top:50%;width:clamp(1.8rem,10vw,2.9rem);height:clamp(2.55rem,14.1vw,4.1rem);transform:translate(-50%,-50%)}.loading-drop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 .45rem .5rem rgba(67,97,238,.35));animation:drop-fall 1.9s cubic-bezier(.6,0,.15,1) infinite}.loading-drop-ring{position:absolute;left:50%;bottom:0;width:clamp(.6rem,3vw,.85rem);height:clamp(.6rem,3vw,.85rem);transform:translate(-50%,50%);border-radius:999px;border:.11rem solid rgba(67,97,238,.5);animation:drop-ripple 1.9s ease-out infinite;animation-delay:1.05s}.loading-copy{position:absolute;left:50%;top:calc(50% + clamp(2.75rem,16vw,5.25rem));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 tile-drop{0%{transform:translateY(-230%) scale(1);opacity:0}8%{opacity:1}58%{transform:translateY(0) scale(1);opacity:1}66%{transform:translateY(6%) scaleX(1.22) scaleY(.8)}76%{transform:translateY(-3%) scaleX(.94) scaleY(1.06)}86%,to{transform:translateY(0) scale(1);opacity:1}}@keyframes drop-fall{0%{transform:translateY(-220%) scaleX(1) scaleY(1);opacity:0}8%{opacity:1}55%{transform:translateY(0) scaleX(1) scaleY(1);opacity:1}62%{transform:translateY(8%) scaleX(1.3) scaleY(.65);opacity:1}70%,to{transform:translateY(8%) scaleX(1.3) scaleY(.65);opacity:0}}@keyframes drop-ripple{0%{transform:scale(.4);opacity:.8}to{transform:scale(4.5);opacity:0}}@media(prefers-reduced-motion:reduce){.loading-tile,.loading-drop,.loading-drop-ring{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>.hint-bar,.content>.hold-hint-prompt,.content>.definitions,.content>.presets,.content>.feedback,.content>.keyboard,.content>.victory{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.hint-target{border-color:var(--accent);border-style:dashed;background:var(--staged-bg);cursor:pointer}.cell.hint-revealed{border-color:var(--accent);border-style:solid;border-width:3px;background:var(--staged-bg);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}.hint-bar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%}.hint-bar-right{display:flex;align-items:center;gap:.5rem}.stats-button{display:flex;align-items:center;gap:.4rem;border:1px solid var(--accent);background:var(--cell-bg);color:var(--accent);border-radius:999px;padding:.3rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer}.stats-button:hover{background:var(--staged-bg)}.stats-button .stats-drop{width:.6rem;height:.85rem;fill:var(--accent);flex:none}.hint-button{border:1px solid var(--accent);background:var(--cell-bg);color:var(--accent);border-radius:999px;padding:.3rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer}.hint-button:hover{background:var(--staged-bg)}.hint-button.hint-cancel{border-color:var(--cell-border);color:var(--muted)}.hint-used{color:var(--muted);font-size:.8rem;font-weight:600;padding:.3rem .2rem}.help-button{border:1px solid var(--cell-border);background:var(--cell-bg);color:var(--fg);border-radius:999px;padding:.3rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer}.help-button:hover{border-color:var(--accent)}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:5vh 5vw}.help-modal{width:100%;height:100%;max-width:34rem;background:var(--bg);border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:rise-in .2s ease-out}.help-header{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:.9rem 1.1rem;border-bottom:1px solid var(--cell-border)}.help-header h2{margin:0;font-size:1.15rem}.help-close{border:none;background:none;color:var(--muted);font-size:1.2rem;line-height:1;cursor:pointer;padding:.3rem}.help-close:hover{color:var(--fg)}.help-body{flex:1 1 auto;overflow-y:auto;padding:1rem 1.1rem 1.5rem}.help-body section{margin-bottom:1.75rem}.help-body section:last-child{margin-bottom:0}.help-body h3{margin:0 0 .5rem;font-size:1rem;color:var(--accent)}.help-body p{margin:0 0 .6rem;font-size:.9rem;line-height:1.45;color:var(--fg)}.mini-grid{display:flex;gap:6px;margin:.7rem 0 .9rem}.mini-cell-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.mini-cell{width:2.1rem;height:2.1rem;display:flex;align-items:center;justify-content:center;background:var(--cell-bg);border:2px solid var(--cell-border);border-radius:4px;font-size:.95rem;font-weight:700;color:var(--fg)}.mini-cell--black{background:var(--cell-black);border-color:var(--cell-black)}.mini-cell--hint-target{border-color:var(--accent);border-style:dashed;background:var(--staged-bg)}.mini-cell--hint-revealed{border-color:var(--accent);border-style:solid;border-width:3px;background:var(--staged-bg)}.mini-cell--word-done{border-color:var(--hit);color:var(--hit)}.mini-arrow{color:var(--accent);font-size:.75rem;line-height:1}.mini-key-wrap{margin:.7rem 0 .9rem}.mini-key{display:inline-flex;align-items:center;justify-content:center;flex:none;width:5rem;height:2.4rem;max-width:none;cursor:default}.hold-hint-prompt{width:min(100%,22rem);padding:.75rem 1rem;border:1px solid var(--accent);border-radius:8px;background:var(--cell-bg);animation:rise-in .25s ease-out}.hold-hint-prompt p{margin:0 0 .6rem;font-size:.9rem}.hold-hint-actions{display:flex;gap:.5rem}.hold-hint-actions button{flex:1 1 auto;border:1px solid var(--cell-border);background:var(--cell-bg);color:var(--fg);border-radius:999px;padding:.4rem .6rem;font-size:.85rem;cursor:pointer}.hold-hint-actions button:first-child{border-color:var(--accent);color:var(--accent);font-weight:600}.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 .direction{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.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;font-size:.68rem;letter-spacing:-.01em}.key.submit:disabled{background:var(--key-bg);color:var(--muted)}.key.backspace-active{background:var(--danger);color:#fff}.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}.victory .score{font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:.4rem}.victory .score-info-button{margin-top:0;width:1.15rem;height:1.15rem;border-radius:50%;border:1px solid var(--cell-border);background:var(--cell-bg);color:var(--muted);padding:0;font-size:.7rem;font-weight:600;line-height:1;cursor:pointer;flex:none}.victory .score-info-button:hover{border-color:var(--muted);color:var(--fg)}.score-info{position:relative;width:min(100%,22rem);margin:.5rem auto 0;padding:.75rem 2.2rem .75rem 1rem;border:1px solid var(--hit);border-radius:8px;background:var(--cell-bg);text-align:left;animation:rise-in .25s ease-out}.score-info p{margin:.25rem 0;font-size:.85rem;font-weight:400}.score-info-yours{color:var(--hit);font-weight:700!important}.score-info button{position:absolute;top:.4rem;right:.4rem;margin-top:0;width:1.15rem;height:1.15rem;border-radius:50%;border:1px solid var(--cell-border);background:var(--cell-bg);color:var(--muted);padding:0;font-size:.7rem;font-weight:600;line-height:1;cursor:pointer}.score-info button:hover{border-color:var(--muted);color:var(--fg)}.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}.stats-header h2{display:flex;align-items:center;gap:.5rem}.stats-drop{width:.85rem;height:1.2rem;fill:var(--accent);flex:none}.stats-status{text-align:center;color:var(--muted);padding:1.5rem 0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.stats-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem;border:1px solid var(--cell-border);border-radius:12px;background:var(--cell-bg);padding:.9rem .6rem;animation:rise-in .25s ease-out}.stats-tile-icon{font-size:1.3rem;line-height:1}.stats-tile-value{font-size:1.3rem;font-weight:800;font-variant-numeric:tabular-nums}.stats-tile-label{font-size:.72rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.stats-tile--hero{grid-column:1 / -1;padding:1.1rem .6rem;border:none;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.22) 0%,transparent 55%),var(--accent);box-shadow:0 6px 18px #4361ee59}.stats-tile--hero .stats-tile-icon{font-size:1.7rem}.stats-tile--hero .stats-tile-value{font-size:1.9rem;color:#fff}.stats-tile--hero .stats-tile-label{color:#ffffffd9}.stats-yours{margin-top:1.25rem;padding-top:1rem;border-top:1px dashed var(--cell-border)}.stats-yours-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.6rem}.stats-yours-grid .stats-tile{border-color:var(--hit)}.stats-yours-grid .stats-tile-value{color:var(--hit)}.stats-your-heading{display:flex;align-items:center;gap:.4rem}.stats-info-button{width:1.15rem;height:1.15rem;border-radius:50%;border:1px solid var(--cell-border);background:var(--cell-bg);color:var(--muted);padding:0;font-size:.7rem;font-weight:600;line-height:1;cursor:pointer;flex:none}.stats-info-button:hover{border-color:var(--muted);color:var(--fg)}.stats-info{position:relative;margin:.5rem 0 .9rem;padding:.75rem 2.2rem .75rem 1rem;border:1px solid var(--cell-border);border-radius:8px;background:var(--cell-bg);animation:rise-in .25s ease-out}.stats-info p{margin:0;font-size:.85rem;color:var(--muted)}.stats-info button{position:absolute;top:.4rem;right:.4rem;width:1.15rem;height:1.15rem;border-radius:50%;border:1px solid var(--cell-border);background:var(--cell-bg);color:var(--muted);padding:0;font-size:.7rem;font-weight:600;line-height:1;cursor:pointer}.stats-info button:hover{border-color:var(--muted);color:var(--fg)}