/* EKO-TECH – stilovi. Canvas se skalira na veličinu prozora (16:9). */
html,body{margin:0;height:100%;background:#0d2b1f;font-family:system-ui,sans-serif;overflow:hidden}
body{display:flex;align-items:center;justify-content:center}
#wrap{position:relative;width:min(100vw,177.78vh);aspect-ratio:16/9}
canvas{width:100%;height:100%;display:block;image-rendering:pixelated;background:#222}
.ov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
background:linear-gradient(#1b5e20e6,#0d2b1fee);color:#fff;text-align:center;gap:1.2vmin}
.ov h1{margin:0;font-size:6vmin}.ov h2{margin:0 0 2vmin;font-size:2.6vmin;color:#a5d6a7;letter-spacing:.3vmin}
.ov button{font-size:3vmin;padding:1vmin 4vmin;border:0;border-radius:2vmin;background:#69f0ae;color:#06361f;font-weight:700;cursor:pointer;min-width:30vmin}
.ov button:hover{background:#b9f6ca}#info{font-size:2.4vmin;line-height:1.5;max-width:80%}
.hide{display:none!important}
#touch{position:absolute;inset:auto 0 1vmin 0;display:flex;justify-content:space-between;padding:0 1.5vmin;pointer-events:none}
#touch .g{display:flex;gap:1vmin}
#touch b{pointer-events:auto;user-select:none;touch-action:none;width:9vmin;height:9vmin;border-radius:50%;background:#ffffff55;
color:#fff;display:flex;align-items:center;justify-content:center;font-size:4vmin}
/* glavni izbornik: prozirna ploča preko animirane scene */
#menu{background:linear-gradient(#0b2a4a44,#0b2a4a99 55%,#0b2a4acc);overflow:auto}
#menu h1{font-size:8vmin;text-shadow:0 .5vmin 0 #0d47a1,0 0 3vmin #000}#menu h2{color:#fff;text-shadow:0 .3vmin 1vmin #000}
.ov button.lv{font-size:2.2vmin;padding:.6vmin 3vmin;background:#ffd740}
#lvs{display:flex;flex-wrap:wrap;gap:1vmin;justify-content:center;max-width:88%}
#pause{background:#0b2a4ae6}
.ov button.sel{outline:.6vmin solid #fff;transform:scale(1.08);background:#b9f6ca}