@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#f8f6f3;--surface:#fff;--border:#e2ddd8;--text:#111;--text-muted:#7a7570;--correct:#3d9970;--present:#c8963e;--absent:#a8a39e;--tile-size:52px;--tile-gap:5px;--tile-radius:3px;--key-h:56px;--key-radius:4px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{margin:0}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}#root{flex-direction:column;min-height:100dvh;display:flex}.app{flex-direction:column;width:100%;max-width:520px;min-height:100dvh;margin:0 auto;display:flex}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header__title{letter-spacing:.12em;color:var(--text);-webkit-user-select:none;user-select:none;font-size:20px;font-weight:700}.header__accent{color:var(--correct)}.header__icon-btn{color:var(--text-muted);border-radius:6px;align-items:center;padding:6px;transition:color .1s,background .1s;display:flex}.header__icon-btn:hover{color:var(--text);background:var(--border)}.header__meta{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:5px;min-width:48px;font-size:13px;font-weight:500;display:flex}.toast{background:var(--text);color:var(--surface);letter-spacing:.02em;pointer-events:none;opacity:0;z-index:100;white-space:nowrap;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .15s,transform .15s;position:fixed;top:64px;left:50%;transform:translate(-50%)translateY(-8px)}.toast--visible{opacity:1;transform:translate(-50%)translateY(0)}.game{flex-direction:column;flex:1;align-items:center;gap:0;padding:28px 20px 16px;display:flex}.stages{flex-direction:column;gap:10px;width:100%;display:flex}.stage-num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:inline-flex}.stage-num--active{background:var(--text);color:var(--surface)}.stage-num--solved{background:var(--correct);color:#fff}.stage-num--locked{background:var(--border);color:var(--text-muted)}.grid-active{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:10px;padding:16px;display:flex}.grid-active__label{align-items:center;gap:8px;display:flex}.grid-active__name{color:var(--text);letter-spacing:.04em;font-size:12px;font-weight:600}.grid-active__desc{color:var(--text-muted);letter-spacing:.04em;margin-left:auto;font-size:12px}.stage-summary{border-radius:6px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.stage-summary--solved{background:var(--surface);border:1px solid var(--border)}.stage-summary--locked{border:1px dashed var(--border);opacity:.5}.stage-summary__label{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.stage-check{color:var(--correct);margin-left:auto;font-size:12px;font-weight:700}.stage-summary__rows{flex-direction:column;gap:3px;display:flex}.stage-summary__row{gap:3px;display:flex}.mini-tile{background:var(--border);border-radius:2px;width:14px;height:14px}.mini-tile--correct{background:var(--correct)}.mini-tile--present{background:var(--present)}.mini-tile--absent{background:var(--absent)}.mini-tile--empty{background:var(--border);opacity:.4}.mini-tile--active{background:var(--border)}.grid-rows{gap:var(--tile-gap);flex-direction:column;display:flex}.grid-row{gap:var(--tile-gap);display:flex}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.grid-row--shake{animation:.5s shake}.tile{width:var(--tile-size);height:var(--tile-size);border:1.5px solid var(--border);border-radius:var(--tile-radius);letter-spacing:.04em;color:var(--text);background:var(--surface);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:border-color 80ms;display:flex}.tile--filled{border-color:#bfbab5}.tile--active{border-color:var(--text)}@keyframes reveal{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}51%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.tile--reveal{animation:.34s both reveal}.tile--correct{background:var(--correct);border-color:var(--correct);color:#fff}.tile--present{background:var(--present);border-color:var(--present);color:#fff}.tile--absent{background:var(--absent);border-color:var(--absent);color:#fff}.game__footer{align-items:center;height:32px;margin-top:20px;display:flex}.guess-counter{color:var(--text-muted);margin:0;font-size:13px}.guess-counter strong{color:var(--text)}.btn-results{color:var(--surface);background:var(--text);letter-spacing:.02em;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:600}.btn-results:hover{opacity:.85}.keyboard{flex-direction:column;gap:6px;padding:8px 8px 16px;display:flex}.keyboard__row{justify-content:center;gap:5px;display:flex}.key{height:var(--key-h);border-radius:var(--key-radius);background:var(--border);min-width:36px;color:var(--text);letter-spacing:.04em;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:0 4px;font-size:13px;font-weight:600;transition:background 80ms,color 80ms,transform 60ms;display:flex}.key:active{transform:scale(.93)}.key--wide{min-width:56px;font-size:12px}.key--correct{background:var(--correct);color:#fff}.key--present{background:var(--present);color:#fff}.key--absent{color:#fff;background:#c8c4bf}.modal-overlay{z-index:200;background:#00000052;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:10px;width:100%;max-width:360px;box-shadow:0 8px 32px #00000029}.modal__header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.modal__title{color:var(--text);margin:0;font-size:16px;font-weight:600}.modal__close{color:var(--text-muted);border-radius:4px;align-items:center;padding:4px;transition:color .1s;display:flex}.modal__close:hover{color:var(--text)}.modal__body{color:var(--text-muted);flex-direction:column;gap:12px;padding:16px 20px 24px;font-size:14px;line-height:1.6;display:flex}.modal__body p{margin:0}.modal__note{color:var(--text-muted);border-top:1px solid var(--border);margin-top:4px;padding-top:12px;font-size:12px}.legend{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 0;display:flex}.legend__row{color:var(--text);align-items:center;gap:12px;font-size:13px;display:flex}.legend__tile{border-radius:var(--tile-radius);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.legend__tile--correct{background:var(--correct)}.legend__tile--present{background:var(--present)}.legend__tile--absent{background:var(--absent)}.result__answers{flex-direction:column;gap:6px;display:flex}.result__answer{align-items:center;gap:10px;font-size:13px;display:flex}.result__len{width:24px;color:var(--text-muted);font-weight:600}.result__word{letter-spacing:.1em;font-size:15px;font-weight:700}.result__answer--solved .result__word{color:var(--correct)}.result__answer--missed .result__word{color:var(--absent)}.btn-share{color:var(--surface);background:var(--text);letter-spacing:.02em;border-radius:6px;align-self:flex-start;margin-top:4px;padding:8px 18px;font-size:13px;font-weight:600;transition:opacity .1s}.btn-share:hover{opacity:.82}@media (width<=420px){:root{--tile-size:46px;--tile-gap:4px}.key{min-width:30px;height:50px}.key--wide{min-width:48px}}