/* Vizuálny systém hubu, prevzatý z Astrinho návrhu (kauzomat-arcade, v1 zo 7. 9. 2026).
   Nepoužité časti (iframe prehrávač, vyhľadávanie, filtre, dialógy) sú vyhodené.
   Úpravy pre Kauzomat sú na konci súboru. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/hub/1bffadaabf893a1e-s.p.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/hub/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#14110e;--surface:#1c1813;--surface-2:#241e17;--line:#383026;--line-soft:#2b241c;--ink:#f4efe2;--muted:#b1a58f;--dim:#928570;--yellow:#e8b923;--red:#d5333a;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--font:Inter,Arial,sans-serif;font-family:var(--font);font-size:100%;color:var(--ink);background:var(--bg);color-scheme:dark;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0}
button,input,textarea{font:inherit}
button,a,input,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{cursor:pointer;color:inherit}
a{color:inherit;text-decoration:none}
button,a{transition:color .18s,background .18s,border-color .18s,transform .18s}
button{border:0}
input,textarea{color:var(--ink)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:800;letter-spacing:-.055em}
p{line-height:1.65}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
img{display:block;max-width:100%}
::selection{background:var(--yellow);color:var(--bg)}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}
.container{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:100;top:12px;left:12px;background:var(--yellow);color:var(--bg);padding:14px;transform:translateY(-180%)}
.skip-link:focus{transform:none}
.eyebrow{font-family:var(--mono);font-size:.75rem;letter-spacing:.09em;color:var(--muted);line-height:1.5;margin-bottom:15px;font-weight:400}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 19px;font-size:.875rem;font-weight:700;line-height:1.5;border:1px solid transparent;border-radius:4px;white-space:normal}
.button svg{width:18px;height:18px;transition:transform .2s}
.button-yellow{background:var(--yellow);color:#1c1609;border-color:var(--yellow)}
.button-yellow:hover{background:#f6cb44;border-color:#f6cb44;transform:translateY(-2px)}
.button-yellow:hover svg:last-child{transform:translateX(3px)}
.button-outline{background:transparent;border-color:#615340;color:var(--ink)}
.button-outline:hover{border-color:var(--yellow);color:var(--yellow)}
.button-dark{background:#19140b;color:var(--yellow);border-color:#19140b}
.button-dark:hover{background:#332711}
.icon-button{display:inline-flex;justify-content:center;align-items:center;width:42px;height:42px;padding:0;background:none;color:var(--muted);border:1px solid transparent;border-radius:4px}
.icon-button:hover{color:var(--ink);background:#ffffff08;border-color:var(--line)}
.icon-button svg{width:20px;height:20px}
.site-header{background:#14110ef2;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft)}
.nav-row{height:84px;display:flex;align-items:center;gap:30px}
.logo{display:inline-flex;align-items:center;font-size:1.53rem;font-weight:900;letter-spacing:-.065em;white-space:nowrap;line-height:1}
.logo-domain{color:var(--red);font-size:1.1rem;align-self:flex-end;margin-left:2px;line-height:1.05}
.logo-symbol{display:inline-flex;align-items:center;gap:3px;background:var(--yellow);width:31px;height:31px;padding:7px 5px;margin-right:11px;border-radius:3px;transform:rotate(-5deg)}
.logo-symbol i{width:5px;height:13px;background:var(--bg);transform:skew(-15deg)}
.logo-symbol i:nth-child(2){height:17px}
.site-header nav{display:flex;align-items:center;gap:27px;margin-left:auto}
.site-header nav>a,.site-header nav>button{position:relative;font-size:.875rem;color:var(--muted);background:none;padding:32px 0;white-space:nowrap;line-height:1.4}
.site-header nav>a:hover,.site-header nav>button:hover{color:var(--ink)}
.site-header nav .nav-active{color:var(--ink)}
.nav-active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--yellow)}
.nav-active span{font-family:var(--mono);color:var(--yellow);font-size:.75rem;margin-left:7px}
.nav-actions{display:flex;align-items:center;gap:12px;margin-left:15px}
.tip-nav{font-size:.8125rem;padding:10px 13px;border-color:#5d4f3d}
.share-button{width:35px}
.ticker{display:flex;align-items:stretch;background:#a6262c;color:#fff3da;border-bottom:1px solid #d5333a88;font-family:var(--mono);font-size:.75rem;height:35px;overflow:hidden}
.ticker-label{position:relative;z-index:2;padding:0 23px;display:flex;align-items:center;gap:17px;background:var(--red);letter-spacing:.08em;font-weight:700;flex-shrink:0}
.ticker-label>span{font-family:var(--font);font-size:1rem}
.ticker-window{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 95%,transparent)}
.ticker-track{height:100%;width:max-content;display:flex;animation:ticker-move 43s linear infinite;will-change:transform}
.ticker-track.paused{animation-play-state:paused}
.ticker-group{display:flex;align-items:center;gap:38px;padding-right:38px;white-space:nowrap;font-size:.75rem;letter-spacing:.045em}
.ticker-group b{color:#e8b923;font-size:1.1rem}
.ticker-toggle{padding:0 13px;display:grid;place-items:center;background:#8f2025;color:#fff2dc;z-index:2}
.ticker-toggle svg{width:14px;height:14px}
@keyframes ticker-move{to{transform:translateX(-50%)}}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:43px 0 31px}
.page-heading .eyebrow{color:var(--yellow);margin-bottom:11px}
.page-heading h1{font-size:clamp(2rem,3.3vw,3.4rem);line-height:1.12;margin:0 0 12px}
.page-heading h1>span{color:var(--ink)}
.page-heading>div>p:last-child{font-size:1rem;color:var(--muted);margin-bottom:0}
.entry-ticket{display:flex;align-items:center;gap:15px;padding:17px 0 17px 27px;border-left:1px dashed #5b4c37;flex-shrink:0}
.entry-ticket strong{font-size:2.5rem;line-height:1;letter-spacing:-.06em;color:var(--yellow);font-weight:800}
.entry-ticket>span{font-family:var(--mono);font-size:.75rem;line-height:1.65;color:var(--muted);letter-spacing:.025em}
.feature-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}
.featured-game{position:relative;min-height:413px;overflow:hidden;background:#141a18;border:1px solid #5b5140;border-radius:6px;isolation:isolate;display:flex;flex-direction:column}
.featured-game>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;transition:transform .65s}
.featured-game:hover>img{transform:scale(1.025)}
.feature-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#121310c7 0%,#121310a6 29%,#1213104d 54%,#12131005 80%),linear-gradient(0deg,#14110ea6,transparent 55%)}
.featured-top{padding:24px 26px;display:flex;gap:13px;align-items:center}
.badge{font-family:var(--mono);font-size:.75rem;line-height:1.4;padding:5px 9px;border-radius:2px;font-weight:700;letter-spacing:.045em}
.badge-red{background:var(--red);color:#fff}
.badge-yellow{background:var(--yellow);color:#241a06}
.feature-genre{font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;color:#f4efdf}
.feature-index{font-family:var(--mono);font-size:.75rem;color:#f4efdf;margin-left:auto;background:#1817127d;padding:6px 8px;border-radius:2px}
.featured-content{padding:26px;margin-top:auto}
.feature-kicker{font-family:var(--mono);font-size:.75rem;letter-spacing:.07em;margin-bottom:11px;color:#e3d6b9}
.featured-content h2{font-size:clamp(3rem,5.5vw,5rem);letter-spacing:-.07em;line-height:1;margin-bottom:17px;color:#fff4dc}
.featured-content>p:not(.feature-kicker){font-size:1rem;line-height:1.6;color:#eee2c9;margin:0 0 24px;max-width:350px}
.feature-actions{display:flex;align-items:center;gap:20px}
.feature-actions .button{padding:13px 23px;gap:10px}
.solid-play{fill:currentColor;stroke-width:1}
.feature-actions>span{font-family:var(--mono);font-size:.75rem;color:#d3c8b3}
.random-card{background:var(--yellow);color:#231a07;padding:25px 25px 17px;border:1px solid #f2ce5a;border-radius:6px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.random-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}
.random-top .eyebrow{color:#604811;font-size:.75rem;letter-spacing:.07em;margin:0}
.random-top>svg{width:19px;height:19px}
.random-card h2{font-size:2.55rem;line-height:1.025;margin-bottom:13px;letter-spacing:-.065em}
.random-card h2>span{color:#6d4c05}
.random-card>p:not(.random-fine){font-size:1rem;line-height:1.45;margin-bottom:17px}
.random-reels{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #211809;border-radius:4px;overflow:hidden;box-shadow:0 3px 0 #211809;background:#f7dc87;width:100%;height:63px}
.random-result{font-family:var(--mono);font-size:.75rem;line-height:1.45;margin:14px 0 17px;min-height:18px}
.random-card .button{width:100%;margin-top:auto;justify-content:flex-start;padding:12px 14px;gap:10px;min-height:47px}
.random-arrow{margin-left:auto}
.random-fine{font-family:var(--mono);font-size:.75rem;line-height:1.45;text-align:center;margin:11px 0 0;color:#58420e}
.random-again{background:none;align-self:center;text-decoration:underline;text-underline-offset:3px;font-size:.875rem;margin-top:10px;padding:3px 6px;color:#48340c}
.random-card .button:disabled{opacity:.7;cursor:wait}
.random-result.selected{font-family:var(--font);font-size:1rem;font-weight:800;letter-spacing:-.03em}
.catalog-section{padding:49px 0 0;scroll-margin-top:15px}
.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:22px}
.catalog-heading h2{display:flex;align-items:center;gap:12px;font-size:1.8rem;line-height:1.2;margin:0;letter-spacing:-.045em}
.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:29px;height:25px;border-radius:4px;border:1px solid var(--line);color:var(--muted);font-size:.875rem;font-weight:500;letter-spacing:0}
.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px;border-bottom:1px solid var(--line);padding-bottom:17px}
.catalog-note{font-family:var(--mono);font-size:.75rem;line-height:1.5;color:var(--dim);letter-spacing:.015em}
.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.game-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}
.game-card:hover{transform:translateY(-5px);border-color:#8b713e;box-shadow:0 10px 25px #0002}
.game-art{display:block;aspect-ratio:1200/630;position:relative;overflow:hidden;background:#292219;border-bottom:1px solid var(--line)}
.game-art>img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .3s}
.game-card:hover .game-art>img{transform:scale(1.04);filter:brightness(.8)}
.game-art>.badge{position:absolute;top:13px;left:13px;box-shadow:0 3px 12px #0003}
.art-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%) scale(.85);width:57px;height:57px;background:var(--yellow);color:var(--bg);display:grid;place-items:center;border-radius:50%;opacity:0;transition:transform .25s,opacity .25s;box-shadow:0 5px 30px #0005}
.art-play svg{width:25px;height:25px;fill:currentColor}
.game-card:hover .art-play,.game-card:focus-within .art-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.game-number{position:absolute;right:12px;bottom:12px;font-family:var(--mono);font-size:.75rem;color:#ffedcd;background:#18120ccd;padding:5px 7px;border-radius:2px;backdrop-filter:blur(6px)}
.game-body{padding:23px 21px 19px;display:flex;flex-direction:column;flex:1}
.game-tagline{font-family:var(--mono);font-size:.75rem;letter-spacing:.035em;color:var(--dim);margin-bottom:10px;line-height:1.45}
.game-body h3{font-size:1.53rem;line-height:1.2;margin:0 0 12px;letter-spacing:-.035em}
.game-body h3>a:hover{color:var(--yellow)}
.game-body>p{color:var(--muted);font-size:1rem;line-height:1.65;margin-bottom:24px}
.game-card-bottom{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:auto}
.game-card-bottom>span{font-family:var(--mono);font-size:.75rem;line-height:1.4;color:var(--muted);padding:4px 7px;border:1px solid var(--line);border-radius:3px}
.game-play-link{display:inline-flex;align-items:center;gap:10px;color:var(--yellow);font-size:.875rem;font-weight:600;line-height:1.4}
.game-play-link svg{width:17px;height:17px;transition:transform .2s}
.game-play-link:hover svg{transform:translateX(4px)}
.coming-section{display:flex;align-items:center;gap:28px;margin-top:30px;border:1px dashed #5a4830;border-radius:5px;background:linear-gradient(90deg,#241c12,#1c1711);padding:23px 28px 23px 23px;scroll-margin-top:25px;overflow:hidden}
.coming-image{width:129px;aspect-ratio:1.5;overflow:hidden;border-radius:4px;transform:rotate(-3deg);border:1px solid #6e5737;flex-shrink:0}
.coming-image img{width:100%;height:100%;object-fit:cover;opacity:.8}
.coming-copy{flex:1}
.coming-copy .eyebrow{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--yellow);margin-bottom:8px}
.status-square{width:6px;height:6px;border:1px solid var(--yellow)}
.coming-copy h2{font-size:1.6rem;line-height:1.2;letter-spacing:-.04em;margin-bottom:9px}
.coming-copy p{font-size:1rem;color:var(--muted);margin:0;line-height:1.5}
.coming-section>.button{white-space:nowrap;padding:12px 17px;flex-shrink:0}
.subscribe-section{display:grid;grid-template-columns:1fr 1.07fr;gap:85px;padding:64px 0 67px;margin-top:36px;border-top:1px solid var(--line);scroll-margin-top:30px}
.subscribe-copy .eyebrow{color:var(--red);margin-bottom:14px}
.subscribe-copy h2{font-size:2.4rem;letter-spacing:-.045em;line-height:1.13;margin:0 0 18px}
.subscribe-copy>p:last-child{font-size:1rem;color:var(--muted);line-height:1.8;margin:0}
.subscribe-form-area{align-self:center}
#subscribe-form>label{display:block;font-size:.875rem;margin-bottom:11px}
.subscribe-input-row{display:flex;gap:9px}
.subscribe-input-row input{width:100%;min-width:0;flex:1;padding:15px;background:#1b1611;border:1px solid #5d4e38;border-radius:4px;font-size:1rem}
.subscribe-input-row input::placeholder{color:var(--dim)}
.subscribe-input-row .button{font-size:.875rem;white-space:nowrap;padding:14px}
.form-note{font-size:.75rem;color:var(--dim);line-height:1.65;margin:13px 0 0}
.tip-inline{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:27px;border-top:1px solid var(--line);padding-top:22px}
.tip-inline>span{font-size:.8125rem;line-height:1.5;color:var(--muted)}
.tip-inline button{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--ink);background:none;padding:5px 0;white-space:nowrap}
.tip-inline button svg{width:14px;height:14px}
.tip-inline button:hover{color:var(--yellow)}
footer{background:#100d0b;border-top:1px solid var(--line);padding:35px 0 21px}
.footer-top{display:flex;align-items:center;gap:40px;padding-bottom:31px}
.footer-top .logo{font-size:1.25rem}
.footer-top .logo-symbol{width:25px;height:26px;padding:5px 4px;gap:2px;margin-right:9px}
.footer-top .logo-symbol i{width:4px;height:12px}
.footer-top .logo-symbol i:nth-child(2){height:16px}
.footer-top .logo-domain{font-size:.95rem}
.footer-top>p{font-size:.875rem;line-height:1.7;color:var(--muted);margin:0}
.footer-links{display:flex;flex-direction:column;gap:12px;align-items:flex-end;margin-left:auto}
.footer-links>a,.footer-links>button{font-size:.875rem;background:none;padding:0;color:var(--muted);display:flex;align-items:center;gap:7px}
.footer-links svg{width:14px;height:14px}
.footer-links>a:hover,.footer-links>button:hover{color:var(--yellow)}
.footer-bottom{border-top:1px solid var(--line-soft);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:.75rem;color:var(--dim);line-height:1.6}
.footer-bottom>span:first-child{font-family:var(--mono)}
.footer-bottom button{font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:8px;background:none;padding:0}
.footer-bottom button:hover{color:var(--yellow)}
.footer-bottom button svg{width:14px;height:14px}
.toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translateX(-50%);padding:15px 21px;background:var(--yellow);color:#21190b;box-shadow:0 10px 40px #0008;border-radius:5px;font-size:.875rem;font-weight:600;width:max-content;max-width:calc(100% - 40px);line-height:1.5}
@media(min-width:1600px){
.container{width:min(1400px,calc(100% - 128px))}
.feature-layout{grid-template-columns:minmax(0,1fr) 340px}
.featured-game{min-height:435px}
.random-card h2{font-size:2.8rem}
.random-reels{height:70px}
.random-card{padding:27px}
.featured-content{padding:29px}
.featured-content h2{font-size:5.5rem}
.catalog-section{padding-top:51px}
}
@media(max-width:1200px){
.container{width:calc(100% - 64px)}
.nav-row{gap:20px}
.site-header nav{gap:21px}
.site-header nav>a,.site-header nav>button{font-size:.8125rem}
.nav-actions{gap:7px;margin-left:4px}
.tip-nav{font-size:.8125rem;padding:10px}
.logo{font-size:1.4rem}
.feature-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px}
.random-card{padding:23px 21px 17px}
.random-card h2{font-size:2.35rem}
.random-top{margin-bottom:20px}
.random-top .eyebrow{font-size:.75rem;letter-spacing:.015em}
.featured-content h2{font-size:4.3rem}
.featured-game{min-height:411px}
.entry-ticket{gap:12px;padding-left:20px}
.entry-ticket strong{font-size:2.2rem}
.entry-ticket>span{font-size:.75rem}
.page-heading h1{font-size:2.7rem}
.games-grid{gap:18px}
.game-body{padding:21px 18px 18px}
.game-body h3{font-size:1.37rem}
.game-body>p{font-size:1rem;line-height:1.6}
.game-play-link{font-size:.8125rem;gap:6px}
.game-tagline{font-size:.75rem;letter-spacing:0}
.game-card-bottom{gap:7px}
.game-card-bottom>span{font-size:.75rem}
.catalog-note{font-size:.75rem}
.catalog-heading h2{font-size:1.65rem}
.subscribe-section{gap:45px}
.subscribe-input-row .button{font-size:.8125rem;padding-inline:12px}
.tip-inline{gap:15px}
.tip-inline>span,.tip-inline button{font-size:.8125rem}
.coming-section{gap:23px;padding:22px}
.coming-image{width:112px}
.coming-copy h2{font-size:1.5rem}
.coming-section>.button{font-size:.8125rem;padding:12px}
.footer-top{gap:30px}
}
@media(max-width:980px){
.container{width:calc(100% - 48px)}
.site-header nav{gap:21px}
.site-header nav>a:nth-child(2){display:none}
.site-header nav>a,.site-header nav>button{font-size:.875rem}
.nav-row{height:77px;gap:18px}
.nav-actions{margin-left:0}
.tip-nav{font-size:.8125rem}
.page-heading{padding-top:34px}
.page-heading h1{font-size:2.3rem}
.page-heading>div>p:last-child{font-size:1rem;max-width:490px}
.entry-ticket{padding-left:17px;gap:11px}
.entry-ticket strong{font-size:2.2rem}
.entry-ticket>span{font-size:.75rem}
.feature-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}
.random-card{padding:22px 19px 17px}
.random-card h2{font-size:2.2rem}
.random-top>svg{width:17px;height:17px}
.random-top .eyebrow{font-size:.75rem}
.random-card>p:not(.random-fine){font-size:1rem}
.random-reels{height:61px}
.random-result{font-size:.75rem;line-height:1.5}
.random-card .button{font-size:.875rem;gap:9px;padding:11px 12px}
.random-fine{font-size:.75rem}
.featured-top{padding:21px 20px;gap:10px;flex-wrap:wrap}
.feature-index{display:none}
.feature-genre{font-size:.75rem}
.featured-content{padding:23px 20px}
.featured-content h2{font-size:3.8rem}
.feature-kicker{font-size:.75rem;letter-spacing:.015em}
.feature-actions{gap:16px;flex-wrap:wrap}
.feature-actions>span{font-size:.75rem}
.feature-actions .button{padding:12px 18px}
.feature-shade{background:linear-gradient(90deg,#121310c7,#12131085 40%,#12131005),linear-gradient(0deg,#14110eb8,transparent 80%)}
.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.game-body{padding:22px 21px 19px}
.game-body h3{font-size:1.6rem}
.game-play-link{font-size:.875rem}
.catalog-heading h2{font-size:1.5rem}
.catalog-section{padding-top:37px}
.catalog-heading{gap:18px}
.subscribe-section{gap:30px}
.subscribe-input-row{flex-direction:column}
.subscribe-input-row .button{font-size:.875rem;justify-content:space-between;padding:13px 17px}
.subscribe-copy h2{font-size:2.2rem}
.tip-inline{flex-direction:column;align-items:flex-start;gap:9px}
.coming-image{width:95px}
.coming-section{gap:22px;flex-wrap:wrap}
.coming-copy{min-width:250px}
.coming-section>.button{margin-left:117px;font-size:.875rem;margin-top:-5px}
.footer-top{gap:25px}
.footer-top>p{font-size:.8125rem}
.footer-links>a,.footer-links>button{font-size:.8125rem}
.footer-bottom{font-size:.75rem;gap:18px}
}
@media(max-width:740px){
html{scroll-padding-top:90px}
.container{width:calc(100% - 36px)}
.nav-row{height:72px;gap:12px}
.logo{font-size:1.3rem}
.logo-symbol{width:27px;height:28px;padding:6px 4px;margin-right:8px}
.logo-domain{font-size:.95rem}
.site-header nav{display:none}
.nav-actions{margin-left:auto;gap:3px}
.tip-nav{font-size:.75rem;padding:9px 10px;gap:7px}
.tip-nav svg{width:14px;height:14px}
.share-button{display:none}
.ticker{height:33px}
.ticker-label{padding:0 13px;font-size:.75rem;gap:9px}
.ticker-group{gap:25px;padding-right:25px;font-size:.75rem}
.ticker-toggle{padding:0 11px}
.page-heading{padding:29px 0 25px;display:block}
.page-heading .eyebrow{font-size:.75rem;letter-spacing:.075em;margin-bottom:12px}
.page-heading h1{font-size:clamp(2rem,6.8vw,2.8rem);line-height:1.15;letter-spacing:-.055em;max-width:650px}
.page-heading h1>span{display:block}
.page-heading>div>p:last-child{font-size:1rem;line-height:1.65;max-width:520px;margin-top:12px}
.entry-ticket{display:none}
.feature-layout{grid-template-columns:1fr;gap:16px}
.featured-game{min-height:395px}
.featured-game>img{object-position:63% center}
.featured-top{padding:19px 19px;gap:11px}
.feature-genre{font-size:.75rem;letter-spacing:.015em}
.feature-index{display:block;font-size:.75rem}
.featured-content{padding:23px 20px}
.featured-content h2{font-size:3.8rem;margin-bottom:16px}
.featured-content>p:not(.feature-kicker){font-size:1rem;line-height:1.6;max-width:300px;margin-bottom:22px}
.feature-kicker{font-size:.75rem;letter-spacing:.02em}
.feature-actions .button{font-size:.875rem;padding:12px 18px;gap:9px}
.feature-actions>span{font-size:.75rem}
.feature-actions{gap:16px}
.feature-shade{background:linear-gradient(90deg,#12131094,#12131059 42%,#12131005),linear-gradient(0deg,#121310ed,#12131066 52%,transparent 85%)}
.random-card{display:grid;grid-template-columns:1fr auto;gap:0 18px;padding:22px;align-items:center}
.random-top{grid-column:1/-1;margin:0 0 17px}
.random-top .eyebrow{font-size:.75rem;letter-spacing:.025em}
.random-card h2{font-size:2rem;line-height:1.1;grid-column:1;margin:0 0 12px}
.random-card>p:not(.random-fine){font-size:.875rem;grid-column:1;line-height:1.5;margin:0 0 16px}
.random-card>p:not(.random-fine)>br{display:none}
.random-reels{grid-column:2;grid-row:2 / 4;width:134px;height:57px;align-self:start;margin-top:8px}
.random-result{grid-column:1/-1;margin:0 0 13px;font-size:.75rem;min-height:18px}
.random-card .button{grid-column:1/-1;font-size:.875rem;min-height:47px}
.random-fine{grid-column:1/-1;font-size:.75rem;margin:12px 0 0}
.random-again{grid-column:1/-1;font-size:.875rem;margin-top:12px}
.random-result.selected{font-size:1rem}
.catalog-section{padding-top:38px;scroll-margin-top:7px}
.catalog-heading{display:flex;flex-direction:column;align-items:stretch;gap:21px;margin-bottom:16px}
.catalog-heading h2{font-size:1.6rem;gap:10px}
.catalog-toolbar{padding-bottom:16px;margin-bottom:21px}
.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.game-body{padding:17px 15px}
.game-body h3{font-size:1.25rem;line-height:1.25;margin-bottom:11px}
.game-body>p{font-size:1rem;line-height:1.55;margin-bottom:20px}
.game-tagline{font-size:.75rem;line-height:1.5;margin-bottom:8px}
.game-card-bottom{flex-wrap:wrap;gap:12px;padding-top:15px}
.game-play-link{font-size:.875rem;width:100%;justify-content:space-between}
.game-card-bottom>span{font-size:.75rem}
.game-art>.badge{font-size:.75rem;top:9px;left:9px;padding:4px 6px}
.game-number{font-size:.75rem;padding:3px 5px;right:9px;bottom:9px}
.art-play{width:42px;height:42px}
.art-play svg{width:20px;height:20px}
.coming-section{padding:23px 20px;margin-top:23px;gap:16px 19px;align-items:flex-start}
.coming-image{width:78px;aspect-ratio:1.1;margin-top:5px}
.coming-copy{min-width:0;width:calc(100% - 97px);flex:1}
.coming-copy h2{font-size:1.4rem;line-height:1.15}
.coming-copy .eyebrow{font-size:.75rem;letter-spacing:0}
.coming-copy p{font-size:1rem;line-height:1.6}
.coming-section>.button{margin:2px 0 0 97px;font-size:.875rem;padding:11px 16px}
.subscribe-section{grid-template-columns:1fr;gap:29px;padding:42px 0 46px;margin-top:35px}
.subscribe-copy h2{font-size:2.2rem;line-height:1.15;margin-bottom:15px}
.subscribe-copy .eyebrow{font-size:.75rem}
.subscribe-copy>p:last-child{font-size:1rem;line-height:1.75}
.subscribe-input-row{flex-direction:row;gap:8px}
.subscribe-input-row .button{font-size:.8125rem;padding:13px 12px;justify-content:center;gap:7px}
.subscribe-input-row .button>svg{width:15px;height:15px}
.subscribe-input-row>input{padding:14px 12px;font-size:1rem}
.form-note{font-size:.75rem;line-height:1.7}
.tip-inline{flex-direction:row;align-items:center;margin-top:24px;padding-top:19px;gap:12px}
.tip-inline>span,.tip-inline button{font-size:.875rem;line-height:1.5}
.tip-inline button{white-space:normal;text-align:right}
.tip-inline>span{max-width:180px}
.footer-top{flex-wrap:wrap;justify-content:space-between;gap:26px 20px;padding-bottom:27px}
.footer-top .logo{font-size:1.3rem}
.footer-top>p{font-size:.875rem;order:3;width:100%}
.footer-links{gap:11px}
.footer-links>a,.footer-links>button{font-size:.875rem}
.footer-bottom{flex-wrap:wrap;gap:12px 17px;font-size:.75rem;line-height:1.6}
.footer-bottom>span:nth-child(2){order:3;width:100%}
.footer-bottom>button{font-size:.75rem;margin-left:auto}
}
@media(max-width:500px){
.games-grid{grid-template-columns:1fr;gap:22px}
.game-body{padding:21px}
.game-body h3{font-size:1.6rem}
.game-body>p{font-size:1rem;line-height:1.65;margin-bottom:21px}
.game-art>.badge{top:13px;left:13px;padding:5px 9px}
.game-number{right:13px;bottom:12px;font-size:.75rem;padding:5px 7px}
.game-card-bottom{flex-wrap:nowrap;gap:15px}
.game-play-link{width:auto;font-size:.875rem;gap:10px}
.game-tagline{font-size:.75rem}
.random-card{padding:20px}
.random-reels{width:118px;height:56px}
.random-card h2{font-size:1.8rem}
.random-card>p:not(.random-fine){font-size:.875rem;max-width:170px}
.random-result{font-size:.75rem}
.featured-content h2{font-size:3.7rem}
.feature-index{display:none}
.featured-game{min-height:383px}
.featured-top{gap:10px}
.featured-top .badge{font-size:.75rem}
.feature-genre{font-size:.75rem}
.featured-content{padding:22px 19px}
.feature-actions{gap:14px}
.feature-actions .button{padding:12px 16px}
.subscribe-input-row{flex-direction:column}
.subscribe-input-row .button{font-size:.875rem;padding:14px 16px;justify-content:space-between}
.tip-inline>span{max-width:155px}
.tip-inline>span,.tip-inline button{font-size:.8125rem}
.coming-image{width:65px}
.coming-copy{width:calc(100% - 83px)}
.coming-section{gap:16px 18px;padding:20px 17px}
.coming-copy h2{font-size:1.35rem}
.coming-copy p{font-size:1rem}
.coming-section>.button{margin-left:83px;font-size:.875rem;gap:8px;padding:10px 13px}
.footer-links>a,.footer-links>button{font-size:.8125rem}
.footer-top .logo{font-size:1.17rem}
.footer-top .logo-symbol{margin-right:7px}
.footer-top{gap:22px 12px}
}
@media(max-width:365px){
.container{width:calc(100% - 28px)}
.logo{font-size:1.15rem}
.logo-symbol{width:24px;height:25px;margin-right:7px;gap:2px;padding:5px 4px}
.logo-symbol i{width:4px;height:12px}
.logo-symbol i:nth-child(2){height:16px}
.logo-domain{font-size:.875rem}
.tip-nav{font-size:.75rem;padding:8px;gap:5px}
.tip-nav>svg{width:12px}
.page-heading h1{font-size:2rem}
.feature-genre{letter-spacing:0;font-size:.75rem}
.featured-top{padding:17px;gap:8px}
.featured-content h2{font-size:3.25rem}
.feature-kicker{font-size:.75rem;letter-spacing:0}
.feature-actions>span{font-size:.75rem}
.feature-actions{gap:10px}
.feature-actions .button{font-size:.8125rem;padding:12px}
.random-card{gap:0 12px}
.random-card h2{font-size:1.75rem}
.random-reels{width:107px}
.random-top .eyebrow{font-size:.75rem}
.random-fine{font-size:.75rem}
.catalog-heading h2{font-size:1.5rem}
.coming-section>.button{margin-left:0;width:100%}
.footer-links{width:100%;align-items:flex-start;margin:0}
.footer-top>p{order:0}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
.game-card:hover{transform:none}
}
.mobile-games{display:none}
@media(max-width:740px){
.nav-actions .tip-nav{display:none}
.mobile-games{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--yellow);padding:10px 0 10px 10px}
.mobile-games svg{width:16px;height:16px;transform:rotate(90deg)}
}

/* =============================================
   KAUZOMAT – úpravy nad Astrou
   ============================================= */

/* Pás poháňa JS (requestAnimationFrame), nie CSS animácia. Na iOS zastaví
   CSS animácie aj Reduce Motion aj režim nízkej spotreby a pás potom
   vyzerá ako odseknutý text. Pauza ide cez tlačidlo vpravo. */
.ticker-track{animation:none}
.ticker-group b.hot{color:#fff;font-size:.75rem}

/* Valce automatu ukazujú skutočné náhľady hier, nie čísla. */
.random-reels>span{position:relative;display:grid;place-items:center;overflow:hidden;border-right:1px solid #211809;font-family:var(--mono);font-size:2.55rem;font-weight:700;line-height:1}
.random-reels>span:last-child{border:0}
.random-reels img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.random-card.spinning .random-reels img{filter:blur(1px) saturate(.8);animation:reel-roll .09s linear infinite}
@keyframes reel-roll{from{transform:translateY(-7%) scale(1.15)}to{transform:translateY(7%) scale(1.15)}}
.random-reels.win>span{animation:reel-win .45s steps(2,end) 3}
@keyframes reel-win{50%{box-shadow:inset 0 0 0 3px var(--red)}}
.random-result b{font-weight:800}

/* Kartu tvorí odkaz na hru, celú plochu obrázka aj názov. */
.game-card h3 a{color:inherit}
.featured-game .feature-link{position:absolute;inset:0;z-index:1}
.featured-game .featured-top,.featured-game .featured-content{position:relative;z-index:2;pointer-events:none}
.featured-game .feature-actions .button{pointer-events:auto}
.coming-actions{display:flex;gap:9px;flex-wrap:wrap;flex-shrink:0}
.coming-actions .button{white-space:nowrap;padding:12px 17px}

.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.subscribe-hint{font-family:var(--mono);font-size:.75rem;color:var(--yellow);margin:0 0 12px}
.subscribe-msg{min-height:18px;margin-top:10px;font-family:var(--mono);font-size:.75rem}
.subscribe-msg.ok{color:#7fd67a}
.subscribe-msg.err{color:#ff7a7f}
.form-note a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}

/* Pätička: naše vtipy a počítadlo odohraných hier. */
.footer-mid{font-family:var(--mono);font-size:.75rem;line-height:2;color:var(--dim);padding-bottom:20px}
.counter{display:inline-flex;gap:2px;vertical-align:middle;margin-left:6px}
.counter .d{display:inline-block;min-width:15px;text-align:center;background:#0d0a06;color:var(--yellow);border:1px solid var(--line);border-radius:2px;font-weight:700;padding:0 2px;line-height:1.6}
.toast[hidden]{display:none}
@media(max-width:740px){.coming-actions{margin-left:97px}}
@media(max-width:500px){.coming-actions{margin-left:83px}}
@media(max-width:365px){.coming-actions{margin-left:0;width:100%}.coming-actions .button{flex:1}}
/* Bez vyhľadávania a filtrov stačí nadpis priamo v lište katalógu. */
.catalog-title{display:flex;align-items:center;gap:12px;font-size:1.8rem;line-height:1.2;margin:0;letter-spacing:-.045em}
@media(max-width:980px){.catalog-title{font-size:1.5rem}}
@media(max-width:740px){.catalog-note{display:none}}
.ticker-group{text-transform:uppercase}
/* Náhľady majú vtip často hore (titulok na obrázku), orez nech ide zdola. */
@media(min-width:741px){.featured-game>img{object-position:center top}}

/* =============================================
   HERO – pôvodný text Kauzomatu v Astrinej typografii
   ============================================= */
.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:25px 40px;padding:40px 0 34px}
.hero-title{margin:0;font-size:clamp(2.4rem,5.6vw,4.6rem);font-weight:900;line-height:1;letter-spacing:-.06em;max-width:13em}
.hero-claim{margin:18px 0 0;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:800;line-height:1.25;letter-spacing:-.04em}
/* Každá veta je celok: keď sa zmestia, idú do jedného riadku, inak sa claim
   zalomí medzi vetami, nikdy nie uprostred pointy. */
.hero-claim>span,.hero-claim em{display:inline-block}
.hero-claim em{font-style:normal;color:var(--yellow)}
.hero-sub{margin:16px 0 0;font-size:1rem;line-height:1.65;color:var(--muted);max-width:46em;text-wrap:pretty}
.statline{display:flex;flex-direction:column;gap:9px;padding:6px 0 6px 27px;border-left:1px dashed #5b4c37;font-family:var(--mono);font-size:.8125rem;min-width:250px}
.stat{display:flex;justify-content:space-between;gap:18px;align-items:baseline;white-space:nowrap}
.stat .k{color:var(--dim);text-transform:uppercase;font-size:.6875rem;letter-spacing:.1em}
.stat .v{color:var(--ink);font-weight:700}
.stat .v.zero{color:var(--red)}
@media(max-width:980px){
  .hero{grid-template-columns:1fr;padding:32px 0 28px}
  .statline{flex-direction:row;flex-wrap:wrap;gap:10px 30px;border-left:0;border-block:1px solid var(--line);padding:13px 0;min-width:0}
  .stat{justify-content:flex-start;gap:9px}
}
@media(max-width:740px){.hero-claim{margin-top:16px}.hero{padding:26px 0 24px}}

/* =============================================
   POPUP „Tip na kauzu“ – štýly z Astry
   ============================================= */
dialog{color:var(--ink);background:var(--surface);border:1px solid #68543a;border-radius:8px;padding:0;box-shadow:0 25px 120px #0009}
dialog::backdrop{background:#090807db;backdrop-filter:blur(8px)}
.small-dialog{width:min(520px,calc(100% - 32px));max-height:calc(100svh - 40px);padding:40px;overflow-y:auto}
.dialog-close{position:absolute;right:10px;top:10px;width:35px;height:35px}
.small-dialog .eyebrow{color:var(--yellow);font-size:.75rem;letter-spacing:.055em;margin-bottom:20px;max-width:90%}
.small-dialog h2{font-size:2.7rem;line-height:1.08;letter-spacing:-.06em;margin:0 0 24px}
.dialog-lead{font-size:1rem;line-height:1.8;color:var(--muted);margin:0 0 24px}
#tip-form{display:flex;flex-direction:column}
#tip-form label{font-size:.875rem;display:block;margin-bottom:10px}
#tip-form label .optional{color:var(--dim)}
#tip-form textarea,#tip-form input[type=email]{padding:13px;border:1px solid #665338;background:#15100c;border-radius:4px;width:100%;font-size:1rem;line-height:1.6}
#tip-form textarea{min-height:145px;resize:vertical}
#tip-form input[type=email]{margin-bottom:20px}
#tip-form textarea::placeholder,#tip-form input::placeholder{color:var(--dim)}
#tip-form textarea:focus,#tip-form input[type=email]:focus{outline:none;border-color:var(--yellow)}
.tip-count{font-family:var(--mono);font-size:.75rem;color:var(--muted);align-self:flex-end;margin:9px 0 14px}
.tip-msg{min-height:0;margin:12px 0 0;font-family:var(--mono);font-size:.75rem;line-height:1.5}
.tip-msg:empty{display:none}
.tip-msg.err{color:#ff7a7f}
#tip-form .button:disabled{opacity:.7;cursor:wait}
.tip-success{text-align:center}
.success-icon{border:1px solid #b69948;color:var(--yellow);background:#e8b9230a;width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px}
.success-icon svg{width:22px;height:22px}
.tip-success h2{font-size:2.2rem}
.tip-success p{font-size:1rem;color:var(--muted);line-height:1.8;margin-bottom:25px}
.tip-success .button{width:100%}
@media(max-width:740px){.small-dialog{padding:40px 25px 29px}.small-dialog h2{font-size:2.3rem}}

/* O projekte a zdieľanie – štýly z Astry */
.small-dialog h2>span{color:var(--yellow)}
.small-dialog>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:var(--muted);margin:0 0 24px}
.about-facts{display:flex;gap:25px;border-block:1px solid var(--line);padding:22px 0;margin:25px 0}
.about-facts>span{display:flex;flex-direction:column;gap:8px;font-size:.875rem;color:var(--muted)}
.about-facts>span:first-child{border-right:1px solid var(--line);padding-right:25px}
.about-facts strong{font-size:2.5rem;line-height:1;letter-spacing:-.045em;color:var(--yellow)}
#share-dialog label{font-size:.875rem;display:block;margin-bottom:10px}
.copy-row{display:flex;gap:8px}
.copy-row input{min-width:0;flex:1;width:100%;background:#14100c;border:1px solid var(--line);border-radius:4px;padding:13px;font-size:1rem}
.copy-row .button{padding-inline:13px}
.share-native{width:100%;margin-top:10px}
.site-header nav>button{font-family:inherit}
@media(max-width:500px){.copy-row{flex-direction:column}.about-facts>span{font-size:.8125rem}}

/* Kým sa načíta games.json: karta novinky drží miesto ako prázdna plocha,
   automat je natvrdo v pravom stĺpci. */
.featured-game.is-loading{background:var(--surface)}
.featured-game.is-loading>*{visibility:hidden}
@media(min-width:741px){.random-card{grid-column:2}}