/* YoloMC – odtwarzacz poradnika */
.yv{position:relative;border:2px solid #000;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px var(--line),0 0 60px rgba(73,197,30,.12);background:#000;user-select:none;overflow:hidden}
.yv:fullscreen{display:flex;flex-direction:column;justify-content:center}
.yv-screen{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;cursor:pointer;background:#07090b}
.yv-stage{position:absolute;inset:0}
.yv-scene{position:absolute;left:0;top:0;width:1280px;height:720px;transform:scale(var(--k,1));transform-origin:0 0;overflow:hidden;font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif;color:#e9edf1}
.yv-scene *{box-sizing:border-box}
.yv-big{position:absolute;inset:0;margin:auto;width:96px;height:96px;border-radius:50%;border:0;background:rgba(73,197,30,.92);box-shadow:0 0 0 10px rgba(73,197,30,.25),0 20px 50px rgba(0,0,0,.5);cursor:pointer;z-index:5;transition:transform .2s}
.yv-big:hover{transform:scale(1.08)}.yv-big::after{content:"";position:absolute;left:38px;top:28px;border-left:30px solid #06120a;border-top:20px solid transparent;border-bottom:20px solid transparent}
.yv.playing .yv-big{display:none}
.yv-cap{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);max-width:88%;padding:8px 16px;background:rgba(0,0,0,.72);color:#fff;font-size:clamp(11px,1.6vw,16px);line-height:1.35;text-align:center;border-radius:8px;pointer-events:none;z-index:4;backdrop-filter:blur(4px)}
.yv-ctl{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:22px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.85));z-index:6;transition:opacity .25s}
.yv.playing:not(:hover) .yv-ctl{opacity:0}.yv.playing:not(:hover) .yv-cap{bottom:16px}
.yv-ctl button{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center}.yv-ctl button:hover{background:rgba(255,255,255,.12)}
.yv-ctl svg{width:20px;height:20px;fill:currentColor}
.yv-pp .pa{display:none}.yv.playing .yv-pp .pa{display:block}.yv.playing .yv-pp .pl{display:none}
.yv-track{position:relative;flex:1;height:18px;cursor:pointer;display:flex;align-items:center}
.yv-track::before{content:"";position:absolute;left:0;right:0;height:5px;border-radius:5px;background:rgba(255,255,255,.22)}
.yv-fill{position:absolute;left:0;height:5px;border-radius:5px;background:#49c51e;box-shadow:0 0 10px rgba(73,197,30,.6)}
.yv-fill::after{content:"";position:absolute;right:-7px;top:-4px;width:13px;height:13px;border-radius:50%;background:#fff}
.yv-marks i{position:absolute;top:6px;width:3px;height:6px;background:rgba(0,0,0,.7)}
.yv-time{color:#fff;font:600 12.5px system-ui;min-width:86px;text-align:center}
.yv.rec .yv-ctl,.yv.rec .yv-big{display:none!important}.yv.rec .yv-cap{bottom:18px}
.yv-chaps{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}
.yv-chaps button{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:var(--card);border:2px solid #000;box-shadow:inset 0 0 0 1px var(--line);color:var(--m);font:600 13px system-ui;cursor:pointer}
.yv-chaps button em{font-style:normal;color:var(--g);font-weight:800;font-size:12px}
.yv-chaps button:hover,.yv-chaps button.on{color:var(--t);box-shadow:inset 0 0 0 1px var(--g)}
/* ---- elementy scen ---- */
.yv-bg{position:absolute;inset:0}
.yv-bg.aurora{background:radial-gradient(900px 500px at 50% 0,rgba(73,197,30,.25),transparent),linear-gradient(#071016,#05080a)}
.yv-bg.black{background:#000}.yv-bg.dirt{background:#2b2116 repeating-linear-gradient(45deg,rgba(0,0,0,.18) 0 16px,transparent 16px 32px)}
.yv-bg.game{background:radial-gradient(900px 400px at 30% 30%,#4f8bd6,transparent),linear-gradient(#78a7ff 0,#a6c8ff 45%,#5f9b3c 46%,#3f6e28 100%)}
.yv-pano{position:absolute;left:0;top:0;height:720px;width:auto;image-rendering:pixelated;opacity:.85;filter:saturate(1.2)}
.yv-pano{width:2880px;object-fit:cover;object-position:left}
.yv-logo{position:absolute;left:50%;top:70px;width:300px;margin-left:-150px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}.yv-logo.sm{width:240px;margin-left:-120px;top:90px}
.yv-title{position:absolute;left:0;right:0;top:400px;margin:0;text-align:center;font-size:52px;font-weight:900;letter-spacing:-1px;text-shadow:0 6px 30px rgba(0,0,0,.6)}.yv-title b{color:#49c51e}
.yv-sub{position:absolute;left:0;right:0;top:478px;margin:0;text-align:center;font-size:24px;color:#c9d3dc}
.yv-h2{position:absolute;left:0;right:0;top:70px;margin:0;text-align:center;font-size:46px;font-weight:900}.yv-h2 b{color:#49c51e}
.yv-step{position:absolute;left:28px;top:24px;display:flex;align-items:center;gap:14px;padding:12px 20px 12px 12px;background:rgba(8,10,12,.88);border:2px solid #000;box-shadow:0 0 0 1px rgba(73,197,30,.5),0 14px 40px rgba(0,0,0,.5);z-index:3}
.yv-step i{width:46px;height:46px;display:grid;place-items:center;background:#49c51e;color:#06120a;font:900 24px system-ui;font-style:normal;border:2px solid #000}
.yv-step b{display:block;font-size:22px;font-weight:900}.yv-step small{color:#9aa3ae;font-size:14px}
.yv-cur{position:absolute;left:0;top:0;width:30px;height:30px;z-index:9;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}
.yv-cur svg{width:30px;height:30px;fill:#fff;stroke:#000;stroke-width:1.5}
.yv-click{position:absolute;width:70px;height:70px;border-radius:50%;border:4px solid #facc15;z-index:8;opacity:0;pointer-events:none}
.yv-shot{position:absolute;inset:0;width:1280px;height:720px}
.yv-ring{position:absolute;border:4px solid #facc15;border-radius:14px;box-shadow:0 0 0 9999px rgba(0,0,0,.35),0 0 30px rgba(250,204,21,.6);z-index:2;pointer-events:none}
.yv-label{position:absolute;padding:10px 16px;background:#0b0d10;border:2px solid #000;box-shadow:0 0 0 1px #49c51e,0 12px 30px rgba(0,0,0,.5);font-size:19px;font-weight:600;z-index:4;max-width:620px}
.yv-label b{color:#49c51e}.yv-label.y{box-shadow:0 0 0 1px #facc15,0 12px 30px rgba(0,0,0,.5)}.yv-label.y b{color:#facc15}
.yv-label.w{left:330px;max-width:620px;text-align:center;font-size:17px;box-shadow:0 0 0 1px #facc15,0 12px 30px rgba(0,0,0,.5)}
.yv-browser{position:absolute;left:130px;top:110px;width:1020px;height:560px;background:#0b0d10;border-radius:12px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.7),0 0 0 1px #2a2f37}
.yv-bar{height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;background:#1d2127}.yv-bar i{width:12px;height:12px;border-radius:50%;background:#ff5f57}.yv-bar i:nth-child(2){background:#febc2e}.yv-bar i:nth-child(3){background:#28c840}
.yv-bar span{margin-left:16px;flex:1;height:28px;line-height:28px;padding:0 14px;border-radius:14px;background:#0f1216;color:#c9d3dc;font-size:14px}
.yv-site{position:relative;height:518px;padding:20px 40px;text-align:center;background:radial-gradient(900px 300px at 50% -60px,rgba(73,197,30,.18),transparent),#0b0d10}
.yv-nav{display:flex;align-items:center;gap:22px;font-size:14px;color:#9aa3ae}.yv-nav img{height:34px}.yv-nav b{font-size:20px;color:#e9edf1;margin-right:auto}.yv-nav em{color:#49c51e;font-style:normal}.yv-nav .on{color:#49c51e}
.yv-site h2{margin:46px 0 6px;font-size:42px}.yv-site h2 em{font-style:normal;color:#49c51e}.yv-site p{color:#9aa3ae;max-width:560px;margin:0 auto 22px}
.yv-dl{display:inline-block;padding:16px 30px;background:#49c51e;color:#06120a;font-weight:900;font-size:20px;border:2px solid #000;box-shadow:0 10px 30px rgba(73,197,30,.4),inset 0 -4px 0 rgba(0,0,0,.18)}
.yv-site small{display:block;margin-top:12px;color:#9aa3ae}
.yv-badges{display:flex;gap:10px;justify-content:center;margin-top:18px}.yv-badges span{background:#14171c;border:1px solid #262b33;padding:6px 12px;font-size:13px;color:#9aa3ae}
.yv-dlbar{position:absolute;left:0;right:0;bottom:0;height:72px;display:flex;align-items:center;gap:14px;padding:0 24px;background:#1d2127;border-top:1px solid #2a2f37;text-align:left}
.yv-file{font-size:30px}.yv-dlbar b{display:block}.yv-dlbar small{color:#9aa3ae}
.yv-desk{position:absolute;inset:0;background:radial-gradient(800px 500px at 70% 30%,#1c4f8f,transparent),linear-gradient(135deg,#0c2b52,#071426)}
.yv-smart{position:absolute;left:330px;top:150px;width:620px;padding:30px 34px 26px;background:#1f6fb2;color:#fff;font-family:Segoe UI,system-ui,sans-serif;box-shadow:0 40px 80px rgba(0,0,0,.6);border:1px solid #0d4b80;opacity:0}
.yv-smart h4{margin:0 0 14px;font-size:28px;font-weight:600}.yv-smart p{font-size:16px;opacity:.95;margin:0 0 14px}.yv-smart u{display:inline-block;font-size:16px;outline:3px solid #facc15;outline-offset:3px}
.yv-smart .b{display:flex;gap:10px;justify-content:flex-end;margin-top:26px}.yv-smart .b span{border:1px solid #fff;padding:8px 22px;font-size:16px}.yv-smart .b .hl{background:#fff;color:#1f6fb2;font-weight:700;outline:3px solid #facc15}
.yv-inst{position:absolute;left:340px;top:200px;width:600px;padding:0 0 26px;background:#f3f3f3;color:#1b1b1b;font-family:Segoe UI,system-ui,sans-serif;box-shadow:0 40px 80px rgba(0,0,0,.6)}
.yv-inst .t{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-bottom:1px solid #ddd;font-size:15px}.yv-inst .t img{width:22px}
.yv-inst p{margin:26px 28px 14px;font-size:16px}.yv-inst .pb{margin:0 28px;height:22px;background:#e2e2e2;border:1px solid #bcbcbc}.yv-inst .pb i{display:block;height:100%;width:0;background:linear-gradient(#5fd35f,#2e9d2e)}
.yv-inst small{display:block;margin:10px 28px 0;color:#555}
.yv-done{position:absolute;left:0;right:0;top:470px;margin:auto;width:max-content;padding:12px 22px;background:#49c51e;color:#06120a;font-weight:900;font-size:22px;border:2px solid #000}
.yv-prog{position:absolute;left:640px;top:560px;width:600px;padding:16px 20px;background:rgba(8,10,12,.92);border:2px solid #000;box-shadow:0 0 0 1px #49c51e}
.yv-prog b{display:block;font-size:18px}.yv-prog div{height:10px;margin:10px 0 8px;background:#262b33;border-radius:6px;overflow:hidden}.yv-prog i{display:block;height:100%;background:#49c51e}.yv-prog small{color:#9aa3ae}
.yv-mcl{position:absolute;left:240px;top:110px;width:800px;padding:20px;font-family:"Courier New",monospace;color:#fff;text-shadow:2px 2px 0 #3f3f3f}
.yv-mcl h3{margin:0 0 20px;text-align:center;font-size:24px}
.yv-mcl .row{display:flex;gap:14px;align-items:center;padding:10px;margin-bottom:8px;border:2px solid transparent;font-size:18px}.yv-mcl .row.on{border-color:#fff;background:rgba(0,0,0,.45)}
.yv-mcl .ic{width:64px;height:64px;background:#111;display:grid;place-items:center}.yv-mcl .ic img{width:60px}.yv-mcl .ic.g{background:#555}
.yv-mcl .row span{display:block;color:#aaa;font-size:15px}.yv-mcl .row em{margin-left:auto;font-style:normal;color:#55ff55;font-size:14px}
.yv-mcl .btns{display:flex;gap:10px;justify-content:center;margin-top:220px}.yv-mcl .btns span{padding:10px 18px;background:#6f6f6f;border:2px solid #000;box-shadow:inset 2px 2px 0 #aaa,inset -2px -2px 0 #444;font-size:16px}.yv-mcl .btns .hl{outline:3px solid #facc15}
.yv-splash{position:absolute;left:50%;top:180px;width:320px;margin-left:-160px}
.yv-splashbar{position:absolute;left:390px;top:540px;width:500px;height:10px;border:2px solid #fff;padding:2px}.yv-splashbar i{display:block;height:100%;background:#fff}
.yv-menu{position:absolute;inset:0;opacity:0}
.yv-menu .pano{position:absolute;inset:0;background:url(/poradnik/img/pano.webp) repeat-x;background-size:auto 720px;image-rendering:pixelated;filter:brightness(.85)}
.yv-menu img{position:absolute;left:50%;top:40px;width:250px;margin-left:-125px;filter:drop-shadow(0 16px 30px rgba(0,0,0,.6))}
.yv-menu .mb{position:absolute;left:50%;top:330px;width:400px;margin-left:-200px;display:flex;flex-direction:column;gap:10px}
.yv-menu .mb span{height:46px;line-height:46px;text-align:center;background:rgba(10,14,16,.72);border:1px solid rgba(255,255,255,.12);border-radius:10px;font-weight:700;font-size:17px;backdrop-filter:blur(6px)}
.yv-menu .mb .g{background:#49c51e;color:#06120a;border-color:#000}
.yv-menu small{position:absolute;left:16px;bottom:12px;color:#cfd6dc;font-size:14px}
.yv-hud{position:absolute;padding:6px 12px;background:rgba(0,0,0,.55);border-radius:6px;font:700 17px system-ui;color:#fff}.yv-hud i{font-style:normal;color:#49c51e;margin-right:8px}
.yv-keys{position:absolute;left:34px;top:210px;width:186px;display:grid;grid-template-columns:repeat(3,58px);gap:6px}
.yv-keys span{height:52px;display:grid;place-items:center;background:rgba(0,0,0,.55);border-radius:6px;font:800 17px system-ui;color:#fff}.yv-keys .w{grid-column:2}.yv-keys .wide{grid-column:span 1;font-size:13px}
.yv-keys span:nth-child(5){grid-column:1/span 2}.yv-keys .on{background:rgba(255,255,255,.85);color:#000}
.yv-spot{position:absolute;right:34px;top:34px;display:flex;gap:12px;align-items:center;width:330px;padding:10px;background:rgba(0,0,0,.6);border-radius:10px}
.yv-spot .cv{width:56px;height:56px;border-radius:6px;display:grid;place-items:center;background:linear-gradient(135deg,#1db954,#0c5d2b);font-size:26px}
.yv-spot b{display:block;font-size:16px}.yv-spot small{color:#bbb;font-size:13px}.yv-spot .pb{width:230px;height:4px;margin-top:6px;background:rgba(255,255,255,.25);border-radius:4px;overflow:hidden}.yv-spot .pb i{display:block;height:100%;background:#1db954}
.yv-kb{position:absolute;left:600px;width:640px;display:flex;align-items:center;gap:16px;padding:14px 18px;background:rgba(8,10,12,.86);border:2px solid #000;font-size:18px}
.yv-kb kbd{min-width:120px;text-align:center;padding:6px 10px;background:#0f1216;border:1px solid #3a404a;border-bottom-width:4px;font:800 18px system-ui;color:#fff}
.yv-cos{position:absolute;width:200px;padding:16px 10px 12px;text-align:center;background:rgba(14,18,22,.85);border:2px solid #000;box-shadow:0 0 0 1px rgba(73,197,30,.35)}
.yv-cos img{width:150px;height:150px;image-rendering:pixelated}.yv-cos b{display:block;margin-top:6px;font-size:17px}
.yv-cta{position:absolute;left:0;right:0;top:500px;display:flex;gap:16px;justify-content:center}.yv-cta span{padding:14px 26px;background:#14171c;border:2px solid #000;box-shadow:0 0 0 1px #49c51e;font-size:24px;font-weight:800}.yv-cta span:first-child{background:#49c51e;color:#06120a}.yv-cta b{color:#49c51e}

.yv-recmode{background:#000!important;overflow:hidden}.yv-recmode .wrap>*:not(.yv){display:none!important}.yv-recmode .yv{position:fixed;inset:0;border:0;box-shadow:none}.yv-recmode .yv-screen{height:100vh;aspect-ratio:auto}
.yv:not(.started) .yv-cap{display:none}@media(max-width:600px){.yv-cap{bottom:48px;font-size:10.5px;padding:5px 9px}.yv-ctl{gap:4px;padding:16px 6px 6px}.yv-ctl button{width:28px;height:28px}.yv-time{min-width:64px;font-size:11px}.yv-big{width:64px;height:64px}.yv-big::after{left:25px;top:18px;border-left-width:20px;border-top-width:14px;border-bottom-width:14px}}
.yv-vol .mu{display:none}.yv-vol.off .mu{display:block}.yv-vol.off .on{display:none}