@font-face{font-family:Nunito;font-weight:400;font-display:swap;unicode-range:U+??,U+2000-206F,U+20AC,U+2122,U+2212;src:url(/assets/fonts/nunito-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Nunito;font-weight:400;font-display:swap;unicode-range:U+100-24F,U+1E??;src:url(/assets/fonts/nunito-latin-ext-400-normal.woff2)format("woff2")}@font-face{font-family:Nunito;font-weight:700;font-display:swap;unicode-range:U+??,U+2000-206F,U+20AC,U+2122,U+2212;src:url(/assets/fonts/nunito-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Nunito;font-weight:700;font-display:swap;unicode-range:U+100-24F,U+1E??;src:url(/assets/fonts/nunito-latin-ext-700-normal.woff2)format("woff2")}@font-face{font-family:Nunito;font-weight:900;font-display:swap;unicode-range:U+??,U+2000-206F,U+20AC,U+2122,U+2212;src:url(/assets/fonts/nunito-latin-900-normal.woff2)format("woff2")}@font-face{font-family:Nunito;font-weight:900;font-display:swap;unicode-range:U+100-24F,U+1E??;src:url(/assets/fonts/nunito-latin-ext-900-normal.woff2)format("woff2")}:root{--night:#13284d;--navy:#1b3a6b;--dusk:#24467c;--gold:#ffd34d;--amber:#f5b92b;--sky:#7fb3ef;--moon:#d9e6f7;--cream:#fdf7ea;--white:#fff;--ink-2:#4f6282;--mint-ink:#065f46;--font:Nunito, ui-rounded, system-ui, sans-serif;--gutter:clamp(1rem, 4vw, 2.5rem);--page:76rem;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.45, .5, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--night)}body{font:400 1.0625rem/1.6 var(--font);color:var(--moon);background:var(--night);margin:0}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:var(--page);padding:0 var(--gutter);margin:0 auto}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.dawn :focus-visible,.foot :focus-visible{outline-color:var(--navy)}#sky{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.night{background:radial-gradient(60rem 36rem at 78% 18rem, #7fb3ef29, transparent 70%), radial-gradient(40rem 30rem at 6% 46rem, #f43f5e12, transparent 70%), linear-gradient(180deg, #13284d 0, #13284d 52rem, #172f5b 40%, #1b3a6b 72%, var(--dusk) 100%);overflow-x:clip}.night>*{z-index:1;position:relative}.site{z-index:5;position:absolute;top:0;left:0;right:0}.site .wrap{justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;padding-bottom:1rem;display:flex}.brand{min-height:2.75rem;color:var(--cream);letter-spacing:.06em;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:900;text-decoration:none;display:inline-flex}.brand img{filter:drop-shadow(0 0 10px #ffd34d73);width:2.75rem;height:auto}.site nav{align-items:center;gap:.25rem;display:flex}.site .link{min-height:2.75rem;color:var(--cream);border-radius:999px;align-items:center;padding:0 .875rem;font-weight:700;text-decoration:none;display:inline-flex}.site .link:hover{color:var(--gold);text-underline-offset:.25em;text-decoration:underline 2px}.login{border:2px solid var(--gold);min-height:2.75rem;color:var(--gold);border-radius:1rem;align-items:center;margin-left:.5rem;padding:0 1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.login:hover{background:var(--gold);color:var(--navy)}.actions{flex-wrap:wrap;align-items:center;gap:.875rem;display:flex}.btn{min-height:3.5rem;font:700 1.125rem/1.2 var(--font);text-align:center;border-radius:999px;justify-content:center;align-items:center;padding:0 1.75rem;text-decoration:none;display:inline-flex}button.btn{cursor:pointer}.btn-gold{color:#3d2c00;background-image:linear-gradient(#ffd86b 0%,#f5b92b 100%);border:0;border-radius:1rem;font-weight:900;box-shadow:0 6px 14px -6px #b8790a66,0 0 2.25rem -.5rem #ffd34d73}.btn-ghost{color:var(--cream);background:#13284d59;border:2px solid #d9e6f78c;border-radius:1rem}.btn-ghost:hover{border-color:var(--cream);background:#ffffff14}.dawn .btn-gold{box-shadow:0 6px 14px -6px #b8790a66}.hero{align-items:center;min-height:min(100svh,64rem);padding:6.5rem 0 3.5rem;display:grid}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);display:grid}.hero h1{letter-spacing:-.025em;color:var(--cream);text-shadow:0 0 2.5rem #ffd34d38;text-wrap:balance;font-size:clamp(2.6rem,1.1rem + 4.3vw,4.75rem);font-weight:900;line-height:1.02}.hero h1 .w{display:inline-block}.hero .lead{max-width:33rem;color:var(--moon);margin-top:1.5rem;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.6}.hero .actions{margin-top:2.25rem}.motion-btn{pointer-events:auto;min-height:2.75rem;color:var(--moon);font:700 .875rem/1 var(--font);cursor:pointer;background:#0e1e3c8c;border:2px solid #d9e6f78c;border-radius:1rem;align-items:center;gap:.5rem;margin-left:auto;padding:0 1rem;display:inline-flex}.motion-btn:hover{border-color:var(--cream);color:var(--cream)}.motion-btn svg{width:.9rem;height:.9rem}.motion-btn[hidden]{display:none}.spark{color:var(--gold);pointer-events:none;position:absolute}.spark svg{width:100%;height:100%;display:block}.sec{padding:clamp(3.75rem,7vw,6.5rem) 0}.sec h2{letter-spacing:-.02em;color:var(--cream);text-wrap:balance;font-size:clamp(2.125rem,1.1rem + 3.4vw,3.75rem);font-weight:900;line-height:1.05}.sec h3{color:var(--cream);font-size:1.375rem;font-weight:900;line-height:1.2}.sec p{color:var(--moon)}.how h2{max-width:13em}.route{padding-top:6rem;position:relative}.route-svg{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.route-ghost{fill:none;stroke:#7fb3ef4d;stroke-width:4px;stroke-dasharray:0 15;stroke-linecap:round}.route-dots{fill:none;stroke:var(--gold);stroke-width:5px;stroke-dasharray:0 15;stroke-linecap:round}.route-mask{fill:none;stroke:#fff;stroke-width:16px}.stops{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);display:grid;position:relative}.stop{position:relative}.stop:first-child{margin-top:9rem}.stop:nth-child(2){margin-top:4.5rem}.node{color:#7fb3efcc;background:#0e1e3cd9;border:2px solid #7fb3ef80;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;transition:background .5s,border-color .5s,color .5s,box-shadow .5s;display:grid;position:relative}.node svg{width:1.4rem;height:1.4rem}.node.on{background:radial-gradient(circle at 40% 35%, #fff3c4, var(--gold) 55%, var(--amber));border-color:var(--gold);color:var(--navy);box-shadow:0 0 0 .4rem #ffd34d24,0 0 2.25rem #ffd34d99}.stop h3{margin-top:1.25rem}.stop p{max-width:22rem;margin-top:.5rem}.runner{aspect-ratio:1;z-index:3;pointer-events:none;will-change:transform;transform-origin:50% 90%;filter:drop-shadow(0 0 .9rem #ffd34d80);width:7.5rem;position:absolute;top:0;left:0}.runner .rf{opacity:0;width:100%;height:100%;position:absolute;inset:0}.runner .rf.on{opacity:1}.runner .rf[data-f=ohrabruje]{translate:0 5.9%}.runner.settle .rf{transition:opacity .28s ease-out}.route-fill{fill:none;stroke:var(--gold);stroke-width:3px;stroke-linecap:round;opacity:.55;filter:drop-shadow(0 0 5px #ffd34dcc)}.route-head{fill:url(#route-head-g);opacity:0;transition:opacity .5s}.route.running .route-head{opacity:1}.parents-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(2.5rem,5vw,5rem);display:grid}.parents .lead{max-width:30rem;margin-top:1.25rem;font-size:1.1875rem}.points{gap:1.5rem;margin-top:2.5rem;display:grid}.points li{grid-template-columns:2rem minmax(0,1fr);column-gap:.875rem;display:grid}.points li>svg{width:1.25rem;height:1.25rem;color:var(--gold);grid-row:span 2;justify-self:center;margin-top:.3rem}.points .pstar{grid-row:span 2;justify-self:center;width:1.25rem;height:1.25rem;margin-top:.3rem;position:relative}.points .pstar canvas{pointer-events:none;width:2.4rem;height:2.4rem;position:absolute;top:50%;left:50%;translate:-50% -50%}.points h3{font-size:1.25rem}.points p{margin-top:.25rem}.demo{position:relative}.week{height:16rem;position:relative}.day{left:var(--x);top:var(--y);width:2.25rem;height:2.25rem;position:absolute;translate:-50% -50%}.day .st{place-items:center;width:100%;height:100%;display:grid;position:relative}.day .st:before{content:"";border:2px solid #7fb3efb3;border-radius:50%;width:.7rem;height:.7rem}.day.done .st:before{display:none}.day .st svg{width:100%;height:100%;color:var(--gold);opacity:.18;transition:opacity .5s, transform .6s var(--ease-spring), filter .5s;position:absolute;inset:0;transform:scale(.55)}.day.done.on .st svg{opacity:1;filter:drop-shadow(0 0 .6rem #ffd34dd9);transform:scale(1)}.day .dn{color:#b9cdea;font-size:.875rem;font-weight:700;line-height:1.2;position:absolute;top:calc(100% + .2rem);left:50%;translate:-50%}.day.up .dn{top:auto;bottom:calc(100% + .2rem)}.day.done.on .dn{color:var(--cream)}.day .st canvas{pointer-events:none;width:5rem;height:5rem;position:absolute;top:50%;left:50%;translate:-50% -50%}.day .st .gold{opacity:0;transition:opacity .5s, transform .6s var(--ease-spring);transform:scale(.55)}.day.done.on .st .gold{opacity:1;transform:scale(1)}.day .st .blue{transition:opacity .45s}.day:not(.done) .st .blue{opacity:.8}.day.done.on .st .blue{opacity:0}.has-3d .day .st svg,.has-3d .day .st:before{display:none}.web{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.web line{stroke:var(--gold);stroke-width:2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:.85;transition:stroke-dashoffset .5s ease-out}.web line.link{stroke-width:1.5px;opacity:.55}.web line.on{stroke-dashoffset:0}.story{margin-top:1rem;position:relative}.story-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.story .tag{color:var(--gold);border:1.5px dashed #ffd34dbf;border-radius:999px;padding:.15rem .7rem;font-size:.875rem;font-weight:700;display:inline-block}.subj{text-align:right;align-items:center;gap:.75rem;display:flex}.subj .s-name{color:var(--cream);font-size:1.125rem;font-weight:900;line-height:1.2;display:block}.subj .s-unit{color:#b9cdea;font-size:.9375rem;font-weight:700;display:block}.subj-planet{flex:none;width:3.25rem;height:3.25rem}.subj-planet svg{filter:drop-shadow(0 0 .9rem #7fb3ef99);width:100%;height:100%;display:block}.story .sentence{max-width:30ch;color:var(--cream);text-shadow:0 0 1.5rem #ffd34d2e;text-wrap:pretty;margin-top:1.5rem;font-size:clamp(1.375rem,1.05rem + 1vw,1.875rem);font-weight:700;line-height:1.35}.story .facts{flex-wrap:wrap;align-items:center;gap:.875rem 0;margin:1.4rem 0 0;display:flex}.story .fact{grid-template-columns:auto auto;align-items:center;column-gap:.75rem;display:grid}.story .fact .fnode{border-radius:50%;grid-row:1/span 2;place-items:center;width:2.75rem;height:2.75rem;display:grid}.story .fact .fnode svg{width:1.2rem;height:1.2rem}.story .fact.a .fnode{color:var(--mint-ink);background:radial-gradient(circle at 36% 30%,#f2fdf8,#9be3c7 52%,#3fb58a);box-shadow:0 0 0 .3rem #9be3c724,0 0 1.4rem #9be3c780}.story .fact.b .fnode{color:var(--navy);background:radial-gradient(circle at 36% 30%, #fff8de, var(--gold) 52%, var(--amber));box-shadow:0 0 0 .3rem #ffd34d24,0 0 1.4rem #ffd34d80}.story .fact dt{color:#b9cdea;align-self:end;font-size:.8125rem;font-weight:700;line-height:1.2}.story .fact dd{color:var(--cream);align-self:start;margin:0;font-size:1.1875rem;font-weight:900;line-height:1.25}.story .fact.a{grid-template-columns:auto auto auto}.story .fact.a:after{content:"";border-top:2px dotted #7fb3ef8c;grid-area:1/3/span 2;width:clamp(1.75rem,4vw,3.25rem);margin:0 1rem}.path{margin-top:1.5rem;position:relative}.path svg{width:100%;height:auto;display:block;overflow:hidden}.path .trail{fill:none;stroke:var(--gold);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 6px #ffd34d99)}.path .st .ball{stroke:none;filter:drop-shadow(0 2px 3px #050e2180)drop-shadow(0 0 5px #ffd34d66)}.path .st text{fill:var(--navy);font:900 14px var(--font);text-anchor:middle}.path .st.hard .ball{filter:drop-shadow(0 3px 5px #050e218c)drop-shadow(0 0 12px #ffd34dd9)}.path .st.hard text{font-size:17px}.path .halo{fill:#f5b92b47;transform-box:fill-box;transform-origin:50%}.path-lumi{filter:drop-shadow(0 0 .8rem #ffd34d73);width:15%;position:absolute;top:35%;left:50%;translate:-50% -100%}.path-note{color:var(--gold);white-space:nowrap;background:#0e1e3cd1;border:1px solid #ffd34d8c;border-radius:999px;padding:.1rem .65rem;font-size:.9375rem;font-weight:700;position:absolute;top:61%;left:50%;translate:-50%}.start-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 2rem;display:flex}.steps{counter-reset:s;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:3rem;display:grid;position:relative}.step:not(:last-child):after{content:"";border-top:3px dotted #7fb3ef73;width:calc(100% - 4.5rem);position:absolute;top:2.25rem;left:5.5rem}.step{position:relative}.moon{width:4.5rem;height:4.5rem;position:relative}.moon svg{width:100%;height:100%;display:block;overflow:visible}.step:first-child .moon .shade{transform:translate(-16px)}.step:nth-child(2) .moon .shade{transform:translate(0)}.step .n{background:var(--cream);width:1.9rem;height:1.9rem;color:var(--navy);border-radius:50%;place-items:center;font-size:1rem;font-weight:900;display:grid;position:absolute;bottom:-.3rem;right:-.4rem;box-shadow:0 0 0 3px #172f5b}.step h3{max-width:15rem;margin-top:1.25rem;font-size:1.375rem}.trust{padding-top:0;padding-bottom:clamp(2rem,4vw,3.5rem)}.trust-grid{border-top:1px solid #7fb3ef38;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.9fr);align-items:end;gap:2rem;padding-top:3.5rem;display:grid}.tbadge{border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;display:grid}.tbadge svg{width:2rem;height:2rem}.t-sky{color:#1b3a6b;background:radial-gradient(circle at 36% 30%,#f4f9ff,#9cc4f2 52%,#4f80c4);box-shadow:0 0 0 .35rem #7fb3ef24,0 0 1.6rem #7fb3ef80}.t-mint{color:#065f46;background:radial-gradient(circle at 36% 30%,#f2fdf8,#9be3c7 52%,#3fb58a);box-shadow:0 0 0 .35rem #9be3c724,0 0 1.6rem #9be3c780}.t-gold{color:#1b3a6b;background:radial-gradient(circle at 36% 30%, #fff8de, var(--gold) 52%, var(--amber));box-shadow:0 0 0 .35rem #ffd34d24,0 0 1.6rem #ffd34d80}.trust h3{margin-top:.9rem;font-size:1.25rem}.trust p{margin-top:.35rem}.sleeper{aspect-ratio:1.15;justify-self:center;width:min(15rem,100%);position:relative}.sleeper .cres{width:100%;height:auto;position:absolute;bottom:0;left:0;right:0}.sleeper img{width:80%;position:absolute;bottom:-6%;left:10%}.sleeper .zz{width:26%;color:var(--moon);position:absolute;top:-6%;left:12%}.sleeper .zz path{opacity:.85}.faq-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.faq-list{gap:.25rem;display:grid}.faq-q summary{cursor:pointer;min-height:3.5rem;color:var(--cream);border-radius:.75rem;align-items:center;gap:.9rem;font-size:1.25rem;font-weight:900;line-height:1.25;list-style:none;display:flex}.faq-q summary::-webkit-details-marker{display:none}.faq-q summary:hover,.faq-q[open] summary{color:var(--gold)}.faq-mark{width:2.25rem;height:2.25rem;color:var(--gold);border:2px solid #ffd34d99;border-radius:50%;flex:none;place-items:center;font-size:1.0625rem;display:grid}.faq-q[open] .faq-mark{background:var(--gold);color:var(--navy);border-color:var(--gold);box-shadow:0 0 1rem #ffd34d8c}.faq-reply{align-items:flex-end;gap:.9rem;padding:.25rem 0 1.25rem;display:flex}.faq-reply img{filter:drop-shadow(0 0 .9rem #ffd34d73);flex:none;width:4.25rem}.faq .faq-bubble{background:var(--cream);max-width:34rem;color:var(--navy);border:2px solid #ffe08a;border-radius:1.4rem;margin-bottom:1.6rem;padding:.85rem 1.15rem;font-weight:700;line-height:1.45;position:relative;box-shadow:0 0 0 .3rem #ffd34d24,0 0 2rem #ffd34d38}.faq .faq-bubble:after{content:"";background:var(--cream);border-bottom:2px solid #ffe08a;border-left:2px solid #ffe08a;border-radius:0 0 0 .3rem;width:1.1rem;height:1.1rem;position:absolute;bottom:1rem;left:-.62rem;transform:rotate(45deg)}.dawn{z-index:1;background:linear-gradient(180deg, var(--dusk) 0%, #3b5893 14%, #6f78b0 28%, #b596c2 42%, #ebb2b8 55%, #ffcfa3 68%, #ffe6bf 82%, #ffefd3 100%);position:relative;overflow-x:clip}.dawn-sky{height:clamp(12rem,22vw,19rem);position:relative}.dawn-sky svg{width:100%;height:100%;position:absolute;inset:0}.horizon{height:clamp(9rem,15vw,14rem);position:relative}.sun{aspect-ratio:1;background:radial-gradient(circle,#fffdf3f2 0,#fff0cdb3 18%,#ffe0aa47 38%,#ffe0aa00 62%);border-radius:50%;width:min(46rem,130vw);position:absolute;top:24%;left:50%;translate:-50% -50%}.hills{width:100%;height:100%;display:block;position:absolute;inset:0}.dawn-lumi{z-index:2;width:clamp(11rem,18vw,16.5rem);position:absolute;top:24%;left:50%;translate:-50% -93%}.dawn-lumi img{filter:drop-shadow(0 .75rem 1rem #a05a1440);width:100%}.dawn .spark{color:#f5b92b}.ground{background:var(--cream);text-align:center;padding:1rem var(--gutter) clamp(4.5rem, 9vw, 7rem);position:relative}.ground h2{letter-spacing:-.02em;color:var(--navy);text-wrap:balance;max-width:14em;margin:0 auto;font-size:clamp(2.25rem,1.1rem + 3.6vw,4rem);font-weight:900;line-height:1.04}.ground .actions{justify-content:center;margin-top:2rem}.foot{background:var(--cream);color:var(--navy);border-top:1px solid #1b3a6b24}.foot .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding-top:1.25rem;padding-bottom:1.5rem;display:flex}.foot .brand{color:var(--navy);font-size:1.25rem}.foot .brand img{filter:none;width:2.25rem}.foot small{color:var(--ink-2);font-size:.9375rem;font-weight:700}@media (prefers-reduced-motion:no-preference){html:not([data-reduced-motion=true]){scroll-behavior:smooth}html:not([data-reduced-motion=true]) #sky{animation:1.4s ease-out both fade-in}html:not([data-reduced-motion=true]) .site{animation:.8s ease-out .2s both fade-in}html:not([data-reduced-motion=true]) .hero h1 .w{animation:word-in .9s var(--ease-out) both;animation-delay:calc(.75s + var(--i) * 70ms)}html:not([data-reduced-motion=true]) .hero .lead{animation:rise-in .9s 1.15s var(--ease-out) both}html:not([data-reduced-motion=true]) .hero .actions{animation:rise-in .9s 1.3s var(--ease-out) both}html:not([data-reduced-motion=true]) .spark{animation:twinkle var(--t,3.6s) var(--d,0s) ease-in-out infinite}html:not([data-reduced-motion=true]) .btn{transition:transform .15s,box-shadow .15s}html:not([data-reduced-motion=true]) .btn:hover{transform:translateY(-2px)}html.js:not([data-reduced-motion=true]) .tbadge{transition:transform .6s var(--ease-spring), opacity .4s}html.js:not([data-reduced-motion=true]) .trust-grid li:nth-child(2) .tbadge{transition-delay:.15s,.15s}html.js:not([data-reduced-motion=true]) .trust-grid li:nth-child(3) .tbadge{transition-delay:.3s,.3s}html.js:not([data-reduced-motion=true]) .trust-grid:not(.shown) .tbadge{opacity:0;transform:scale(.4)rotate(-14deg)}html.js:not([data-reduced-motion=true]) .trust-grid.shown li:hover .tbadge{transition-delay:0s;transform:translateY(-4px)rotate(-6deg)}html:not([data-reduced-motion=true]) .btn-gold{transition:transform .32s ease-out,box-shadow .32s ease-out}html:not([data-reduced-motion=true]) .btn-gold:hover{transform:none}html:not([data-reduced-motion=true]) .btn-gold:active{transform:translateY(4px);box-shadow:0 2px 8px -6px #b8790a66}html:not([data-reduced-motion=true]) .sleeper .moon-rock{transform-origin:50% 100%;animation:7s ease-in-out infinite rock}html:not([data-reduced-motion=true]) .sleeper .zz path{animation:3.6s ease-in-out infinite zz}html:not([data-reduced-motion=true]) .sleeper .zz path:nth-child(2){animation-delay:1.2s}html:not([data-reduced-motion=true]) .sleeper .zz path:nth-child(3){animation-delay:2.4s}html.js:not([data-reduced-motion=true]) .story .sentence{transition:opacity .7s ease-out, transform .7s var(--ease-out)}html.js:not([data-reduced-motion=true]) .story .facts{transition:opacity .7s ease-out .25s, transform .7s var(--ease-out) .25s}html.js:not([data-reduced-motion=true]) .story .fact .fnode{transition:transform .6s var(--ease-spring) .35s}html.js:not([data-reduced-motion=true]) .story .fact.b .fnode{transition-delay:.55s}html.js:not([data-reduced-motion=true]) .story:not(.shown) .fact .fnode{transform:scale(.35)}html.js:not([data-reduced-motion=true]) .story .fact.a:after{transform-origin:0;transition:transform .6s var(--ease-out) .45s}html.js:not([data-reduced-motion=true]) .story:not(.shown) .fact.a:after{transform:scaleX(0)}html.js:not([data-reduced-motion=true]) .story:not(.shown) .sentence{opacity:0;transform:translateY(1rem)}html.js:not([data-reduced-motion=true]) .story:not(.shown) .facts{opacity:0;transform:translateY(.75rem)}html.js:not([data-reduced-motion=true]) .path .trail{transition:stroke-dashoffset 1.4s var(--ease-out) .5s}html.js:not([data-reduced-motion=true]) .story:not(.shown) .path .trail{stroke-dashoffset:1px}html.js:not([data-reduced-motion=true]) .path .st{transform-box:fill-box;transform-origin:50%;transition:transform .5s var(--ease-spring) var(--d), opacity .3s var(--d)}html.js:not([data-reduced-motion=true]) .story:not(.shown) .path .st{opacity:0;transform:scale(0)}html.js:not([data-reduced-motion=true]) .path-lumi{transition:opacity .5s 1.6s, translate .8s var(--ease-spring) 1.6s}html.js:not([data-reduced-motion=true]) .story:not(.shown) .path-lumi{opacity:0;translate:-50% -55%}html.js:not([data-reduced-motion=true]) .path-note{transition:opacity .5s 1.9s}html.js:not([data-reduced-motion=true]) .story:not(.shown) .path-note{opacity:0}html:not([data-reduced-motion=true]) .story.shown .path .halo{animation:2.8s ease-in-out 2.3s infinite halo}html:not([data-reduced-motion=true]) .story.shown .path .craters{animation:16s ease-in-out infinite alternate planet-turn}html.js:not([data-reduced-motion=true]) .moon .shade{transition:transform 1.3s var(--ease-out) .25s}html.js:not([data-reduced-motion=true]) .step:nth-child(2) .moon .shade{transition-delay:.6s}html.js:not([data-reduced-motion=true]) .steps:not(.shown) .step:first-child .moon .shade{transform:translate(0)}html.js:not([data-reduced-motion=true]) .steps:not(.shown) .step:nth-child(2) .moon .shade{transform:translate(48px)}html:not([data-reduced-motion=true]) .steps.shown .moon .halo{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out 1.8s infinite moon-breathe}html:not([data-reduced-motion=true]) .faq-q summary,html:not([data-reduced-motion=true]) .faq-mark{transition:color .25s,background .25s,box-shadow .25s}html:not([data-reduced-motion=true]) .faq-q[open] .faq-reply img{animation:faq-hop .5s var(--ease-spring) both}html:not([data-reduced-motion=true]) .faq-q[open] .faq-bubble{animation:faq-pop .45s 80ms var(--ease-spring) both;transform-origin:0 100%}}@keyframes faq-hop{0%{opacity:0;transform:translateY(.75rem)scale(.85)}}@keyframes faq-pop{0%{opacity:0;transform:scale(.85)}}@keyframes moon-breathe{0%,to{opacity:.75;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes planet-turn{0%{transform:translate(-12px)}to{transform:translate(12px)}}@keyframes halo{0%,to{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.node,.day .st svg,.day .st canvas,.web line{transition:none!important}}html[data-reduced-motion=true] .node,html[data-reduced-motion=true] .day .st svg,html[data-reduced-motion=true] .day .st canvas,html[data-reduced-motion=true] .web line{transition:none}@keyframes fade-in{0%{opacity:0}}@keyframes word-in{0%{opacity:0;transform:translateY(.45em)rotate(3deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(1.25rem)}}@keyframes breathe{50%{opacity:.85;transform:scale(1.07)}}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1)rotate(20deg)}}@keyframes rock{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes zz{0%{opacity:0;transform:translateY(.5rem)scale(.7)}30%{opacity:.9}to{opacity:0;transform:translate(.6rem,-1.2rem)scale(1.05)}}@media (width<=64rem){.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sleeper{grid-column:1/-1;justify-self:center;width:13rem}}@media (width<=56rem){.site .link{display:none}.hero{min-height:0;padding-top:5.5rem}.hero-grid{grid-template-columns:1fr;gap:1.75rem}.parents-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width<=47.99rem){.hero .actions .btn{flex:9rem;padding:0 1rem}.route{padding-top:0}.stops{grid-template-columns:1fr;gap:3rem}.stop,.stop:first-child,.stop:nth-child(2){min-height:5rem;margin-top:0;padding-left:5rem}.stops{padding-top:5rem}.node{position:absolute;top:0;left:0}.stop h3{margin-top:.6rem}.runner{width:5.5rem}.week{height:13rem}.story .sentence{max-width:none}.story .fact .fnode{width:2.5rem;height:2.5rem}.story .fact dd{font-size:1.0625rem}.story .fact.a:after{width:1.5rem;margin:0 .75rem}.path-lumi{width:18%}.path-note{font-size:.875rem}.steps{grid-template-columns:1fr;gap:1.75rem}.step:not(:last-child):after{border-top:0;border-left:3px dotted #7fb3ef73;width:0;height:calc(100% - 4.5rem);top:5.25rem;left:2.15rem}.step{grid-template-columns:4.5rem minmax(0,1fr);align-items:center;gap:1.25rem;display:grid}.step h3{margin-top:0}.trust-grid{grid-template-columns:1fr;gap:1.5rem;padding-top:2.5rem}.trust li:not(.sleeper){grid-template-columns:3.5rem minmax(0,1fr);column-gap:1rem;display:grid}.trust li>.tbadge{grid-row:span 2}.trust h3{margin-top:.1rem}.faq-q summary{font-size:1.125rem}.faq-reply img{width:3.25rem}.sleeper{width:12rem;margin-top:.5rem}}:root{--ink:#eaf2fd;--muted:#a9c0de;--deep:#0e1a31;--mid:#16294a;--brown:#3d2c00;--coral:#f28b75;--mint:#3fcb98;--lilac:#b69de8;--pop:cubic-bezier(.34, 1.3, .5, 1);--fly:cubic-bezier(.22, .9, .24, 1);--kamen:#8c9bb0;--bronza:#d08b52;--srebro:#cfdcec;--zlato:#f5b92b}.igra{isolation:isolate;background:radial-gradient(120% 80% at 50% 0%, #1e3d70 0%, var(--mid) 45%, var(--deep) 100%);border:1px solid #7fb3ef38;border-radius:1.75rem;margin-top:1rem;position:relative;overflow:hidden;box-shadow:0 30px 80px -40px #000c}.hud{z-index:30;pointer-events:none;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex;position:absolute;top:.75rem;left:.75rem;right:.75rem}.hud>*{pointer-events:auto}.hud-ploca{backdrop-filter:blur(6px);background:#0e1a319e;border:1px solid #7fb3ef38;border-radius:999px;align-items:center;gap:.6rem;padding:.35rem .8rem .35rem .4rem;display:flex}.sunce{width:2.6rem;height:2.6rem;color:var(--brown);letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:radial-gradient(circle at 35% 30%,#fff4c2 0,#ffd34d 38%,#f5b92b 72%,#c98a12 100%);border-radius:50%;flex:none;place-items:center;font-size:.95rem;font-weight:900;display:grid;position:relative;box-shadow:0 0 0 3px #ffd34d2e,0 0 18px #ffd34d8c}.sunce.dug{font-size:.78rem}.sunce.puls{animation:puls .45s var(--pop)}@keyframes puls{40%{transform:scale(1.22);box-shadow:0 0 0 6px #ffd34d40,0 0 30px #ffd34de6}}.hud-oznaka{color:var(--muted);font-size:.75rem;font-weight:700;line-height:1.1}.nivo{gap:.25rem;min-width:9.5rem;display:grid}.nivo-tekst{color:var(--cream);white-space:nowrap;font-size:.92rem;font-weight:900}.nivo-tekst span{color:var(--gold)}.traka{background:#a9c0de33;border-radius:999px;height:.5rem;position:relative;overflow:hidden}.traka i{border-radius:inherit;width:0;transition:width .5s var(--fly);background:linear-gradient(90deg,#ffd86b,#f5b92b);position:absolute;inset:0 auto 0 0;box-shadow:0 0 10px #ffd34db3}.stadijumi{align-items:center;gap:.2rem;display:flex}.stadijumi img{object-fit:contain;filter:brightness(0)invert(.55)opacity(.45);width:1.9rem;height:1.9rem;transition:filter .4s, transform .4s var(--pop)}.stadijumi img.ima{filter:none}.stadijumi img.sada{filter:drop-shadow(0 0 6px #ffd34de6);transform:scale(1.3)}.mjeseci{gap:.3rem;margin-left:auto;display:flex}.mjesec{cursor:pointer;background:radial-gradient(circle at 35% 30%, #fff8 0, var(--m,var(--kamen)) 55%, #0003 100%);width:2.75rem;height:2.75rem;color:var(--navy);transition:transform .3s var(--pop);border:0;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 0 -3px 6px #00000040,0 2px 8px #00000059}.mjesec svg{width:1.15rem;height:1.15rem}.mjesec[data-rang="0"]{opacity:.55}.mjesec[data-rang="1"]{--m:var(--bronza)}.mjesec[data-rang="2"]{--m:var(--srebro)}.mjesec[data-rang="3"]{--m:var(--zlato)}.mjesec .broj{background:var(--cream);min-width:1.2rem;height:1.2rem;color:var(--navy);text-align:center;border-radius:999px;padding:0 .25rem;font-size:.7rem;font-weight:900;line-height:1.2rem;position:absolute;bottom:-.2rem;right:-.2rem}.mjesec.puls{animation:puls .5s var(--pop)}.mjesec .opis{background:var(--cream);width:max-content;max-width:14rem;color:var(--navy);text-align:left;opacity:0;pointer-events:none;border-radius:.8rem;padding:.45rem .7rem;font-size:.8rem;font-weight:700;line-height:1.3;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + .45rem);right:0;transform:translateY(-4px)}.mjesec:hover .opis,.mjesec:focus-visible .opis{opacity:1;transform:none}.leti{z-index:80;width:1rem;height:1rem;color:var(--gold);pointer-events:none;filter:drop-shadow(0 0 6px #ffd34de6);position:fixed;top:0;left:0}.leti svg{width:100%;height:100%}.dobitak{z-index:81;pointer-events:none;white-space:nowrap;color:var(--brown);background:linear-gradient(#ffd86b,#f5b92b);border-radius:999px;padding:.35rem .75rem;font-size:.95rem;font-weight:900;position:fixed;translate:0;box-shadow:0 6px 14px -6px #b8790a99}.dobitak small{opacity:.85;font-size:.8rem;font-weight:700}.tost{z-index:40;background:var(--cream);max-width:min(30rem,100% - 2rem);color:var(--navy);border-radius:1.1rem;align-items:center;gap:.6rem;padding:.6rem 1rem .6rem .7rem;font-weight:700;line-height:1.3;display:flex;position:absolute;top:5.25rem;left:50%;translate:-50%;box-shadow:0 0 0 .3rem #ffd34d29,0 18px 40px -16px #050e21cc}.tost b{font-weight:900}.tost .ikona{background:var(--navy);width:2.25rem;height:2.25rem;color:var(--gold);border-radius:50%;flex:none;place-items:center;display:grid}.tost .ikona svg{width:1.2rem;height:1.2rem}.trenutak{z-index:50;text-align:center;cursor:pointer;background:radial-gradient(circle at 50% 45%,#1b3a6bc7,#081020ed 70%);align-content:center;place-items:center;gap:.6rem;padding:1.5rem;display:grid;position:absolute;inset:0}.trenutak h2{color:var(--cream);font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);font-weight:900;line-height:1.1}.trenutak .pod{color:var(--gold);font-size:1.05rem;font-weight:900}.trenutak .tekst{max-width:26rem;color:var(--ink);font-size:1.0625rem}.trenutak .sitno{max-width:26rem;color:var(--muted);font-size:.875rem}.trenutak .dalje{color:var(--muted);margin-top:.5rem;font-size:.8rem;font-weight:700}.zraci{aspect-ratio:1;z-index:-1;pointer-events:none;opacity:.55;background:repeating-conic-gradient(from 0deg, #ffd34d38 0 8deg, transparent 8deg 22deg);width:46rem;animation:18s linear infinite vrti;position:absolute;top:42%;left:50%;translate:-50% -50%;mask:radial-gradient(circle,#000 0,#0000 62%)}@keyframes vrti{to{rotate:1turn}}.trenutak .lumi-veliki{filter:drop-shadow(0 0 2rem #ffd34d99);width:clamp(9rem,26vmin,15rem)}.medalja{width:var(--d,9rem);aspect-ratio:1;padding:calc(var(--d,9rem) * .07);background:conic-gradient(from 200deg,#ffe08a,#f5b92b,#ffd34d,#c98a12,#ffe08a);border-radius:50%;flex:none;position:relative;box-shadow:0 0 0 .35rem #ffd34d2e,0 0 2.5rem #ffd34d80,inset 0 -4px 8px #78460059}.medalja:before{content:"";background:var(--navy);border-radius:50%;position:absolute;inset:7%}.medalja img{object-fit:cover;border:.3rem solid var(--navy);border-radius:50%;width:100%;height:100%;position:relative}.medalja.mala{--d:2.6rem;padding:calc(var(--d) * .06);box-shadow:0 0 10px #ffd34d73}.medalja.mala img{border-width:.12rem}.medalja.zakljucana{filter:grayscale()brightness(.5);box-shadow:none}.karta{z-index:60;background:radial-gradient(circle at 30% 20%,#1b3a6b,#081020 75%);padding:clamp(1rem,3vw,2rem);position:absolute;inset:0;overflow:auto}.karta-unutra{grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:start;gap:1rem 2rem;max-width:54rem;margin:0 auto;display:grid}.karta-lumi{text-align:center;justify-items:center;gap:.5rem;display:grid}.karta-lumi .karta-slika{filter:drop-shadow(0 0 1.75rem #ffd34d8c);width:100%;max-width:13rem;animation:3.2s ease-in-out infinite lebdi}@keyframes lebdi{50%{translate:0 -8px}}.karta h2{color:var(--cream);font-size:1.9rem;font-weight:900}.karta h3{color:var(--cream);margin:1.1rem 0 .55rem;font-size:1.05rem;font-weight:900}.karta .nivo{width:100%;min-width:0;max-width:15rem}.karta .fali{color:var(--muted);font-size:.875rem}.karta-bedzevi{flex-wrap:wrap;gap:.5rem;display:flex}.karta-bedzevi .medalja{--d:3.4rem}.rangovi{gap:.45rem;display:grid}.rang-red{background:#7fb3ef1a;border-radius:1rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.45rem .8rem .45rem .45rem;display:grid}.rang-red .mjesec{cursor:default}.rang-red b{color:var(--cream);font-weight:900}.rang-red .sitno{color:var(--muted);font-size:.85rem;line-height:1.3;display:block}.karta-dugmad{flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.dugme{cursor:pointer;min-height:3.5rem;color:var(--brown);background:linear-gradient(#ffd86b 0%,#f5b92b 100%);border:0;border-radius:1rem;justify-content:center;align-items:center;padding:0 1.6rem;font-size:1.0625rem;font-weight:900;text-decoration:none;transition:transform .15s;display:inline-flex;box-shadow:0 6px 14px -6px #b8790a66,0 0 2rem -.5rem #ffd34d73}.dugme:active{transform:translateY(4px)}.dugme.tiho{color:var(--cream);box-shadow:none;background:#13284d80;border:2px solid #d9e6f780}@media (width<=40rem){.hud{gap:.4rem;top:.5rem;left:.5rem;right:.5rem}.hud-ploca{gap:.45rem;padding:.25rem .6rem .25rem .3rem}.nivo{min-width:7.5rem}.stadijumi{display:none}.mjeseci{margin-left:0}.mjesec{width:2.75rem;height:2.75rem}.mjesec:nth-child(-n+3) .opis{left:0;right:auto}.karta-unutra{grid-template-columns:1fr}}@media (hover:none){.mjesec .opis{display:none}}.igra .nebo{z-index:0;width:100%;height:100%;position:absolute;inset:0}.igra .scena{z-index:2;padding:var(--hud,4.75rem) clamp(.6rem, 2vw, 1.25rem) clamp(.6rem, 1.5vw, 1rem);grid-template-rows:auto minmax(0,1fr) auto;gap:.55rem;transition:opacity .5s;display:grid;position:absolute;inset:0}.igra .vrh,.igra .polje,.igra .mapa,.igra .start{grid-column:1}.igra .vrh{grid-row:1;justify-content:center;align-items:center;gap:.75rem;min-height:4rem;display:flex}.igra .polje{grid-row:2;position:relative}.igra .mapa{grid-row:3}.igra .start{grid-row:1/3}.igra .scena[data-faza=start] :is(.vrh,.polje){visibility:hidden}.igra .scena:not([data-faza=start]) .start{display:none}.igra .oblacic{background:var(--cream);color:var(--navy);border-radius:1.25rem;flex:0 40rem;padding:.5rem 1.15rem .6rem;position:relative;box-shadow:0 0 0 .3rem #fdf7ea14,0 16px 30px -16px #030a19e6}.igra .oblacic:after{content:"";top:100%;left:var(--rep,50%);background:inherit;clip-path:polygon(0 0,100% 0,50% 100%);width:1.2rem;height:.75rem;transition:left .6s var(--fly);position:absolute;translate:-50% -1px}.igra .tema{letter-spacing:.09em;text-transform:uppercase;color:#6b7fa0;font-size:.7rem;font-weight:900;display:block}.igra .rec{min-height:1.35em;font-size:clamp(.95rem,.88rem + .3vw,1.1rem);font-weight:700;line-height:1.35}.igra .pomoc{cursor:pointer;width:4rem;height:4rem;color:var(--cream);background:radial-gradient(circle at 35% 30%,#2c4c84,#13284d);border:2px solid #d9e6f78c;border-radius:50%;flex:none;align-content:center;place-items:center;gap:.05rem;font-size:.72rem;font-weight:900;display:grid;box-shadow:0 0 0 .3rem #7fb3ef1f,0 10px 24px -10px #000}.igra .pomoc svg{width:1.35rem;height:1.35rem;color:var(--sky)}.igra .pomoc[hidden]{display:none}.igra .kutija{position:absolute}.igra .kutija>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.igra .linije{filter:drop-shadow(0 0 .2rem #ffd34df2)drop-shadow(0 0 .8rem #f5b92b80)}.igra .linije path{fill:none;stroke:#ffedb5;stroke-width:.6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:crtaj var(--ms,.7s) cubic-bezier(.22, .9, .24, 1) forwards}@keyframes crtaj{to{stroke-dashoffset:0}}.igra .figura{opacity:0;filter:drop-shadow(0 0 .3rem #d6c8ffe6);transition:opacity 1.2s}.igra .figura path{fill:#b69de800;stroke:#ece4ff;stroke-width:.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.igra .figura.vidi{opacity:1}.igra .figura.vidi path{animation:crtaj 1.8s cubic-bezier(.45, 0, .2, 1) calc(var(--i) * .13s) forwards, puni 1.4s ease 1.5s forwards}@keyframes puni{to{fill:#b69de821}}.igra .natpis{z-index:5;white-space:nowrap;color:#efe9ff;letter-spacing:.03em;opacity:0;transition:opacity .8s, scale .8s var(--pop);pointer-events:none;background:#0e1a31c7;border:1px solid #d6c8ff8c;border-radius:999px;padding:.3rem .9rem;font-size:.85rem;font-weight:900;position:absolute;translate:-50% -50%;scale:.85;box-shadow:0 0 1.2rem #b69de859}.igra .natpis.vidi{opacity:1;scale:1}.igra .zv{z-index:3;cursor:pointer;touch-action:manipulation;background:0 0;border:0;justify-items:center;gap:.05rem;min-width:2.75rem;padding:0;transition:opacity .7s,scale .7s;display:grid;position:absolute;translate:-50% -1.375rem}.igra .zv .t{width:2.75rem;height:2.75rem;transition:scale .25s var(--pop);border-radius:50%;place-items:center;display:grid;position:relative}.igra .zv .t:before{content:"";background:radial-gradient(circle,#ecf4ff99 0,#7fb3ef33 42%,#0000 70%);border-radius:50%;transition:background .4s;position:absolute;inset:.2rem}.igra .zv .t svg{color:#f4f8ff;filter:drop-shadow(0 0 4px #bed7ffe6);width:1.65rem;height:1.65rem;position:relative}.igra .zv:not(.sja) .t svg{animation:trepti 3.4s ease-in-out var(--k,0s) infinite}@keyframes trepti{50%{opacity:.62;scale:.82}}.igra .zv .i{color:var(--cream);white-space:nowrap;background:#0a1428b3;border:1px solid #a9c0de4d;border-radius:999px;padding:.05rem .55rem;font-size:.85rem;font-weight:700;line-height:1.35;transition:border-color .4s,color .4s}.igra .zv:focus-visible{outline:none}.igra .zv:focus-visible .t{outline:3px solid var(--gold);outline-offset:1px}@media (hover:hover){.zv:not(:disabled):not(.sja):hover .t{scale:1.15}}.igra .zv.sja{cursor:default}.igra .zv.sja .t:before{background:radial-gradient(circle,#ffecaaf2 0,#ffd34d66 40%,#0000 72%)}.igra .zv.sja .t svg{color:var(--gold);filter:drop-shadow(0 0 4px #ffd34d)drop-shadow(0 0 10px #f5b92bcc)}.igra .zv.sja .i{color:#ffe7a6;border-color:#ffd34d99}.igra .zv.plamen .t:after{content:"";border:2px solid #ffedb5;border-radius:50%;animation:.9s ease-out forwards plamen;position:absolute;inset:0;box-shadow:0 0 18px #ffd34d}@keyframes plamen{0%{opacity:1;scale:.4}to{opacity:0;scale:2.8}}.igra .zv.plamen .t svg{animation:blic .7s var(--pop)}@keyframes blic{30%{filter:brightness(1.6)drop-shadow(0 0 14px #ffd34d);scale:1.9}}.igra .zv.zlatna .t:after{content:"";border:3px solid var(--gold);border-radius:50%;animation:1.1s ease-in-out infinite zlatno;position:absolute;inset:-.15rem;box-shadow:0 0 18px #ffd34de6,inset 0 0 10px #ffd34d80}.igra .zv.zlatna .i{border-color:var(--gold)}@keyframes zlatno{50%{opacity:.55;scale:1.25}}.igra .zv.krivo{animation:.45s tresi}.igra .zv.krivo :is(.t,.i){animation:1.2s prigusi}@keyframes tresi{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes prigusi{12%,65%{opacity:.3}}.igra .zv:disabled{opacity:0;pointer-events:none;scale:.5}.igra .lumi{z-index:4;width:var(--lumi,5rem);pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.igra .tijelo{transform-origin:50% 82%}.igra .lumi img,.igra .start-lumi img{filter:drop-shadow(0 0 .9rem #ffd34d80);width:100%;animation:3.2s ease-in-out infinite lebdi-l}@keyframes lebdi-l{50%{translate:0 -7%;rotate:3deg}}.igra .mapa{backdrop-filter:blur(4px);background:#0e1a3180;border:1px solid #7fb3ef33;border-radius:1.25rem;height:4.6rem;position:relative}.igra .mapa-ime{z-index:1;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;background:#13284d;border:1px solid #7fb3ef40;border-radius:999px;padding:.05rem .7rem;font-size:.66rem;font-weight:900;position:absolute;top:0;left:50%;translate:-50% -50%}.igra .mapa>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.igra .mapa>svg path{fill:none;stroke:#a9c0de73;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:0 7;transition:stroke .6s}.igra .mapa>svg path.gotov{stroke:var(--gold)}.igra .mapa ol{margin:0;padding:0;list-style:none}.igra .cvor{justify-items:center;gap:.15rem;display:grid;position:absolute;translate:-50% -1.1rem}.igra .krug{background:#0f1f3b;border:2px solid #a9c0de59;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;transition:border-color .5s,box-shadow .5s;display:grid}.igra .krug i{background:var(--muted);width:.45rem;height:.45rem;box-shadow:0 0 6px var(--sky);border-radius:50%}.igra .krug svg{width:1.75rem;height:1.75rem;overflow:visible}.igra .krug path{fill:none;stroke:var(--gold);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.igra .cvor .ime{color:var(--muted);white-space:nowrap;font-size:.68rem;font-weight:700}.igra .cvor[data-s=sada] .krug{border-color:var(--sky);box-shadow:0 0 0 .3rem #7fb3ef29,0 0 14px #7fb3ef99}.igra .cvor[data-s=sada] .ime{color:var(--cream)}.igra .cvor[data-s=gotovo] .krug{border-color:var(--amber);background:radial-gradient(circle,#2a3f6b,#13284d);box-shadow:0 0 14px #ffd34d8c}.igra .cvor[data-s=gotovo] .ime{color:var(--gold)}.igra .start{justify-content:center;align-items:center;gap:clamp(1rem,4vw,3rem);padding:.5rem;display:flex}.igra .start-lumi{flex:none;width:clamp(8rem,24vmin,12.5rem);position:relative}.igra .start-lumi:before{content:"";background:radial-gradient(circle,#ffd34d38,#b69de81a 45%,#0000 68%);border-radius:50%;animation:4s ease-in-out infinite disi;position:absolute;inset:-30%}@keyframes disi{50%{opacity:.7;scale:1.08}}.igra .start-lumi div{transform-origin:50% 85%;animation:4.5s ease-in-out infinite mahni}@keyframes mahni{0%,68%,to{rotate:0deg}74%{rotate:-9deg}80%{rotate:8deg}86%{rotate:-5deg}92%{rotate:3deg}}.igra .start-o{background:var(--cream);max-width:26rem;color:var(--navy);border-radius:1.5rem;padding:1.1rem 1.4rem 1.2rem;position:relative;box-shadow:0 0 0 .35rem #fdf7ea14,0 24px 50px -24px #030a19e6}.igra .start-o:before{content:"";background:inherit;clip-path:polygon(100% 0,100% 100%,0 50%);width:.8rem;height:1.3rem;position:absolute;top:2.2rem;right:100%;translate:1px}.igra .start-o h2{font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem);font-weight:900;line-height:1.15}.igra .start-o p{margin-top:.4rem;font-weight:700}.igra .start-o .dugme{min-width:9rem;margin-top:1rem}.igra .start-o .sitno{color:#5c6e88;font-size:.8rem;font-weight:400}@media (width<=40rem){.igra{aspect-ratio:auto;height:max(34rem,88svh)}.igra .zv .i{padding:0 .4rem;font-size:.75rem}.igra .natpis{font-size:.78rem}.igra .pomoc{width:3.5rem;height:3.5rem;font-size:.66rem}.igra .oblacic{padding:.45rem .85rem .55rem}.igra .mapa{height:4.3rem}.igra .start{text-align:center;flex-direction:column;gap:.9rem}.igra .start-o:before{clip-path:polygon(0 100%,100% 100%,50% 0);width:1.3rem;height:.8rem;inset:auto auto 100% 50%;translate:-50% 1px}}@media (prefers-reduced-motion:reduce){.figura.vidi path{animation-delay:0s!important}}@media (width>=56.01rem){.hero .hero-grid{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}}.igra-kolona{gap:.75rem;display:grid}.hero .igra{aspect-ratio:1/.96;min-height:32rem;max-height:46rem;box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:0;overflow:visible}.hero .igra .nebo{display:none}.hero .igra .polje{mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.hero .igra .mapa{backdrop-filter:none;background:0 0;border:0}.hero .igra .mapa-ime{background:var(--night)}.hero .igra .trenutak{background:radial-gradient(closest-side at 50% 45%,#13284df5,#13284de0 55%,#13284d00)}.hero .igra .karta{scrollbar-width:thin;scrollbar-color:#7fb3ef59 transparent;background:radial-gradient(closest-side at 50% 45%,#13284df7,#13284de6 65%,#13284d00);padding:1rem}.igra:has(.karta) .hud{visibility:hidden}.hero .igra .karta-unutra{align-content:center;gap:.5rem 1.5rem;min-height:100%}.hero .igra .karta h2{font-size:1.5rem}.hero .igra .karta h3{margin:.7rem 0 .45rem;font-size:.95rem}.hero .igra .karta-lumi .karta-slika{max-width:9.5rem}.hero .igra .karta-bedzevi{gap:.4rem}.hero .igra .karta-bedzevi .medalja{--d:2.6rem}.hero .igra .rangovi{gap:.35rem}.hero .igra .rang-red{gap:.6rem;padding:.3rem .7rem .3rem .3rem}.hero .igra .rang-red .mjesec{width:2.3rem;height:2.3rem}.hero .igra .rang-red b{font-size:.92rem}.hero .igra .rang-red .sitno{font-size:.78rem}@media (width>=40.01rem){.hero .igra .karta-unutra{grid-template-columns:minmax(0,11rem) minmax(0,1fr)}}@media (width<=40rem){.hero .igra .karta-lumi .karta-slika{max-width:7rem}.hero .igra:has(.karta){height:auto}.hero .igra .karta{padding:1rem 0;position:relative;inset:auto;overflow:visible}}.igra :is(h2,h3,p){margin:0}.igra button{font:inherit;color:inherit}.igra-dno{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.igra-dno .motion-btn{margin-left:auto}@media (width<=40rem){.hero .igra{aspect-ratio:auto;height:max(34rem,88svh);max-height:none}}@media (prefers-reduced-motion:reduce){.igra *,.igra :before,.igra :after,.leti,.dobitak{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-reduced-motion=true] :is(.igra *,.leti,.dobitak){transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
