.omni-kostra-game{display:flex;flex-direction:column;gap:12px;font-family:inherit;width:100%;background:#fff}.omni-kostra-status{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px 18px;font-size:1rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.omni-kostra-status-text{flex:1 1 auto;min-width:220px}.omni-kostra-status-actions{margin-left:auto;display:inline-flex;align-items:center;gap:10px}.omni-kostra-undo{padding:8px 14px;border:2px solid #6b7280;background:#fff;color:#374151;border-radius:999px;cursor:pointer;font-size:.95rem;font-weight:700;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease;white-space:nowrap}.omni-kostra-undo:hover{background:#6b7280;border-color:#6b7280;color:#fff}.omni-kostra-undo:disabled{opacity:.5;cursor:not-allowed}.omni-kostra-check{padding:8px 14px;border:2px solid #4f883d;background:#fff;color:#4f883d;border-radius:999px;cursor:pointer;font-size:.95rem;font-weight:700;transition:background 0.2s ease,color 0.2s ease;white-space:nowrap}.omni-kostra-check:hover{background:#4f883d;color:#fff}.omni-kostra-board-wrapper{position:relative;border:1px solid #d4d4d8;border-radius:12px;overflow:hidden;background:#f8fafc;width:100%;padding:2px}.omni-kostra-board{width:100%}.omni-kostra-board-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;column-gap:4px;row-gap:4px;align-items:stretch}.omni-kostra-axis-corner{grid-column:1;grid-row:1;width:32px;height:28px}.omni-kostra-axis{font-size:.8rem;font-weight:600;color:#4b5563;text-transform:uppercase}.omni-kostra-axis-top{grid-column:2;grid-row:1;display:grid;gap:2px;background:#f9fafb;border-radius:6px;padding:2px 4px}.omni-kostra-axis-top span{text-align:center;padding:0 1px;line-height:1.1}.omni-kostra-axis-left{grid-column:1;grid-row:2;display:grid;gap:2px;background:#f9fafb;border-radius:6px;padding:2px 0;text-transform:none;min-width:32px}.omni-kostra-axis-left span{display:flex;align-items:center;justify-content:center;padding:0 2px;font-weight:600;text-transform:none;line-height:1.1}.omni-kostra-board-canvas{grid-column:2;grid-row:2;position:relative;aspect-ratio:1 / 1;width:100%}.omni-kostra-grid{display:grid;grid-template-rows:repeat(var(--rows),1fr);grid-template-columns:repeat(var(--cols),1fr);width:100%;height:100%;position:absolute;inset:0}.omni-kostra-cell{border:1px solid rgb(148 163 184 / .35);background:rgb(255 255 255 / .85);padding:0;cursor:crosshair;transition:background 0.15s ease}.omni-kostra-cell:hover{background:rgb(59 130 246 / .12)}.omni-kostra-cell.is-hint{background:rgb(250 204 21 / .35)}.omni-kostra-cell.is-error{animation:omni-kostra-error 0.45s ease}.omni-kostra-cell.is-preview-valid{background:rgb(34 197 94 / .35)}.omni-kostra-cell.is-preview-invalid{background:rgb(239 68 68 / .35)}@keyframes omni-kostra-error{0%{background:rgb(248 113 113 / .7)}100%{background:rgb(255 255 255 / .85)}}.omni-kostra-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.omni-kostra-overlay line{pointer-events:none}.omni-kostra-overlay .omni-kostra-start{pointer-events:auto;cursor:pointer}.omni-kostra-legend{display:flex;flex-direction:column;gap:14px}.omni-kostra-legend-item{border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;background:#fff;box-shadow:0 2px 6px rgb(15 23 42 / .06);cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease;outline:none}.omni-kostra-legend-item.is-selectable:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(15 23 42 / .08)}.omni-kostra-legend-item.is-active{border-color:#2563eb;box-shadow:0 0 0 2px rgb(37 99 235 / .2)}.omni-kostra-legend-item.is-complete{opacity:.85}.omni-kostra-legend-item:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.omni-kostra-legend-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.omni-kostra-legend-color{width:18px;height:18px;border-radius:6px;border:1px solid rgb(17 24 39 / .18);flex-shrink:0}.omni-kostra-legend-label{font-weight:700;font-size:.95rem;flex:1;color:#111827}.omni-kostra-legend-status{font-size:.85rem;font-weight:600;color:#6b7280}.omni-kostra-legend-item.is-complete .omni-kostra-legend-status{color:#059669}.omni-kostra-legend-moves{display:flex;flex-wrap:wrap;gap:8px}.omni-kostra-legend-move{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:9999px;background:#eef2ff;font-size:.9rem;color:#1f2937}.omni-kostra-legend-move.is-next{background:#dbeafe;font-weight:700;color:#1f2937}.omni-kostra-legend-move.is-done{background:#e2e8f0;color:#4b5563}.omni-kostra-move-arrow{font-size:1.05rem;line-height:1}.omni-kostra-legend-empty{font-size:.9rem;color:#6b7280}.omni-kostra-game.is-completed .omni-kostra-status{color:#047857}.omni-kostra-game.is-fullscreen{height:100%;background:#fff}.omni-kostra-game.is-fullscreen .omni-kostra-board-wrapper{max-width:90vmin;margin:0 auto}.omni-kostra-game.is-fullscreen .omni-kostra-legend{max-height:40vh;overflow:auto}@media (min-width:960px){.omni-kostra-board-wrapper{max-width:720px;margin:0 auto}}.omni-kostra-modal{position:fixed;inset:0;background:rgb(15 23 42 / .45);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:9999}.omni-kostra-modal.is-visible{opacity:1;pointer-events:auto}.omni-kostra-modal__dialog{background:#fff;border-radius:16px;padding:32px 36px;max-width:420px;width:calc(100% - 32px);text-align:center;box-shadow:0 20px 50px rgb(15 23 42 / .18)}.omni-kostra-modal__title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:12px}.omni-kostra-modal__text{font-size:1rem;color:#1f2937;margin-bottom:24px}.omni-kostra-modal__time{font-weight:700;color:#2563eb}.omni-kostra-modal__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.omni-kostra-modal__btn{background:#4f883d;border:none;color:#fff;padding:10px 24px;border-radius:999px;cursor:pointer;font-size:1rem;font-weight:600;transition:background 0.2s ease}.omni-kostra-modal__btn:hover{background:#3e6c31}.omni-kostra-modal__btn--outline{background:#fff;color:#4f883d;border:2px solid #4f883d}.omni-kostra-modal__btn--outline:hover{background:#3e6c31;color:#fff}.omni-kostra-modal--has-save .omni-kostra-modal__dialog{max-width:680px}.omni-kostra-modal__teacher-note{margin:14px 0 6px;font-size:16px;line-height:1.45;color:#1b1b1b}.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;line-height:1.45;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,.omni-learner-name-input:disabled{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.saved{background-color:#4f883d!important;cursor:default}.omni-save-result-btn:disabled{opacity:.7}.omni-privacy-note{margin:0 0 10px;font-size:12px;color:#1e1e1e;font-style:italic;text-align:center}.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-kostra-game:fullscreen{background:#fff}