.otroci-matematika-app{
  --om-border:#d7cfab;--om-cell:#fff8dc;--om-input:#ffffff;--om-accent:#1ca76f;--om-accent-dark:#147a53;--om-text:#24323d;--om-soft:#f4f8fb;
  max-width:1040px;margin:28px auto;padding:20px;border:1px solid #e3e8ec;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(28,48,67,.08);color:var(--om-text);box-sizing:border-box;
}
.otroci-matematika-app *{box-sizing:border-box}.om-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.om-kicker{margin:0 0 4px;font-weight:800;color:var(--om-accent);letter-spacing:.08em;font-size:12px}.om-head h2{margin:0;font-size:30px;line-height:1.1}.om-subtitle{margin:8px 0 0;color:#65717c}.om-scorebox{display:flex;gap:14px;flex-wrap:wrap;background:var(--om-soft);padding:10px 14px;border-radius:12px;font-size:14px;white-space:nowrap}
.om-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:22px}.om-toolbar label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700}.om-toolbar select{min-width:150px;height:48px;min-height:48px;padding:11px 36px 11px 12px;border:1px solid #cfd8df;border-radius:10px;background:#fff;font-size:15px;line-height:1.35!important;vertical-align:middle}.om-toolbar .om-type-select{min-width:215px}.om-btn{border:1px solid #cfd8df;background:#fff;border-radius:10px;padding:10px 15px;font-weight:800;cursor:pointer;transition:.15s ease}.om-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.06)}.om-btn-primary{background:var(--om-accent);border-color:var(--om-accent);color:#fff}.om-btn-primary:hover{background:var(--om-accent-dark)}
.om-type-help{margin:-8px 0 20px;padding:14px 16px;border:1px solid #dce9e4;border-left:4px solid var(--om-accent);border-radius:12px;background:#f7fcfa;line-height:1.48}.om-type-help strong{display:block;margin:0 0 4px;font-size:15px;color:#20313a}.om-type-help p{margin:0;color:#586872;font-size:14px}
.om-game-wrap{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.om-grid{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:10px;min-height:360px;overflow:auto}.om-equation-row{display:flex;gap:5px;align-items:center;flex-wrap:nowrap}.om-cell{min-width:54px;width:auto;height:54px;padding:0 10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--om-border);background:var(--om-cell);font-size:22px;font-weight:800;border-radius:6px;user-select:none;line-height:1;text-align:center}.om-cell.om-digits-3{font-size:18px}.om-cell.om-digits-4{font-size:15px;padding-left:7px;padding-right:7px}.om-cell.om-digits-5{font-size:13px;padding-left:6px;padding-right:6px}.om-cell.om-digits-6{font-size:12px;padding-left:5px;padding-right:5px}.om-cell.om-answer{background:#fff;border:2px dashed #e0b967;cursor:pointer}.om-cell.om-answer.om-selected{outline:3px solid rgba(28,167,111,.25);border-color:var(--om-accent)}.om-cell.om-correct{background:#dcf7ea;border-color:#65c99f;color:#126844}.om-cell.om-wrong{background:#ffe4e4;border-color:#e77c7c;color:#a52c2c}
.om-number-bank{display:flex;flex-wrap:wrap;gap:8px}.om-number{min-width:46px;height:46px;padding:0 10px;border:2px solid #8bd3b5;background:#eafaf3;color:#15855a;border-radius:8px;font-weight:900;font-size:19px;cursor:pointer}.om-number.om-picked{background:var(--om-accent);color:#fff;border-color:var(--om-accent-dark)}.om-number:disabled{opacity:.35;cursor:default}.om-panel{background:var(--om-soft);border-radius:14px;padding:16px}.om-panel h3{margin:0 0 12px;font-size:18px}.om-help{font-size:13px;line-height:1.4;color:#67727a;margin:12px 0 0}.om-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.om-message{margin-top:14px;min-height:44px;padding:10px 12px;border-radius:10px;background:#fafafa;font-weight:700;line-height:1.35}.om-message:empty{display:none}

/* Prava povezana matematična križanka */
.otroci-matematika-app[data-mode="grid"] .om-game-wrap{grid-template-columns:minmax(0,1fr)}.otroci-matematika-app[data-mode="grid"] .om-side{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;align-items:start}.otroci-matematika-app[data-mode="grid"] .om-panel{grid-column:1}.otroci-matematika-app[data-mode="grid"] .om-actions{grid-column:2;grid-row:1;margin-top:0}.otroci-matematika-app[data-mode="grid"] .om-message{grid-column:1/-1}.om-grid-grid{width:100%;align-items:center;min-height:0;padding:2px 0 12px}.om-crossword-board{display:grid;grid-template-columns:repeat(var(--om-cols),46px);grid-template-rows:repeat(var(--om-rows),46px);gap:3px;padding:8px;max-width:100%;overflow:auto}.om-crossword-board .om-cell{min-width:46px;width:46px;height:46px;padding:0 3px;border-radius:3px;font-size:17px}.om-crossword-board .om-cell.om-digits-3{font-size:14px}.om-crossword-board .om-cell.om-digits-4{font-size:11px}.om-crossword-board .om-cell.om-digits-5{font-size:9px}.om-crossword-board .om-cell.om-digits-6{font-size:8px}.om-crossword-board .om-answer{background:#fffdf2}

/* Računska veriga */
.om-grid-chain{align-items:center}.om-chain{display:flex;flex-direction:column;gap:8px}.om-chain-row{display:grid;grid-template-columns:48px repeat(4,54px);gap:5px;align-items:center}.om-chain-start{height:54px;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:900;color:#1b6e55}.om-chain-row:not(:first-child) .om-chain-start{font-size:28px;color:#9aa5ad}



/* Računske poti */
.otroci-matematika-app[data-mode="paths"] .om-game-wrap{grid-template-columns:minmax(0,1fr)}
.otroci-matematika-app[data-mode="paths"] .om-side{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;align-items:start}
.otroci-matematika-app[data-mode="paths"] .om-panel{grid-column:1}
.otroci-matematika-app[data-mode="paths"] .om-actions{grid-column:2;grid-row:1;margin-top:0}
.otroci-matematika-app[data-mode="paths"] .om-message{grid-column:1/-1}
.om-grid-paths{width:100%;align-items:stretch;min-height:0;padding:6px 0 16px;overflow:auto}
.om-paths{display:grid;grid-template-columns:repeat(var(--om-path-count),152px);justify-content:center;gap:10px 18px;width:100%;min-width:max-content;padding:14px 18px 18px;background:linear-gradient(180deg,#effcf7 0%,#f9fffc 100%);border:1px solid #dcefe7;border-radius:18px}
.om-path-lane{position:relative;width:152px;min-width:152px;margin:0 auto}
.om-path-line{position:absolute;inset:0;width:152px;height:100%;pointer-events:none;overflow:visible}
.om-path-line path{stroke:#25343a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.om-path-node{position:absolute;width:58px;height:58px;border:3px solid #16252b;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:23px;line-height:1;color:#17272d;z-index:2;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.om-path-node.om-digits-3{font-size:17px}.om-path-node.om-digits-4{font-size:14px}.om-path-node.om-digits-5{font-size:12px}.om-path-node.om-digits-6{font-size:10px}
.om-path-node.om-answer{background:#fff;border:3px dashed #4cbf93;cursor:pointer;color:#147a53}
.om-path-node.om-answer.om-selected{outline:4px solid rgba(28,167,111,.18);border-color:#1ca76f}
.om-path-node.om-correct{background:#dcf7ea;border-color:#43b887;color:#126844}
.om-path-node.om-wrong{background:#ffe4e4;border-color:#e77c7c;color:#a52c2c}
.om-path-op{position:absolute;z-index:3;padding:1px 4px;border-radius:6px;background:rgba(239,252,247,.94);font-size:19px;font-weight:900;color:#17272d;line-height:1.1;white-space:nowrap}

@media (max-width:760px){
  .otroci-matematika-app{padding:14px;margin:16px auto;border-radius:14px}.om-head{flex-direction:column}.om-head h2{font-size:25px}.om-game-wrap{grid-template-columns:1fr}.om-side{order:0}.om-cell{min-width:44px;height:44px;padding:0 8px;font-size:19px}.om-grid{padding:4px}.om-equation-row{gap:3px}.om-toolbar select{min-width:130px}.om-toolbar .om-type-select{min-width:180px}.otroci-matematika-app[data-mode="grid"] .om-side{grid-template-columns:1fr}.otroci-matematika-app[data-mode="grid"] .om-panel,.otroci-matematika-app[data-mode="grid"] .om-actions,.otroci-matematika-app[data-mode="grid"] .om-message{grid-column:1;grid-row:auto}.om-crossword-board{grid-template-columns:repeat(var(--om-cols),40px);grid-template-rows:repeat(var(--om-rows),40px);gap:2px}.om-crossword-board .om-cell{min-width:40px;width:40px;height:40px;font-size:15px}.om-crossword-board .om-cell.om-digits-3{font-size:12px}.om-crossword-board .om-cell.om-digits-4{font-size:10px}.om-crossword-board .om-cell.om-digits-5{font-size:8px}.om-crossword-board .om-cell.om-digits-6{font-size:7px}.om-chain-row{grid-template-columns:42px repeat(4,44px);gap:3px}.om-chain-start{height:44px;font-size:18px}.otroci-matematika-app[data-mode="paths"] .om-side{grid-template-columns:1fr}.otroci-matematika-app[data-mode="paths"] .om-panel,.otroci-matematika-app[data-mode="paths"] .om-actions,.otroci-matematika-app[data-mode="paths"] .om-message{grid-column:1;grid-row:auto}.om-paths{grid-template-columns:repeat(var(--om-path-count),132px);gap:6px;padding:12px 8px;min-width:max-content}.om-path-lane{width:132px;min-width:132px}.om-path-line{width:152px;transform:scaleX(.87);transform-origin:left top}.om-path-node{width:52px;height:52px;font-size:20px}.om-path-op{font-size:17px}
}
@media (max-width:460px){
  .om-cell{min-width:39px;height:39px;padding:0 6px;font-size:17px}.om-toolbar{align-items:stretch}.om-toolbar label,.om-toolbar select,.om-toolbar .om-btn-primary{width:100%}.om-toolbar .om-type-select{min-width:0}.om-crossword-board{grid-template-columns:repeat(var(--om-cols),34px);grid-template-rows:repeat(var(--om-rows),34px)}.om-crossword-board .om-cell{min-width:34px;width:34px;height:34px;font-size:13px}.om-crossword-board .om-cell.om-digits-3{font-size:10px}.om-crossword-board .om-cell.om-digits-4{font-size:8px}.om-crossword-board .om-cell.om-digits-5{font-size:7px}.om-crossword-board .om-cell.om-digits-6{font-size:6px}.om-chain-row{grid-template-columns:36px repeat(4,39px)}.om-chain-start{height:39px}
}