.omni-sudoku-game-container{max-width:600px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;box-sizing:border-box}.omni-sudoku-game{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.omni-sudoku-grid-wrapper{width:min(100%, 450px);max-width:450px;aspect-ratio:1;box-sizing:border-box}.omni-sudoku-grid{display:grid;gap:2px;background:#333;padding:3px;border-radius:8px;width:100%;height:100%;box-sizing:border-box}.omni-sudoku-grid.size-4{grid-template-columns:repeat(4,1fr)}.omni-sudoku-grid.size-6{grid-template-columns:repeat(6,1fr)}.omni-sudoku-grid.size-9{grid-template-columns:repeat(9,1fr)}.omni-sudoku-cell{display:flex;align-items:center;justify-content:center;position:relative;background:#fff;font-size:clamp(16px, 4vw, 28px);font-weight:600;cursor:pointer;transition:all 0.15s ease;user-select:none;aspect-ratio:1;border:none;outline:none;box-sizing:border-box;min-width:0;overflow:hidden}.omni-sudoku-cell:not(.locked):hover{background:#e8f4fc}.omni-sudoku-cell:not(.locked):focus{background:#d0e8f8;box-shadow:inset 0 0 0 2px #2271b1;z-index:1}.omni-sudoku-cell.locked{background:#f0f0f0;color:#333;cursor:default}.omni-sudoku-cell.selected{background:#d0e8f8;box-shadow:inset 0 0 0 2px #2271b1}.omni-sudoku-cell.highlighted{background:#f0f6fc}.omni-sudoku-cell.error{background:#ffe0e0!important;color:#c00}.omni-sudoku-cell.correct{background:#e0ffe0}.omni-sudoku-cell .sudoku-cell-image{width:70%;height:70%;object-fit:contain}.omni-sudoku-cell-value{display:inline-block;line-height:1}.omni-sudoku-cell-clear{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid rgb(192 36 36 / .2);border-radius:999px;background:rgb(255 255 255 / .96);color:#c02424;font-size:16px;line-height:1;cursor:pointer;opacity:0;transform:scale(.9);pointer-events:none;transition:opacity 0.15s ease,transform 0.15s ease,background-color 0.15s ease,border-color 0.15s ease;z-index:2}.omni-sudoku-cell:not(.locked):hover .omni-sudoku-cell-clear,.omni-sudoku-cell.selected .omni-sudoku-cell-clear,.omni-sudoku-cell:focus-within .omni-sudoku-cell-clear{opacity:1;transform:scale(1);pointer-events:auto}.omni-sudoku-cell-clear:hover{background:#fff2f2;border-color:rgb(192 36 36 / .4)}.omni-sudoku-text-value,.omni-sudoku-btn-text{display:block;max-width:100%;overflow:hidden;text-align:center;line-height:1.05;word-break:break-word;overflow-wrap:anywhere}.omni-sudoku-game[data-type="text"] .omni-sudoku-cell{padding:6px 4px;font-size:clamp(10px, 1.6vw, 18px)}.omni-sudoku-game[data-type="text"] .omni-sudoku-text-value{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.omni-sudoku-grid.size-4 .omni-sudoku-cell:nth-child(4n+2){border-right:3px solid #333}.omni-sudoku-grid.size-4 .omni-sudoku-cell:nth-child(n+5):nth-child(-n+8){border-bottom:3px solid #333}.omni-sudoku-grid.size-6 .omni-sudoku-cell:nth-child(6n+3){border-right:3px solid #333}.omni-sudoku-grid.size-6 .omni-sudoku-cell:nth-child(n+7):nth-child(-n+12),.omni-sudoku-grid.size-6 .omni-sudoku-cell:nth-child(n+19):nth-child(-n+24){border-bottom:3px solid #333}.omni-sudoku-grid.size-9 .omni-sudoku-cell:nth-child(9n+3),.omni-sudoku-grid.size-9 .omni-sudoku-cell:nth-child(9n+6){border-right:3px solid #333}.omni-sudoku-grid.size-9 .omni-sudoku-cell:nth-child(n+19):nth-child(-n+27),.omni-sudoku-grid.size-9 .omni-sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid #333}.omni-sudoku-controls{width:min(100%, 450px);max-width:450px;box-sizing:border-box}.omni-sudoku-game[data-type="text"] .omni-sudoku-controls{width:min(100%, 920px);max-width:920px}.omni-sudoku-values-title{margin:0 0 12px;text-align:center;font-size:18px;font-weight:700;line-height:1.3;color:#1d2327}.omni-sudoku-values-panel{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:15px;background:#f5f5f5;border-radius:8px}.omni-sudoku-value-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:2px solid #ddd;border-radius:8px;background:#fff;font-size:20px;font-weight:600;cursor:pointer;transition:all 0.15s ease}.omni-sudoku-game[data-type="text"] .omni-sudoku-values-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch;gap:16px;padding:20px}.omni-sudoku-game[data-type="image"] .omni-sudoku-values-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));align-items:stretch}.omni-sudoku-game[data-type="text"] .omni-sudoku-value-btn{width:100%;min-height:76px;height:auto;padding:12px 16px;aspect-ratio:auto;font-size:19px;line-height:1.1}.omni-sudoku-game[data-type="image"] .omni-sudoku-value-btn{width:100%;min-height:78px;height:auto;padding:10px;aspect-ratio:auto}.omni-sudoku-game[data-type="text"] .omni-sudoku-btn-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.omni-sudoku-value-btn:hover{border-color:#2271b1;background:#f0f6fc}.omni-sudoku-value-btn:active{transform:scale(.95)}.omni-sudoku-value-btn .sudoku-btn-image{width:32px;height:32px;object-fit:contain}.omni-sudoku-game[data-type="image"] .omni-sudoku-value-btn .sudoku-btn-image{width:56px;height:56px}.omni-sudoku-clear-btn{background:#f8e8e8;border-color:#dcc;color:#c00}.omni-sudoku-clear-btn:hover{background:#ffe0e0;border-color:#c00}.omni-sudoku-admin-note-front{background:none;border:none;padding:0;margin:20px 0 0 0;font-size:15px;line-height:1.6}.omni-sudoku-teacher-desc{background:none;border:none;padding:0;margin:0 0 16px 0;font-size:16px;line-height:1.6}.omni-sudoku-teacher-desc p{margin:0}.omni-sudoku-value-btn.dragging{opacity:.5;transform:scale(.95)}.omni-sudoku-value-btn[draggable="true"]{cursor:grab}.omni-sudoku-value-btn[draggable="true"]:active{cursor:grabbing}.omni-sudoku-cell.drag-over{background:#d0e8f8!important;box-shadow:inset 0 0 0 3px #2271b1}.omni-check-btn{-webkit-appearance:none;appearance:none;background:#4f883d;color:#fff;border:none;padding:0 20px;min-height:46px;border-radius:6px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;margin-right:10px;transition:background 0.2s;line-height:1.1;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;box-shadow:0 4px 6px rgb(0 0 0 / .15)}.omni-check-btn p{margin:0;padding:0}.omni-check-btn:hover{background:#3d6b2e}.omni-check-btn br{display:none!important}.omni-check-btn-label{display:block;line-height:1;white-space:nowrap}.sudoku-summary-text{font-size:1.25em;line-height:1.55}.omni-save-result-section{max-width:400px;margin:18px auto 0;padding:20px;background:#fdfdfd;border:1px solid #eee;border-radius:12px;box-shadow:0 4px 15px rgb(0 0 0 / .05);text-align:center}.omni-save-checkbox-label{display:block;cursor:pointer;font-size:1.1em;font-weight:600;color:#4f883d}.omni-save-checkbox-label input{margin-right:8px;transform:scale(1.2);vertical-align:middle}.omni-learner-name-field{margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0}.omni-learner-name-field>label{display:block;font-size:13px;font-weight:500;color:#555;margin-bottom:8px;text-align:center}.omni-learner-name-input{width:100%;padding:18px 20px;font-size:16px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;transition:border-color 0.2s,box-shadow 0.2s;min-height:54px}.omni-learner-name-input:focus{outline:none;border-color:#4f883d;box-shadow:0 0 0 3px rgb(79 136 61 / .15)}.omni-learner-name-input:read-only{background:#f0f0f0;cursor:not-allowed}.omni-save-result-btn{display:block;width:100%;padding:14px 24px;margin:8px 0 12px;background:linear-gradient(135deg,#4f883d 0%,#3e6c31 100%);color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all 0.2s ease}.omni-save-result-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(79 136 61 / .3)}.omni-save-result-btn:disabled{opacity:.7}.omni-save-result-btn.saved{background-color:#4f883d!important;cursor:default}.omni-privacy-note{margin:0 0 10px;font-size:12px;color:#666}.omni-save-result-message{margin-top:15px;padding:12px 16px;border-radius:6px;font-size:.9em;font-weight:500;text-align:center}.omni-save-result-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.omni-save-result-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width:600px){.omni-save-result-section{max-width:100%;padding:15px}}.omni-sudoku-game-container.omni-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;max-width:none;z-index:99999;background:#fff;display:flex;flex-direction:column;overflow:auto}.omni-fullscreen .omni-sudoku-grid-wrapper{width:min(100%, 500px);max-width:500px}.omni-fullscreen .omni-sudoku-controls{width:min(100%, 500px);max-width:500px}@media (max-width:480px){.omni-sudoku-game-container{padding:10px}.omni-sudoku-value-btn{width:40px;height:40px;font-size:16px}.omni-sudoku-values-panel{gap:5px;padding:10px}.omni-sudoku-game[data-type="text"] .omni-sudoku-value-btn{width:100%;min-height:52px;height:auto;padding:8px;font-size:13px}.omni-sudoku-game[data-type="image"] .omni-sudoku-value-btn{width:100%;min-height:64px;height:auto;padding:8px}.omni-sudoku-game[data-type="image"] .omni-sudoku-value-btn .sudoku-btn-image{width:44px;height:44px}}