*,*: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));--glass: rgba(255,255,255,.1);--text: #ffffff;--text-dim: rgba(255,255,255,.55);--radius: 16px}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) 60%);min-height:100dvh}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.brand-title{font-size:2rem;font-weight:900;letter-spacing:.08em;background:var(--brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:28px}.spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.15);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:24px}.error-msg p{color:var(--text-dim);margin-bottom:16px}.error-msg button{padding:10px 24px;border-radius:12px;border:none;background:var(--brand);color:#fff;font-size:1rem;cursor:pointer}#game-screen{justify-content:flex-start;padding-top:max(env(safe-area-inset-top,0px),12px)}.game-header{width:100%;max-width:480px;padding:12px 20px 8px;display:flex;flex-direction:column;align-items:center;gap:8px}.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}.hud{width:100%}.hud-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;font-size:.88rem;font-weight:600}.hud-sep{opacity:.35}.hint-btn{background:#ffd0801f;border:1px solid rgba(255,208,128,.3);border-radius:8px;color:#ffd080;font-size:13px;font-weight:700;padding:3px 9px;cursor:pointer;transition:opacity .2s}.hint-btn:disabled{cursor:default}.game-main{flex:1;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;padding:8px 16px 16px;gap:12px}.grid-wrap{width:100%;aspect-ratio:1}.grid{display:grid;gap:3px;width:100%;height:100%;padding:10px;background:var(--brand);border-radius:20px}.cell{background:#0e0b16d1;border:none;border-radius:6px;color:#ffffffeb;font-size:clamp(10px,3vw,17px);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%}.cell:active:not(:disabled):not(.selected){transform:scale(.88);background:#b06fd040}.cell.selected{background:#b06fd073;outline:2px solid var(--purple);outline-offset:-1px;transform:scale(.94)}.cell.removed{background:#08060db3;color:#ffffff2e;cursor:default}.cell.removed svg{width:38%;height:38%;stroke:#fff3}.cell.flash{animation:cellFlash .4s ease-out}@keyframes cellFlash{0%{background:#b06fd0b3}to{background:#0e0b16d1}}.cell.found{background:#ffd0802e;color:#ffd080}.cell.found svg{stroke:#ffd0808c}.cell.hinted{background:#6491ff26;color:#6691ff;outline:1.5px solid rgba(100,145,255,.5);outline-offset:-1px}.scratch-panel{width:100%;display:flex;gap:10px}.scratch-cancel{flex:1;padding:14px;border-radius:14px;border:none;background:#ffffff14;color:#ffffffb3;font-size:1rem;font-weight:600;cursor:pointer}.scratch-confirm{flex:1.6;padding:14px;border-radius:14px;border:none;background:var(--brand);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:opacity .15s}.scratch-confirm:active{opacity:.8}.word-list{width:100%;display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;min-height:48px}.word-list-label{font-size:.72rem;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:.08em}.word-chips{display:flex;flex-wrap:wrap;gap:7px}.word-chip{padding:5px 10px;border-radius:20px;font-size:.78rem;font-weight:700;font-family:SF Mono,Menlo,monospace;letter-spacing:.06em;background:var(--hi);border:1px solid rgba(255,255,255,.13);color:#fffc;animation:chipPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes chipPop{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}#result-screen{padding:20px 16px;overflow-y:auto;justify-content:flex-start;padding-top:max(env(safe-area-inset-top,0px),24px)}.result-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:16px}.result-header{text-align:center;padding:8px 0 4px}.result-icon{font-size:3.2rem;line-height:1;display:block}.result-header h2{font-size:2rem;font-weight:900;color:var(--text);margin-top:8px}.result-sub{font-size:.82rem;color:#ffd700cc;margin-top:4px}.stats-card{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:20px;padding:4px 20px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.stat-label{font-size:.9rem;color:#ffffff8c}.stat-value{font-size:.9rem;font-weight:700;color:var(--text)}.stat-divider{height:1px;background:#ffffff14}.streak-card{display:flex;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:20px;padding:16px 0}.streak-cell{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.streak-row-inner{display:flex;align-items:center;gap:4px}.streak-icon{font-size:.9rem}.streak-num{font-size:1.5rem;font-weight:800;color:var(--text)}.streak-label{font-size:.72rem;color:#ffffff73}.streak-divider{width:1px;background:#ffffff1a;margin:0}.btn-share{width:100%;padding:15px;border-radius:16px;border:none;background:var(--brand);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.03em;transition:opacity .15s}.btn-share:active{opacity:.8}.lb-title{font-size:.78rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.lb-list{display:flex;flex-direction:column;gap:6px}.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,.35)}.lb-rank{width:28px;text-align:center;font-size:1rem}.lb-name-col{flex:1;display:flex;flex-direction:column;gap:1px}.lb-name{font-size:.88rem;font-weight:600;color:var(--text)}.lb-ace{font-size:.7rem;font-weight:700;color:var(--coral)}.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:12px 0}.app-cta{text-align:center;padding-top:4px;border-top:1px solid rgba(255,255,255,.08)}.app-cta p{font-size:.82rem;color:var(--text-dim);padding:8px 0}