:root{font-family:system-ui,sans-serif;color-scheme:dark;background:#090f1c;color:#eef2ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#17213a,#090f1c 55%);min-height:100vh}header,main{width:min(1100px,92%);margin:auto}header{padding:2.5rem 0 1rem}h1{margin:.2rem 0}.orodna{display:grid;grid-template-columns:1fr auto;gap:.7rem;margin:1rem 0 1.4rem}input,select{padding:.85rem;border:1px solid #44506c;border-radius:.75rem;background:#111a2d;color:inherit}.mreza{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.kartica{border:1px solid #2c3a59;border-radius:1rem;padding:1rem;background:#10182a;cursor:pointer;min-height:160px}.oznaka{font-size:.78rem;opacity:.7;text-transform:uppercase}.znak{font-size:3rem;margin:.4rem 0}.kartica:hover{transform:translateY(-2px);border-color:#7382aa}dialog{width:min(620px,92%);border:1px solid #586583;border-radius:1rem;background:#10182a;color:inherit}dialog::backdrop{background:#000a}#zapri{float:right;font-size:1.4rem;border:0;background:transparent;color:inherit;cursor:pointer}@media(max-width:520px){.orodna{grid-template-columns:1fr}}