:root{--grid-minor:#dfe8f2;--grid-major:#c7d6e6;--frame:#9aa7b4;--beam-face:#ecd9ac;--beam-edge:#8a6b3f;--beam-hole:#fff;--ped-face:#d9d2c4;--ped-edge:#6f6354;--ground:#4a4a4a;--weight-face:#cc3b3b;--weight-edge:#7c1d1d;--rope:#2b2b2b;--force:#c22;--area-left:#2b5a8c;--area-right:#c9752b;--ok-green:#2e7d4f;--ok-green-bg:#e5f3ea;--napacno:#b3261e;--napacno-bg:#fbe9e7;--note:#55606b;--text:#1f2530;--accent:#1f4e79;--bg:#f6f7f9;--panel-bg:#fff;--border:#dde2e8;--sans:"Segoe UI", system-ui, Roboto, sans-serif;font:17px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}h1,h2{font-family:var(--sans);color:var(--text);margin:0}p{margin:0}button{font:inherit}.app-ovoj{max-width:980px;margin:0 auto;padding:24px 20px 48px}.testni-trak{z-index:100;color:#fff;letter-spacing:1px;text-align:center;text-shadow:0 1px 2px #0009;background:repeating-linear-gradient(45deg,#f5a623,#f5a623 10px,#1a1a1a 10px 20px);margin:-24px -20px 16px;padding:6px 20px;font-size:13px;font-weight:800;position:sticky;top:0}.testna-vrstica{background:#f5a62314;border:1.5px dashed #f5a623;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;max-width:860px;margin:0 auto 14px;padding:10px 12px;display:flex}.testna-vrstica .btn-obrobljen{padding:5px 10px;font-size:13px}.testna-oznaka{color:#b8720a;white-space:nowrap;margin-right:4px;font-size:13px;font-weight:800}.start-naslov{text-align:center;margin-bottom:36px;position:relative}.start-nadnaslov{color:var(--note);letter-spacing:1px;margin-bottom:4px;font-size:22px;font-weight:700}.start-naslov h1{letter-spacing:2px;font-size:52px;font-weight:800}.start-naslov p{color:var(--note);margin-top:6px;font-size:20px}.profil-vrstica{flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.profil-napis{color:var(--note);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.profil-ikone{gap:8px;display:flex}.profil-gumb{background:var(--panel-bg);border:2px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;line-height:1;display:flex}.profil-gumb.aktiven{border-color:var(--accent);background:var(--accent)}@media (width<=900px){.profil-vrstica{align-items:center;margin-bottom:10px;position:static;transform:none}}.poti{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=720px){.poti{grid-template-columns:1fr}}.pot-karta{background:var(--panel-bg);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:28px 20px;display:flex}.pot-karta h2{letter-spacing:1px;color:var(--text);font-size:19px}.pot-karta.zaklenjena-karta{opacity:.7}.sklopi-seznam{flex-direction:column;gap:6px;width:100%;display:flex}.sklop-vrstica{background:var(--ok-green-bg);text-align:left;cursor:pointer;width:100%;font:inherit;border:none;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;display:flex}.sklop-vrstica:hover:not(:disabled){filter:brightness(.97)}.sklop-vrstica.zaklenjen{background:var(--bg);cursor:default}.sklop-znacka{text-align:center;width:20px;font-size:17px}.sklop-ime{color:var(--ok-green);font-size:14px;font-weight:600}.sklop-vrstica.zaklenjen .sklop-ime{color:var(--note);font-weight:400}.srcka{color:var(--weight-face);font-size:28px}.kljucavnica{font-size:44px}.pot-podnapis{color:var(--note);font-size:15px}.pot-tagline{color:var(--text);margin-top:-6px;font-size:14px;font-weight:600}.delavnica-meni{grid-template-columns:repeat(2,1fr);gap:20px;max-width:640px;margin:24px auto 0;display:grid}@media (width<=560px){.delavnica-meni{grid-template-columns:1fr}}.delavnica-kartica{background:var(--panel-bg);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:32px 20px;font-family:inherit;display:flex}.delavnica-kartica:hover{border-color:var(--accent)}.delavnica-kartica.delavnica-zaklenjena{opacity:.55;cursor:default}.delavnica-kartica.delavnica-zaklenjena:hover{border-color:var(--border)}.delavnica-ikona{font-size:44px}.delavnica-naslov{color:var(--text);font-size:18px;font-weight:700}.delavnica-opis{color:var(--note);font-size:14px}.btn-glavni{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:13px 24px;font-size:17px;font-weight:700}.btn-glavni:hover{filter:brightness(1.1)}.btn-obrobljen{color:var(--accent);border:1.5px solid var(--accent);cursor:pointer;background:0 0;border-radius:8px;padding:9px 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.btn-obrobljen:disabled{opacity:.45;cursor:default}.training-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:8px;display:flex}.training-header h1{flex:1;font-size:22px}.link-nazaj{background:var(--ok-green);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.link-nazaj:before{content:"←";-webkit-text-stroke:.6px white;font-size:26px;font-weight:900;line-height:1}.link-nazaj:hover{filter:brightness(1.1)}.napredek-znacka{color:var(--text);background:var(--bg);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:5px 13px;font-size:15px;font-weight:700}.navodilo-kratka{color:var(--accent);margin-bottom:12px;font-size:18px;font-weight:600}.navodilo-seznam{color:var(--accent);margin:0 0 12px;padding-left:22px;font-size:18px;font-weight:600}.navodilo-seznam li{margin-bottom:3px}.vzvod-in-racun{grid-template-columns:minmax(0,640px) 280px;justify-content:center;align-items:start;gap:18px;display:grid}@media (width<=760px){.vzvod-in-racun{grid-template-columns:1fr}}.drsnik-vrstica{align-items:center;gap:12px;max-width:640px;margin:16px auto 0;display:flex}.drsnik-vrstica input[type=range]{flex:1}.drsnik-vrstica input[type=number]{border:1px solid var(--border);border-radius:6px;width:70px;padding:6px 8px;font-size:15px}.vzvod-svg{background:var(--panel-bg);border:1px solid var(--border);touch-action:none;border-radius:12px;width:100%;max-width:640px;display:block}.igralno-polje{width:100%;position:relative}.obvestilo-uspeh{background:var(--ok-green-bg);max-width:640px;color:var(--ok-green);text-align:center;opacity:1;border-radius:8px;margin:14px auto 0;padding:10px 14px;font-weight:600;transition:opacity .9s}.obvestilo-uspeh.izginja{opacity:0}.igralno-polje .obvestilo-uspeh{max-width:none;margin:0;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 2px 10px #0000002e}.bonus-info-vrstica{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;max-width:640px;margin:0 auto 12px;display:flex}.bonus-cas{color:var(--accent);font-size:20px;font-weight:800}.bonus-streak{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:5px 13px;font-size:15px;font-weight:700}.bonus-nova-zivljenja{color:var(--ok-green);font-size:15px;font-weight:700}.bonus-napoved,.bonus-povzetek{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:480px;margin:40px auto 0;display:flex}.bonus-napoved h2,.bonus-povzetek h2{font-size:24px}.bonus-napoved p{color:var(--note);font-size:18px;line-height:1.5}.bonus-napoved p.bonus-streak-pravilo{color:var(--text);font-size:20px;font-weight:700}.bonus-stevec-ovoj{justify-content:center;align-items:center;height:220px;display:flex}.bonus-stevec{color:var(--accent);font-size:96px;font-weight:900;animation:.8s forwards bonus-stevec-pop}@keyframes bonus-stevec-pop{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.15)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.bonus-povzetek-srcki{color:var(--weight-face);letter-spacing:4px;font-size:40px}.challenge-srcka{gap:3px;font-size:34px;line-height:1;display:flex}.srce-polno{color:var(--weight-face)}.srce-prazno{color:var(--border)}.obvestilo-uspeh.napacno{background:var(--napacno-bg);color:var(--napacno)}.challenge-obvestilo.pravilno{font-size:17px;animation:.4s obvestilo-pop}@keyframes obvestilo-pop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}.igralno-polje.konec-poskusa{opacity:.55;pointer-events:none}.potrdi-vrstica-challenge{justify-content:center;max-width:640px;margin:14px auto 0;display:flex}.konec-challenga{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:480px;margin:40px auto 0;display:flex}.konec-challenga .srcka{font-size:48px}.konec-challenga .akcije-vrstica{margin-top:10px}.racun-panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;padding:14px 18px;font-size:15px}.racun-vrstica{padding:3px 0}.racun-oznaka{font-weight:700}.racun-primerjava{border-top:1px solid var(--border);margin-top:8px;padding-top:8px;font-weight:700}.racun-primerjava.ok{color:var(--ok-green)}.prikazi-vrstica{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:860px;margin:18px auto 0;display:flex}.prikazi-label{color:var(--note);margin-right:4px;font-size:14px}.preklop{background:var(--panel-bg);border:1.5px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600}.preklop.aktiven{background:var(--accent);border-color:var(--accent);color:#fff}.akcije-vrstica{flex-wrap:wrap;justify-content:center;gap:10px;max-width:860px;margin:22px auto 0;display:flex}.gradnja-bremena-seznam{flex-direction:column;align-items:center;gap:8px;margin:18px auto 0;display:flex}.gradnja-breme-vrstica{align-items:center;gap:10px;font-size:15px;display:flex}.gradnja-breme-vrstica .btn-obrobljen{padding:4px 10px;font-size:14px}.inline-povezava{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;margin:0;padding:0;text-decoration:underline}.inline-povezava:hover{filter:brightness(1.2)}.start-zasebnost{border-top:1px solid var(--border);color:var(--note);margin-top:36px;padding-top:16px;font-size:14px}.start-zasebnost h3{text-transform:uppercase;letter-spacing:.5px;color:var(--note);margin:0 0 6px;font-size:13px;font-weight:700}.start-zasebnost p{line-height:1.5}.zasebnost-vsebina{max-width:720px;margin:0 auto;line-height:1.6}.zasebnost-vsebina h3{margin:22px 0 6px;font-size:16px}.zasebnost-vsebina h3:first-child{margin-top:0}.zasebnost-vsebina p{margin-bottom:6px}