:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.menu{max-width:520px;width:100%;text-align:center}.menu-title{font-size:2.5rem;font-weight:700;letter-spacing:-.03em;margin:0 0 .25rem;background:linear-gradient(135deg,#4ade80,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-subtitle{color:#ffffff80;font-size:1rem;margin:0 0 2.5rem}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.diff-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;background:#ffffff08;color:#fafafa;cursor:pointer;transition:all .2s ease;font-family:inherit}.diff-btn:hover{background:#ffffff12;border-color:#fff3;transform:translateY(-2px)}.diff-btn:active{transform:translateY(0)}.diff-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:1.25rem;font-weight:700}.diff-easy .diff-icon{background:#4ade8026;color:#4ade80}.diff-medium .diff-icon{background:#facc1526;color:#facc15}.diff-hard .diff-icon{background:#f8717126;color:#f87171}.diff-label{font-size:1rem;font-weight:600}.diff-desc{font-size:.75rem;color:#fff6}.game{max-width:560px;width:100%}.fade-in{animation:fadeIn .3s ease forwards}.fade-out{animation:fadeOut .25s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.game-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap}.back-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:.35rem .85rem;border-radius:.5rem;font-size:.85rem;cursor:pointer;font-family:inherit;transition:all .15s}.back-btn:hover{background:#ffffff1a;color:#fafafa}.diff-badge{padding:.25rem .65rem;border-radius:.4rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;color:#0a0a0a}.stats{display:flex;gap:1rem;margin-left:auto}.stat{font-size:.8rem;color:#ffffff73}.stat strong{color:#fafafa;margin-left:.3rem}.clue-box{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;margin-bottom:2rem;border-radius:.6rem;background:#60a5fa12;border:1px solid rgba(96,165,250,.15)}.clue-icon{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#60a5fa33;color:#60a5fa;font-size:.85rem;font-weight:800}.clue-text{font-size:.95rem;color:#ffffffb3;line-height:1.4}.word-display{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:2.5rem}.letter-cell{position:relative;width:48px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:#ffffff0a;border:2px solid rgba(255,255,255,.08);transition:all .3s ease;-webkit-user-select:none;user-select:none}.letter-char{font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.blank-cell{cursor:pointer;border-color:#ffffff26;background:#ffffff0f}.blank-cell:hover:not(.solved){border-color:#60a5fa80;background:#60a5fa14}.blank-cell.active{border-color:#60a5fa;background:#60a5fa1f;box-shadow:0 0 12px #60a5fa33}.blank-line{position:absolute;bottom:10px;left:12px;right:12px;height:2px;background:#ffffff40;border-radius:1px}.letter-cell.solved{border-color:#4ade80;background:#4ade801f;animation:solvePop .4s ease}@keyframes solvePop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.letter-cell.wrong{border-color:#f87171;background:#f871711f;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.choices-area{text-align:center}.choices-label{font-size:.9rem;color:#ffffff73;margin:0 0 1rem}.choices-grid{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.choice-btn{width:54px;height:54px;display:grid;place-items:center;border-radius:.55rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fafafa;font-size:1.2rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;text-transform:uppercase}.choice-btn:hover{background:#60a5fa26;border-color:#60a5fa;transform:translateY(-2px)}.choice-btn:active{transform:translateY(0);background:#60a5fa40}.solved-msg{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem;margin-top:1rem;border-radius:.6rem;background:#4ade8014;border:1px solid rgba(74,222,128,.2);color:#4ade80;font-weight:600;font-size:1rem;animation:fadeIn .3s ease}.solved-icon{font-size:1.3rem}
