:root{--paper: #f2e8d5;--paper-deep: #e6d7b8;--ink: #1a1a1a;--ink-soft: #5b5344;--stamp: #b3271e;--stamp-deep: #8f1f18;--pine: #2d4a2b;--beer: #d9a441;--display: "Archivo Black", "Arial Black", sans-serif;--hand: "Caveat", cursive;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", monospace;--tilt: -4deg}*{margin:0;padding:0;box-sizing:border-box}body{color:var(--ink);font-family:var(--sans);line-height:1.6;background:radial-gradient(ellipse 40% 30% at 78% 8%,rgb(139 111 58 / .05),transparent),radial-gradient(ellipse 30% 25% at 12% 90%,rgb(139 111 58 / .06),transparent),repeating-linear-gradient(93deg,transparent 0 26px,rgb(26 26 26 / .016) 26px 27px),var(--paper)}.wrap{max-width:62rem;margin:0 auto;padding:0 1.25rem}.rev{font-family:var(--display);text-transform:uppercase;line-height:1.03}.akcent{color:var(--stamp)}.rucne{font-family:var(--hand);font-weight:600;color:var(--ink-soft)}.uredni{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft)}.hero{padding:5rem 0 4rem;display:flex;align-items:center;gap:3rem;flex-wrap:wrap}.hero .seal{width:min(300px,70vw);color:var(--stamp);flex:none}.hero h1{font-size:clamp(2.6rem,8vw,5rem)}.hero .rucne{font-size:clamp(1.5rem,4vw,2rem);display:block;margin:.75rem 0 1.75rem}.cedule{display:inline-block;font-family:var(--display);text-transform:uppercase;font-size:.95rem;color:var(--paper);background:var(--ink);padding:.7em 1.3em;text-decoration:none;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--stamp);transform:rotate(calc(var(--tilt) / 2));transition:transform .12s ease,box-shadow .12s ease}.cedule:hover,.cedule:focus-visible{transform:none;box-shadow:6px 6px 0 var(--stamp)}.cedule:focus-visible{outline:3px solid var(--pine);outline-offset:3px}section{padding:3.5rem 0}section h2{font-size:clamp(1.6rem,4vw,2.4rem);margin:.4rem 0 2rem}.police{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem;align-items:stretch}.sklenice{background:#faf3e3;border:2px solid var(--ink);outline:2px dashed var(--ink);outline-offset:-8px;padding:1.4rem 1.5rem 1.2rem;position:relative;box-shadow:4px 4px #1a1a1ad9;transform:rotate(calc(var(--tilt) / 3))}.sklenice:nth-child(2n){transform:rotate(calc(var(--tilt) / -3))}.sklenice .uredni{display:block;margin-bottom:.5rem}.sklenice h3{font-family:var(--display);text-transform:uppercase;font-size:1.15rem;margin-bottom:.5rem}.sklenice p{font-size:.92rem;color:var(--ink-soft)}.sklenice .rucne{display:block;margin-top:.75rem;font-size:1.2rem}.prehravac{display:flex;align-items:center;gap:.7rem;margin-top:1rem}.vicko{flex:none;width:2.6rem;height:2.6rem;border-radius:50%;border:3px solid var(--ink);background:var(--beer);color:var(--ink);font-size:.85rem;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:3px 3px #1a1a1ad9,inset 0 0 0 3px #faf3e3,inset 0 0 0 4px #1a1a1a80;transition:transform .12s ease,box-shadow .12s ease}.vicko:hover,.vicko:focus-visible{transform:rotate(8deg);box-shadow:4px 4px 0 var(--stamp)}.vicko:focus-visible{outline:3px solid var(--pine);outline-offset:3px}.stopa{flex:1;height:.7rem;border:2px solid var(--ink);background:#faf3e3;cursor:pointer;position:relative;box-shadow:2px 2px #1a1a1a66}.stopa i{position:absolute;inset:0 auto 0 0;width:0%;background:var(--stamp)}.cas{font-family:var(--mono);font-size:.68rem;color:var(--ink-soft);flex:none;min-width:5.5em;text-align:right}.sklenice.hraje{border-color:var(--stamp);outline-color:var(--stamp);box-shadow:4px 4px 0 var(--stamp-deep)}.sklenice.hraje .uredni{color:var(--stamp)}.sklenice.chybi .prehravac{display:none}.sklenice .zavaruje-se{display:none;margin-top:1rem;font-size:1.05rem}.sklenice.chybi .zavaruje-se{display:block}@media(prefers-reduced-motion:reduce){.vicko{transition:none}.vicko:hover{transform:none}}.kapela{border-top:3px solid var(--ink)}.clen{display:grid;grid-template-columns:12rem 1fr;gap:.4rem 1.5rem;padding:.9rem 0;border-bottom:2px dashed rgb(26 26 26 / .35)}.clen dt{font-family:var(--display);text-transform:uppercase;font-size:.95rem}.clen dt small{display:block;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;color:var(--stamp);margin-top:.2rem}.clen dd{color:var(--ink-soft);font-size:.95rem}footer{padding:3rem 0 4rem;border-top:3px solid var(--ink)}footer .rucne{font-size:1.35rem}.razitko{display:inline-block;font-family:var(--display);text-transform:uppercase;color:var(--stamp);border:3px solid var(--stamp);border-radius:6px;padding:.2em .55em;transform:rotate(var(--tilt));margin-top:1rem}@media(max-width:40rem){.hero{padding-top:3rem;gap:2rem}.clen{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.cedule{transition:none;transform:none}}