@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;700&display=swap";*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-family:Poppins,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#080808;scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loader{width:100%;height:100vh;position:fixed;z-index:200;display:inline-block;overflow:hidden}.loader .scope-peeker{padding:150px;outline:3px white;position:absolute;top:var(--y-scope);left:var(--x-scope);translate:-50% -50%;background-color:transparent;border:1500px solid #000000e0;border-radius:50%}.loader .scope-peeker h1{position:absolute;top:-100px;left:50%;transform:translate(-50%)}.loader .scope-peeker .scope-load{width:100%;height:100%;position:absolute;top:50%;left:50%;translate:-50% -50%;border-radius:50%;border:3px solid white;cursor:crosshair;-webkit-tap-highlight-color:transparent;z-index:105}.loader .scope-peeker .scope-load span{background:#fff;display:block;position:absolute;transition:all .2s ease}.loader .scope-peeker .scope-load span:nth-child(1){top:50%;left:0;width:100px;height:2px;transform:translateY(-50%)}.loader .scope-peeker .scope-load span:nth-child(2){top:0;left:50%;width:2px;height:100px;transform:translate(-50%)}.loader .scope-peeker .scope-load span:nth-child(3){top:50%;right:0;width:100px;height:2px;transform:translateY(-50%)}.loader .scope-peeker .scope-load span:nth-child(4){bottom:0;left:50%;width:2px;height:100px;transform:translate(-50%)}.loader .scope-peeker .scope-load span:nth-child(5){width:3px;height:3px;top:50%;left:50%;translate:-50% -50%}.pc-nav{position:fixed;width:60%;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px) hue-rotate(160deg) brightness(100%);backdrop-filter:blur(5px) hue-rotate(160deg) brightness(100%);border-radius:0 0 50px 50px/0 0 25px 25px;z-index:99}.pc-nav .link{text-decoration:none;text-transform:uppercase;color:#fff;padding:2rem;border-radius:20px;font-size:1rem;transition:color .2s ease}.pc-nav .link:hover{color:#87ceeb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080}.mobile-nav{display:none}button.link{background:none;border:none;text-decoration:none;font-family:inherit;font-size:inherit;padding:0;cursor:pointer}.dropdown{position:relative}.dropdown-menu{position:absolute;left:0;top:-500px;display:flex;flex-direction:column;opacity:0;transition:opacity .35s ease,top .25s ease}.dropdown-menu.dropped{opacity:1;top:calc(100% + .25rem)}.welcome-wrapper{width:100%;height:100vh;display:grid;place-content:center}.video-wrapper{position:fixed;width:100%;height:100vh;filter:brightness(50%);z-index:-1}.video-wrapper video{width:100%;height:100vh;object-fit:cover;object-position:center}.welcome-text{font-size:clamp(1.5rem,.9231rem + 2.3077vw,3rem);padding-inline:3rem;display:flex;flex-direction:column;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px white;background-repeat:no-repeat;animation:text-change linear both;animation-timeline:view();animation-range-start:60%;animation-range-end:90%;text-wrap:pretty;text-transform:uppercase;scale:1}.welcome-text p{font-size:clamp(1.5rem,.9231rem + 2.3077vw,3rem);font-weight:700}@keyframes text-change{to{scale:0}}.about-wrapper{width:100%;min-height:100vh;background-color:#101010e8;overflow:hidden}.about-headline{padding:3rem;text-align:center;font-size:1.5rem}.about-column{padding:3rem}.about-column h2{text-align:center;padding-block:3rem;font-size:2rem}.oprema-wrapper{width:100%;height:auto;display:flex;flex-shrink:0;flex-grow:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px}.oprema-card{width:20rem;aspect-ratio:1 / 1.5;border-radius:10px;background-size:cover;background-position:center center;overflow:hidden;isolation:isolate;transition:all .15s ease-in-out;cursor:pointer}.oprema-card:hover{transform:rotateX(-20deg)}.oprema-content{width:100%;height:100%;display:grid;grid-template-rows:60% 40%;-webkit-backdrop-filter:brightness(60%);backdrop-filter:brightness(60%);z-index:10}.oprema-naslov,.oprema-desc{padding-inline:1rem;text-wrap:pretty}.oprema-naslov{font-size:1.5rem}.oprema-desc{padding-block:1rem;font-size:1rem}.oprema-image{display:grid;place-content:center;scale:.3;opacity:0;transition:.5s all ease-in-out}.oprema-card:hover .oprema-image{opacity:1;scale:1.3}.oprema-image img{width:200px}.mode-wrapper{min-width:100%;height:100%;margin:0 auto;display:flex;flex-wrap:wrap-reverse;flex-direction:row;flex-basis:auto;justify-content:center;gap:30px;position:relative}.scene{perspective:1000px}.gamemode-card{width:22rem;aspect-ratio:1 / 1.3;display:flex;justify-content:center;align-items:center;border-radius:20px;background-size:cover;background-position:center center;overflow:hidden;cursor:url("data:image/svg+xml,%3csvg%20id='Flat'%20xmlns='http://www.w3.org/2000/svg'%20fill='rgb(255,%20255,%20255)'%20viewBox='0%200%20256%20256'%3e%3cpath%20d='M236,120H223.66406A96.15352,96.15352,0,0,0,136,32.33618V20a8,8,0,0,0-16,0V32.33618A96.15352,96.15352,0,0,0,32.33594,120H20a8,8,0,0,0,0,16H32.33594A96.15352,96.15352,0,0,0,120,223.66382V236a8,8,0,0,0,16,0V223.66382A96.15352,96.15352,0,0,0,223.66406,136H236a8,8,0,0,0,0-16ZM136,207.59912V196a8,8,0,0,0-16,0v11.59912A80.14164,80.14164,0,0,1,48.40088,136H60a8,8,0,0,0,0-16H48.40088A80.14164,80.14164,0,0,1,120,48.40088V60a8,8,0,0,0,16,0V48.40088A80.14164,80.14164,0,0,1,207.59912,120H196a8,8,0,0,0,0,16h11.59912A80.14164,80.14164,0,0,1,136,207.59912ZM128,88a40,40,0,1,0,40,40A40.04552,40.04552,0,0,0,128,88Zm0,64a24,24,0,1,1,24-24A24.0275,24.0275,0,0,1,128,152Z'/%3e%3c/svg%3e"),auto;transform-style:preserve-3d;transform-origin:bottom;position:relative;filter:drop-shadow(1px 10px 14px #000000);transition:transform cubic-bezier(0,1.14,.83,.93) 2s,filter 2s cubic-bezier(0,1.14,.83,.93)}.shot{transform:rotateX(80deg)}.gamemode-text{-webkit-backdrop-filter:brightness(30%);backdrop-filter:brightness(30%);width:100%;height:100%;padding-inline:3rem;padding-block:30%;display:grid;place-content:start;transition:backdrop-filter .15s ease-in-out;text-shadow:2px 2px 2px black}.gamemode-text .mode-naslov{font-size:1.8rem;font-weight:700}.gamemode-text .mode-text{font-size:1.2rem;padding-block:1rem}.contact-wrapper{width:100%;display:grid;grid-template-columns:50% 50%;background-color:#242424}.contact-wrapper .contact-map{overflow:hidden;margin:1rem auto}.contact-wrapper .contact-map iframe{width:600px;height:400px;border-radius:20px}.contact-details{padding:2rem}.contact-details h3,.contact-details p{padding:1rem}.contact-details h3{text-transform:uppercase}.social{padding-block:1rem}.no-touchy{background-color:#080808;padding:1.5rem;border-radius:10px}.social-icons a{width:100px;aspect-ratio:1;padding:1rem;display:grid;place-content:center;border-radius:50%;background:linear-gradient(45deg,red,#00f);transition:fill .2s ease}.social-icons a:hover svg{fill:#000}@media (max-width: 780px){.about-column{padding:.5rem}.oprema-card{width:18rem;overflow:visible}.oprema-card:hover .oprema-image{opacity:1;scale:1.1}.mode-wrapper{gap:10px;display:grid;grid-template-columns:repeat(2,1fr);place-content:center}.gamemode-card{width:12rem;aspect-ratio:1}.gamemode-text{padding-inline:.5rem}.gamemode-text .mode-naslov{font-size:1rem}.gamemode-text .mode-text{font-size:.7rem;text-wrap:pretty}.pc-nav{display:none}.barbtn{width:60px;height:60px;position:fixed;right:10px;top:10px;border-radius:50%;border:3px solid white;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:105}.barbtn span{background:#fff;display:block;position:absolute;transition:all .2s ease}.barbtn span:nth-child(1){top:50%;left:0;width:20px;height:2px;transform:translateY(-50%)}.barbtn span:nth-child(2){top:0;left:50%;width:2px;height:20px;transform:translate(-50%)}.barbtn span:nth-child(3){top:50%;right:0;width:20px;height:2px;transform:translateY(-50%)}.barbtn span:nth-child(4){bottom:0;left:50%;width:2px;height:20px;transform:translate(-50%)}.barbtn span.pressed:nth-child(1){top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.barbtn span.pressed:nth-child(3){top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.mobile-nav{position:fixed;width:100%;height:100vh;left:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;transition:left .2s ease}.mobile-nav.mob-active{left:0}.mobile-nav .mobile-link{text-decoration:none;color:#fff;text-transform:uppercase;padding:2rem;font-size:1.5rem;background:none;border:none}.mobile-nav .mob-drop{display:flex;flex-direction:column;height:0;scale:0;opacity:0;transition:all .2s ease}.mobile-nav .mob-drop.mob-open{scale:1;opacity:1;height:auto}.contact-wrapper{display:flex;flex-direction:column}.contact-wrapper .contact-map iframe{width:350px;height:350px}}