:root { --bg:#08090d; --paper:#111319; --paper2:#181b23; --line:rgba(255,255,255,.1); --muted:#a9acb7; --text:#f7f7f8; --accent:#f2dc65; --radius:16px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg); }
body { margin:0; color:var(--text); font-family:"DM Sans",system-ui,sans-serif; background:var(--bg); overflow-x:hidden; }
body.no-scroll { overflow:hidden; }
button,a { font:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; }
.ambient { position:fixed; pointer-events:none; width:42vw; height:42vw; border-radius:50%; filter:blur(110px); opacity:.1; z-index:-1; } .ambient--one { background:#db3b75; top:-20vw; right:-12vw; } .ambient--two { background:#375eda; top:45vh; left:-30vw; }
.site-header { height:78px; width:min(1410px,calc(100% - 80px)); margin:auto; display:flex; align-items:center; gap:50px; position:relative; z-index:5; }
.brand { display:inline-flex; align-items:center; gap:9px; flex-shrink:0; } .brand-mark { height:29px; width:26px; display:flex; gap:3px; transform:skewY(-14deg); align-items:flex-end; } .brand-mark i { display:block; width:6px; border-radius:3px; background:var(--accent); } .brand-mark i:nth-child(1) { height:15px; }.brand-mark i:nth-child(2) { height:26px; }.brand-mark i:nth-child(3) { height:20px; } .brand-name { font:600 17px/1 "Space Grotesk",sans-serif; letter-spacing:-.7px; } .brand-name span { color:var(--accent); }
.main-nav { display:flex; gap:27px; align-items:center; } .main-nav a { font-size:14px; color:#aeb0b9; transition:color .2s; } .main-nav a:hover,.main-nav a.is-active { color:white; }.main-nav a.is-active:after { content:""; display:block; height:2px; border-radius:3px; background:var(--accent); margin-top:5px; }
.header-actions { margin-left:auto; display:flex; gap:18px; align-items:center; }.icon-button { border:0; color:white; background:transparent; display:grid; place-items:center; width:34px; height:34px; font-size:30px; line-height:1; padding:0; }.icon-button svg { width:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
.profile { color:#fff; background:transparent; border:0; display:flex; align-items:center; gap:8px; padding:3px; }.profile-avatar { display:grid; place-items:center; width:31px; height:31px; border-radius:10px; background:linear-gradient(135deg,#f9d97c,#bd5e49); color:#3e2523; font-weight:700; font-size:13px; }.profile-label { font-size:13px; font-weight:600; }.profile svg { width:15px; fill:none; stroke:currentColor; stroke-width:1.8; }.profile-menu { position:absolute; right:0; top:65px; width:170px; padding:7px; background:#1a1d25; border:1px solid var(--line); box-shadow:0 12px 30px #0007; border-radius:12px; }.profile-menu button { width:100%; text-align:left; padding:9px; color:#c9cbd2; border:0; border-radius:7px; background:transparent; font-size:13px; }.profile-menu button:hover { background:#282c37; color:white; }
.hero { max-width:1410px; min-height:570px; margin:0 auto; position:relative; overflow:hidden; border-radius:25px; isolation:isolate; background:#13151c; }.hero:after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#0e0f14 0%,rgba(14,15,20,.82) 34%,rgba(14,15,20,.16) 72%,rgba(14,15,20,.38)),linear-gradient(0deg,#0e0f14 0%,transparent 38%); }.hero-art { position:absolute; inset:0; z-index:-2; }.hero .art { height:100%; border-radius:0; }.hero .art-title { font-size:clamp(84px,17vw,250px); right:-1%; bottom:-12%; opacity:.24; }.hero .art-symbol { font-size:clamp(210px,33vw,500px); right:8%; top:1%; }.hero-content { padding:113px 64px 70px; width:min(560px,55%); position:relative; }.eyebrow { margin:0 0 10px; font-size:11px; font-weight:700; letter-spacing:1.65px; color:var(--accent); }.hero h1,.detail-copy h2,.section-heading h2 { font-family:"Space Grotesk",sans-serif; letter-spacing:-2.3px; }.hero h1 { margin:0 0 14px; font-size:clamp(44px,5.2vw,76px); line-height:.95; }.meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px; color:#d0d2d8; font-size:13px; font-weight:500; }.meta span:not(:last-child):after { content:"·"; margin-left:10px; color:#6b6d76; }.meta .age { border:1px solid #888b95; border-radius:4px; padding:1px 4px; font-size:10px; }.meta .age:after { display:none; }.hero-description { font-size:16px; line-height:1.6; color:#d0d1d6; margin:22px 0 27px; max-width:500px; }.hero-actions,.modal-actions { display:flex; gap:10px; flex-wrap:wrap; }.primary-button,.secondary-button,.watchlist-button { border:0; display:inline-flex; align-items:center; justify-content:center; gap:8px; height:45px; padding:0 17px; border-radius:10px; font-weight:700; font-size:14px; transition:transform .2s,background .2s; }.primary-button { background:#f8f8f9; color:#16171c; }.primary-button:hover { background:var(--accent); transform:translateY(-1px); }.primary-button svg { width:19px; fill:currentColor; }.secondary-button,.watchlist-button { color:#f4f4f5; background:rgba(255,255,255,.13); backdrop-filter:blur(6px); }.secondary-button:hover,.watchlist-button:hover { background:rgba(255,255,255,.2); }.secondary-button svg { width:19px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; }.hero-controls { position:absolute; bottom:36px; right:45px; display:flex; gap:7px; }.hero-dot { width:7px; height:7px; padding:0; border:0; border-radius:50%; background:#c2c3c64d; transition:.25s; }.hero-dot.is-current { width:28px; border-radius:8px; background:#f0f0ee; }.scroll-hint { position:absolute; bottom:32px; left:64px; color:#a9abb4; text-transform:uppercase; font-size:10px; letter-spacing:1.5px; display:flex; align-items:center; gap:9px; }.scroll-hint span { height:1px; width:24px; background:var(--accent); }
.quick-filters,.content-section { width:min(1410px,calc(100% - 80px)); margin-left:auto; margin-right:auto; }.quick-filters { display:flex; flex-wrap:wrap; gap:9px; margin-top:37px; }.filter-chip { background:#15171e; border:1px solid #272a33; color:#b9bbc5; padding:9px 15px; font-size:13px; border-radius:100px; transition:.2s; }.filter-chip:hover,.filter-chip.is-selected { border-color:var(--accent); color:#171718; background:var(--accent); }.content-section { margin-top:62px; }.featured-section { margin-top:65px; }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:22px; }.section-heading .eyebrow { margin-bottom:7px; }.section-heading h2 { margin:0; font-size:28px; line-height:1; }.text-button { color:#c6c8d0; border:0; background:transparent; font-size:13px; font-weight:600; padding:0; }.text-button:hover { color:var(--accent); }.text-button span { margin-left:5px; color:var(--accent); font-size:18px; vertical-align:-1px; }.count-label { color:#7c7f8a; font-size:12px; }
.continue-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:17px; }.title-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }.title-card { min-width:0; outline:none; cursor:pointer; position:relative; }.title-card:focus-visible .card-art,.title-card:hover .card-art { transform:translateY(-5px); box-shadow:0 11px 26px #0008; }.card-art { position:relative; aspect-ratio:1.48; overflow:hidden; border-radius:13px; background:#20232c; transform:translateZ(0); transition:.25s ease; }.title-card--continue .card-art { aspect-ratio:1.82; }.art { position:relative; height:100%; overflow:hidden; border-radius:inherit; background:linear-gradient(140deg,var(--a),var(--b) 54%,var(--c)); isolation:isolate; }.art:after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(120deg,#0005,transparent 50%,#fff1),linear-gradient(0deg,#05050aab 0%,transparent 56%); }.art-grain { position:absolute; inset:0; opacity:.25; background-image:radial-gradient(#fff 0.5px,transparent .7px); background-size:5px 5px; mix-blend-mode:soft-light; }.art-orb { position:absolute; border-radius:50%; filter:blur(1px); opacity:.65; }.orb-one { width:60%; aspect-ratio:1; background:var(--c); top:-20%; right:-15%; }.orb-two { width:44%; aspect-ratio:1; background:var(--a); bottom:-23%; left:-12%; opacity:.72; }.art-lines { position:absolute; inset:-50%; background:repeating-linear-gradient(110deg,transparent 0 28px,#fff1 29px 30px,transparent 31px 57px); transform:rotate(8deg); }.art-symbol { position:absolute; right:10%; top:5%; font:600 clamp(67px,7vw,130px)/1 "Space Grotesk",sans-serif; letter-spacing:-10px; color:#fff5; mix-blend-mode:soft-light; }.art-title { position:absolute; z-index:2; bottom:9%; left:9%; right:6%; font:600 clamp(15px,1.55vw,25px)/.95 "Space Grotesk",sans-serif; letter-spacing:-1px; text-transform:uppercase; text-shadow:0 2px 11px #000a; }.art-type { position:absolute; z-index:2; top:10%; left:9%; font-size:7px; letter-spacing:1.5px; font-weight:700; color:#fff9; }.card-info { padding:10px 3px 0; }.card-info h3 { margin:0 0 3px; font-size:14px; letter-spacing:-.25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.card-info p,.continue-label { margin:0; color:#8f929e; font-size:11px; }.progress { height:3px; margin:11px 3px 7px; overflow:hidden; border-radius:10px; background:#41434a; }.progress span { display:block; height:100%; background:var(--accent); }.card-play { position:absolute; z-index:3; top:50%; left:50%; width:43px; height:43px; border:0; border-radius:50%; background:#fff; color:#1a1c22; display:grid; place-items:center; transform:translate(-50%,-45%) scale(.85); opacity:0; transition:.2s; }.card-play svg { width:20px; fill:currentColor; }.title-card:hover .card-play,.title-card:focus-visible .card-play { opacity:1; transform:translate(-50%,-50%) scale(1); }.rank { position:absolute; z-index:3; bottom:-12px; left:5px; font:700 44px/1 "Space Grotesk",sans-serif; color:#f5f4eebd; text-shadow:0 2px 8px #0009; }.title-card:has(.rank) .card-info { padding-left:34px; }.empty-state { color:#9b9da7; font-size:14px; grid-column:1/-1; padding:24px 0; }
.genre-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:13px; }.genre-card { min-height:116px; padding:16px; border:0; border-radius:14px; position:relative; overflow:hidden; color:#fff; text-align:left; isolation:isolate; background:linear-gradient(135deg,var(--ga),var(--gb)); }.genre-card:before { content:""; z-index:-1; position:absolute; width:115px; aspect-ratio:1; background:#ffffff27; border-radius:50%; right:-39px; top:-44px; }.genre-card span { display:block; font-size:25px; height:47px; }.genre-card strong { display:block; font-size:13px; }.genre-card i { position:absolute; right:14px; bottom:13px; font-style:normal; opacity:.75; }.genre-card:hover { transform:translateY(-3px); filter:brightness(1.12); transition:.2s; }.last-section { margin-bottom:85px; }
.site-footer { border-top:1px solid var(--line); padding:35px max(40px,calc((100% - 1410px)/2)); display:flex; align-items:center; gap:22px; color:#9b9da7; font-size:12px; }.brand--footer { transform:scale(.88); transform-origin:left center; }.footer-note { margin-left:auto; }
.search-panel,.detail-modal { position:fixed; z-index:10; inset:0; background:#050609e8; backdrop-filter:blur(12px); }.search-dialog { width:min(830px,calc(100% - 36px)); max-height:85vh; overflow:auto; margin:10vh auto; padding:26px; background:#141720; border:1px solid #30333d; border-radius:20px; box-shadow:0 25px 80px #0009; }.search-topline { display:flex; justify-content:space-between; align-items:center; }.search-input-wrap { display:flex; align-items:center; gap:11px; border-bottom:1px solid #525661; padding:12px 0; }.search-input-wrap svg { width:22px; stroke:#bbbfc9; fill:none; stroke-width:1.8; }.search-input-wrap input { border:0; outline:0; color:white; font:500 21px "Space Grotesk",sans-serif; background:transparent; width:100%; }.search-input-wrap input::placeholder { color:#727681; }.search-results { margin-top:18px; display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }.search-result { border:0; background:#20232c; border-radius:11px; min-height:76px; padding:6px; color:#fff; display:flex; align-items:center; gap:11px; text-align:left; }.search-result:hover { background:#292e3a; }.search-result .art { width:83px; align-self:stretch; flex-shrink:0; }.search-result .art-title { font-size:10px; }.search-result .art-symbol { font-size:50px; }.search-result strong { display:block; font-size:13px; margin-bottom:3px; }.search-result small { color:#a2a6af; font-size:11px; }.search-result i { font-style:normal; margin-left:auto; margin-right:7px; color:var(--accent); }
.detail-modal { display:grid; place-items:center; padding:20px; }.modal-backdrop { position:absolute; inset:0; }.detail-card { width:min(900px,100%); max-height:min(690px,90vh); overflow:auto; position:relative; z-index:1; background:#171921; border:1px solid #393c45; box-shadow:0 25px 80px #000b; border-radius:21px; display:grid; grid-template-columns:1.15fr 1fr; }.modal-close { position:absolute; z-index:3; right:14px; top:13px; width:32px; height:32px; border:0; border-radius:50%; background:#101116cc; color:#fff; font-size:25px; line-height:1; }.detail-art { min-height:430px; }.detail-art .art { height:100%; border-radius:20px 0 0 20px; }.detail-art .art-title { font-size:47px; }.detail-art .art-symbol { font-size:230px; }.detail-copy { align-self:center; padding:42px 34px; }.detail-copy h2 { font-size:42px; line-height:.96; margin:0 0 14px; }.detail-copy > p:last-of-type { color:#c3c5cd; line-height:1.6; font-size:14px; margin:22px 0 27px; }.watchlist-button span { font-size:19px; }
.art-poster { position:absolute; z-index:-1; inset:0; width:100%; height:100%; object-fit:cover; }.art:has(.art-poster):after { background:linear-gradient(120deg,#0009,transparent 57%),linear-gradient(0deg,#05050ad4 0%,transparent 62%); }.player-modal { position:fixed; z-index:12; inset:0; display:grid; place-items:center; padding:20px; background:#050609e8; backdrop-filter:blur(12px); }.player-card { position:relative; z-index:1; width:min(1000px,100%); padding:24px; border-radius:20px; background:#171921; border:1px solid #393c45; box-shadow:0 25px 80px #000b; }.player-topline { position:relative; min-height:40px; padding-right:42px; }.player-topline .eyebrow { margin-bottom:5px; }.player-topline h2 { margin:0 0 17px; font:600 26px/1 "Space Grotesk",sans-serif; letter-spacing:-1px; }.player-card video,.player-card iframe { display:block; width:100%; max-height:min(68vh,630px); aspect-ratio:16/9; border:0; border-radius:11px; background:#06070a; }.player-card > p { margin:12px 0 0; color:#999da8; font-size:12px; }
.toast { position:fixed; z-index:20; left:50%; bottom:30px; transform:translate(-50%,20px); padding:13px 18px; border:1px solid #3d404b; border-radius:100px; background:#f2f2f3; color:#16171d; font-size:13px; font-weight:600; box-shadow:0 8px 25px #0008; opacity:0; pointer-events:none; transition:.25s; max-width:calc(100% - 32px); text-align:center; }.toast.is-visible { transform:translate(-50%,0); opacity:1; }
.profile-menu{padding:11px}.profile-menu p{margin:3px 5px 10px;color:#aeb2bc;font-size:11px;line-height:1.4}.profile-menu button{margin-top:2px}.account-modal{position:fixed;z-index:14;inset:0;display:grid;place-items:center;padding:20px;background:#050609e8;backdrop-filter:blur(16px)}.account-card{position:relative;z-index:1;width:min(860px,100%);max-height:min(760px,90vh);overflow:auto;padding:34px;border:1px solid #ffffff20;border-radius:24px;background:linear-gradient(140deg,#191b27f4,#29233be8);box-shadow:0 28px 90px #000b,inset 0 1px #fff2}.account-card h2{max-width:580px;margin:0;font:600 clamp(29px,4vw,45px)/1.02 "Space Grotesk",sans-serif;letter-spacing:-2px}.account-lead{margin:13px 0 26px;color:#b9bbc5;line-height:1.55}.account-forms{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-form{display:grid;gap:11px;padding:20px;border:1px solid #ffffff16;border-radius:16px;background:#0d0f17a8}.account-form h3{margin:0 0 4px;font-size:18px}.account-form label{display:grid;gap:6px;color:#d6d8df;font-size:12px;font-weight:700}.account-form input{width:100%;border:1px solid #ffffff20;border-radius:9px;padding:11px;background:#07080d;color:#fff;font:inherit}.account-form input:focus{outline:2px solid #f0d96099;border-color:#f0d960}.account-form button,.account-logout{justify-self:start;border:1px solid #fff7;background:linear-gradient(135deg,#fff5a8,#efcc5d);color:#1b1812}.account-status{min-height:22px;margin:15px 0 0;color:#f3da70;font-size:13px}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:26px 0}.account-stats article{padding:17px;border:1px solid #ffffff1c;border-radius:15px;background:#ffffff0a}.account-stats strong{display:block;color:#f2dc65;font:600 24px/1 "Space Grotesk",sans-serif}.account-stats span{display:block;margin-top:8px;color:#afb2bc;font-size:11px}.account-history-title{margin:0 0 11px;font-size:17px}.account-history{display:grid;gap:8px;margin:0;padding:0;list-style:none}.account-history li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #ffffff13}.account-history li:last-child{border:0}.account-history span{color:#9fa3ad;font-size:12px;white-space:nowrap}.account-history .empty-history{display:block;color:#9fa3ad}.account-logout{margin-top:23px;border-color:#ffffff26;background:#ffffff0e;color:#fff}
@media(max-width:620px){.account-modal{padding:10px}.account-card{padding:27px 20px;border-radius:20px}.account-card h2{font-size:31px}.account-forms,.account-stats{grid-template-columns:1fr}.account-stats{margin:21px 0}.account-history li{align-items:flex-start;flex-direction:column;gap:3px}}
@media (max-width:1000px) { .site-header,.quick-filters,.content-section { width:calc(100% - 48px); }.site-header { gap:28px; }.hero { width:calc(100% - 48px); min-height:530px; }.hero-content { padding:100px 48px; width:65%; }.continue-grid { grid-template-columns:repeat(2,1fr); }.title-grid { grid-template-columns:repeat(3,1fr); }.genre-grid { grid-template-columns:repeat(3,1fr); }.site-footer { padding-left:24px; padding-right:24px; }.main-nav { gap:18px; } }
@media (max-width:620px) { .site-header { height:67px; width:calc(100% - 30px); }.main-nav { display:none; }.profile-label,.profile svg { display:none; }.header-actions { gap:8px; }.hero { width:calc(100% - 30px); min-height:540px; border-radius:18px; }.hero:after { background:linear-gradient(0deg,#0e0f14 5%,rgba(14,15,20,.88) 45%,rgba(14,15,20,.1) 100%); }.hero-content { width:100%; padding:245px 27px 65px; }.hero h1 { font-size:47px; }.hero-description { font-size:14px; margin:17px 0 21px; }.hero .art-symbol { font-size:300px; top:-35px; right:5%; }.hero .art-title { font-size:95px; bottom:30%; }.hero-controls { right:26px; bottom:25px; }.scroll-hint { display:none; }.quick-filters,.content-section { width:calc(100% - 30px); }.quick-filters { margin-top:25px; overflow:auto; flex-wrap:nowrap; padding-bottom:3px; scrollbar-width:none; }.filter-chip { white-space:nowrap; }.content-section,.featured-section { margin-top:47px; }.section-heading h2 { font-size:23px; }.section-heading { margin-bottom:16px; }.section-heading .text-button { font-size:0; }.section-heading .text-button span { font-size:21px; }.continue-grid { grid-template-columns:repeat(2,1fr); gap:11px; }.title-grid { grid-template-columns:repeat(2,1fr); gap:13px 11px; }.genre-grid { grid-template-columns:repeat(2,1fr); gap:10px; }.genre-card { min-height:99px; }.site-footer { display:block; padding:32px 15px; }.site-footer p { margin:14px 0 0; }.footer-note { font-size:10px; }.search-dialog { margin:5vh auto; padding:18px; }.search-results { grid-template-columns:1fr; }.detail-card { grid-template-columns:1fr; max-height:90vh; }.detail-art { min-height:220px; }.detail-art .art { border-radius:20px 20px 0 0; }.detail-copy { padding:29px 23px 31px; }.detail-copy h2 { font-size:35px; }.last-section { margin-bottom:55px; } }
.detail-cast{margin:19px 0 24px;padding:13px 15px;border:1px solid #ffffff1b;border-radius:12px;background:#ffffff08}.detail-cast .eyebrow{margin-bottom:6px}.detail-cast p:last-child{margin:0;color:#e1e2e7;font-size:13px;line-height:1.55}
/* Zelený vizuální jazyk: katalog zdarma, decentní pohyb značky. */
:root{--bg:#07120d;--paper:#101b15;--paper2:#16261d;--accent:#64e89a;--accent-bright:#b8ffd1;--accent-deep:#169c55}
.ambient--one{background:#20c46a}.ambient--two{background:#0b8d68}.profile-avatar{background:linear-gradient(135deg,#c4ffcf,#42bd73);color:#082114}.brand-mark{animation:brand-breathe 3.4s ease-in-out infinite}.brand-mark i{background:linear-gradient(180deg,var(--accent-bright),var(--accent-deep));box-shadow:0 0 9px #64e89a55}.brand:hover .brand-mark{animation-duration:1s}.free-badge{display:inline-flex;align-items:center;gap:6px;margin-left:-40px;padding:5px 9px;border:1px solid #64e89a55;border-radius:100px;background:#113b22a8;color:#aaffc5;font-size:9px;font-weight:800;letter-spacing:.12em;white-space:nowrap;box-shadow:0 0 18px #45dc7230;backdrop-filter:blur(8px)}.free-badge i{display:block;width:6px;height:6px;border-radius:50%;background:#71f6a3;box-shadow:0 0 0 4px #71f6a321,0 0 11px #71f6a3;animation:free-live 1.9s ease-in-out infinite}.primary-button:hover{background:var(--accent-bright)}.hero-dot.is-current{background:var(--accent)}.account-form input:focus{outline-color:#64e89a99;border-color:#64e89a}.account-form button,.account-logout{background:linear-gradient(135deg,#c4ffd2,#52d988);color:#082114}.account-status,.account-stats strong{color:#88f6ad}@keyframes brand-breathe{0%,100%{filter:drop-shadow(0 0 0 #64e89a00);transform:skewY(-14deg) scale(1)}50%{filter:drop-shadow(0 0 9px #64e89a8c);transform:skewY(-14deg) scale(1.05)}}@keyframes free-live{0%,100%{transform:scale(.88);opacity:.7}50%{transform:scale(1.1);opacity:1}}@media(max-width:760px){.free-badge{margin-left:-18px;padding:4px 7px;font-size:8px}.site-header{gap:23px}}@media(max-width:430px){.free-badge{display:none}}
@media(max-width:430px){.free-badge{display:inline-flex;margin-left:-11px;padding:4px 5px;font-size:7px;letter-spacing:.08em}}
/* Jediný skutečný ovládací prvek na kartě – čistší fokus i ovládání čtečkou. */
.card-open{position:absolute;z-index:6;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:13px;background:transparent;color:transparent}.card-open:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.card-play{pointer-events:none}.title-card:has(.card-open:focus-visible) .card-art{transform:translateY(-5px);box-shadow:0 11px 26px #0008}
/* Přehrávač: nativní fullscreen s bezpečnou celoobrazovkovou náhradou pro iOS embedy. */
.player-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-right:0}.player-heading{min-width:0}.player-heading h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-controls{display:flex;align-items:center;gap:9px;flex:0 0 auto}.player-topline .modal-close{position:static;flex:0 0 auto}.player-fullscreen-button{height:34px;padding:0 13px;border:1px solid #64e89a55;border-radius:100px;background:#123722d9;color:#c4ffd4;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:700 11px/1 "DM Sans",sans-serif;letter-spacing:.02em;box-shadow:inset 0 1px #ffffff18;transition:background .2s,border-color .2s,transform .2s}.player-fullscreen-button:hover,.player-fullscreen-button:focus-visible{background:#1b5733;border-color:#7ff2a7;transform:translateY(-1px);outline:none}.player-fullscreen-button>span:first-child{font-size:20px;line-height:1}.player-fullscreen-button[aria-pressed="true"]{background:#c3ffd2;color:#092013;border-color:#c3ffd2}.player-modal.is-expanded{padding:0;background:#000;backdrop-filter:none}.player-modal.is-expanded .modal-backdrop{display:none}.player-modal.is-expanded .player-card,.player-card:fullscreen,.player-card:-webkit-full-screen{width:100vw;max-width:none;height:100vh;height:100dvh;margin:0;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border:0;border-radius:0;background:#000;display:flex;flex-direction:column;box-shadow:none}.player-modal.is-expanded .player-topline,.player-card:fullscreen .player-topline,.player-card:-webkit-full-screen .player-topline{flex:0 0 auto}.player-modal.is-expanded video,.player-modal.is-expanded iframe,.player-card:fullscreen video,.player-card:fullscreen iframe,.player-card:-webkit-full-screen video,.player-card:-webkit-full-screen iframe{flex:1 1 auto;min-height:0;max-height:none;aspect-ratio:auto;border-radius:8px}.player-modal.is-expanded .player-card>p,.player-card:fullscreen>p,.player-card:-webkit-full-screen>p{display:none}@media(max-width:620px){.player-modal{padding:8px}.player-card{padding:14px;border-radius:15px}.player-topline{gap:10px}.player-topline h2{font-size:20px;margin-bottom:12px}.player-fullscreen-button{width:36px;padding:0}.player-fullscreen-button [data-fullscreen-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* Bodové odemykání a doporučení přátel. */
.cinema-shelf{border-color:#64e89a55!important;background:linear-gradient(120deg,#0e281aab,#153d2791)!important}.cinema-shelf:after{content:"";position:absolute;pointer-events:none;width:220px;aspect-ratio:1;right:5%;top:-120px;border-radius:50%;background:#64e89a22;filter:blur(24px)}.cinema-lead{position:relative;z-index:1;max-width:620px;margin:-10px 0 20px;color:#b8c9bf;font-size:13px;line-height:1.55}.cinema-points{position:relative;z-index:1;padding:7px 11px;border:1px solid #87f6ae4d;border-radius:100px;background:#0b1d13b8;color:#9bffc0;font-size:11px;font-weight:800;white-space:nowrap}.title-card--locked .card-art{border-color:#82eaa94a;filter:saturate(.72)}.title-card--locked .art-poster{filter:brightness(.62) saturate(.72)}.title-card--locked .card-play{display:none}.card-lock-badge{position:absolute;z-index:5;top:10px;right:10px;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #caffdc47;border-radius:100px;background:#06110bd9;color:#d7ffe4;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 7px 20px #0007;backdrop-filter:blur(9px)}.card-lock-badge b{font-size:11px}.card-unlock{display:grid;gap:7px;margin:9px 3px 0}.card-unlock>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-unlock strong{color:#b8ffd0;font-size:10px}.card-unlock>div span{color:#82998b;font-size:9px}.card-unlock-track{display:block;height:4px;overflow:hidden;border-radius:100px;background:#ffffff17}.card-unlock-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#39c975,#a9ffc7);box-shadow:0 0 8px #64e89a66}.card-unlock.is-unlocked strong{color:#7df4a8}.detail-unlock{display:grid;grid-template-columns:auto 1fr;gap:13px 14px;margin:20px 0 24px;padding:16px;border:1px solid #77efa249;border-radius:15px;background:linear-gradient(135deg,#123522a8,#0a1e13b8);box-shadow:inset 0 1px #ffffff10}.detail-unlock-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#64e89a1d;font-size:18px}.detail-unlock-copy{min-width:0}.detail-unlock-copy .eyebrow{margin-bottom:4px}.detail-unlock-copy>strong{display:block;color:#e4f8ea;font-size:13px;line-height:1.45}.detail-unlock-copy small{display:block;margin-top:7px;color:#a5b9ac;font-size:10px}.detail-unlock .watchlist-button{grid-column:2;justify-self:start;height:38px}.unlock-progress{height:5px;margin-top:11px;overflow:hidden;border-radius:99px;background:#ffffff16}.unlock-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#32c56f,#b9ffd0);box-shadow:0 0 9px #64e89a70}.field-optional{margin-left:4px;color:#89958d;font-size:10px;font-weight:500}.account-referral{margin:0 0 24px;padding:18px;border:1px solid #74eca049;border-radius:17px;background:linear-gradient(135deg,#112e1e9c,#0b1d13a8)}.account-referral-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.account-referral-heading h3{margin:0;font-size:18px}.account-referral-heading>span{color:#a6b8ac;font-size:11px;white-space:nowrap}.account-referral-heading>span strong{color:#8df6b2;font-size:18px}.account-referral-code{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:10px 11px;border:1px solid #ffffff17;border-radius:12px;background:#06100bc4}.account-referral-code code{overflow:hidden;color:#c9ffdc;font-size:15px;font-weight:800;letter-spacing:.08em;text-overflow:ellipsis}.account-referral-code>div{display:flex;gap:7px}.account-referral-code button{padding:8px 10px;border:1px solid #70e99b4d;border-radius:8px;background:#64e89a18;color:#bfffd5;font-size:10px;font-weight:800}.account-referral-code button:hover{background:#64e89a2c}.account-referral-code button:disabled{cursor:not-allowed;opacity:.45}.account-referral>p{margin:12px 0 0;color:#aabbb0;font-size:11px;line-height:1.5}.account-referral>p strong{color:#8cf5b0}@media(max-width:620px){.cinema-lead{margin-top:-5px}.cinema-points{font-size:9px}.detail-unlock{grid-template-columns:auto 1fr;padding:14px}.detail-unlock .watchlist-button{grid-column:1/-1;width:100%}.account-referral-heading{align-items:flex-end}.account-referral-code{align-items:stretch;flex-direction:column}.account-referral-code>div{display:grid;grid-template-columns:1fr 1fr}.account-referral-code button{min-height:38px}}