*{box-sizing:border-box}
body{margin:0;background:#08131b;color:#edf7fb;font:16px/1.5 system-ui,sans-serif}
main{width:min(1250px,94vw);margin:auto;padding:40px 0}
header{max-width:850px}.oznaka{font-size:.75rem;letter-spacing:.18em;opacity:.55}
h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:.95;margin:.2em 0}
header>p:last-child{opacity:.67}
.kontrole{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:28px 0}.kontrole label{display:grid;gap:5px}
input,select,button{font:inherit;padding:10px 12px;border-radius:9px;border:1px solid #ffffff25;background:#0f2230;color:#fff}button{cursor:pointer}
.igra{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:16px}
.zemljevidOkvir{border:1px solid #ffffff1c;border-radius:18px;overflow:hidden;background:#143548}
canvas{display:block;width:100%;height:auto;cursor:crosshair}
aside{background:#0d1c27;border:1px solid #ffffff15;border-radius:18px;padding:18px}
aside h2{margin-top:0}.namig{min-height:70px;background:#08141d;padding:12px;border-radius:10px}
.napredek{height:9px;background:#061018;border-radius:99px;overflow:hidden}.napredek span{display:block;height:100%;background:#78c4a6;width:0}
.nagrada{margin-top:14px;padding:14px;border:1px solid #e8c66b55;background:#3b32185c;border-radius:12px}.skrito{display:none}
.statistika{display:flex;gap:22px;flex-wrap:wrap;margin-top:14px;padding:14px 4px;opacity:.8}
@media(max-width:820px){.igra{grid-template-columns:1fr}}