html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.rgem-app-root{height:100vh;width:100vw;background-color:#000;display:flex;align-items:center;justify-content:center;position:relative}.rgem-grid-page{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.rgem-grid{display:grid;grid-template-columns:repeat(4,minmax(60px,90px));grid-template-rows:repeat(4,minmax(60px,90px));gap:8px}.rgem-grid-cell{border:1px solid #333;border-radius:4px;cursor:pointer;position:relative;outline:none;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;transition:transform .1s ease,box-shadow .1s ease}.rgem-grid-cell:hover{transform:scale(1.03);box-shadow:0 0 8px #ffffff4d}.rgem-grid-cell:focus-visible{box-shadow:0 0 0 2px #fff}.rgem-grid-cell-label{font-size:12px;color:#000;background-color:#fff9;padding:2px 4px;border-radius:4px}.rgem-modal-backdrop{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10}.rgem-modal{background-color:#1f2933;color:#f9fafb;padding:24px;border-radius:8px;min-width:280px;max-width:360px;box-shadow:0 10px 30px #00000080}.rgem-modal-title{margin-top:0;margin-bottom:16px;font-size:18px}.rgem-modal-label{display:flex;flex-direction:column;margin-bottom:12px;font-size:14px}.rgem-modal-select{margin-top:4px;padding:6px 8px;border-radius:4px;border:1px solid #4b5563;background-color:#111827;color:#f9fafb}.rgem-modal-button{width:100%;padding:8px 12px;border-radius:4px;border:none;background-color:#2563eb;color:#f9fafb;font-weight:500;cursor:pointer}.rgem-modal-button:disabled{background-color:#4b5563;cursor:not-allowed}.rgem-modal-error{color:#f97373;font-size:12px;margin-bottom:8px}.rgem-loading-overlay{position:fixed;inset:0;background-color:#0f172ab3;display:flex;align-items:center;justify-content:center;z-index:20}.rgem-loading-content{display:flex;flex-direction:column;align-items:center;gap:8px}.rgem-spinner{width:32px;height:32px;border-radius:999px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:rgem-spin 1s linear infinite}.rgem-loading-message{color:#e5e7eb;font-size:14px}@keyframes rgem-spin{to{transform:rotate(360deg)}}