.wgs-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0;width:100%}.wgs-hud{display:flex;flex-direction:column;align-items:center;gap:6px}.wgs-modes{display:inline-flex;background:#1e2942;border:1px solid rgba(148,163,184,.25);border-radius:12px;padding:4px;gap:4px}.wgs-mode{min-height:40px;padding:6px 18px;border:none;border-radius:9px;background:transparent;color:#94a3b8;font-weight:600;cursor:pointer}.wgs-mode.wgs-on{background:#3b82f6;color:#fff}.wgs-sub{font-size:.85rem;text-align:center}.wgs-board{display:grid;gap:6px;width:min(90vw,500px,max(140px,calc((76vh - 393px) * 5 / 6)));aspect-ratio:5 / 6;max-width:100%;-webkit-user-select:none;user-select:none}.wgs-tile{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;border:2px solid rgba(148,163,184,.28);border-radius:8px;background:#1e2942;color:#f2f6fc;font-weight:800;text-transform:uppercase;font-size:clamp(1.2rem,8vw,2.5rem);transition:transform 90ms ease,background .12s ease,border-color .12s ease}.wgs-tile.wgs-typed{border-color:#94a3b8b3;transform:scale(1.02)}.wgs-tile.wgs-green{background:#22c55e;border-color:#22c55e;color:#06210f}.wgs-tile.wgs-amber{background:#f59e0b;border-color:#f59e0b;color:#2a1a02}.wgs-tile.wgs-gray{background:#33415e;border-color:#33415e;color:#cbd5e1}.wgs-shake{animation:wgs-shake .4s}@keyframes wgs-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.wgs-status{min-height:44px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#94a3b8;position:relative}.wgs-toast{background:#f2f6fc;color:#0b1220;font-weight:700;padding:6px 14px;border-radius:8px;font-size:.9rem}.wgs-banner{display:flex;flex-direction:column;gap:4px;align-items:center;border-radius:12px;padding:10px 18px}.wgs-winbanner{background:#22c55e1f;border:1px solid rgba(34,197,94,.5);color:#22c55e}.wgs-losebanner{background:#ef44441f;border:1px solid rgba(239,68,68,.5);color:#f87171}.wgs-score{color:#f59e0b;font-weight:600}.wgs-reveal{color:#f2f6fc;font-weight:600;letter-spacing:.05em}.wgs-keyboard{display:flex;flex-direction:column;gap:6px;width:min(96vw,500px);max-width:100%}.wgs-krow{display:flex;gap:5px;justify-content:center}.wgs-key{flex:1 1 auto;min-width:0;height:52px;border:none;border-radius:8px;background:#475569;color:#f2f6fc;font-weight:700;font-size:1rem;cursor:pointer;padding:0;text-transform:uppercase}.wgs-key:hover{filter:brightness(1.12)}.wgs-key.wgs-wide{flex:1.6 1 auto;font-size:.75rem}.wgs-key.wgs-green{background:#22c55e;color:#06210f}.wgs-key.wgs-amber{background:#f59e0b;color:#2a1a02}.wgs-key.wgs-gray{background:#273350;color:#64748b}.wgs-endctrls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.wgs-btn{min-height:44px;padding:10px 20px;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:#1e2942;color:#f2f6fc;font-weight:600;cursor:pointer}.wgs-btn.wgs-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.wgs-btn:hover{filter:brightness(1.1)}.wgs-foot{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.wgs-chip{background:#1e2942;color:#94a3b8;border:1px solid rgba(148,163,184,.25);border-radius:12px;padding:6px 14px;font-variant-numeric:tabular-nums;font-size:.9rem}.wgs-best b{color:#f59e0b}