:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#e0e6ed;background:#0a0e14}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh}.app{max-width:600px;margin:0 auto;padding:16px;min-height:100vh;display:flex;flex-direction:column}@media (max-width: 480px){.app{padding:12px}}.hud{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.title{font-size:clamp(18px,4vw,20px);font-weight:700;color:#e0e6ed}.subtitle{font-size:clamp(12px,2.5vw,13px);opacity:.6;margin-top:4px}@media (max-width: 480px){.hud{gap:12px;margin-bottom:16px}}.hudRight{display:flex;align-items:center;gap:12px}.moves{font-size:14px;opacity:.8;color:#a0aab8}.btn{background:#1a2330;border:1px solid #2d3a4a;color:#e0e6ed;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .15s ease}.btn:hover:not(:disabled){background:#232f3e;border-color:#3d4a5a}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.chain{display:flex;flex-direction:column;gap:0;align-items:center;margin:0 auto 32px;max-width:480px;width:100%;flex:1;justify-content:center}.slot{width:100%;padding:16px 20px;border-radius:12px;border:2px solid #1e2935;background:#131920;font-size:clamp(20px,5vw,28px);font-weight:700;letter-spacing:clamp(1px,.3vw,2px);text-transform:uppercase;cursor:default;transition:all .2s ease;color:#6b7785;min-height:68px;display:flex;align-items:center;justify-content:center}.slot--solved{background:linear-gradient(135deg,#1a4d2e,#2d6a4f);border-color:#48a86f;color:#b8f5d4}.slot--guessable{cursor:pointer;border-color:#2d4a6a;background:#1a2735;color:#8fa3b8}.slot--guessable:hover{background:#223044;border-color:#3d5a7a;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.slot--active{border-color:#4a7db8;background:#1e3a5f;color:#c0d6f0;box-shadow:0 0 0 3px #4a7db833}.connector{width:100%;display:flex;justify-content:center;padding:8px 0}.connector-line{width:3px;height:16px;background:#1e2935;border-radius:2px}.inputRow{display:flex;gap:12px;color:#e0e6ed;font-size:18px;text-transform:uppercase;font-weight:600;letter-spacing:1px;transition:all .15s ease}.inputRow .guessInput{flex:1;padding:14px 18px;border-radius:12px;border:2px solid #2d3a4a;background:#131920;color:#e0e6ed;font-size:clamp(16px,4vw,18px);text-transform:uppercase;font-weight:600;letter-spacing:1px;transition:all .15s ease}@media (max-width: 480px){.inputRow .guessInput{padding:12px 14px}}.guessInput:focus{outline:none;border-color:#4a7db8;background:#1a2735;box-shadow:0 0 0 3px #4a7db826}.guessInput::placeholder{color:#4a5a6a;font-weight:500}.footer{margin-top:24px;text-align:center;opacity:.9}.countdown{margin-top:16px;padding:12px 20px;background:#131920;border:1px solid #2d3a4a;border-radius:10px;display:inline-block}.countdown-label{font-size:12px;opacity:.7;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.countdown-time{font-size:18px;font-weight:700;color:#4a7db8;font-variant-numeric:tabular-nums}.loading{text-align:center;padding:60px 20px;opacity:.6;font-size:16px}.hint{font-size:14px;opacity:.65;color:#8fa3b8}.result{font-size:18px;font-weight:700;color:#48a86f}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:min(520px,100%);background:#0f1722;border:1px solid #2a3a50;border-radius:16px;padding:14px}.modalHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modalTitle{font-weight:800;font-size:16px}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center;padding:10px 0}.statNum{font-size:22px;font-weight:800}.statLbl{font-size:12px;opacity:.7}.smallNote{margin-top:8px;font-size:12px;opacity:.65}.wordWrap{max-width:560px;margin:0 auto;padding-top:20px;text-align:center}.masked{font-size:34px;letter-spacing:4px;margin:18px 0 22px;font-weight:800}.inputRow{display:flex;gap:10px;justify-content:center}.guessInput{width:min(320px,70vw);padding:12px;border-radius:12px;border:1px solid #2a3a50;background:#0f1722;color:#eaeaea;font-size:16px;text-transform:uppercase}
