:root{color-scheme:dark;--bg:#0d1018;--surface:#161b27;--surface-2:#1a202d;--surface-3:#222938;--text:#f6f6f8;--muted:#a8adba;--subtle:#747d8d;--line:rgba(214,223,241,.13);--line-strong:rgba(214,223,241,.21);--accent:#ff6c2e;--accent2:#ffaf42;--accent-soft:rgba(255,108,46,.13);--shadow:0 22px 55px rgba(0,0,0,.21);--header:rgba(13,16,24,.87);--panel:#151a26;--card:#151a24;--invert:#0c1018;--cta-text:#16100b}
:root[data-theme="light"]{color-scheme:light;--bg:#f7f7f4;--surface:#fff;--surface-2:#efefed;--surface-3:#e9e9e5;--text:#151922;--muted:#606b76;--subtle:#85909b;--line:rgba(30,38,47,.12);--line-strong:rgba(30,38,47,.19);--accent:#ee6427;--accent2:#e88e2a;--accent-soft:rgba(240,106,42,.1);--shadow:0 24px 50px rgba(38,45,62,.09);--header:rgba(247,247,244,.9);--panel:#fff;--card:#fff;--invert:#f4f4f5;--cta-text:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden;transition:background .28s ease,color .28s ease}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:#fff}img{max-width:100%}.shell{width:min(1280px,calc(100% - 104px));margin-inline:auto}.ambient{position:absolute;pointer-events:none;z-index:0;border-radius:100%;filter:blur(90px);opacity:.45}.ambient-one{height:460px;width:500px;top:100px;right:-250px;background:radial-gradient(ellipse,rgba(255,95,35,.2),transparent 65%)}.ambient-two{width:390px;height:380px;top:550px;left:-290px;background:radial-gradient(ellipse,rgba(66,91,142,.15),transparent 68%)}.site-header{height:84px;position:sticky;top:0;z-index:40;background:var(--header);border-bottom:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;min-width:214px;gap:12px}.brand-logo{position:relative;width:49px;height:49px;display:block;overflow:hidden;flex:none}.brand-image{position:absolute;top:-6px;left:-4px;height:61px;max-width:none;width:73px;object-fit:contain;object-position:center}.brand-image.for-dark{display:block}.brand-image.for-light{display:none}[data-theme="light"] .brand-image.for-dark{display:none}[data-theme="light"] .brand-image.for-light{display:block}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-weight:900;font-size:18px;letter-spacing:.04em}.brand-text em{font-style:normal;color:var(--accent)}.brand-text small{font-size:8px;letter-spacing:.15em;color:var(--subtle);margin-top:5px;font-weight:800}.nav{display:flex;align-items:center;gap:36px;margin-left:auto}.nav a{font-size:12px;font-weight:750;color:var(--muted);letter-spacing:.07em;white-space:nowrap;transition:color .2s}.nav a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:13px}.theme-btn{height:40px;width:40px;display:grid;place-items:center;flex:none;background:var(--surface);border:1px solid var(--line);border-radius:11px;color:var(--text);transition:background .2s,transform .2s}.theme-btn:hover{transform:translateY(-2px);background:var(--surface-3)}.theme-btn svg{height:18px;width:18px}.moon-icon{display:none}.sun-icon{display:block}[data-theme="light"] .sun-icon{display:none}[data-theme="light"] .moon-icon{display:block}.header-cta{height:41px;padding:0 18px;background:var(--accent);color:#fff;display:flex;align-items:center;gap:18px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;border-radius:9px;white-space:nowrap}.header-cta span{font-size:16px}.header-cta:hover,.btn-primary:hover{background:#f88344}.menu-btn{display:none}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:625px;position:relative;gap:44px;align-items:center;padding-top:58px;padding-bottom:75px}.hero-copy{padding-top:4px;z-index:1}.eyebrow,.section-kicker{display:flex;align-items:center;gap:14px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.15em}.eyebrow{margin-bottom:26px;white-space:nowrap}.eyebrow-line{display:block;height:1px;width:31px;background:var(--line-strong)}.live-dot{height:7px;width:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.hero h1,.section h2,.closing-banner h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-weight:900;letter-spacing:.005em;line-height:.99}.hero h1{font-size:clamp(55px,6.1vw,92px);margin:0 0 29px;white-space:nowrap;letter-spacing:-.023em}.hero h1 span,.section-heading h2 span,.about-copy h2 span,.news-heading h2 span,.closing-banner h2 span{color:var(--accent)}.hero-lead{max-width:485px;color:var(--muted);font-size:16px;line-height:1.85;margin:0 0 32px}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 23px;border:1px solid transparent;min-height:52px;border-radius:10px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary>span:last-child{font-size:18px;margin-left:8px}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--line)}.btn-ghost:hover{background:var(--surface-3)}.btn-play{font-size:11px}.hero-caption{margin-top:47px;display:flex;align-items:center;gap:10px;color:var(--subtle);font-size:11px;letter-spacing:.035em}.caption-symbol{color:var(--accent);font-size:19px}.caption-cursor{color:var(--accent);font-weight:900;animation:blink 1.5s steps(2) infinite}@keyframes blink{50%{opacity:0}}.hero-feature{position:relative;padding-right:26px}.hero-poster{position:relative;isolation:isolate;height:475px;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;background:#131923;box-shadow:0 32px 85px rgba(0,0,0,.38)}.hero-poster:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,11,18,.12) 15%,rgba(5,7,12,.14) 48%,rgba(4,5,11,.89) 100%)}.hero-poster-art{position:absolute;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(125deg,rgba(9,16,27,.45),rgba(9,16,27,.1)),url('https://games.ryzi.cz/assets/karst9-cover.jpg') center/cover no-repeat,#131c28}.poster-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,transparent,black)}.poster-glow{position:absolute;width:220px;height:290px;border-radius:100%;background:#fc6c26;filter:blur(95px);left:-130px;bottom:-55px;opacity:.28}.poster-mark{position:absolute;top:37%;right:9%;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(100px,13vw,205px);line-height:1;color:rgba(255,255,255,.13);letter-spacing:-.08em;transform:rotate(-10deg);text-shadow:0 0 40px rgba(16,30,46,.4)}.poster-mark span{color:rgba(255,117,46,.5)}.hero-poster-top,.hero-poster-bottom{position:absolute;left:27px;right:27px}.hero-poster-top{top:23px;display:flex;justify-content:space-between}.tiny-label,.poster-counter{font-weight:900;font-size:10px;letter-spacing:.14em;color:#e0e6f4}.poster-counter{opacity:.7}.hero-poster-bottom{bottom:26px}.tag{display:inline-flex;border-radius:5px;padding:7px 10px;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.amber-tag{background:#ff7c3b;color:#161214}.hero-poster-bottom h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:70px;margin:14px 0 -5px;line-height:1;color:#fff;letter-spacing:.035em}.hero-poster-bottom p{font-size:14px;color:#e6e9ef;margin:8px 0 0}.round-arrow{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.15);backdrop-filter:blur(12px);color:#fff;border-radius:50%;height:47px;width:47px;display:grid;place-items:center;position:absolute;right:0;bottom:7px;font-size:21px}.round-arrow:hover{background:var(--accent)}.hero-side-label{position:absolute;right:-14px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center;color:var(--subtle);font-size:9px;letter-spacing:.2em;font-weight:900;white-space:nowrap}.signal-strip{border-block:1px solid var(--line);position:relative;z-index:2;background:var(--surface)}.strip-items{min-height:69px;display:flex;align-items:center;justify-content:space-between;gap:20px}.strip-items span{color:var(--subtle);font-size:10px;font-weight:900;letter-spacing:.16em;white-space:nowrap}.strip-items i{height:4px;width:4px;background:var(--accent);border-radius:50%;flex:none}.section{padding-top:116px;padding-bottom:116px}.section-kicker{margin-bottom:20px}.section-kicker .fine-line{height:1px;max-width:110px;flex:1;background:var(--line-strong)}.section-kicker>span:last-child:not(:first-child){color:var(--subtle)}.section-heading,.news-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:32px}.section h2{font-size:clamp(42px,5.3vw,70px);margin:0 0 13px;letter-spacing:.002em}.section-heading p,.news-heading p{margin:0;color:var(--muted);font-size:14px}.section-corner{align-self:start;color:var(--subtle);font-size:10px;letter-spacing:.1em;font-weight:900;margin-top:15px}.catalog-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:25px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:9px 16px;font-size:11px;font-weight:800;color:var(--muted);transition:background .2s,color .2s}.filter:hover{color:var(--text);border-color:var(--line-strong)}.filter.active{background:var(--text);color:var(--bg);border-color:var(--text)}.filter span{font-size:10px;opacity:.65;margin-left:6px}.search-control{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:0 13px;height:39px;min-width:215px}.search-control svg{width:15px;height:15px;color:var(--subtle)}.search-control input{border:0;background:transparent;outline:0;min-width:0;width:100%;font-size:12px;color:var(--text)}.search-control input::placeholder{color:var(--subtle)}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game-card{border:1px solid var(--line);background:var(--card);border-radius:13px;overflow:hidden;min-width:0;transition:transform .25s,border-color .25s,box-shadow .25s}.game-card:hover{transform:translateY(-6px);border-color:rgba(255,114,60,.4);box-shadow:var(--shadow)}.game-art{height:215px;position:relative;overflow:hidden;background:#111722;isolation:isolate}.game-art::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,10,16,.74),transparent 70%);pointer-events:none}.art-image{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1);transition:transform .45s}.game-card:hover .art-image{transform:scale(1.05)}.game-art.karst{background:#222734}.game-art.karst .art-image{background-image:linear-gradient(110deg,rgba(0,0,0,.1),rgba(0,0,0,.2)),url('https://games.ryzi.cz/assets/karst9-cover.jpg')}.game-art.io{background:radial-gradient(circle at 68% 62%,#bf5a24 0 6%,#6e281d 25%,transparent 34%),linear-gradient(135deg,#2b1320,#0e1b33 70%)}.game-art.io .art-image{background:radial-gradient(circle at 72% 53%,#d46a36,#823820 18%,#401e27 25%,transparent 26%),radial-gradient(ellipse at 62% 95%,#ec6a30 0,transparent 44%),linear-gradient(130deg,#2b1423,#0e1429 80%)}.game-art.blackout{background:#0a1822}.game-art.blackout .art-image{background:linear-gradient(100deg,transparent 42%,rgba(0,0,0,.6) 42% 46%,transparent 47%),repeating-linear-gradient(90deg,transparent 0 35px,rgba(31,178,187,.09) 35px 38px,transparent 38px 74px),radial-gradient(circle at 50% 60%,#12636f,transparent 42%),linear-gradient(145deg,#09121a,#081a21)}.game-art.street{background:#1c1430}.game-art.street .art-image{background:linear-gradient(135deg,transparent 40%,rgba(255,145,37,.7) 40.5% 41%,transparent 41.5%),repeating-linear-gradient(105deg,transparent 0 68px,rgba(122,78,255,.13) 69px 74px,transparent 75px 160px),radial-gradient(circle at 65% 90%,#bb335b,transparent 46%),linear-gradient(145deg,#161429,#2a1738)}.art-title{font-family:Impact,"Arial Narrow",sans-serif;font-size:53px;letter-spacing:.03em;color:#fff;position:absolute;z-index:2;bottom:19px;left:23px;line-height:.93;text-shadow:0 6px 22px rgba(0,0,0,.5);max-width:80%}.game-art.io .art-title{color:#ffdbc4}.game-art.blackout .art-title{font-size:50px;color:#d8f7fc}.game-art.street .art-title{font-size:45px;color:#ffcbde}.art-corner{position:absolute;top:15px;left:16px;color:rgba(255,255,255,.8);font-size:9px;font-weight:850;letter-spacing:.1em;z-index:2}.art-status{position:absolute;right:13px;top:13px;z-index:2;background:rgba(11,14,20,.68);color:#fff;padding:5px 10px;border:1px solid rgba(255,255,255,.18);font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:850;border-radius:6px;backdrop-filter:blur(12px)}.art-status.playable{background:#ff743c;color:#16110e;border-color:#ff743c}.game-body{padding:23px}.game-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--subtle);font-size:10px;letter-spacing:.1em;font-weight:850;text-transform:uppercase}.game-meta .meta-category{color:var(--accent)}.game-body h3{font-size:22px;letter-spacing:-.025em;line-height:1.25;margin:14px 0 8px}.game-body p{font-size:13px;line-height:1.65;color:var(--muted);margin:0;min-height:63px}.game-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:21px}.game-tags span{padding:5px 8px;background:var(--surface-2);color:var(--subtle);border-radius:4px;text-transform:uppercase;font-size:9px;font-weight:850;letter-spacing:.04em}.game-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px}.game-footer span{font-size:10px;font-weight:850;color:var(--subtle);text-transform:uppercase}.card-open{background:transparent;color:var(--text);border:0;padding:5px 0;font-weight:850;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.card-open span{color:var(--accent);font-size:17px;margin-left:5px}.card-open:hover{color:var(--accent)}.empty-state{padding:50px 0;text-align:center}.empty-state>span{font-size:65px;color:var(--accent)}.empty-state h3{margin:0}.empty-state p{color:var(--muted)}.link-button{border:0;color:var(--accent);background:none;font-weight:800}.spotlight-section{background:var(--surface);border-block:1px solid var(--line);padding-block:93px}.spotlight-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.spotlight-art{height:430px;position:relative;overflow:hidden;border-radius:13px;background:radial-gradient(ellipse at 70% 105%,rgba(243,82,35,.38),transparent 43%),radial-gradient(ellipse at 32% 48%,rgba(130,52,38,.12),transparent 55%),linear-gradient(130deg,#21141b,#0c131f 75%);border:1px solid rgba(255,255,255,.1)}.spotlight-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px}.planet-outer{position:absolute;left:16%;top:8%;width:330px;height:330px;border-radius:50%;box-shadow:0 0 45px 18px rgba(242,92,40,.15),0 0 4px 3px rgba(255,186,92,.15);background:radial-gradient(ellipse at 34% 27%,#f8a04d 1%,#af4b2b 28%,#5c292a 63%,#130f18 76%);transform:rotate(-22deg)}.planet-core{position:absolute;left:17%;top:8%;width:325px;height:325px;border-radius:50%;mix-blend-mode:screen;opacity:.25;background:repeating-linear-gradient(40deg,transparent 0 18px,rgba(255,210,134,.55) 20px,transparent 22px 42px)}.planet-orbit{position:absolute;left:-26%;top:32%;width:600px;height:210px;border:1px solid rgba(255,139,71,.25);border-radius:50%;transform:rotate(-25deg)}.spotlight-art-top,.spotlight-art-bottom{position:absolute;color:#fff;font-size:10px;letter-spacing:.14em;font-weight:900}.spotlight-art-top{left:24px;top:22px}.spotlight-art-bottom{right:27px;bottom:16px;font-family:Impact,sans-serif;font-size:100px;line-height:1;color:rgba(255,255,255,.16)}.spotlight-art-bottom span{font:18px Arial,sans-serif;vertical-align:top;color:#ff8e53}.spotlight-content{max-width:515px}.spotlight-content .section-kicker{margin-bottom:30px}.pill{display:inline-flex;padding:7px 11px;border-radius:6px;font-size:10px;letter-spacing:.08em;font-weight:900}.soft-orange{color:var(--accent);background:var(--accent-soft)}.spotlight-content h2{margin:21px 0;font-size:clamp(50px,5.7vw,76px)}.spotlight-content h2 em{color:var(--accent);font-style:normal}.spotlight-content>p{color:var(--muted);font-size:14px;line-height:1.9;max-width:440px}.spotlight-tech{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.spotlight-tech span{padding:6px 10px;color:var(--subtle);border:1px solid var(--line);font-weight:800;letter-spacing:.09em;font-size:10px;border-radius:4px}.text-link{margin-top:27px;display:inline-flex;align-items:center;gap:27px;color:var(--text);border:0;border-bottom:1px solid var(--accent);padding:0 0 8px;background:none;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.text-link span{font-size:19px;color:var(--accent)}.text-link:hover{color:var(--accent)}.about-section{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.about-copy>p{max-width:525px;color:var(--muted);font-size:15px;line-height:1.85}.about-copy h2{font-size:clamp(43px,5vw,69px)}.about-feature{background:var(--surface);border:1px solid var(--line);min-height:285px;border-radius:13px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:28px;position:relative;overflow:hidden}.about-feature:after{content:"";width:230px;height:230px;position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,105,40,.17),transparent 70%);right:-50px;top:-60px}.about-mark{font:900 115px/1 Impact,Arial,sans-serif;letter-spacing:-.08em;color:var(--accent)}.about-mark span{color:var(--subtle);font-size:32px;position:relative;top:-60px;left:14px;letter-spacing:0}.about-quote{font-size:15px;font-weight:900;letter-spacing:.08em;line-height:1.4}.about-footnote{color:var(--subtle);font-size:10px;font-weight:800;letter-spacing:.1em}.news-section{padding-top:35px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{padding:23px;border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:195px;display:flex;flex-direction:column}.news-card .news-date{font-size:10px;letter-spacing:.12em;color:var(--accent);font-weight:900;text-transform:uppercase}.news-card h3{font-size:19px;line-height:1.34;margin:15px 0 8px}.news-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.news-card .news-label{margin-top:auto;padding-top:19px;color:var(--subtle);font-size:10px;font-weight:850;letter-spacing:.06em}.news-placeholder{grid-column:1/-1;display:flex;align-items:center;gap:20px;min-height:105px;padding:25px;background:var(--surface);border:1px dashed var(--line-strong);border-radius:12px}.news-placeholder .placeholder-icon{font-size:29px;color:var(--accent)}.news-placeholder strong{display:block;font-size:14px}.news-placeholder p{margin:5px 0 0;font-size:12px;color:var(--muted)}.closing-banner{background:linear-gradient(105deg,#e75422,#fb7b2f 55%,#f7a342);padding:55px 0}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.closing-banner .section-kicker{color:#fff;opacity:.8}.closing-banner h2{font-size:clamp(34px,4.2vw,56px);color:#fff;margin:0}.closing-banner h2 span{color:#44190b}.closing-banner .btn-primary{background:#15151c;color:#fff;white-space:nowrap}.closing-banner .btn-primary:hover{background:#30313d}.site-footer{background:var(--surface);border-top:1px solid var(--line)}.footer-upper{padding:55px 0;display:flex;justify-content:space-between;gap:25px}.footer-brand strong{font-size:25px;letter-spacing:-.04em;font-weight:1000}.footer-brand strong span{color:var(--accent);margin-left:7px}.footer-brand p{font-size:12px;line-height:1.7;color:var(--muted);max-width:300px}.footer-links{display:flex;align-items:flex-start;gap:26px;flex-wrap:wrap}.footer-links a{font-size:12px;font-weight:800;color:var(--muted)}.footer-links a:hover{color:var(--accent)}.footer-lower{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:21px 0 27px;color:var(--subtle);font-size:10px;letter-spacing:.12em;font-weight:900}.footer-lower a:hover{color:var(--accent)}.game-dialog{max-width:760px;width:calc(100% - 36px);max-height:min(85vh,900px);background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:17px;padding:0;box-shadow:0 45px 120px rgba(0,0,0,.55);overflow-y:auto}.game-dialog::backdrop{background:rgba(4,6,10,.72);backdrop-filter:blur(6px)}.dialog-close{position:absolute;z-index:5;right:19px;top:19px;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);background:rgba(17,19,28,.7);color:#fff}.dialog-cover{height:255px;position:relative;overflow:hidden;background:#111722}.dialog-cover .art-image{background-position:center;background-size:cover}.dialog-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 20%,rgba(9,10,15,.85) 100%)}.dialog-cover h2{position:absolute;z-index:1;bottom:18px;left:30px;font:900 60px/1 Impact,Arial,sans-serif;color:#fff;letter-spacing:.03em;margin:0}.dialog-details{padding:28px 30px 32px}.dialog-details .dialog-category{color:var(--accent);font-weight:900;letter-spacing:.1em;font-size:10px}.dialog-details>p{font-size:14px;line-height:1.8;color:var(--muted)}.dialog-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:23px 0}.dialog-fact{padding:12px;background:var(--surface-2);border-radius:8px}.dialog-fact small{display:block;color:var(--subtle);font-size:9px;letter-spacing:.09em;font-weight:800;text-transform:uppercase}.dialog-fact strong{display:block;margin-top:3px;font-size:12px}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.dialog-actions .btn{border:0}.dialog-info{font-size:11px;color:var(--subtle);margin-top:14px}.game-dialog .game-art.karst .art-image,.dialog-cover.karst .art-image{background-image:linear-gradient(110deg,rgba(0,0,0,.1),rgba(0,0,0,.2)),url('https://games.ryzi.cz/assets/karst9-cover.jpg')}.dialog-cover.io .art-image{background:radial-gradient(circle at 72% 53%,#d46a36,#823820 18%,#401e27 25%,transparent 26%),radial-gradient(ellipse at 62% 95%,#ec6a30 0,transparent 44%),linear-gradient(130deg,#2b1423,#0e1429 80%)}.dialog-cover.blackout .art-image{background:repeating-linear-gradient(90deg,transparent 0 35px,rgba(31,178,187,.09) 35px 38px,transparent 38px 74px),radial-gradient(circle at 50% 60%,#12636f,transparent 42%),linear-gradient(145deg,#09121a,#081a21)}.dialog-cover.street .art-image{background:linear-gradient(135deg,transparent 40%,rgba(255,145,37,.7) 40.5% 41%,transparent 41.5%),repeating-linear-gradient(105deg,transparent 0 68px,rgba(122,78,255,.13) 69px 74px,transparent 75px 160px),radial-gradient(circle at 65% 90%,#bb335b,transparent 46%),linear-gradient(145deg,#161429,#2a1738)}
@media(max-width:1150px){.shell{width:min(100% - 68px,1280px)}.nav{gap:22px}.brand{min-width:200px}.hero{gap:16px}.hero h1{font-size:clamp(54px,6vw,75px)}.hero-poster{height:440px}.strip-items span{font-size:9px;letter-spacing:.06em}.spotlight-layout{gap:45px}}
@media(max-width:880px){.shell{width:calc(100% - 48px)}.site-header{height:74px}.nav{position:absolute;left:0;right:0;top:74px;padding:22px 25px;display:none;flex-direction:column;align-items:flex-start;gap:19px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.nav.open{display:flex}.menu-btn{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:10px;width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;gap:5px}.menu-btn span{height:2px;background:var(--text);width:18px;display:block}.header-cta{display:none}.hero{min-height:auto;grid-template-columns:1fr;gap:35px;padding-top:79px;padding-bottom:63px}.hero h1{font-size:clamp(57px,10vw,83px)}.hero-lead{max-width:575px}.hero-feature{padding-right:0}.hero-poster{height:420px;max-width:650px}.hero-side-label{display:none}.hero-caption{margin-top:30px}.strip-items{flex-wrap:wrap;justify-content:center;padding:16px 0;gap:15px}.strip-items i:nth-of-type(2){display:none}.section{padding-block:83px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spotlight-layout,.about-section{grid-template-columns:1fr;gap:32px}.spotlight-art{max-width:650px}.spotlight-section{padding-block:73px}.spotlight-content{max-width:none}.news-grid{grid-template-columns:repeat(2,1fr)}.news-placeholder{grid-column:1/-1}}
@media(max-width:570px){.shell{width:calc(100% - 36px)}.brand{min-width:0}.brand-text strong{font-size:16px}.brand-text small{font-size:7px}.brand-logo{width:39px;height:39px}.brand-image{width:60px;height:50px;top:-5px;left:-5px}.header-actions{gap:8px}.hero{padding-top:58px;gap:31px;padding-bottom:50px}.eyebrow{font-size:8px;gap:8px}.eyebrow-line{width:16px}.hero h1{font-size:clamp(43px,10.3vw,69px);line-height:1.08;white-space:normal}.hero-lead{font-size:14px}.btn{width:100%;justify-content:center}.hero-buttons{display:grid;grid-template-columns:1fr 1fr}.hero-buttons .btn{font-size:10px;padding:11px 9px;min-height:51px;gap:6px}.hero-buttons .btn-primary>span:last-child{margin-left:3px}.hero-caption{font-size:10px}.hero-poster{height:330px}.hero-poster-bottom h2{font-size:57px}.hero-poster-bottom{left:20px;bottom:23px;right:20px}.hero-poster-top{left:20px;right:20px}.strip-items{gap:12px}.strip-items span{font-size:8px}.strip-items i{display:none}.section{padding-block:65px}.section h2{font-size:clamp(39px,9.3vw,60px)}.section-heading,.news-heading{margin-bottom:23px}.section-corner{display:none}.catalog-toolbar{align-items:stretch;flex-direction:column}.filters{display:grid;grid-template-columns:repeat(3,1fr)}.filters .filter{padding:9px 4px;font-size:10px}.search-control{width:100%}.games-grid{grid-template-columns:1fr;gap:16px}.game-art{height:220px}.game-body p{min-height:unset}.spotlight-section{padding-block:55px}.spotlight-art{height:320px}.planet-outer{width:250px;height:250px}.planet-core{width:250px;height:250px}.planet-orbit{width:450px}.spotlight-content h2{font-size:58px}.about-section{gap:35px}.about-feature{min-height:250px}.news-grid{grid-template-columns:1fr}.news-placeholder{grid-column:auto}.closing-inner{flex-direction:column;align-items:flex-start}.closing-inner .btn{width:auto}.footer-upper{flex-direction:column;gap:30px;padding:40px 0}.footer-lower{flex-direction:column;gap:10px}.dialog-cover{height:215px}.dialog-cover h2{font-size:47px;left:18px}.dialog-details{padding:23px 20px}.dialog-facts{grid-template-columns:1fr 1fr}.dialog-actions .btn{width:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.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}
.game-art[style] .art-image,.dialog-cover[style] .art-image{background-image:linear-gradient(100deg,rgba(0,0,0,.08),rgba(0,0,0,.25)),var(--cover-url);background-size:cover;background-position:center}
/* Compact mark-only logo is separate from the full-size studio logo assets. */
.brand-image{width:50px;height:48px;top:0;left:0;object-fit:contain}
@media(max-width:570px){.brand-image{width:39px;height:39px;top:0;left:0}}
.hero-poster-art.io{background:radial-gradient(circle at 72% 53%,#d46a36,#823820 18%,#401e27 25%,transparent 26%),linear-gradient(130deg,#2b1423,#0e1429 80%)}
.hero-poster-art.blackout{background:repeating-linear-gradient(90deg,transparent 0 35px,rgba(31,178,187,.09) 35px 38px,transparent 38px 74px),radial-gradient(circle at 50% 60%,#12636f,transparent 42%),linear-gradient(145deg,#09121a,#081a21)}
.hero-poster-art.street{background:linear-gradient(135deg,transparent 40%,rgba(255,145,37,.7) 40.5% 41%,transparent 41.5%),radial-gradient(circle at 65% 90%,#bb335b,transparent 46%),linear-gradient(145deg,#161429,#2a1738)}
/* Four available concepts form a complete, balanced row on wide screens. */
@media(min-width:1151px){.games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-body{padding:20px}.game-body h3{font-size:20px}.game-art{height:200px}}
/* Decorative glows must not widen the page on mobile. */
@media(max-width:880px){.ambient{display:none}}

/* RYZI GAMES v2 — štítky a flexibilní seznamy */
.rg-new-tag{position:absolute;z-index:2;top:14px;right:14px;background:#ff8246;color:#17120f;font-size:9px;padding:7px 9px;border-radius:4px;font-weight:950;letter-spacing:.1em;box-shadow:0 2px 12px #0006}.rg-announcement{display:inline-flex;margin-top:15px;padding:7px 12px;background:var(--accent-soft);color:var(--accent);border-radius:6px;font-size:12px;font-weight:750}.dialog-facts{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}[hidden]{display:none!important}

html{overflow-x:clip}.spotlight-section{overflow:hidden}
/* Udržet dekorativní záře uvnitř viewportu a nezvětšovat scrollWidth. */
.ambient-one{right:0}.ambient-two{left:0}

/* v2.2 — nastavení typografie a barev ze správy webu */
body{font-family:var(--font-body,Inter,ui-sans-serif,system-ui,sans-serif)}
h1,h2,h3,h4,h5,h6,.brand-text,.poster-mark,.about-mark,.art-title,.stat strong{font-family:var(--font-head,Inter,ui-sans-serif,system-ui,sans-serif)}
.rg-new-tag,.game-new,.amber-tag,.art-status.playable{background:var(--accent);color:var(--accent-contrast,#151923)}
.ambient-one{background:radial-gradient(ellipse,rgba(var(--accent-rgb,255,121,53),.20),transparent 65%)}

/* v2.3 — kontrast zvýraznění dle WCAG, namísto pevné bílé */
.btn-primary,.header-cta,.rg-new-tag,.game-new,.amber-tag,.art-status.playable{background:var(--accent);color:var(--accent-contrast,#10151d);border-color:var(--accent)}
.header-cta:hover,.btn-primary:hover{background:var(--accent);color:var(--accent-contrast,#10151d);filter:brightness(1.06)}
.round-arrow:hover{background:var(--accent);color:var(--accent-contrast,#10151d)}
.catalog-toolbar{display:flex;gap:12px;flex-wrap:wrap}
.genre-select-label{display:flex;gap:10px;align-items:center;padding:0 12px;background:var(--surface);border:1px solid var(--line);border-radius:9px;min-height:39px;color:var(--muted);font-size:11px;font-weight:750}
.genre-select-label select{min-width:130px;max-width:205px;cursor:pointer;color:var(--text);background:transparent;border:0;outline-offset:3px;font:700 12px var(--font-body,system-ui,sans-serif)}
.genre-select-label select option{color:var(--text);background:var(--surface)}
.genre-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.genre-chip{color:var(--muted);font-size:10px;background:var(--surface-2);padding:2px 6px;border-radius:5px}
@media(max-width:600px){.genre-select-label{width:100%;justify-content:space-between}.genre-select-label select{flex:1;max-width:none}.catalog-toolbar .search-control{flex:1}}