:root{--nebo: #bfe6ff;--trava: #7ed37a;--sunce: #ffd84d;--mia: #ffcf3f;--tekst: #1f2a44;--bijela: #ffffff;--tocno: #1f8f55;--krivo: #d9562b;--gumb: #2563eb;--gumb-tekst: #ffffff;--sjena: 0 10px 28px rgba(31, 42, 68, .16);--font: "Nunito", system-ui, sans-serif;--naslovni: "Fredoka", "Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#10203a;overflow:hidden;font-family:var(--font);color:var(--tekst)}.pozornica{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:center;overflow:hidden;background:var(--nebo);border-radius:24px}.sloj{position:absolute;inset:0}#pozadina svg{width:100%;height:100%;display:block}#likovi svg{position:absolute;bottom:90px;height:620px;overflow:visible}.titl{font-weight:800;position:absolute;left:50%;top:36px;transform:translate(-50%);max-width:1500px;width:max-content;background:var(--bijela);border-radius:32px;padding:20px 40px;font-size:52px;line-height:1.2;text-align:center;box-shadow:var(--sjena)}.titl:empty{display:none}.kontrole{position:absolute;inset:auto 0 0;height:120px;display:flex;justify-content:space-between;align-items:center;padding:0 32px}.gumb{font-family:var(--naslovni);font-size:40px;font-weight:600;min-width:96px;min-height:96px;padding:0 36px;border:0;border-radius:48px;background:var(--gumb);color:var(--gumb-tekst);box-shadow:var(--sjena);cursor:pointer}.gumb:focus-visible{outline:6px solid var(--sunce);outline-offset:4px}.gumb[disabled]{opacity:.35;cursor:default}.podnozje{position:fixed;bottom:4px;width:100%;text-align:center;font-size:12px;color:#c9d6ee}.podnozje a{color:inherit}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{body{background:#fff}.pozornica>:not(#interakcija),.podnozje{display:none}}.int-izbor,.int-poredaj,.int-razvrstaj .stavke{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:32px;flex-wrap:wrap;justify-content:center;width:1700px;top:230px}.odgovor,.stavka{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 36px;background:var(--bijela);color:var(--tekst);min-width:320px}.int-razvrstaj .stavka{min-width:260px;font-size:32px;padding:16px 24px}.odgovor svg,.stavka svg{width:120px;height:120px}.int-razvrstaj .stavka svg{width:80px;height:80px}.tocno{background:var(--tocno)!important;color:#fff!important}.krivo{background:var(--krivo)!important;color:#fff!important}.odabrano{outline:8px solid var(--sunce);outline-offset:4px}.int-poredaj-cilj{position:absolute;left:50%;top:600px;transform:translate(-50%);display:flex;gap:20px;font-size:30px;list-style:decimal inside;margin:0;padding:0}.int-poredaj-cilj li{background:var(--tocno);color:#fff;border-radius:28px;padding:12px 20px;display:flex;flex-direction:column;align-items:center}.int-poredaj-cilj svg{width:70px;height:70px}.int-razvrstaj .kutije{position:absolute;top:540px;left:50%;transform:translate(-50%);display:flex;gap:80px}.kutija{font-family:var(--naslovni);font-size:44px;font-weight:800;color:var(--tekst);width:720px;min-height:340px;border:8px dashed var(--gumb);border-radius:40px;background:#ffffffbf;cursor:pointer;display:flex;flex-direction:column;align-items:center}.kutija .sadrzaj{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.kutija .sadrzaj .stavka{min-width:0;font-size:22px;padding:6px 12px;box-shadow:none;min-height:0}.kutija .sadrzaj .stavka svg{width:48px;height:48px}.int-pronadi{position:absolute;inset:0;cursor:pointer}.int-pronadi svg{position:absolute;bottom:90px;height:760px}.nadeno{position:absolute;transform:translate(-50%,-50%);border:8px solid var(--tocno);border-radius:50%;pointer-events:none}.int-povuci{position:absolute;inset:0}.int-povuci .meta{position:absolute;right:260px;bottom:160px;width:460px;height:560px}.int-povuci .predmet{position:absolute;left:300px;bottom:300px;width:220px;height:320px;cursor:grab;touch-action:none}.int-povuci .predmet.na-meti{left:66%;bottom:8%;width:30%;height:36%}.int-povuci svg{width:100%;height:100%}.naslov-igre{font-family:var(--naslovni);font-weight:700;letter-spacing:2px;position:absolute;top:40px;width:100%;text-align:center;font-size:190px;line-height:1;margin:0;color:var(--bijela);text-shadow:0 6px 24px rgba(31,42,68,.35)}.podnaslov-igre{position:absolute;top:250px;width:100%;text-align:center;font-size:48px;font-weight:800;margin:0;color:var(--tekst)}.start{position:absolute;left:50%;bottom:60px;transform:translate(-50%);font-size:80px;padding:20px 110px;background:var(--tocno)}.kartica-poglavlja{font-family:var(--naslovni);font-weight:600;position:absolute;left:50%;top:40%;translate:-50% -50%;padding:40px 80px;border-radius:48px;background:var(--sunce);font-size:96px;font-weight:800;box-shadow:var(--sjena);white-space:nowrap}.kontrole .lijevo,.kontrole .desno{display:flex;gap:20px}.napredak{flex:1;margin:0 40px;height:20px;border-radius:10px;background:#fff9;overflow:hidden}.traka{height:100%;width:0;background:var(--sunce);transition:width .3s}.dalje{background:var(--tocno);font-size:48px}.izbornik{border:0;border-radius:40px;padding:40px;font-family:var(--naslovni);font-size:32px;min-width:900px}.izbornik::backdrop{background:#10203a99}.izbornik .gumb{display:block;width:100%;margin:12px 0;text-align:left;font-size:32px;min-height:72px}.odgovor[disabled],.stavka[disabled]{opacity:.55}.odgovor.tocno[disabled],.odgovor.krivo[disabled],.kutija .stavka[disabled]{opacity:1}.diploma,.kraj{position:absolute;inset:150px 300px 140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;text-align:center}.kraj{inset:140px 120px}.diploma .okvir{background:#fffdf3;border:16px double var(--sunce);border-radius:40px;padding:32px 100px;font-size:44px;box-shadow:var(--sjena)}.diploma .okvir svg{width:110px;height:110px}.diploma h2{font-size:104px;line-height:1;margin:0;color:var(--gumb)}.diploma p{margin:8px 0}.mali{font-size:32px}.konfet{position:absolute;top:0;left:0;width:16px;height:28px;border-radius:4px;pointer-events:none}.kraj .poruke{display:flex;gap:40px}.kraj .poruke div{background:var(--bijela);border-radius:40px;padding:32px;width:480px;font-size:40px;font-weight:800;box-shadow:var(--sjena)}.kraj .poruke p{margin:12px 0 0}.kraj .poruke svg{width:120px;height:120px}.napomena{font-size:32px;margin:0;background:#ffffffd9;border-radius:20px;padding:6px 20px}.literatura{font-size:28px;margin:0;background:#ffffffd9;border-radius:20px;padding:6px 20px}@media print{.pozornica{position:static;transform:none!important;width:auto;height:auto;background:#fff}#pozadina,#likovi,#titl,#kontrole,.diploma .gumb,.konfet{display:none!important}.diploma{position:static}}.lik-3d{position:absolute;bottom:70px;height:640px;aspect-ratio:520 / 680}.lik-3d[data-lik=kapetan]{height:700px}.int-pronadi .lik-3d{height:800px;bottom:60px}.int-povuci .lik-3d{position:static;height:100%}#pozadina [data-sloj=daleko]{filter:blur(2.5px) saturate(1.05)}.lik-3d:before{content:"";position:absolute;left:18%;right:18%;bottom:-6px;height:34px;border-radius:50%;background:radial-gradient(closest-side,#141e3252,#141e3200)}.pozornica:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#0000 62%,#1414322e);border-radius:24px}.titl{display:flex;flex-direction:column;align-items:center;gap:4px;border:5px solid var(--boja-lika, #fff)}.titl .govornik{font-family:var(--naslovni);font-weight:600;font-size:36px;line-height:1;color:#fff;background:var(--boja-lika, var(--gumb));border-radius:24px;padding:8px 26px;margin-top:-52px;box-shadow:0 4px 12px #1f2a4433}.titl .tekst-titla{display:block}.gumb svg{width:52px;height:52px;display:block}.kontrole .gumb{display:inline-flex;align-items:center;justify-content:center;gap:12px}.odgovor,.stavka{font-family:var(--naslovni);font-weight:600;transition:transform .15s}.odgovor:not([disabled]):hover,.stavka:not([disabled]):hover{transform:translateY(-6px)}.u-igri .podnozje{display:none}.zasluge{font-size:24px;margin:0;opacity:.85}.int-povuci .lik-3d:before{display:none}.diploma h2,.kraj .poruke div,.naslov-diplome{font-family:var(--naslovni)}.podnaslov-igre{left:50%;width:auto;transform:translate(-50%);white-space:nowrap;background:#ffffffe0;border-radius:40px;padding:10px 36px;box-shadow:var(--sjena)}
