.igrac{background:var(--paper);border:1px solid var(--line);border-radius:.75rem;gap:.9rem;min-width:0;padding:1rem;display:grid}.ig-vrh{align-items:center;gap:.75rem;display:flex}.ig-traka{flex:1;gap:.25rem;min-width:0;display:flex}.ig-traka i{background:var(--line);border-radius:999px;flex:1;height:.6rem}.ig-traka i.zavrsna{background:color-mix(in srgb,var(--marker) 55%,var(--line))}.ig-traka i.bio{background:var(--ok)}.ig-traka i.sad{background:var(--action)}.ig-okrugli{border:1.5px solid var(--line);background:var(--paper);width:3rem;height:3rem;color:var(--action);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.ig-okrugli svg{width:1.6rem;height:1.6rem}.ig-oznaka{font-family:var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.95rem;font-weight:600}.ig-scena{border:1px solid var(--grid);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:1.5rem 1.5rem;border-radius:.6rem;align-content:center;justify-items:center;gap:1.25rem;min-width:0;min-height:15rem;padding:1.25rem 1rem;display:grid}.ig-govor{align-items:center;gap:.75rem;display:flex}.ig-govor p{min-width:0;margin:0;font-size:1.25rem;font-weight:500;line-height:1.4}.ig-poruka{border-radius:.5rem;align-items:center;min-height:2.75rem;margin:0;padding:.3rem .9rem;font-size:1.1rem;font-weight:600;display:flex}.ig-poruka:empty{visibility:hidden}.ig-poruka.ok{background:var(--ok-bg);color:var(--ok)}.ig-poruka.ne{background:var(--bad-bg);color:var(--bad)}.ig-dno{flex-wrap:wrap;justify-content:space-between;gap:.75rem;display:flex}.gumb{font:inherit;font-family:var(--display);border:2px solid var(--action);background:var(--action);min-height:3.5rem;color:var(--action-ink);cursor:pointer;border-radius:.75rem;place-items:center;padding:.6rem 1.6rem;font-size:1.25rem;font-weight:600;text-decoration:none;display:inline-grid}.gumb.tih{color:var(--action);background:0 0}.gumb:disabled{opacity:.4;cursor:default}.gumb.velik{min-height:4.25rem;margin-inline:auto;padding-inline:2.75rem;font-size:1.6rem}.gumb.potvrdi{min-height:3.25rem}.red{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.sk{--ik:3rem;min-width:4.5rem;min-height:4.5rem;max-width:calc(5*var(--ik) + 4*.3rem + 1.2rem + 8px);box-sizing:border-box;border:2.5px solid var(--ink-soft);background:var(--paper);font:inherit;color:inherit;border-radius:.9rem;flex-wrap:wrap;place-content:center;gap:.3rem;padding:.6rem;display:flex}.sk.prazna{border-style:dashed}button.sk{cursor:pointer}button.sk:disabled,.brojka:disabled,.jednako:disabled,.dod:disabled{cursor:default;opacity:1}.pr{width:var(--ik);height:var(--ik);flex:none;place-items:center;display:grid;position:relative}.ik{width:100%;height:100%;display:block}.sk.broji .pr:after,.dod b{background:var(--ink);min-width:1.35rem;height:1.35rem;color:var(--paper);font:600 .85rem/1 var(--display);border-radius:999px;place-items:center;display:grid;position:absolute;bottom:-.15rem;right:-.15rem}.sk.broji .pr:after{content:attr(data-n)}.sk.ok,.jednako.ok{border-color:var(--ok);background:var(--ok-bg)}.sk.ne,.jednako.ne{border-color:var(--bad);background:var(--bad-bg)}.dod{cursor:pointer;font:inherit;background:0 0;border:0;border-radius:50%;padding:0}.dod b:empty{display:none}.dod[aria-pressed=true]{background:color-mix(in srgb,var(--marker) 70%,transparent);box-shadow:0 0 0 3px var(--action)}.brojke{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.brojka{font-family:var(--display);border:2.5px solid var(--action);background:var(--paper);width:4.5rem;height:4.5rem;color:var(--ink);cursor:pointer;border-radius:1rem;padding:0;font-size:2.4rem;font-weight:600;line-height:1}.brojka.ok{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.brojka.ne{border-color:var(--bad);background:var(--bad-bg);color:var(--bad)}.velika{justify-items:center;gap:.2rem;display:grid}.brojka-v{font:600 6rem/1 var(--display)}.rijec{font:500 1.5rem/1.2 var(--display);color:var(--ink-soft)}.par{justify-content:center;align-items:center;gap:.6rem;width:100%;min-width:0;display:flex}.par .sk{--ik:clamp(1.6rem,6.5vw,2.75rem);flex:0 auto;min-width:3.5rem;min-height:3.5rem}.jednako{font:600 .85rem/1.1 var(--display);border:2.5px solid var(--ink-soft);background:var(--paper);width:4.25rem;min-height:4.25rem;color:var(--ink);cursor:pointer;border-radius:1rem;flex:none;align-content:center;justify-items:center;padding:.2rem;display:grid}.jednako span{font-size:1.9rem;line-height:1}.par.brojcani{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);place-items:center;gap:.6rem;max-width:32rem;display:grid}.par.brojcani .sk.lijevo{grid-area:1/1}.par.brojcani .sk.desno{grid-area:1/3}.brojka-m{font:600 3rem/1 var(--display);grid-row:2}.brojka-m.lijevo{grid-column:1}.brojka-m.desno{grid-column:3}.znak{font:600 2.8rem/1 var(--display);width:3.5rem;height:3.5rem;color:var(--action);background:var(--paper);border-radius:.75rem;grid-area:2/2;place-items:center;display:grid}.znak.pit{border:2.5px dashed var(--action);color:var(--ink-soft)}.crta{flex-wrap:wrap;justify-content:center;row-gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.crta li{font:600 1.8rem/1 var(--display);aspect-ratio:1;border:2.5px solid var(--ink-soft);background:var(--paper);place-items:center;width:clamp(2.5rem,12vw,3.75rem);margin-left:-2.5px;display:grid}.crta li:first-child{border-radius:.6rem 0 0 .6rem;margin-left:0}.crta li:last-child{border-radius:0 .6rem .6rem 0}.crta li.ist{background:color-mix(in srgb,var(--marker) 70%,var(--paper))}.crta li.skr{border-style:dashed;border-color:var(--action);color:var(--action);z-index:1;position:relative}.crta li.skr.ok{border-style:solid;border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.slike{--sl:5rem;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1rem;display:flex}.slike.pokaz{--sl:6.5rem}.slike.stupac{flex-direction:column;align-items:flex-start;gap:.75rem}.st{border:2.5px solid var(--line);background:var(--paper);font:inherit;color:var(--ink);border-radius:.9rem;justify-items:center;gap:.3rem;margin:0;padding:.5rem;display:grid}button.st{cursor:pointer;border-color:var(--ink-soft)}button.st:disabled,.mj:disabled,.tk:disabled{cursor:default;opacity:1}button.st[aria-pressed=true]{border-color:var(--action);background:color-mix(in srgb,var(--marker) 45%,var(--paper))}.st.ok{border-color:var(--ok);background:var(--ok-bg)}.st.ne{border-color:var(--bad);background:var(--bad-bg)}.st.savjet{outline:3px dashed var(--ok);outline-offset:3px}.st .natpis{font:500 1.05rem/1.2 var(--display);color:var(--ink-soft);text-align:center;max-width:9rem}.sl{width:calc(var(--sl)*var(--v,1));height:calc(var(--sl)*var(--v,1));color:var(--ink);display:block}.olovka{--jed:2.4rem;width:calc(var(--d)*var(--jed));height:calc(var(--jed)*.8);display:block}.ploca{aspect-ratio:200/130;background:var(--paper);border:1px solid var(--grid);border-radius:.6rem;width:min(100%,26rem);position:relative}.pl-svg{width:100%;height:100%;position:absolute;inset:0}.pl-lik{fill:color-mix(in srgb,var(--marker) 45%,var(--paper));stroke:var(--ink);stroke-width:2.5px;stroke-linejoin:round}.pl-crta{stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round}.pl-crta.nacrtana{stroke:var(--action);stroke-width:3.5px}.pl-vod{stroke:var(--ink-soft);stroke-width:2px;stroke-dasharray:5 6;stroke-linecap:round}.pl-tocka{fill:var(--ink)}.pl-krizic{stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;fill:none}.pl-ime{font:600 15px var(--display);fill:var(--ink)}.mj,.tk{cursor:pointer;width:2.75rem;height:2.75rem;font:inherit;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.mj:before{content:"";border:2.5px solid var(--action);background:var(--paper);border-radius:50%;width:1.15rem;height:1.15rem}.mj[aria-pressed=true]:before{background:var(--ink);border-color:var(--ink)}.mj.ok:before{background:var(--ok);border-color:var(--ok)}.mj.ne:before{border-color:var(--bad);background:var(--bad-bg)}.mj.savjet:before{box-shadow:0 0 0 4px var(--ok)}.tk:before{content:"";background:var(--ink);border-radius:50%;width:.95rem;height:.95rem}.tk[aria-pressed=true]:before{box-shadow:0 0 0 6px color-mix(in srgb,var(--action) 55%,transparent)}.tk span{font:600 1.05rem/1 var(--display);position:absolute;top:-10%;left:66%}.ig-en{background:color-mix(in srgb,var(--marker) 50%,transparent);font-family:var(--display);border-radius:.4rem;margin-left:.3rem;padding:.05rem .55rem;font-weight:600;display:inline-block}.sk-razmak{flex-basis:100%;height:.35rem}.pr.precrtan .ik{opacity:.28}.pr.precrtan:before{content:"";background:var(--bad);z-index:1;border-radius:2px;width:8%;height:88%;position:absolute;top:6%;left:46%;transform:rotate(45deg)}.tx{font-family:var(--display);color:var(--ink);min-width:calc(var(--sl)*.9);min-height:calc(var(--sl)*.8);text-align:center;place-items:center;padding:0 .3rem;font-weight:600;line-height:1.1;display:grid}.tx-k{font-size:calc(var(--sl)*.6)}.tx-s{font-size:calc(var(--sl)*.36)}.tx-d{font-size:calc(var(--sl)*.25);max-width:15rem;font-weight:500;line-height:1.3}.ist{color:var(--action);font-weight:inherit}.gore .tx-s{font-size:1.9rem}.gore .tx-d{max-width:22rem;font-size:1.3rem}.gore:has(.st:first-child .tx-d):has(.st:nth-child(2) .tx-d){flex-direction:column;gap:.15rem}.gore:has(.st:first-child .tx-d):has(.st:nth-child(2) .tx-d) .st{padding-block:.1rem}.gore{--sl:4rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.st.mala{padding:.3rem}.upitnik{font:600 2.4rem/1 var(--display);color:var(--action);border:2.5px dashed var(--action);background:var(--paper);border-radius:.75rem;place-items:center;width:3.5rem;height:3.5rem;display:grid}button.st.cuj{border-color:var(--action);border-style:dashed}.razv{justify-items:center;gap:1rem;width:100%;display:grid}.razv-stavka{--sl:5.25rem;justify-items:center;gap:.25rem;min-height:7.75rem;display:grid}.razv-broj{color:var(--ink-soft);font-size:.85rem;font-weight:500}.razv-kutije{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;display:flex}.kut{border:2.5px dashed var(--ink-soft);background:var(--paper);max-width:13rem;min-height:6.5rem;font:inherit;color:var(--ink);cursor:pointer;border-radius:.9rem;flex:7.5rem;align-content:start;gap:.4rem;padding:.6rem;display:grid}.kut:disabled{opacity:1;cursor:default}.kut-naziv{--sl:2rem;font:600 1.05rem/1.2 var(--display);justify-content:center;align-items:center;gap:.4rem;display:flex}.kut-sadrzaj{--sl:1.9rem;flex-wrap:wrap;justify-content:center;gap:.2rem;min-height:1.9rem;display:flex}.kut-st .tx{border:1px solid var(--line);border-radius:.3rem;min-width:0;min-height:0;padding:.1rem .3rem;font-size:.85rem}.kut.ne{border-color:var(--bad);background:var(--bad-bg)}.kut.savjet{outline:3px dashed var(--ok);outline-offset:3px}.por{justify-items:center;gap:1.1rem;width:100%;display:grid}.por-mjesta{--sl:3.25rem;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.por-mjesta li{border:2.5px dashed var(--ink-soft);background:var(--paper);border-radius:.8rem;place-items:center;min-width:4.25rem;min-height:4.25rem;padding:.3rem;display:grid;position:relative}.por-mjesta li.puno{border-style:solid;border-color:var(--ok)}.por-rb{background:var(--ink);width:1.5rem;height:1.5rem;color:var(--paper);font:600 .85rem/1.5rem var(--display);text-align:center;border-radius:50%;position:absolute;top:-.6rem;left:-.6rem}.por-st{justify-items:center;display:grid}.por-st small{color:var(--ink-soft);font-size:.75rem}.por-st .tx{min-width:0;min-height:0}.por .odgovori{--sl:3.75rem}.por-tekst .odgovori{flex-direction:column;align-items:center}.por-tekst .odgovori .tx-d{max-width:18rem;font-size:1.1rem}.por-tekst .por-mjesta{flex-direction:column;align-items:stretch;width:min(100%,19rem)}.por-tekst .por-mjesta li{min-height:2.75rem;padding-left:1.4rem}.por-tekst .por-st .tx-d{max-width:none;font-size:1rem}.rac{font-family:var(--display);justify-content:center;align-items:center;gap:.5rem;font-size:3rem;font-weight:600;line-height:1;display:flex}.rac-znak{color:var(--action)}.rac-pit{border:2.5px dashed var(--action);width:3.75rem;height:3.75rem;color:var(--ink-soft);background:var(--paper);border-radius:.75rem;place-items:center;display:grid}.rac-pit.ok{border-style:solid;border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.rac-slike{font:600 2rem/1 var(--display);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.rac-slike .sk{--ik:2.25rem;min-width:3.5rem;min-height:3.5rem}.des{justify-items:center;gap:.75rem;display:grid}.des-slike{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.des-okvir,.des-jed{grid-template-columns:repeat(5,1.5rem);gap:.25rem;display:grid}.des-okvir{border:2.5px solid var(--d);background:var(--paper);border-radius:.6rem;padding:.4rem}.des-okvir i,.des-jed i{border-radius:50%;width:1.5rem;height:1.5rem}.des-okvir i{background:var(--d)}.des-jed i{background:var(--j)}.des-broj{font:600 4.5rem/1 var(--display);display:flex}.des-d{color:var(--d)}.des-j{color:var(--j)}.des-opis{font:500 1.2rem/1.3 var(--display);margin:0}.tb{gap:.4rem;width:min(100%,24rem);display:grid}.tb-red{border:2px solid var(--line);background:var(--paper);font:inherit;color:var(--ink);text-align:left;border-radius:.6rem;align-items:center;gap:.75rem;width:100%;min-height:3.25rem;padding:.4rem .6rem;display:flex}button.tb-red{cursor:pointer;border-color:var(--ink-soft)}button.tb-red:disabled{opacity:1;cursor:default}.tb-naziv{--sl:2.2rem;flex:0 0 7.75rem;align-items:center;gap:.4rem;min-width:0;font-size:.95rem;font-weight:500;display:flex}.tb-znakovi{flex-wrap:wrap;gap:.25rem;display:flex}.tb-znakovi i{background:var(--action);border-radius:50%;width:1.35rem;height:1.35rem}.tb-broj{font:600 1.8rem/1 var(--display);text-align:center;min-width:2.5rem;margin-left:auto}.tb-red.istaknut{border-color:var(--action);background:color-mix(in srgb,var(--marker) 35%,var(--paper))}.tb-red.ok{border-color:var(--ok);background:var(--ok-bg)}.tb-red.ne{border-color:var(--bad);background:var(--bad-bg)}.tb-red.savjet{outline:3px dashed var(--ok);outline-offset:3px}.kraj{justify-items:center;gap:.5rem;display:grid}.zvjezdice{gap:.4rem;display:flex}.zvjezdice span{width:3rem;height:3rem}.zvjezdice svg{fill:#0000;width:100%;height:100%;stroke:var(--ink-soft)}.zvjezdice .puna svg{fill:#f5b700;stroke:#f5b700}.bravo{font:600 2.2rem/1.1 var(--display);margin:0}.zbroj{color:var(--ink-soft);margin:0;font-size:1.15rem}.ig-scena .slike.u-redu{--sl:clamp(1.9rem,9.5vw,3.75rem);flex-wrap:nowrap;gap:.3rem;max-width:100%}.ig-scena .slike.u-redu .st{min-width:0;padding:.25rem}.ig-scena .slike.u-redu .st .natpis{max-width:5.5rem;font-size:.8rem}.ig-scena .slike.u-redu .tx{min-width:0;padding:0 .15rem}.igrac :focus-visible{outline:3px solid var(--action);outline-offset:3px}@media (width<=26rem){.igrac{padding:.75rem}.ig-scena{padding:1rem .6rem}.sk{--ik:2.5rem}.slike{--sl:4.25rem;gap:.6rem}.rac{gap:.35rem;font-size:2.4rem}.rac-pit{width:3.1rem;height:3.1rem}.rac-slike .sk{--ik:1.9rem}.gore{--sl:3.25rem}.razv-stavka{--sl:4.5rem;min-height:6.75rem}.des-broj{font-size:3.75rem}.slike.pokaz{--sl:5.25rem}.olovka{--jed:2rem}.brojka{width:4rem;height:4rem}.gumb{padding-inline:1.2rem}}@media (prefers-reduced-motion:no-preference){.brojka,.sk,.jednako,.dod,.ig-traka i{transition:background-color .2s,border-color .2s,box-shadow .2s}.brojka.ok,.sk.ok,.jednako.ok,.crta li.ok,.st.ok{animation:.35s ig-skok}.brojka.ne,.sk.ne,.jednako.ne,.st.ne{animation:.3s ig-tresi}@keyframes ig-skok{50%{transform:scale(1.08)}}@keyframes ig-tresi{25%{transform:translate(-5px)}75%{transform:translate(5px)}}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sl-e{filter:drop-shadow(0 0 1.2px #ffffffe6)drop-shadow(0 0 1.2px #fff9)}}:root[data-theme=dark] .sl-e{filter:drop-shadow(0 0 1.2px #ffffffe6)drop-shadow(0 0 1.2px #fff9)}
