.dwgs-scrambler__toolbar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:22px}.dwgs-scrambler__field{display:flex;flex-direction:column;gap:6px;flex:1 1 140px}.dwgs-scrambler__field label{font-size:11px;font-weight:700;color:var(--dwgs-text-muted);text-transform:uppercase;letter-spacing:0.06em}.dwgs-scrambler__select{padding:11px 14px;border-radius:10px;border:1.5px solid var(--dwgs-border);background:var(--dwgs-bg);color:var(--dwgs-text);font-size:14px;font-weight:600;transition:border-color 0.15s ease,box-shadow 0.15s ease}.dwgs-scrambler__select:hover{border-color:var(--dwgs-primary)}.dwgs-scrambler__select:focus-visible{outline:none;border-color:var(--dwgs-primary);box-shadow:0 0 0 3px var(--dwgs-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--dwgs-primary) 20%,transparent)}.dwgs-scrambler__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.dwgs-scrambler__stat{background:var(--dwgs-bg);border:1px solid var(--dwgs-border);border-radius:14px;padding:12px 8px;text-align:center;box-shadow:0 1px 2px rgba(15,23,42,0.04);transition:transform 0.15s ease}.dwgs-scrambler__stat-label{display:block;font-size:10.5px;font-weight:700;color:var(--dwgs-text-muted);text-transform:uppercase;letter-spacing:0.06em}.dwgs-scrambler__score,.dwgs-scrambler__timer,.dwgs-scrambler__hints-left{display:block;font-size:24px;font-weight:800;margin-top:3px;font-variant-numeric:tabular-nums}.dwgs-scrambler__score--pop{animation:dwgs-score-pop 0.35s ease}@keyframes dwgs-score-pop{0%{transform:scale(1);color:var(--dwgs-accent)}50%{transform:scale(1.25);color:var(--dwgs-accent)}100%{transform:scale(1)}}.dwgs-scrambler__timer{transition:color 0.2s ease}.dwgs-scrambler__timer.is-low{color:#dc2626;animation:dwgs-timer-pulse 1s ease-in-out infinite}@keyframes dwgs-timer-pulse{0%,100%{opacity:1}50%{opacity:0.55}}.dwgs-scrambler.is-loading .dwgs-scrambler__board{opacity:0.85}.dwgs-scrambler__letters{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:14px;min-height:58px;align-items:center}.dwgs-scrambler__letter{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--dwgs-primary);background:linear-gradient(145deg,var(--dwgs-primary),color-mix(in srgb,var(--dwgs-primary) 75%,black));color:#fff;font-size:20px;font-weight:800;text-transform:uppercase;user-select:none;box-shadow:0 3px 8px rgba(0,0,0,0.25);box-shadow:0 3px 8px color-mix(in srgb,var(--dwgs-primary) 35%,transparent)}.dwgs-scrambler__letter--enter{animation:dwgs-tile-drop 0.35s cubic-bezier(0.34,1.56,0.64,1) both}@keyframes dwgs-tile-drop{0%{opacity:0;transform:translateY(-14px) scale(0.7) rotate(-8deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.dwgs-scrambler__loading{display:none}.dwgs-scrambler.is-loading .dwgs-scrambler__letters::after{content:"";position:absolute;inset:0;border-radius:12px;background:rgba(37,99,235,0.08);background:linear-gradient( 90deg,transparent,color-mix(in srgb,var(--dwgs-primary) 12%,transparent),transparent );animation:dwgs-shimmer 1.1s ease-in-out infinite;pointer-events:none}@keyframes dwgs-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.dwgs-scrambler__hint-text{text-align:center;color:var(--dwgs-text-muted);font-size:14px;font-style:italic;margin:0 0 16px;min-height:20px}.dwgs-scrambler__hint-text--enter{animation:dwgs-hint-in 0.3s ease both}@keyframes dwgs-hint-in{0%{opacity:0;transform:translateY(-4px)}100%{opacity:1;transform:translateY(0)}}.dwgs-scrambler__form{display:flex;gap:10px;margin-bottom:16px}.dwgs-scrambler__input{flex:1;padding:13px 16px;border-radius:12px;border:2px solid var(--dwgs-border);background:var(--dwgs-bg);color:var(--dwgs-text);font-size:16px;transition:border-color 0.15s ease,box-shadow 0.15s ease}.dwgs-scrambler__input:focus-visible{outline:none;border-color:var(--dwgs-primary);box-shadow:0 0 0 4px var(--dwgs-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--dwgs-primary) 15%,transparent)}.dwgs-scrambler__input:disabled{opacity:0.6}.dwgs-scrambler__input.is-correct{border-color:#16a34a;animation:dwgs-pop 0.3s ease}.dwgs-scrambler__input.is-incorrect{border-color:#dc2626;animation:dwgs-shake 0.35s ease}@keyframes dwgs-pop{0%{transform:scale(1)}50%{transform:scale(1.04)}100%{transform:scale(1)}}@keyframes dwgs-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.dwgs-scrambler__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}.dwgs-btn--secondary{transition:transform 0.12s ease,background 0.15s ease,box-shadow 0.15s ease}.dwgs-btn--secondary:hover:not(:disabled){background:rgba(37,99,235,0.08);background:color-mix(in srgb,var(--dwgs-primary) 8%,transparent);transform:translateY(-1px);box-shadow:0 3px 10px rgba(15,23,42,0.08)}.dwgs-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px rgba(37,99,235,0.35);box-shadow:0 4px 14px color-mix(in srgb,var(--dwgs-primary) 40%,transparent)}.dwgs-scrambler__feedback{text-align:center;min-height:22px;font-weight:700;margin:0;transition:color 0.15s ease}.dwgs-scrambler__feedback.is-correct{color:#16a34a}.dwgs-scrambler__feedback.is-incorrect{color:#dc2626}.dwgs-scrambler__gameover{text-align:center;margin-top:18px;padding:24px 16px;border-radius:16px;background:var(--dwgs-bg);border:1px solid var(--dwgs-border);box-shadow:0 8px 24px rgba(15,23,42,0.08)}.dwgs-scrambler__gameover--enter{animation:dwgs-gameover-in 0.4s cubic-bezier(0.34,1.56,0.64,1) both}@keyframes dwgs-gameover-in{0%{opacity:0;transform:translateY(12px) scale(0.97)}100%{opacity:1;transform:translateY(0) scale(1)}}.dwgs-scrambler__gameover-icon{font-size:36px;line-height:1;margin-bottom:4px}.dwgs-scrambler__gameover h2{margin:0 0 16px;font-size:22px;font-weight:800}.dwgs-scrambler__gameover-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.dwgs-scrambler__gameover-stat{background:var(--dwgs-surface);border:1px solid var(--dwgs-border);border-radius:12px;padding:14px 10px}.dwgs-scrambler__gameover-stat-label{display:block;font-size:10.5px;font-weight:700;color:var(--dwgs-text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:4px}.dwgs-scrambler__final-score{font-size:26px;font-weight:800;color:var(--dwgs-primary)}.dwgs-scrambler__final-word{font-size:20px;font-weight:800;text-transform:capitalize}.dwgs-scrambler__play-again{font-size:16px;padding:14px 32px}@media (max-width:480px){.dwgs-scrambler__stats{grid-template-columns:repeat(3,1fr);gap:6px}.dwgs-scrambler__stat{padding:8px 4px}.dwgs-scrambler__score,.dwgs-scrambler__timer,.dwgs-scrambler__hints-left{font-size:19px}.dwgs-scrambler__letter{width:36px;height:36px;font-size:16px;border-radius:9px}.dwgs-scrambler__form{flex-direction:column}.dwgs-scrambler__submit{width:100%}.dwgs-scrambler__actions{flex-direction:column}.dwgs-scrambler__actions .dwgs-btn{width:100%}.dwgs-scrambler__gameover-stats{grid-template-columns:1fr}}@media (min-width:481px) and (max-width:768px){.dwgs-scrambler__letter{width:42px;height:42px;font-size:18px}}.dwgs-scrambler__section{margin-top:36px;padding-top:28px;border-top:1px solid var(--dwgs-border)}.dwgs-scrambler__section h2{font-size:20px;font-weight:800;color:var(--dwgs-text);margin:0 0 14px}.dwgs-scrambler__section p{color:var(--dwgs-text-muted);font-size:15px;line-height:1.7;margin:0}.dwgs-scrambler__section ol,.dwgs-scrambler__section ul{color:var(--dwgs-text-muted);font-size:15px;line-height:1.7;margin:0;padding-left:22px}.dwgs-scrambler__section li{margin-bottom:8px}.dwgs-scrambler__faq-list{display:flex;flex-direction:column;gap:10px}.dwgs-scrambler__faq-item{background:var(--dwgs-surface);border:1px solid var(--dwgs-border);border-radius:12px;padding:14px 16px}.dwgs-scrambler__faq-item summary{font-weight:700;color:var(--dwgs-text);cursor:pointer;list-style:none}.dwgs-scrambler__faq-item summary::-webkit-details-marker{display:none}.dwgs-scrambler__faq-item summary::before{content:'+';display:inline-block;width:18px;color:var(--dwgs-primary);font-weight:800}.dwgs-scrambler__faq-item[open] summary::before{content:'−'}.dwgs-scrambler__faq-item summary:focus-visible{outline:3px solid var(--dwgs-accent);outline-offset:2px;border-radius:6px}.dwgs-scrambler__faq-item p{margin:10px 0 0 18px;color:var(--dwgs-text-muted);font-size:14px;line-height:1.6}