/* ===== Strefa fana: mini-gry (assets/gry.js) ===== */
/* linki do gier w blokach Start – widoczne tylko, gdy gra jest włączona w panelu */
.g-link{display:none;align-items:center;gap:8px;width:100%;margin-top:10px;padding:9px 12px;border-radius:12px;border:1px dashed rgba(255,122,179,.45);background:rgba(244,3,110,.08);color:#ffd0e3;font:600 13px/1.25 var(--f-body);text-align:left;cursor:pointer}
.g-link b{color:#fff}.g-link .gl-i{font-size:17px}.g-link .gl-t{flex:1;min-width:0}.g-link i{margin-left:auto;font-style:normal;color:#ff7ab3;font-size:18px}
:root[data-gtrasa] .hg-game,:root[data-gtank] .hf-game{display:flex}
.hf-slide .hf-game{margin-top:8px}

/* blok na Start */
#hGames:empty{display:none}
.h-games{border-radius:20px;padding:14px;background:linear-gradient(160deg,#1a0612,#0a0a0c 70%);border:1px solid var(--blk-line,#5c0a33)}
.gb-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.gb-top .h-t{margin:0}.gb-top .h-t span{color:#ff7ab3}
.gb-rank{border:0;background:none;color:#ff7ab3;font:700 13px var(--f-body);cursor:pointer}
.gb-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gb-tiles.one{grid-template-columns:1fr}
.gb-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:118px;padding:10px 12px;border-radius:16px;border:1.5px solid #5c0a33;background:radial-gradient(90% 70% at 70% 20%,rgba(255,47,134,.28),transparent 70%),#120509;color:#fff;text-align:left;cursor:pointer;overflow:hidden}
.gb-tile b{font:400 16px/1.05 var(--f-display);margin-top:auto;text-shadow:0 0 12px rgba(255,47,134,.8)}.gb-tile small{font:500 11.5px/1.25 var(--f-body);color:#ffbfdc}
.gb-art{display:block;height:52px;width:76px;align-self:flex-end}.gb-art img{width:100%;height:100%;object-fit:contain}.gb-art .emo{font-style:normal;font-size:42px;line-height:52px;display:block;text-align:right}
.gb-tank .gb-art .emo{transform:rotate(-15deg)}
.gb-lead{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:9px 12px;border-radius:14px;border:1px solid rgba(245,197,66,.45);background:rgba(245,197,66,.08);color:#fff;text-align:left;cursor:pointer}
.gb-lead small{display:block;font:800 10px var(--f-body);letter-spacing:.1em;color:#f5c542}.gb-lead b{font:700 14px var(--f-body)}
.gl-cr{font-size:22px}.gb-lead em{margin-left:auto;font:600 11px var(--f-body);font-style:normal;color:#ffe6a0;text-align:right;max-width:40%}
.gb-hint{margin:10px 0 0;font:500 12px var(--f-body);color:#bbb;text-align:center}

/* nakładka gry */
.gry{position:fixed;inset:0;z-index:5000;background:#000;color:#fff;font-family:var(--f-body);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.gry[hidden]{display:none}
:root.gry-open,:root.gry-open body{overflow:hidden}
.gr-x{position:absolute;right:14px;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:20;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:18px;cursor:pointer}
.gr-in{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.gry[data-v=play] .gr-in{overflow:hidden}
.gry[data-v=start],.gry[data-v=end],.gry[data-v=rank]{background:radial-gradient(80% 45% at 50% 0%,#3a0020,transparent 70%),linear-gradient(180deg,#0d0d10,#000)}
.gr-start,.gr-end,.gr-rank{display:flex;flex-direction:column;gap:12px;max-width:440px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 54px) 18px calc(env(safe-area-inset-bottom,0px) + 22px)}
.gr-tt{margin:0;text-align:center;font:400 32px/1 var(--f-display);text-shadow:0 0 18px #ff2f86}.gr-tt span{color:#ff2f86}.gr-tt.sm{font-size:26px}
.gr-sub{margin:-4px 0 0;text-align:center;color:#ffd0e3;font-size:14px}
.gr-card{border-radius:18px;background:rgba(20,6,14,.85);border:1.5px solid #5c0a33;padding:12px 14px}
.gr-card small,.gr-h small{font:800 11px var(--f-body);letter-spacing:.12em;color:#ff8fbf}
.gr-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.gr-h button{border:0;background:none;color:#ff7ab3;font:700 12px var(--f-body);cursor:pointer}
.gr-me{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gr-me span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:14px;background:rgba(255,255,255,.05);font:600 10.5px var(--f-body);color:#bbb;text-align:center}
.gr-me b{font:800 17px var(--f-body);color:#fff}
.gr-route{text-align:center}.gr-route p{display:flex;align-items:center;justify-content:center;gap:8px;margin:6px 0 2px;font-weight:800;font-size:15px}
.gr-route p i{flex:1;max-width:90px;height:3px;background:repeating-linear-gradient(90deg,#ff8fbf 0 8px,transparent 8px 14px)}.gr-route em{font-style:normal;font-size:12px;color:#aaa}
.gr-cars{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gr-car{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 8px;border-radius:16px;border:2px solid #333;background:#0e0e12;color:#fff;cursor:pointer}
.gr-car img{width:100%;height:70px;object-fit:contain}.gr-car .emo{font-size:46px;font-style:normal}.gr-car b{font:400 15px var(--f-display)}
.gr-car.on{border-color:#ff2f86;box-shadow:0 0 0 3px rgba(255,47,134,.25),0 0 22px rgba(255,47,134,.4);background:#1a0611}
.gr-leg{display:grid;grid-template-columns:1fr 1fr;gap:7px 8px}.gr-leg span{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#ddd}.gr-leg .bad{color:#ff9aa8}
.gr-leg .li{width:26px;height:26px;object-fit:contain;flex:0 0 26px;font-style:normal;font-size:20px;text-align:center;line-height:26px}
.gr-how p{margin:0 0 8px;font-size:14px;line-height:1.4;color:#eee}.gr-how .gr-sm{margin:0;font-size:12px;color:#aaa}
.gr-pts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.gr-pts span{display:flex;flex-direction:column;align-items:center;padding:6px 2px;border-radius:10px;background:rgba(255,255,255,.05);font-size:10.5px;font-weight:700;color:#f5c542;text-align:center}
.gr-pts b{font-size:12px;color:#fff}.gr-pts .bad{color:#ff7a88}
.gr-pod{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.gr-pod li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;column-gap:8px;font-size:14px}.gr-pod li b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gr-pod li em{font-style:normal;font-weight:800;color:#f5c542}.gr-pod li small{grid-column:2/4;font:600 11px var(--f-body);letter-spacing:0;color:#ffbfdc}.gp-n{font-size:20px}
.gr-empty{margin:4px 0;font-size:13px;color:#bbb;text-align:center}
.gr-go{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:56px;border:0;border-radius:999px;background:linear-gradient(180deg,#ff3d97,#d4005f);color:#fff;font:800 18px var(--f-body);box-shadow:0 10px 30px rgba(244,3,110,.45);cursor:pointer}
.gr-go.sm{height:44px;font-size:15px;margin-top:8px}
.gr-b2{flex:1;height:46px;border-radius:999px;border:1.5px solid #5c0a33;background:#14060d;color:#fff;font:700 14px var(--f-body);cursor:pointer}
.gr-btns{display:flex;flex-wrap:wrap;gap:10px}.gr-btns .gr-go{flex:1 1 100%}
.gr-res{margin:0;text-align:center;font:800 20px var(--f-body)}
.gr-score{display:flex;flex-direction:column;align-items:center;padding:14px;border-radius:20px;background:#050505;border:2px solid #2c2c2c}
.gr-score small{font:800 11px var(--f-body);letter-spacing:.14em;color:#9a9a9a}.gr-score b{font:800 60px/1.05 var(--f-led,monospace);color:#29d3ff;text-shadow:0 0 16px #29d3ff}
.gr-score em{font-style:normal;font-weight:800;color:#f5c542}.gr-score span{font-size:13px;color:#aaa}
.gr-save label{display:flex;flex-direction:column;gap:6px}
.gr-save input{height:46px;border-radius:12px;border:1.5px solid #5c0a33;background:#0b0b0e;color:#fff;padding:0 12px;font:600 16px var(--f-body);-webkit-user-select:text;user-select:text}
.gr-sv{margin:0;text-align:center;font-size:14px;color:#ddd}.gr-sv.ok b{color:#f5c542;font-size:18px}.gr-sv.err{color:#ff9aa8}
.gr-nk{margin:6px 0 0;text-align:center;font-size:12px;color:#aaa}.gr-nk button{border:0;background:none;color:#ff7ab3;font:700 12px var(--f-body);text-decoration:underline;cursor:pointer}
.gr-tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.gr-tabs button{padding:8px 14px;border-radius:999px;border:1.5px solid #5c0a33;background:#120509;color:#ddd;font:700 13px var(--f-body);cursor:pointer}
.gr-tabs [aria-current]{background:#f4036e;border-color:#f4036e;color:#fff}
.gr-prz{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:14px;background:rgba(245,197,66,.08);border:1px solid rgba(245,197,66,.35);font-size:13px;color:#ffe6a0}
.gr-list{list-style:none;margin:0;padding:0;border-radius:16px;overflow:hidden;border:1px solid #2a2a2a}
.gr-list li{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:10px 12px;font-size:14px;border-top:1px solid #1d1d1d}.gr-list li:first-child{border-top:0}
.gr-list li:nth-child(-n+3) span{color:#f5c542;font-weight:800}.gr-list li span{color:#888;font-weight:700}.gr-list li b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gr-list li em{font-style:normal;font-weight:800}
.gr-list li.gr-mine{background:rgba(244,3,110,.18)}.gr-list li.none{display:block;text-align:center;color:#aaa}
.gr-toast{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 30px);transform:translateX(-50%);z-index:30;padding:10px 16px;border-radius:999px;background:#fff;color:#000;font:700 14px var(--f-body)}

/* --- Tankuj do pełna! --- */
.gt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 54px) 18px calc(env(safe-area-inset-bottom,0px) + 22px);background:radial-gradient(70% 40% at 50% 30%,#3a0020,transparent 70%),linear-gradient(180deg,#0d0d10,#000)}
.gt .gr-tt{font-size:26px}
.gt-hud{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:320px}
.gt-lv i{font-style:normal;color:#ff2f86;font-size:18px;margin-right:2px;text-shadow:0 0 8px #ff2f86}.gt-lv i.off,.gw-lv i.off{color:#333;text-shadow:none}
.gt-sc{font:800 11px var(--f-body);letter-spacing:.12em;color:#ff8fbf}.gt-sc b{font-size:20px;color:#fff;letter-spacing:0;margin-left:4px}
.gt-pyl{width:100%;max-width:320px;border-radius:20px;border:2px solid #2c2c2c;background:#050505;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.7)}
.gt-bar{height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;background:linear-gradient(180deg,#6e0333,#4a0222)}.gt-bar span{flex:1;height:3px;background:#f4036e;box-shadow:0 0 8px #f4036e}.gt-bar b{font:400 21px var(--f-display);text-shadow:0 0 10px #fff}
.gt-body{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 16px 12px}
.gt-body small{font:800 11px var(--f-body);letter-spacing:.14em;color:#ff8fbf}
.gt-led{font:800 clamp(52px,17vw,68px)/1 var(--f-led,monospace);color:#29d3ff;text-shadow:0 0 16px #29d3ff;font-variant-numeric:tabular-nums}
.gt-goal{font-weight:800}.gt-goal em{font-style:normal;font:800 26px var(--f-led,monospace);color:#f5c542;text-shadow:0 0 10px #f5c542}
.gt-gauge{position:relative;width:100%;height:14px;border-radius:8px;background:#151515;border:1px solid #2a2a2a;overflow:hidden}
.gt-gauge i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#29d3ff,#2bd47d 70%,#f5c542 88%,#ff3b30)}.gt-gauge s{position:absolute;top:-3px;bottom:-3px;width:3px;background:#fff;box-shadow:0 0 6px #fff}
.gt-rnd{margin:2px 0 0;font-size:12px;color:#9a9a9a}
.gt-msg{min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.gt-msg b{font:400 26px/1 var(--f-display)}.gt-msg span{font-size:13px;color:#ddd}
.gt-msg.top b{color:#f5c542;text-shadow:0 0 16px #f5c542;animation:gtPop .5s}.gt-msg.ok b{color:#2bd47d}.gt-msg.bad b{color:#ff4d5e;animation:gtShake .4s}
@keyframes gtPop{0%{transform:scale(.4)}60%{transform:scale(1.2)}100%{transform:scale(1)}}
@keyframes gtShake{0%,100%{transform:none}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
.gt-noz{position:absolute;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 150px);width:84px;height:84px;transform:rotate(-20deg);filter:drop-shadow(0 0 14px rgba(41,211,255,.5));pointer-events:none}
.gt-noz img{width:100%;height:100%;object-fit:contain}.gt-noz .emo{font-size:70px;font-style:normal}
.gt-hold{margin-top:auto;width:156px;height:156px;flex:0 0 156px;border-radius:50%;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;background:radial-gradient(circle,#ff3d97,#a3004a);box-shadow:0 0 0 10px rgba(255,47,134,.15),0 0 40px rgba(255,47,134,.6);font:700 13px var(--f-body);touch-action:none;cursor:pointer;transition:transform .1s}
.gt-hold b{font:400 22px var(--f-display)}
.gt-hold.on{transform:scale(.93);box-shadow:0 0 0 16px rgba(255,47,134,.25),0 0 60px rgba(255,47,134,.9)}
.gt-hold.wait{opacity:.45}

/* --- W trasę! --- */
.gw{position:absolute;inset:0;background:#000}
.gw canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}
.gw-hud{position:absolute;left:12px;right:60px;top:calc(env(safe-area-inset-top,0px) + 10px);display:flex;flex-direction:column;gap:7px;pointer-events:none}
.gw-route{display:flex;align-items:center;gap:8px;font:800 12px var(--f-body);text-shadow:0 1px 4px #000}.gw-route>span{max-width:28%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gw-prog{position:relative;flex:1;margin:0 14px;height:6px;border-radius:4px;background:rgba(255,255,255,.15)}.gw-prog i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:#ff2f86;box-shadow:0 0 8px #ff2f86}
.gw-prog b{position:absolute;top:50%;width:30px;height:22px;transform:translate(-50%,-55%)}.gw-prog b img{width:100%;height:100%;object-fit:contain}.gw-prog b .emo{font-size:18px;font-style:normal}
.gw-row{display:flex;align-items:center;gap:10px}
.gw-fuel{display:flex;align-items:center;gap:5px;flex:1;font-size:15px}.gw-fb{flex:1;height:10px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden}
.gw-fb i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#2bd47d,#f5c542);transition:width .2s}.gw-fb i.low{background:#ff3b30;animation:gwBlink .6s infinite alternate}
@keyframes gwBlink{to{opacity:.35}}
.gw-lv i{font-style:normal;color:#ff2f86;font-size:15px;text-shadow:0 0 8px #ff2f86}
.gw-sc{font:600 12px var(--f-body);color:#ffd0e3}.gw-sc b{font:800 20px var(--f-body);color:#fff}
.gw-bdg{display:flex;gap:6px}.gw-bdg span{padding:3px 10px;border-radius:999px;background:#f4036e;font:400 13px var(--f-display);box-shadow:0 0 14px #f4036e}
.gw-bdg #gwTurbo{background:#f5c542;color:#000;box-shadow:0 0 14px #f5c542}
.gw-cd{position:absolute;left:0;right:0;top:40%;text-align:center;font:400 64px var(--f-display);color:#fff;text-shadow:0 0 24px #ff2f86;pointer-events:none}
.gw-pause{position:absolute;right:14px;top:calc(env(safe-area-inset-top,0px) + 56px);width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:13px;cursor:pointer}
.gw-paused{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;background:rgba(0,0,0,.75)}
.gw-paused[hidden]{display:none}.gw-paused b{font:400 34px var(--f-display);text-shadow:0 0 18px #ff2f86}.gw-paused .gr-go{max-width:300px}
.gr-end{min-height:100%;justify-content:center;box-sizing:border-box}
/* Tankuj: wybór trybu (litry / kwota) */
.gr-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gr-mode{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:16px;border:2px solid #333;background:#0e0e12;color:#fff;cursor:pointer}
.gr-mode i{font-style:normal;font-size:26px}.gr-mode b{font:400 14px var(--f-display)}.gr-mode small{font-size:12px;color:#aaa}
.gr-mode.on{border-color:#ff2f86;box-shadow:0 0 0 3px rgba(255,47,134,.25),0 0 22px rgba(255,47,134,.4);background:#1a0611}
.gt-sub{margin:0;font:600 13px var(--f-body);color:#9adfff;font-variant-numeric:tabular-nums}
.gt.tap .gt-hold.on{transform:none;animation:gtPulse .8s infinite alternate}
@keyframes gtPulse{to{box-shadow:0 0 0 18px rgba(255,47,134,.22),0 0 70px rgba(255,47,134,.95)}}
/* W trasę: prędkość, gaz / hamulec, podpowiedź sterowania */
.gw-spd{font:600 12px var(--f-body);color:#ffd0e3}.gw-spd b{font:800 18px var(--f-body);color:#fff;font-variant-numeric:tabular-nums;margin-right:3px}
.gw-pedal{font:800 12px var(--f-body);letter-spacing:.06em;padding:2px 8px;border-radius:999px}
.gw-pedal:empty{display:none}.gw-pedal.gaz{background:#2bd47d;color:#000}.gw-pedal.brake{background:#ff4d5e;color:#fff}
.gw-tip{position:absolute;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);margin:0;padding:10px 14px;border-radius:14px;background:rgba(0,0,0,.65);color:#fff;font:600 13px/1.35 var(--f-body);text-align:center;pointer-events:none;transition:opacity .6s}
.gw-tip.off{opacity:0}
/* licznik prędkości (prawy dolny róg) */
.gw-gauge{position:absolute;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);width:128px;height:128px;pointer-events:none;filter:drop-shadow(0 6px 16px rgba(0,0,0,.6))}
.gw-gauge svg{width:100%;height:100%;overflow:visible}
.gw-gauge .gg-bg{fill:rgba(8,6,10,.78);stroke:rgba(255,255,255,.12);stroke-width:1}
.gw-gauge .gg-track{fill:none;stroke:rgba(255,255,255,.1);stroke-width:5;stroke-linecap:round}
.gw-gauge .gg-val{fill:none;stroke:#f4036e;stroke-width:5;stroke-linecap:round;transition:stroke-dasharray .12s linear;filter:drop-shadow(0 0 3px rgba(244,3,110,.8))}
.gw-gauge.turbo .gg-val{stroke:#f5c542;filter:drop-shadow(0 0 3px rgba(245,197,66,.8))}
.gw-gauge .tb{stroke:#fff;stroke-width:1.6}.gw-gauge .ts{stroke:rgba(255,255,255,.4);stroke-width:.8}
.gw-gauge text{fill:rgba(255,255,255,.75);font:600 6.5px var(--f-body);text-anchor:middle}
.gw-gauge #gwNeedle{transition:transform .12s linear}
.gw-gauge .gg-nd{stroke:#ff2f86;stroke-width:2.4;stroke-linecap:round}
.gw-gauge .gg-hub{fill:#111;stroke:#ff2f86;stroke-width:1.6}
.gw-gauge .gg-num{fill:#fff;font:800 17px var(--f-body);font-variant-numeric:tabular-nums}
.gw-gauge .gg-unit{fill:rgba(255,255,255,.6);font:600 6px var(--f-body);letter-spacing:.08em}
.gw-gauge .gg-l{font:800 7px var(--f-body);fill:rgba(255,255,255,.18)}.gw-gauge .gg-t{font-size:5.5px;letter-spacing:.06em}
.gw-gauge.gas #gwLG{fill:#2bd47d}.gw-gauge.brake #gwLB{fill:#ff4d5e}.gw-gauge.turbo #gwLT{fill:#f5c542}
.gw-gauge.turbo .gg-nd{stroke:#f5c542}.gw-gauge.turbo .gg-hub{stroke:#f5c542}
.gw-tip{right:148px}
/* W trasę – jazda na czas */
.gw-time{display:flex;flex-direction:column;line-height:1}.gw-time small{font:800 9px var(--f-body);letter-spacing:.14em;color:#ff8fbf}
.gw-time b{font:800 26px var(--f-body);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px #000}
.gw-pen{font:800 15px var(--f-body);opacity:0;transform:translateY(4px)}
.gw-pen.on{animation:gwPen 1.4s ease-out}
.gw-pen.bad{color:#ff4d5e}.gw-pen.ok{color:#2bd47d}
@keyframes gwPen{0%{opacity:0;transform:translateY(6px) scale(.8)}15%{opacity:1;transform:none scale(1.15)}30%{transform:none}80%{opacity:1}100%{opacity:0}}
/* Tankuj: blok reklamowy pod licznikiem (proporcje 3:1, np. 1080×360) */
.gt-ad{position:relative;display:block;width:100%;max-width:320px;aspect-ratio:3/1;border-radius:14px;overflow:hidden;background:#111;border:1px solid #2a2a2a;flex:none}
.gt-ad img{display:block;width:100%;height:100%;object-fit:cover}
.gt-ad small{position:absolute;right:6px;top:5px;padding:1px 6px;border-radius:6px;background:rgba(0,0,0,.55);color:rgba(255,255,255,.75);font:700 8.5px var(--f-body);letter-spacing:.1em}
.gt-ad.nolink{pointer-events:none}
@media (max-height:760px){.gt{gap:7px;padding-top:calc(env(safe-area-inset-top,0px) + 48px)}.gt .gr-tt{font-size:22px}.gt-led{font-size:clamp(44px,14vw,56px)}.gt-msg{min-height:42px}.gt-hold{width:128px;height:128px;flex-basis:128px}.gt-ad{max-width:290px}.gt-noz{bottom:calc(env(safe-area-inset-bottom,0px) + 120px);width:64px;height:64px}.gt-noz .emo{font-size:54px}}
/* ===== Wirtualna stacja Skolim: pylon z wyborem paliwa, wyświetlacz 7-seg, paragon, palmy ===== */
.vs-seg{display:inline-flex;gap:calc(var(--h) * .06);height:var(--h);vertical-align:middle}
.vs-seg svg{height:100%;width:auto;aspect-ratio:14/20;overflow:visible}
.vs-seg [data-s]{fill:#ff2f86;opacity:.09}.vs-seg [data-s].on{opacity:1}
.vs-pylon .vs-seg,.vs-goal .vs-seg:not([id]){filter:drop-shadow(0 0 3px rgba(255,47,134,.75))} /* poświata tylko na stałych cenach – liczniki w grze bez filtrów (płynność) */
.vs-box.big{box-shadow:inset 0 2px 8px rgba(0,0,0,.9),inset 0 0 18px rgba(255,47,134,.12)}
.vs-pylon{width:100%;max-width:330px;margin:4px auto 0;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#141418,#08080a);border:2px solid #26262c;box-shadow:0 14px 40px rgba(0,0,0,.7),inset 0 0 0 1px #000;overflow:hidden}
.vs-top{height:52px;display:flex;align-items:center;justify-content:center;padding:0 18px;background:linear-gradient(180deg,#f4036e,#b1004f);border-bottom:2px solid #000}
.vs-top.sm{height:40px}
.vs-sign{height:20px;width:auto;max-width:100%;fill:#fff;filter:drop-shadow(0 0 6px rgba(255,255,255,.45))}.vs-top.sm .vs-sign{height:15px}
.vs-signt{font:400 22px var(--f-display);color:#fff}
.vs-rows{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 14px 12px 34px}
.vs-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:5px 8px 5px 12px;border:0;border-radius:8px;background:transparent;color:#fff;cursor:pointer;transition:background .25s;-webkit-tap-highlight-color:transparent}
.vs-row.on{background:linear-gradient(90deg,rgba(244,3,110,.32),rgba(244,3,110,.04) 75%)}
.vs-lab{flex:1;display:flex;align-items:center;min-width:0}
.vs-fl{height:12px;width:auto;max-width:100%;fill:#fff}.vs-fl.two{height:17px}.vs-fl.sm{height:10px}.vs-fl.sm.two{height:14px}
.vs-ft{font:400 18px var(--f-display);color:#fff}.vs-ft.sm{font-size:13px}
.vs-box{display:inline-flex;align-items:center;justify-content:flex-end;padding:6px 8px;border-radius:5px;background:#000;border:1px solid #1d1d22;box-shadow:inset 0 2px 8px rgba(0,0,0,.9)}
.vs-arw{position:absolute;left:10px;top:0;width:15px;height:auto;fill:#ff2f86;filter:drop-shadow(0 0 6px #ff2f86);transition:transform .42s cubic-bezier(.3,1.4,.5,1);will-change:transform}
.vs-foot{display:flex;justify-content:space-between;gap:8px;padding:7px 14px;border-top:1px solid #1f1f24;font:800 9px var(--f-body);letter-spacing:.14em;color:#777}
.vs-rule{display:flex;align-items:center;justify-content:center;gap:8px;margin:2px 0 0;min-height:22px;font-size:13px;color:#ccc}.vs-rule b{color:#ff8fbf}
.vs-lbl{margin:6px 0 -2px;text-align:center;font:800 11px var(--f-body);letter-spacing:.16em;color:#ff8fbf}
.vs-modes .gr-mode{padding:12px 6px}.vs-modes .gr-mode b{font-size:15px}
.vs-start .gr-go{margin-top:2px}
.vs-rwl{display:flex;gap:10px;align-items:center;margin:0;font-size:13px;line-height:1.4;color:#ddd}
.vs-pi{display:inline-flex;flex:0 0 auto;width:28px;height:28px}.vs-pi svg{width:100%;height:100%}.vs-pi.big{width:44px;height:44px}
.vs-pi .kp-bg{fill:#f4036e}.vs-pi .kp-fg{fill:#fff}
/* ekran gry */
.vs-gt{gap:8px}
.vs-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#000;border:1px solid #333}.vs-chip .vs-fl{height:13px}.vs-chip .vs-fl.two{height:17px}.vs-chip .vs-ft{font-size:13px}
.vs-disp{width:100%;max-width:330px;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#141418,#08080a);border:2px solid #26262c;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.7)}
.vs-dg{display:flex;flex-direction:column;gap:8px;padding:12px 14px}
.vs-dl{display:flex;align-items:center;justify-content:space-between;gap:10px}
.vs-dl small{display:flex;flex-direction:column;font:800 12px var(--f-body);letter-spacing:.12em;color:#fff}.vs-dl small i{font-style:normal;font-weight:600;letter-spacing:.04em;font-size:10px;color:#888}
.vs-box.big{padding:7px 10px}
.vs-goal{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;font:800 10px var(--f-body);letter-spacing:.1em;color:#aaa}
.vs-goal>span{display:inline-flex;align-items:center;gap:6px}.vs-goal i{font-style:normal;color:#777}
.vs-gt .gt-gauge,.vs-gauge{position:relative;height:10px;border-radius:6px;background:#111;border:1px solid #2a2a2a;overflow:hidden}
.vs-gauge i{position:absolute;left:0;top:0;bottom:0;width:100%;transform:scaleX(0);transform-origin:0 50%;will-change:transform;background:linear-gradient(90deg,#6e0333,#f4036e 80%,#ff8fbf);box-shadow:0 0 10px #f4036e}.vs-gauge s{position:absolute;top:-2px;bottom:-2px;width:3px;background:#fff;box-shadow:0 0 6px #fff}
.vs-gt .gt-rnd{margin:0;text-align:center}
.vs-gt .gt-hold{width:132px;height:132px;flex-basis:132px}
.vs-gt .gt-noz{bottom:calc(env(safe-area-inset-bottom,0px) + 120px);width:70px;height:70px}
/* paragon */
.vs-rc{width:100%;max-width:300px;margin:4px auto 0;padding:16px 16px 22px;background:#f6f4ee;color:#1a1a1a;font:500 12px/1.5 ui-monospace,Menlo,Consolas,monospace;border-radius:4px 4px 0 0;
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,radial-gradient(6px at 6px 100%,transparent 98%,#000) bottom/12px 8px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,radial-gradient(6px at 6px 100%,transparent 98%,#000) bottom/12px 8px repeat-x}
.vs-rc h4{margin:0;text-align:center;font:400 18px var(--f-display);letter-spacing:.04em}
.vs-rc p{margin:0}.vs-rc .c{text-align:center}.vs-rc .sm{margin-top:8px;font-size:10px;color:#777}
.vs-rc hr{border:0;border-top:1px dashed #999;margin:8px 0}
.vs-rc .l{display:flex;justify-content:space-between;gap:8px}.vs-rc .big{font-weight:800;font-size:15px}
.vs-stp{display:inline-block;margin-top:8px;padding:3px 10px;border:2px solid #d4005f;border-radius:4px;color:#d4005f;font:800 11px var(--f-body);letter-spacing:.08em;transform:rotate(-3deg)}.vs-stp.no{border-color:#888;color:#666}
.gr-score.sm b{font-size:40px}
.vs-rwb:empty{display:none}
.vs-rew{display:flex;gap:12px;align-items:center}.vs-rew>div{display:flex;flex-direction:column;gap:2px;min-width:0}.vs-rew b{font-size:15px}.vs-rew small{font:500 12px/1.4 var(--f-body);letter-spacing:0;text-transform:none;color:#bbb}
.vs-rew.off{opacity:.8}.vs-rew.off .vs-pi{filter:grayscale(1);opacity:.6}.vs-rew.ok b{color:#2bd47d}
.vs-lim{display:flex;gap:5px;margin-top:4px}.vs-lim i{width:18px;height:6px;border-radius:3px;background:#f4036e}.vs-lim i.o{background:#333}
.vs-rwb .gr-go{margin-top:12px;height:48px;font-size:16px}
/* blok na Start */
#hVst:empty{display:none}
.vs-far{display:flex;flex-direction:column;position:relative;margin:0;border:1px solid var(--blk-line,#5c0a33);padding:18px 18px 16px;border-radius:22px;color:#fff;overflow:hidden;background:radial-gradient(120% 90% at 100% 0,#7a0238 0,transparent 60%),linear-gradient(160deg,#18181d,#050506)}
.vs-far>small{font:700 10px var(--f-body);letter-spacing:.14em;color:#c97a9e}
.vs-far h3{margin:4px 0 6px;font:700 18px/1.25 var(--f-body);letter-spacing:-.01em}
.vs-far>p{margin:0 0 12px;font-size:14px;line-height:1.45;color:#ddd}
.vs-dist{display:flex!important;align-items:center;gap:8px;font-size:12px!important;color:#aaa!important}.vs-dist .vs-fl{display:none}
.vs-far .gr-go{height:50px;font-size:16px;margin-top:auto}
.vs-pal{display:flex;align-items:center;gap:8px;margin:10px 0 0!important;font-size:12px!important}
@media (max-width:370px){.vs-rows{padding-left:30px}.vs-dl small{font-size:11px}.vs-far h3{font-size:17px}}
/* dymek z celem rundy – nad przyciskiem, znika, gdy paliwo zaczyna lecieć */
.vs-bub{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 22px + 132px + 18px);z-index:3;width:min(300px,calc(100% - 36px));padding:12px 16px 13px;border-radius:18px;background:#fff;color:#16161a;text-align:center;box-shadow:0 12px 34px rgba(0,0,0,.55),0 0 26px rgba(255,255,255,.18);
  opacity:0;transform:translate(-50%,12px) scale(.94);transition:opacity .22s,transform .3s cubic-bezier(.3,1.4,.5,1);pointer-events:none}
.vs-bub::after{content:"";position:absolute;left:50%;bottom:-9px;width:18px;height:18px;margin-left:-9px;background:#fff;transform:rotate(45deg);border-radius:0 0 4px 0}
.vs-bub.on{opacity:1;transform:translate(-50%,0) scale(1)}
.vs-bub small{display:block;font:800 10px var(--f-body);letter-spacing:.18em;color:#f4036e}
.vs-bub b{display:block;margin:2px 0 3px;font:800 16px/1.25 var(--f-body)}.vs-bub em{font-style:normal;color:#f4036e;font:400 22px var(--f-display);white-space:nowrap}
.vs-bub span{display:block;font-size:12px;color:#555}

/* życia: serduszka SVG – pełne różowe z poświatą, stracone szare (tak samo na iPhonie i Androidzie) */
.gt-lv{display:inline-flex;gap:4px}.gt-lv i{display:inline-flex;width:20px;height:20px}.gt-lv svg{width:100%;height:100%;fill:#ff2f86;filter:drop-shadow(0 0 5px rgba(255,47,134,.8));transition:fill .3s,filter .3s}
.gt-lv i.off svg{fill:#3a3a40;filter:none}