*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--coral: #ff8a5c;--purple: #b06fd0;--blue: #4a8fe0;--deep: #08060d;--mid: #0e0b16;--card: #16121f;--hi: #2a1d3d;--brand: linear-gradient(135deg, var(--coral), var(--purple), var(--blue));--text: #ffffff;--text-dim: rgba(255,255,255,.5);--text-med: rgba(255,255,255,.75);--border: rgba(255,255,255,.1);--amber: #ffd080;--green: #33c75a;--red: #ff4535;--hint-blue: #6691ff}html,body{height:100%;background:var(--deep);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body{background:linear-gradient(160deg,var(--hi) 0%,var(--deep) 55%);min-height:100dvh}.screen{display:flex;flex-direction:column;align-items:center;min-height:100dvh}.screen-top{justify-content:flex-start;padding-top:max(env(safe-area-inset-top,0px),12px)}.screen-scroll{overflow-y:auto;justify-content:flex-start}#loading-screen{justify-content:center}.loading-inner{display:flex;flex-direction:column;align-items:center;gap:28px}.brand-title{font-size:2rem;font-weight:900;letter-spacing:.1em;background:var(--brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spinner{width:32px;height:32px;border:2.5px solid rgba(255,255,255,.12);border-top-color:var(--coral);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{text-align:center;padding:32px 24px;max-width:360px}.error-msg p{color:var(--text-dim);font-size:.9rem;line-height:1.5;margin-bottom:20px}.error-msg button{padding:12px 28px;border-radius:14px;border:none;background:var(--brand);color:#fff;font-size:1rem;font-weight:700;cursor:pointer}.icon-btn{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border);background:#ffffff12;color:var(--text-med);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.icon-btn:active{background:#ffffff24}.game-header{width:100%;max-width:480px;padding:10px 18px;display:flex;flex-direction:column;gap:10px}.header-top{display:flex;align-items:center;justify-content:space-between}.header-brand-stack{display:flex;flex-direction:column;gap:1px}.header-brand{font-size:1.1rem;font-weight:900;letter-spacing:.1em;background:var(--brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.header-sub{font-size:.68rem;font-weight:600;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase}.hud-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid var(--border);border-radius:14px}.hud-item{font-size:.88rem;font-weight:600;display:flex;align-items:center;gap:4px}.hud-finger{font-size:.85rem;line-height:1}.hud-dim{color:var(--text-dim);font-weight:500}.hud-sep{color:var(--text-dim);font-size:.8rem}.game-main{flex:1;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;padding:6px 16px 12px;gap:10px}.word-grid-card{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px 14px;background:#ffffff0a;border:1px solid var(--border);border-radius:16px}.word-pill{display:flex;align-items:center;justify-content:center;padding:5px 4px;border-radius:20px;font-size:.75rem;font-weight:700;font-family:SF Mono,Menlo,Consolas,monospace;letter-spacing:.04em;transition:all .25s;background:#ffffff12;border:1px solid rgba(255,255,255,.18);color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-pill.broken{background:#ffd08021;border:1.5px solid rgba(255,208,128,.55);color:var(--amber);animation:pillPop .28s cubic-bezier(.34,1.56,.64,1)}@keyframes pillPop{0%{transform:scale(.8)}to{transform:scale(1)}}.grid-wrap{width:100%;aspect-ratio:1;position:relative}.grid{display:grid;gap:3px;width:100%;height:100%;padding:9px;border-radius:22px;position:relative;overflow:hidden}.grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand);border-radius:22px;z-index:0}.grid>*{position:relative;z-index:1}.grid-svg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:visible}.cell{background:#0e0b16d9;border:none;border-radius:5px;color:#ffffffe6;font-size:clamp(10px,3vw,16px);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,background .15s;-webkit-tap-highlight-color:transparent;aspect-ratio:1;width:100%;line-height:1;position:relative}.cell:active:not(:disabled):not(.selected){transform:scale(.88);background:#b06fd04d}.cell.selected{background:#b06fd0b8;outline:2.5px solid var(--purple);outline-offset:-1px;transform:scale(.94);box-shadow:0 0 0 4px #b06fd047,0 0 14px #b06fd073}.cell.scratched-word{background:#33c75a21;border:1.5px solid rgba(51,199,90,.75);color:var(--green);cursor:default}.cell.scratched-word svg{stroke:var(--green)}.cell.scratched-nonword{background:#ff453521;border:1.5px solid rgba(255,69,53,.75);color:var(--red);cursor:default}.cell.scratched-nonword svg{stroke:var(--red)}.cell.found{background:#ffd0800d}.cell.flash{animation:cellFlash .4s ease-out}@keyframes cellFlash{0%{background:#b06fd0bf}to{background:#0e0b16d9}}.cell-count{font-size:inherit;font-weight:900;color:var(--green)}.scratch-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;border-radius:14px;border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .15s;background:#0e0b1699;color:#ffffff47;box-shadow:inset 0 0 0 1.5px #ffffff1f}.scratch-btn.active{background:var(--brand);color:#fff;box-shadow:none}.scratch-btn.active:active{opacity:.82}.scratch-btn:disabled{cursor:default}.game-footer{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:10px;border-top:1px solid var(--border)}.app-badges{display:none}.badge-img{display:block;height:40px;width:auto}.badge-google{height:48px;margin:-4px 0}.footer-links{display:flex;align-items:center;gap:10px;padding-bottom:4px}.footer-link{font-size:.75rem;color:var(--text-dim);text-decoration:none}.footer-link:hover{color:var(--text-med)}.footer-sep{color:var(--border);font-size:.75rem}.footer-link-btn{background:none;border:none;cursor:pointer;padding:0}.result-inner{width:100%;max-width:440px;padding:max(env(safe-area-inset-top,0px),12px) 16px max(env(safe-area-inset-bottom,0px),24px);display:flex;flex-direction:column;gap:0}.result-header-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 16px}.result-brand{font-size:1rem;font-weight:900;letter-spacing:.1em;background:var(--brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-card{display:flex;flex-direction:column;gap:14px}.outcome-header{text-align:center;padding:12px 0 4px}.outcome-icon{font-size:3.8rem;line-height:1;display:block}.outcome-title{font-size:2.6rem;font-weight:900;margin-top:10px;letter-spacing:-.01em;background:var(--brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.outcome-sub{font-size:.85rem;color:#ffd700d9;margin-top:6px;font-weight:600}.outcome-sub.bust-sub{color:var(--text-dim)}.result-stats-row{display:flex;align-items:center;background:#ffffff0d;border:1.5px solid var(--border);border-radius:20px;padding:18px 0}.result-stat-cell{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.result-stat-num{font-size:1.45rem;font-weight:800}.result-stat-num.ace{color:gold}.result-stat-denom{font-size:.85rem;font-weight:600;opacity:.5;margin-left:1px}.result-stat-label{font-size:.68rem;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.result-stat-divider{width:1px;background:var(--border);align-self:stretch}.result-grid-wrap{width:100%;aspect-ratio:1;position:relative}.result-grid{display:grid;gap:3px;width:100%;height:100%;padding:8px;border-radius:20px;position:relative;overflow:hidden}.result-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand);border-radius:20px;z-index:0}.result-grid>*{position:relative;z-index:1}.def-sheet{gap:10px}.def-word{font-size:1.6rem;font-weight:900;letter-spacing:.08em;color:var(--amber);text-align:center;padding-top:4px}.def-pos{font-size:.8rem;font-style:italic;color:var(--text-dim);text-align:center;min-height:1em}.def-text{font-size:.95rem;line-height:1.55;color:#ffffffd9;text-align:center;padding:4px 4px 8px}.btn-share{width:100%;padding:16px;border-radius:16px;border:none;background:var(--brand);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:opacity .15s}.btn-share:active{opacity:.8}.lb-wrap{display:flex;flex-direction:column;gap:10px}.lb-title{font-size:.7rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.lb-list{display:flex;flex-direction:column;gap:5px}.lb-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff0a}.lb-row.me{background:#b06fd01f;border:1px solid rgba(176,111,208,.3)}.lb-rank{width:26px;text-align:center;font-size:.95rem;flex-shrink:0}.lb-name-col{flex:1;display:flex;flex-direction:column;gap:1px}.lb-name{font-size:.88rem;font-weight:600}.lb-ace{font-size:.68rem;font-weight:700;color:gold}.lb-score{font-size:.83rem;color:var(--text-dim);white-space:nowrap}.loading-small,.no-entries{color:var(--text-dim);font-size:.85rem;text-align:center;padding:14px 0}.site-footer{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:20px;border-top:1px solid var(--border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal-sheet{width:100%;max-width:420px;background:var(--mid);border:1.5px solid var(--border);border-radius:24px;padding:12px 20px 24px;display:flex;flex-direction:column;gap:16px;max-height:92dvh;overflow-y:auto;animation:slideUp .28s cubic-bezier(.32,1,.32,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:36px;height:4px;background:#fff3;border-radius:2px;margin:0 auto 2px;flex-shrink:0}.modal-title{font-size:1.25rem;font-weight:800;text-align:center;background:var(--brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}.htp-body-text{flex-shrink:0}.htp-body-text p{font-size:.85rem;color:#ffffffa6;line-height:1.6;text-align:center}.htp-body-text p+p{margin-top:6px}.htp-dirs{font-size:.78rem!important;color:#fff6!important}.htp-demo{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.htp-pills{display:flex;gap:6px}.htp-pill{flex:1;display:flex;align-items:center;justify-content:center;padding:5px 4px;border-radius:20px;font-size:.72rem;font-weight:700;font-family:SF Mono,Menlo,Consolas,monospace;letter-spacing:.04em;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff6;transition:all .3s ease}.htp-pill.broken{background:#ffd08021;border-color:#ffd0808c;color:var(--amber);transform:scale(1.05)}.htp-grid-wrap{width:100%;aspect-ratio:1;position:relative;max-width:260px;align-self:center}.htp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;width:100%;height:100%;padding:8px;border-radius:16px;position:relative;overflow:hidden}.htp-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand);border-radius:16px;z-index:0}.htp-grid>*{position:relative;z-index:1}.htp-cell{background:#0e0b16d9;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:clamp(9px,3.5vw,14px);font-weight:700;color:#ffffffe0;aspect-ratio:1;transition:background .18s,transform .18s,border .18s;border:1.5px solid transparent}.htp-cell.selected{background:#b06fd080;border-color:var(--purple);transform:scale(.93)}.htp-cell.scratched-word{background:#33c75a24;border-color:#33c75abf;color:var(--green)}.htp-cell.scratched-nonword{background:#ff453524;border-color:#ff4535bf;color:var(--red)}.htp-svg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.htp-finger{position:absolute;font-size:2rem;pointer-events:none;transition:opacity .25s ease,left .45s cubic-bezier(.34,.78,.35,1),top .45s cubic-bezier(.34,.78,.35,1),transform .18s ease;transform-origin:bottom left;opacity:0}.htp-finger.visible{opacity:1}.htp-finger.tap{transform:scale(.75)}.htp-flying{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.flying-label{position:absolute;left:50%;transform:translate(-50%);font-size:.9rem;font-weight:900;color:var(--amber);text-shadow:0 0 10px rgba(255,208,128,.8);animation:flyUp 1.1s ease-out forwards}@keyframes flyUp{0%{bottom:40%;opacity:1}70%{opacity:1}to{bottom:70%;opacity:0}}.game-flying-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:10}.game-flying-label{position:absolute;transform:translate(-50%);font-size:1rem;font-weight:900;letter-spacing:.06em;color:var(--amber);text-shadow:0 0 14px rgba(255,208,128,.9);white-space:nowrap;animation:gameFlyUp 1.2s ease-out forwards}@keyframes gameFlyUp{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.6)}15%{opacity:1;transform:translate(-50%) translateY(-8px) scale(1.1)}40%{opacity:1;transform:translate(-50%) translateY(-18px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-56px) scale(.9)}}.game-complete-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;display:flex;align-items:center;justify-content:center;animation:gcFlash 1s ease-in-out forwards}.game-complete-flash-inner{padding:18px 32px;border-radius:20px;background:#0e0b16d1;border:1.5px solid rgba(176,111,208,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;gap:6px}.game-complete-flash-title{font-size:1.5rem;font-weight:900;letter-spacing:.04em;background:var(--brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-complete-flash-sub{font-size:.85rem;color:#ffffff8c;font-weight:600}@keyframes gcFlash{0%{opacity:0;transform:scale(.85)}18%{opacity:1;transform:scale(1.04)}30%{transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(1)}}.modal-close-btn{width:100%;padding:15px;border-radius:16px;border:none;background:var(--brand);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;flex-shrink:0}