@font-face{font-family:Manrope;src:url(/fonts/Manrope-latin-ext.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/fonts/SourceSans3-latin-ext.woff2)format("woff2");font-weight:200 900;font-display:swap}:root{--paper:#fff;--ink:#000;--accent:#ff0;--ink-70:#000000b3;--ink-20:#0003;--ink-10:#0000001a;--ink-05:#0000000d;--font-display:"Manrope",ui-sans-serif,system-ui,sans-serif;--font-body:"Source Sans 3",ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font-body);color:var(--ink);user-select:none;-webkit-tap-highlight-color:transparent;background:#111;margin:0;overflow:hidden}.stol{place-items:center;display:grid;position:absolute;inset:0}.ramik{aspect-ratio:16/9;background:var(--ink);width:min(100vw,177.778vh);height:min(100vh,56.25vw);padding:clamp(6px,.9vmin,14px);position:relative}.plocha{background:var(--paper);grid-template-columns:23% 1fr 23%;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.plocha:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(var(--ink-10) 1.5px, transparent 1.6px);background-size:12px 12px;position:absolute;inset:0}.panel{padding:calc(2 * var(--m)) calc(2.2 * var(--m));gap:calc(1 * var(--m));z-index:2;background:var(--paper);min-height:0;margin:calc(1.6 * var(--m));flex-direction:column;display:flex;position:relative}.znacka{font-family:var(--font-display);font-size:clamp(24px,3.1vw,200px);font-weight:800;line-height:1.02}@supports (--x:1px){.znacka{font-size:calc(16.6 * var(--mp))}}.znacka b{justify-content:space-between;display:flex}.znacka i{font-style:normal}.podnadpis{font-size:clamp(10px,calc(1.5 * var(--m)),30px);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-70);border-top:2px solid var(--ink);padding-top:calc(.9 * var(--m));margin-top:calc(2.4 * var(--m))}.kroky{margin:calc(1 * var(--m)) 0 0;gap:calc(1.5 * var(--m));flex-direction:column;padding:0;list-style:none;display:flex}.krok{gap:calc(1.6 * var(--m));grid-template-columns:auto 1fr;align-items:start;display:grid}.cislo{width:calc(4 * var(--m));height:calc(4 * var(--m));background:var(--ink);min-width:22px;min-height:22px;color:var(--paper);font-family:var(--font-display);font-weight:800;font-size:clamp(12px,calc(2.2 * var(--m)),44px);border-radius:50%;flex:none;place-items:center;display:grid}.krok p{font-size:clamp(12px,calc(2 * var(--m)),42px);margin:0;line-height:1.35}.krok.hotovo .cislo{background:var(--accent);color:var(--ink)}.krok.hotovo p{color:var(--ink-70)}.skupina{flex-direction:column;min-height:0;margin-top:auto;display:flex}.stitok{font-size:clamp(10px,calc(1.5 * var(--m)),30px);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-70);border-bottom:1px solid var(--ink-20);padding-bottom:calc(.8 * var(--m));margin-bottom:calc(1.1 * var(--m))}.vrstvy{gap:calc(.9 * var(--m));flex-direction:column;display:flex}.vrstva{gap:calc(1.4 * var(--m));padding:calc(1.3 * var(--m)) calc(1.5 * var(--m));border:1px solid var(--ink-20);grid-template-columns:auto 1fr auto;align-items:center;transition:background .18s,border-color .18s;display:grid}.vrstva .bod{width:calc(2.8 * var(--m));height:calc(2.8 * var(--m));border:1px solid var(--ink);min-width:18px;min-height:18px}.vrstva .nazov{font-family:var(--font-display);font-weight:800;font-size:clamp(12px,calc(2 * var(--m)),40px);letter-spacing:.02em}.vrstva .stav{font-size:clamp(10px,calc(1.4 * var(--m)),28px);color:var(--ink-70);letter-spacing:.1em;text-transform:uppercase}.vrstva[data-stav=teraz]{background:var(--accent);border-color:var(--ink)}.vrstva[data-stav=teraz] .stav{color:var(--ink)}.vrstva[data-stav=hotovo]{border-color:var(--ink)}.vrstva[data-stav=caka]{opacity:.4}.formaty{gap:calc(1 * var(--m));display:flex}.format{aspect-ratio:1;border:1px solid var(--ink-20);padding:calc(.8 * var(--m));cursor:pointer;background:0 0;flex:1;gap:2px;display:grid}.format[aria-pressed=true]{border:2px solid var(--ink);background:var(--ink-05)}.format i{background:#00000057;display:block}.format[aria-pressed=true] i{background:var(--ink)}.f1{grid-template:1fr/1fr}.f4{grid-template:1fr 1fr/1fr 1fr}.f9{grid-template:repeat(3,1fr)/repeat(3,1fr)}.tlacidlo,.motivy button,.podlozky button,.format{touch-action:manipulation}.tlacidlo{margin-top:calc(1.1 * var(--m));background:var(--ink);width:100%;color:var(--paper);font-family:var(--font-display);letter-spacing:.02em;font-weight:800;font-size:clamp(14px,calc(3 * var(--m)),60px);padding:calc(2.2 * var(--m));cursor:pointer;border:0;transition:none}.tlacidlo[disabled]{opacity:.25;cursor:default}.tlacidlo:not([disabled]):active{background:var(--accent);color:var(--ink)}.tlacidlo--druhe{background:var(--accent);color:var(--ink);border:calc(.45 * var(--m)) solid var(--ink);padding:calc(.95 * var(--m)) calc(2 * var(--m))}.tlacidlo--druhe:not([disabled]):active{background:var(--ink);color:var(--paper)}.tlacidlo--bonus{width:auto;margin:calc(1.4 * var(--m)) auto 0;background:var(--accent);color:var(--ink);border:calc(.45 * var(--m)) solid var(--ink);padding:calc(.9 * var(--m)) calc(2 * var(--m));display:block}.tlacidlo--bonus:active{background:var(--ink);color:var(--paper)}.tlacidlo--stiahnut{background:var(--accent);color:var(--ink);border:calc(.45 * var(--m)) solid var(--ink);width:100%;padding:calc(.95 * var(--m)) calc(2 * var(--m));margin:calc(1.2 * var(--m)) 0 0;display:block}.tlacidlo--subor{margin-top:calc(var(--m) * .7);color:#00000080;font-size:calc(var(--m) * 1.25);letter-spacing:.02em;text-transform:none;padding:calc(var(--m) * .6) 0;background:0 0;border:none;text-decoration:underline}.tlacidlo--subor:disabled{opacity:.35}.tlacidlo--stiahnut:not([disabled]):active{background:var(--ink);color:var(--paper)}.motivy{gap:calc(.7 * var(--m));grid-template-columns:repeat(4,1fr);min-height:0;margin-bottom:0;display:grid}.motivy button{aspect-ratio:1;background:var(--ink-05);cursor:pointer;border:2px solid #0000;padding:0;display:block;overflow:hidden}.motivy img{object-fit:cover;width:100%;height:100%;display:block}.motivy button[aria-pressed=true]{border-color:var(--ink);outline:3px solid var(--accent);outline-offset:-3px}.motivy button:active,.podlozky button:active{outline:3px solid var(--accent);outline-offset:-3px}.vlastna{aspect-ratio:1;border:2px solid var(--ink);background:var(--ink-05);overflow:hidden}.vlastna img{object-fit:cover;width:100%;height:100%;display:block}.stol--zamknute{touch-action:none;overscroll-behavior:none}@keyframes zamokBlik{0%{opacity:0;transform:scale(.82)}18%{opacity:1;transform:scale(1)}76%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.zamok{z-index:20;pointer-events:none;place-items:center;animation:1.7s both zamokBlik;display:grid;position:fixed;inset:0}.zamok svg{fill:none;width:16vmin;min-width:96px;stroke:var(--paper);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 .6vmin 2vmin #0009)}.zamok rect{fill:var(--paper);stroke:none}.zamok path{stroke:var(--paper);stroke-width:2px}.zamok p{font-family:var(--font-display);color:var(--paper);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 .3vmin 1.4vmin #000000b3;margin:1.6vmin 0 0;font-size:clamp(13px,2.4vmin,48px);font-weight:800}.zamok:before{content:"";background:#0000006b;position:absolute;inset:0}.zamok svg,.zamok p{position:relative}.podlozky{gap:calc(.8 * var(--m));grid-template-columns:repeat(3,1fr);display:grid}.podlozky button{aspect-ratio:1;cursor:pointer;background:var(--ink-05) center/cover;border:2px solid #0000;padding:0;display:block}.podlozky button[aria-pressed=true]{border-color:var(--ink);outline:3px solid var(--accent);outline-offset:-3px}.podlozky button.podlozka--papier{background:var(--paper);box-shadow:inset 0 0 0 1px var(--ink-20)}.logo-pata{justify-content:center;align-items:center;gap:calc(1.2 * var(--m));margin-top:calc(2 * var(--m));display:flex}.logo-pata b{font-family:var(--font-display);letter-spacing:-.05em;font-weight:800;line-height:.78;font-size:clamp(30px,calc(6.2 * var(--m)),124px);color:var(--ink)}.logo-pata span{font-family:var(--font-display);font-weight:700;font-size:clamp(10px,calc(1.75 * var(--m)),35px);letter-spacing:.18em;color:var(--ink-70);line-height:1.2}.scena{padding:calc(2.2 * var(--m));touch-action:none;z-index:2;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}#platno{box-shadow:0 calc(.4 * var(--m)) calc(2.2 * var(--m)) #00000029;background:var(--paper);display:block;transform:translateZ(0)}.riha{z-index:1;background-image:url(/stol/riha.png);background-repeat:no-repeat;background-size:100% 100%;position:absolute}.koliesko{width:calc(5.6 * var(--m));aspect-ratio:420/168;z-index:3;background-image:url(/stol/koliesko_sprite.png);background-position:0 0;background-size:500% 100%;min-width:44px;position:absolute;left:50%;transform:translate(-50%,-50%)}.koliesko--dole{transform:translate(-50%,-50%)scaleY(-1)}.plocha[data-os=V] .rakla{width:auto;height:0;inset:0 0 auto}.plocha[data-os=V] .tyc{width:auto;height:calc(2.6 * var(--m));background-image:url(/stol/rod.png);min-width:0;min-height:16px;top:50%;left:0;right:0;transform:translateY(-50%)}.plocha[data-os=V] .koliesko{top:50%;left:auto;transform:translate(-50%,-50%)rotate(90deg)}.plocha[data-os=V] .koliesko--dole{transform:translate(-50%,-50%)rotate(90deg)scaleY(-1)}.plocha[data-os=V] .madlo{top:50%;left:auto;transform:translate(-50%,-50%)rotate(90deg)}.otocit{z-index:99;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#fff;cursor:pointer;background:#000000d1;border:1px solid #ffffff40;border-radius:6px;padding:9px 15px;font-size:12px;position:fixed;bottom:10px;right:14px}.otocit:active{background:var(--accent);color:var(--ink)}.rakla{pointer-events:none;z-index:2;width:0;position:absolute;top:0;bottom:0;left:0}.tyc{width:calc(2.6 * var(--m));z-index:2;min-width:16px;box-shadow:0 0 calc(.7 * var(--m)) #00000057;background-image:url(/stol/rod_v.png);background-size:100% 100%;position:absolute;left:50%;transform:translate(-50%)}.madlo{width:calc(11.3 * var(--m));pointer-events:auto;cursor:grab;touch-action:none;z-index:5;min-width:72px;position:absolute;left:50%;transform:translate(-50%,-50%)}.madlo:active{cursor:grabbing}.vyzva{left:50%;bottom:calc(.25 * var(--m));z-index:3;font-size:clamp(8px,calc(.95 * var(--m)),19px);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-70);align-items:center;gap:calc(1 * var(--m));white-space:nowrap;transition:opacity .3s;display:flex;position:absolute;transform:translate(-50%)}.vyzva.skryta{opacity:0}.mobil{z-index:6;opacity:0;cursor:pointer;background:#000;place-items:center;transition:opacity .6s;display:grid;position:absolute;inset:0}.mobil--tma,.mobil--qr{opacity:1}.mobil--navrat{opacity:0}@keyframes qrPrichod{0%{opacity:.6;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes cakamDych{0%{transform:scale(.9)}50%{transform:scale(1)}to{transform:scale(.9)}}@keyframes cakamPrichod{0%{opacity:0}to{opacity:1}}.cakam{z-index:7;pointer-events:all;cursor:default;background:#000000d1;place-items:center;animation:.35s both cakamPrichod;display:grid;position:absolute;inset:0}.cakam-vnutro{align-items:center;gap:calc(2.2 * var(--m));flex-direction:column;display:flex}.cakam img{width:calc(30 * var(--m));transform-origin:50%;min-width:170px;animation:2.4s ease-in-out infinite cakamDych;display:block}.cakam p{font-family:var(--font-display);color:var(--paper);font-weight:800;font-size:clamp(14px,calc(2.6 * var(--m)),52px);letter-spacing:.04em;text-transform:uppercase;margin:0}@media (prefers-reduced-motion:reduce){.cakam img{animation:none}}.mobil-qr{align-items:center;gap:calc(2.4 * var(--m));flex-direction:column;animation:.52s cubic-bezier(.2,.8,.25,1) both qrPrichod;display:flex}.mobil-qr img{width:calc(34 * var(--m));min-width:190px;image-rendering:pixelated;background:var(--paper);padding:calc(1.6 * var(--m));display:block}.mobil-qr p{font-family:var(--font-display);color:var(--paper);font-weight:800;font-size:clamp(14px,calc(2.6 * var(--m)),52px);letter-spacing:.04em;margin:0}.mobil-chyba{max-width:calc(52 * var(--m));text-align:center;line-height:1.35;font-weight:600!important;font-size:clamp(12px,calc(2 * var(--m)),38px)!important;letter-spacing:0!important}.mobil-qr span{font-size:clamp(9px,calc(1.4 * var(--m)),28px);letter-spacing:.2em;text-transform:uppercase;color:#ffffff8c}.vyzva span{width:calc(2.6 * var(--m));background:var(--ink-20);height:1px;display:block}.plocha.tema-platno{background:url(/stol/tex_sito.jpg) 50%/cover}.plocha.tema-drevo{background:url(/stol/tex_drevo.jpg) 50%/cover}.plocha.tema-alobal{background:url(/stol/tex_alobal.jpg) 50%/cover}.plocha.tema-beton{background:url(/stol/tex_beton.jpg) 50%/cover}.plocha.tema-beton-ag{background:url(/stol/tex_beton_ag.jpg) 50%/cover}.plocha:not(.tema-papier):before{opacity:0}.plocha.tema-papier .panel{box-shadow:0 calc(.2 * var(--m)) calc(1.2 * var(--m)) #00000021}.plocha:not(.tema-papier) .panel{box-shadow:0 calc(.4 * var(--m)) calc(2.4 * var(--m)) #00000061}.plocha.tema-alobal .panel{box-shadow:0 calc(.6 * var(--m)) calc(2.6 * var(--m)) #00000073}.madlo img{pointer-events:none;width:100%;display:block}.rakla{pointer-events:auto}.verzie{z-index:8;justify-content:center;align-items:center;gap:calc(var(--m) * 2);background:#000000e6;flex-direction:column;display:flex;position:absolute;inset:0}.verzie-nadpis{color:#fff;font-weight:800;font-size:calc(var(--m) * 3.2);letter-spacing:-.01em}.verzie-mriezka{gap:calc(var(--m) * 1.6);width:min(78%, calc(var(--m) * 66));grid-template-columns:repeat(2,1fr);display:grid}.verzia{border:calc(var(--m) * .5) solid #fff;cursor:pointer;background:0 0;padding:0;line-height:0;transition:transform .12s,border-color .12s}.verzia img{width:100%;height:auto;display:block}.verzia:hover,.verzia:active{transform:translateY(calc(var(--m) * -.4))}.verzia--zvolena{border-color:#ff0}.verzie-pod{color:#ffffffad;font-size:calc(var(--m) * 1.5);letter-spacing:.08em;text-transform:uppercase}.rastre{gap:calc(.4 * var(--m));grid-template-columns:repeat(4,1fr);display:grid}.rastr{border:1px solid var(--ink-20);background:var(--paper);color:var(--ink);padding:calc(.45 * var(--m)) 0;font-size:clamp(9px,calc(1.4 * var(--m)),28px);cursor:pointer;touch-action:manipulation;line-height:1}.rastr--zvoleny{background:var(--ink);color:var(--paper);border-color:var(--ink)}.rastre-stitok{margin-bottom:calc(.5 * var(--m));border-bottom:0;padding-bottom:0}