.pisi-trace-app{max-width:980px;margin:20px auto;font-family:Arial,'Arial Cyr',sans-serif;color:#172033}.pisi-head,.pisi-toolbar,.pisi-card,.pisi-msg{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.08);padding:16px;margin:12px 0}.pisi-head{display:flex;justify-content:space-between;gap:12px;align-items:center;background:linear-gradient(135deg,#fff7d6,#fff)}.pisi-head h2{margin:0;font-size:26px}.pisi-head p{margin:6px 0}.pisi-author{font-weight:700;color:#475569}.pisi-stars{font-size:22px;font-weight:800}.pisi-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.pisi-toolbar button,.pisi-toolbar select{border:1px solid #cbd5e1;background:#f8fafc;border-radius:12px;padding:9px 12px;font-weight:700;cursor:pointer}.pisi-toolbar button.is-active{background:#dbeafe;border-color:#60a5fa}.pisi-toolbar .pisi-color{width:34px;height:34px;border-radius:50%;background:var(--c);padding:0}.pisi-toolbar .pisi-color.is-active{outline:3px solid #0f172a}.size{display:flex;align-items:center;gap:6px;font-weight:700}.pisi-title{font-size:22px;font-weight:900;text-align:center;margin-bottom:5px}.pisi-instr{text-align:center;font-weight:700;color:#475569;margin-bottom:10px}.pisi-stage{position:relative;margin:auto;width:min(92vw,720px);aspect-ratio:1/1.35;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;overflow:hidden;touch-action:none}.pisi-sheet,.pisi-draw{position:absolute;inset:0;width:100%;height:100%}.pisi-sheet{background:#fff}.pisi-draw{z-index:2;touch-action:none}.pisi-msg{text-align:center;font-weight:800}.pisi-msg.is-bad{color:#b91c1c}.num-dot{fill:none;stroke:#111;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 18}.num-outline{fill:none;stroke:#111;stroke-width:2;opacity:.28}.thin-dot{fill:none;stroke:#111;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:1 13}.guide-text{font-size:28px;font-weight:700;fill:#111}.muted{fill:#64748b}.line{stroke:#111;stroke-width:2}.footer{font-size:14px;fill:#64748b}.small-num{font-size:36px;font-weight:900;fill:#111}.locked-note{padding:25px;text-align:center;font-weight:900;color:#b45309}
@media(max-width:640px){.pisi-head{display:block}.pisi-head h2{font-size:21px}.pisi-toolbar button,.pisi-toolbar select{padding:8px 9px}.pisi-stage{width:96vw}}
@media print{body *{visibility:hidden!important}.pisi-card,.pisi-card *{visibility:visible!important}.pisi-card{position:absolute!important;left:0;top:0;width:100%!important;box-shadow:none!important;border:0!important}.pisi-stage{width:190mm!important;height:260mm!important;max-width:none!important;aspect-ratio:auto!important;border:0!important}.pisi-toolbar,.pisi-head,.pisi-msg{display:none!important}}

/* v1.0.3 - читливи копчиња и тетратка-вежба */
.pisi-toolbar button,.pisi-toolbar select{color:#0f172a!important;background:#f8fafc!important;text-shadow:none!important;opacity:1!important}
.pisi-toolbar button.is-active{background:#dbeafe!important;border-color:#60a5fa!important;color:#0f172a!important}
.pisi-toolbar button:disabled{color:#64748b!important;background:#eef2f7!important;opacity:.85!important}
.write-help{font-size:20px;font-weight:700;fill:#475569}.notebook-light{stroke:#cbd5e1;stroke-width:1.5;stroke-dasharray:8 8}.notebook-main{stroke:#334155;stroke-width:2}.write-line{stroke:#111;stroke-width:2;stroke-linecap:round}.free-box{stroke:#cbd5e1;stroke-width:2;stroke-dasharray:8 8}

/* v1.0.4 - опција 2: броење и поврзување */
.match-box{stroke:#cbd5e1;stroke-width:2}.match-icon{font-size:30px;fill:#111}.empty-set{font-size:20px;font-weight:800;fill:#64748b}.match-num-circle{stroke:#94a3b8;stroke-width:3}.match-num{font-size:52px;font-weight:900;fill:#0f172a}.match-sheet{cursor:pointer}

/* v1.0.5 - поправка на палета + опција 3 */
.pisi-toolbar button.pisi-color{background:var(--c)!important;color:transparent!important;border:2px solid #cbd5e1!important;min-width:34px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.pisi-toolbar button.pisi-color.is-active{outline:3px solid #0f172a!important;border-color:#0f172a!important}
.sq{stroke:#111;stroke-width:2}.join-dot{stroke:#111;stroke-width:1.5}.soft-line{stroke:#64748b;stroke-width:2}.answer-line{stroke:#111;stroke-width:3}.rows-num{font-size:42px;font-weight:900;fill:#0f172a}.rows-sheet{cursor:pointer}

/* v1.0.6 - големи копчиња за 3 опции */
.pisi-modebar{display:flex;flex-wrap:wrap;gap:10px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.08);padding:14px;margin:12px 0}
.pisi-modebar button{border:2px solid #cbd5e1;background:#f8fafc;color:#0f172a;border-radius:14px;padding:12px 15px;font-weight:900;cursor:pointer;font-size:15px}
.pisi-modebar button.is-active{background:#dbeafe;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
[data-select-wrap]{align-items:center;gap:8px}.row-emoji{font-size:30px}
@media(max-width:640px){.pisi-modebar button{width:100%;text-align:left}}

/* v1.0.7 - почист екран за опции 2 и 3 + fullscreen */
.pisi-stage.is-match,.pisi-stage.is-rows{border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;width:min(92vw,720px);}
.pisi-stage.is-match .pisi-draw,.pisi-stage.is-rows .pisi-draw{cursor:pointer;}
.pisi-trace-app:fullscreen{background:#f8fafc;padding:12px;overflow:auto;max-width:none;width:100%;}
.pisi-trace-app:fullscreen .pisi-stage{width:min(96vw,820px);}
.pisi-trace-app:fullscreen .pisi-head{display:none;}
.pisi-trace-app:fullscreen .pisi-card{max-width:900px;margin:10px auto;}
.pisi-trace-app:fullscreen .pisi-toolbar,.pisi-trace-app:fullscreen .pisi-modebar{max-width:900px;margin:10px auto;}


/* v1.0.8 - matching feedback: green/red arrows, bigger clickable circles */
.pisi-instr{font-size:18px!important;color:#334155!important}
.pisi-msg{display:none!important}
.join-dot{r:10px;stroke:#0f172a;stroke-width:2;fill:#fff!important}
.soft-line{stroke:#94a3b8;stroke-width:3}.answer-line{stroke:#111827;stroke-width:4}.rows-num{font-size:50px;font-weight:900;fill:#0f172a}.row-emoji{font-size:34px}.match-num-circle{stroke:#94a3b8;stroke-width:4}.match-num{font-size:56px;font-weight:900;fill:#0f172a}.match-box{stroke:#cbd5e1;stroke-width:2.4}


/* v1.0.9 - пократки наслови + лист за пишување како тетратка */
.pisi-title{font-size:22px!important;margin-bottom:2px!important}
.pisi-instr:empty{display:none!important}
.pisi-writing-sheet .write-word{font-size:52px;font-weight:900;fill:#0f172a;letter-spacing:2px}
.pisi-writing-sheet .write-small{font-size:28px;font-weight:800;fill:#334155}
.pisi-writing-sheet .write-topnum{font-size:48px;font-weight:900;fill:#0f172a}
.pisi-writing-sheet .num-dot{stroke-width:7;stroke-dasharray:1 17}
.pisi-writing-sheet .thin-dot{stroke-width:3.2;stroke-dasharray:1 12}
[data-sound]{align-items:center;gap:5px}
.pisi-stage.is-match .guide-text,.pisi-stage.is-rows .guide-text{display:none!important}

/* v1.0.10 - точни/неточни без откривање, обични точкасти броеви, без рамка */
.pisi-stage.is-trace{border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;}
.pisi-writing-sheet .num-skeleton{fill:none;stroke:#111;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 17;}
.pisi-writing-sheet .thin-skeleton{fill:none;stroke:#111;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 13;}
.pisi-writing-sheet .num-outline,.pisi-writing-sheet .num-dot,.pisi-writing-sheet .thin-dot{display:none!important;}
.pisi-card{border-radius:12px!important;}


/* v1.0.11 - компактен распоред, без празен простор */
.pisi-title{display:none!important;}
.pisi-card{padding:8px!important;}
.pisi-stage{aspect-ratio:720/760!important;width:min(96vw,720px)!important;}
.pisi-stage.is-match,.pisi-stage.is-rows,.pisi-stage.is-trace{width:min(96vw,720px)!important;}
.pisi-writing-sheet .write-word{font-size:48px!important;}
.pisi-writing-sheet .write-small{font-size:25px!important;}
.pisi-writing-sheet .top-emoji{font-size:27px;}
.pisi-writing-sheet .top-emoji-zero{font-size:44px;font-weight:900;fill:#0f172a;}
.pisi-writing-sheet .practice-line{stroke:#111827;stroke-width:2;}
.pisi-writing-sheet .num-skeleton{stroke-width:7!important;stroke-dasharray:1 16!important;}
.pisi-writing-sheet .thin-skeleton{stroke-width:3.7!important;stroke-dasharray:1 12!important;}
.match-box{height:auto!important;}
.match-icon{font-size:28px!important;}
.match-num-circle{r:40px;}
.match-num{font-size:50px!important;}
.row-emoji{font-size:30px!important;}
.rows-num{font-size:46px!important;}
@media(max-width:640px){
  .pisi-card{padding:4px!important;}
  .pisi-stage{width:98vw!important;}
  .pisi-toolbar{gap:6px;padding:10px;}
  .pisi-toolbar button,.pisi-toolbar select{padding:7px 8px;font-size:13px;}
  .pisi-toolbar .pisi-color{width:30px!important;height:30px!important;min-width:30px!important;}
}

/* v1.0.13 - нова игра 2: Преброј со 4 одговори */
.pisi-stage.is-count{border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;width:min(96vw,720px)!important;}
.count-title{font-size:34px;font-weight:900;fill:#0f172a;}
.count-emoji{font-size:42px;dominant-baseline:middle;}
.count-answer{cursor:pointer;}
.count-answer-box{fill:#f8fafc;stroke:#94a3b8;stroke-width:4;}
.count-answer-text{font-size:52px;font-weight:900;fill:#0f172a;}
.count-answer.is-good .count-answer-box{fill:#16a34a;stroke:#15803d;}
.count-answer.is-good .count-answer-text{fill:#fff;}
.count-answer.is-bad .count-answer-box{fill:#dc2626;stroke:#991b1b;}
.count-answer.is-bad .count-answer-text{fill:#fff;}
@media(max-width:640px){.count-emoji{font-size:36px}.count-answer-text{font-size:46px}}


/* v1.0.14 - погласен негативен звук + 3D коцки во Преброј */
.cube-top{fill:#ffffff;stroke:#111827;stroke-width:2;}
.cube-left{fill:#f8fafc;stroke:#111827;stroke-width:2;}
.cube-right{fill:#eef2f7;stroke:#111827;stroke-width:2;}


/* v1.0.15 - labels + A4 print worksheet for current number */
@media print{.pisi-modebar{display:none!important}}

/* v1.0.17 - PDF download through jsPDF canvas export */


/* v1.0.20 - боја не ја менува активната алатка */
.pisi-stage.is-color{border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;width:min(96vw,720px)!important;}
.color-sheet{cursor:pointer;}
.decor-num{font-family:"Arial Rounded MT Bold","Comic Sans MS",Arial,sans-serif;font-weight:900;font-size:96px;fill:#fff;stroke:#111827;stroke-width:5;paint-order:stroke fill;stroke-linejoin:round;stroke-linecap:round;}
@media(max-width:640px){.decor-num{font-size:82px;stroke-width:4}.pisi-modebar button{width:auto;flex:1 1 45%;}}

/* v1.0.24 - feedback word and sound when coloring decorative numbers */
.color-feedback{pointer-events:none;}
.color-feedback-box{fill:#fff7d6;stroke:#f59e0b;stroke-width:3;filter:drop-shadow(0 6px 10px rgba(15,23,42,.18));}
.color-feedback-text{font:bold 26px Arial,'Arial Cyr',sans-serif;fill:#0f172a;letter-spacing:1px;}
@media(max-width:640px){.color-feedback-text{font-size:22px}.color-feedback-box{stroke-width:2.4}}