:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2937;--bg:#f8fafc;--surface:#fff;--surface-strong:#e2e8f0;--border:#d1d5db;--text:#111827;--text-muted:#475569;--accent:#2563eb;--accent-dark:#1d4ed8;--correct:#16a34a;--present:#eab308;--absent:#6b7280;--tile-shadow:0 10px 30px #0f172a14;background:#f8fafc;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}#app,.game-shell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at top,#e0f2fe 0%,#0000 40%),linear-gradient(#f8fafc 0%,#e2e8f0 100%);min-height:100dvh}button{font:inherit}#app{justify-content:center;align-items:stretch;height:100dvh;padding:12px 8px;display:flex}.game-shell{background:var(--surface);width:min(100%,540px);max-width:100%;height:100%;box-shadow:var(--tile-shadow);border-radius:28px;flex-direction:column;gap:10px;padding:22px;display:flex;overflow:hidden}.game-shell.home-screen{justify-content:center}.home-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:360px;margin-top:0;padding:32px 24px;display:flex}.home-title{letter-spacing:.08em;margin:0;font-size:clamp(2.2rem,7vw,2.9rem)}.home-subtitle{color:var(--text-muted);margin:0;font-size:1rem}.home-actions{flex-direction:column;gap:12px;width:min(280px,100%);margin-top:8px;display:flex}.home-notice{min-height:1.25rem;color:var(--text-muted);margin:0;font-size:.95rem;font-weight:600}.home-action-row{grid-template-columns:minmax(0,1fr) 56px;gap:10px;width:100%;display:grid}.home-actions-stack{flex-direction:column;gap:12px;width:100%;display:flex}.home-button{border-radius:16px;width:100%;padding:14px 18px}.home-button-half{width:100%}.home-button-plus{min-width:56px;padding:0;font-size:1.45rem;line-height:1}.home-button-close{color:var(--text-muted);margin-top:4px}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.game-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:0;display:flex}.game-header-left{align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.game-title{flex-direction:column;justify-content:center;min-width:0;line-height:1.05;display:flex}.game-title h1{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(1.4rem,5.5vw,2rem);overflow:hidden}.game-title .subtitle{margin:2px 0 0;font-size:.8rem}.icon-button{border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.25rem;display:inline-flex}.subtitle{color:var(--text-muted);margin:0 0 6px;font-size:.95rem}h1{letter-spacing:.08em;margin:0;font-size:clamp(2rem,5vw,2.6rem)}.description{color:var(--text-muted);max-width:100%;margin:0;font-size:.98rem}.status{color:#1e3a8a;background:#eef2ff;border-radius:16px;align-self:start;margin:0;padding:8px 12px;font-weight:700;line-height:1.2;display:inline-block;box-shadow:inset 0 1px #fffc}.board{background:#f8fafc;border-radius:20px;flex:auto;align-content:start;align-self:stretch;gap:6px;min-height:0;padding:12px;display:grid;overflow-y:auto}.row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.row.active .tile{transform:translateY(-1px)}.tile{aspect-ratio:1;color:var(--text);text-transform:uppercase;background:#fff;border:2px solid #cbd5e1;border-radius:14px;place-items:center;font-size:clamp(1rem,4.5vw,1.3rem);font-weight:700;transition:transform .12s,background-color .12s,border-color .12s;display:grid}.tile.filled{border-color:#94a3b8}.tile.correct{background:var(--correct);color:#fff;border-color:var(--correct)}.tile.present{background:var(--present);color:#111827;border-color:var(--present)}.tile.absent{color:#fff;background:#d1d5db;border-color:#d1d5db}.suggest-display{background:#f8fafc;border-radius:20px;flex:auto;grid-template-columns:repeat(5,minmax(0,1fr));align-self:stretch;gap:8px;min-height:0;padding:12px;display:grid;overflow-y:auto}.suggest-tile{aspect-ratio:1;color:var(--text);text-transform:uppercase;background:#fff;border:2px solid #cbd5e1;border-radius:14px;place-items:center;font-size:clamp(1rem,4.5vw,1.3rem);font-weight:700;display:grid}.keyboard{width:calc(100% + 44px);padding:8px 6px calc(10px + env(safe-area-inset-bottom,0px));background:#d4d7dd;align-self:end;gap:6px;margin:0 -22px -22px;display:grid}.keyboard-row{gap:5px;width:100%;max-width:760px;margin:0 auto;display:flex}.key-button{color:#1f2937;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:#fff;border:none;border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:clamp(40px,6.2vh,52px);padding:0;font-size:clamp(.95rem,4.2vw,1.15rem);font-weight:500;transition:background-color .12s,color .12s;display:inline-flex;box-shadow:0 1px #00000040}.key-button:active{background:#c8ccd4}.key-button.wide{flex:1.5 1 0}.key-button.enter{color:#fff;background:#3b82f6;font-size:1.2rem}.key-button.delete{color:#1f2937;background:#aeb3bd;font-size:1.2rem}.key-button:hover{transform:translateY(-1px)}.key-button.correct{background:var(--correct);color:#fff}.key-button.present{background:var(--present);color:#111827}.key-button.absent{color:#fff;background:#9ca3af}.button{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:14px;padding:12px 16px;font-weight:700}.button.secondary{color:var(--text);background:#f8fafc;border:1px solid #cbd5e1}.button:disabled,.button.secondary:disabled{opacity:.45;cursor:not-allowed}.home-button-done{color:var(--correct);border-color:var(--correct)}.stats-bar{justify-content:center;gap:8px;display:flex;position:relative}.game-header .stats-bar{justify-content:flex-end}.stat-pill{color:var(--text);white-space:nowrap;background:#f1f5f9;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.stat-pill .emoji{font-size:1.15rem;line-height:1}.coin-icon{background:radial-gradient(circle at 35% 30%,#ffe27a 0%,#f5c518 45%,#d99a00 100%);border-radius:50%;flex:none;width:1.15rem;height:1.15rem;position:relative;box-shadow:inset 0 0 0 1.5px #b8860b,0 1px 2px #00000040}.coin-icon:after{content:"₽";color:#8a5a00;place-items:center;font-size:.7rem;font-weight:800;display:grid;position:absolute;inset:0}.action-panel{flex-wrap:wrap;gap:8px;display:flex}.action-panel:empty{display:none}.action-button{flex:auto;padding:10px 14px;font-size:.9rem}.tile.hinted{box-shadow:inset 0 0 0 2px var(--present)}.tile.hintable{cursor:pointer;border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);background:#eff6ff;animation:1.2s ease-in-out infinite hint-pulse}.tile.hintable:active{transform:scale(.94)}@keyframes hint-pulse{0%,to{box-shadow:inset 0 0 0 2px var(--accent)}50%{box-shadow:inset 0 0 0 4px var(--accent)}}@media (width<=480px){.game-shell{padding:18px}}.tile.reveal{animation:.32s forwards tile-reveal}@keyframes tile-reveal{0%{transform:rotateX(0)scale(1)}50%{transform:rotateX(90deg)scale(1.06)}to{transform:rotateX(0)scale(1)}}.row.shake{animation:.42s row-shake}@keyframes row-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.coin-burst{background:var(--correct);color:#fff;pointer-events:none;border-radius:999px;padding:4px 10px;font-weight:800;animation:.9s forwards coin-burst;position:absolute;top:8px;right:12px;box-shadow:0 6px 18px #16a34a66}@keyframes coin-burst{0%{opacity:0;transform:translateY(6px)scale(.8)}25%{opacity:1;transform:translateY(-4px)scale(1.05)}to{opacity:0;transform:translateY(-22px)scale(1)}}#stat-coins-val{display:inline-block}#stat-coins-val.counter-pop{animation:.36s counter-pop}@keyframes counter-pop{0%{transform:scale(1)}40%{color:var(--correct);transform:scale(1.25)}to{transform:scale(1)}}.modal-overlay{z-index:100;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.24s forwards overlay-fade;display:flex;position:fixed;inset:0}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.modal-dialog{background:var(--surface);text-align:center;border-radius:24px;width:min(100%,380px);padding:28px 24px;animation:.28s cubic-bezier(.18,.89,.32,1.28) forwards modal-pop;box-shadow:0 24px 60px #0f172a59}.modal-dialog.modal-enter{animation:.28s cubic-bezier(.18,.89,.32,1.28) forwards modal-pop}@keyframes modal-pop{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-title{margin:0 0 14px;font-size:1.7rem}.modal-word,.modal-reward,.modal-balance{color:var(--text-muted);margin:6px 0;font-size:1rem}.modal-reward strong{color:var(--correct)}.modal-actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.modal-actions .button{border-radius:16px;width:100%;padding:14px 18px}.modal-overlay.closing{animation:.2s forwards overlay-fade-out}@keyframes overlay-fade-out{0%{opacity:1}to{opacity:0}}