/* Présentation réaliste des fonctions, sans altérer les textes des captures. */
.preview-camera .camera-live-layer,.lightbox-preview .camera-live-layer{position:absolute;z-index:1;top:25.8%;left:7.3%;width:85.4%;height:37.4%;background:linear-gradient(180deg,rgba(9,22,31,.21),rgba(2,12,22,.2)),url('assets/pov-live-v6.webp') center / cover no-repeat;mix-blend-mode:screen;opacity:.93;border-radius:12px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 9%,black 89%,transparent);mask-image:linear-gradient(to bottom,transparent,black 9%,black 89%,transparent);pointer-events:none}
.camera-live-layer .pov-focus{position:absolute;z-index:2;left:50%;top:57%;width:44%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px dashed rgba(140,248,223,.49);border-radius:50%;box-shadow:0 0 40px rgba(52,237,204,.17),inset 0 0 25px rgba(1,15,25,.32)}
.pov-focus::before,.pov-focus::after{content:'';position:absolute;top:50%;left:50%;background:#9affe4;box-shadow:0 0 12px #5fffd7;transform:translate(-50%,-50%);border-radius:3px}
.pov-focus::before{width:30%;height:2px}.pov-focus::after{height:30%;width:2px}
.preview-catches .pike-miniature,.lightbox-preview .pike-miniature{position:absolute;z-index:2;left:11.2%;top:47.8%;width:30.2%;height:10.35%;object-fit:cover;object-position:center;border-radius:7px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);pointer-events:none}

/* Direction d'interface proposée pour la League : même ADN que l'application. */
.rank-ui{--rank-gold:#efcf88;position:relative;isolation:isolate;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 80% 4%,rgba(104,50,149,.43),transparent 39%),radial-gradient(ellipse at 10% 67%,rgba(26,181,160,.2),transparent 43%),linear-gradient(145deg,#152039 0%,#0a1327 68%,#0a1826 100%);border-radius:31px;padding:13% 6.2% 5%;color:#edf9f7;container-type:inline-size;text-align:left}
.rank-ui::before{content:'';position:absolute;z-index:-1;width:86%;aspect-ratio:1;top:8%;left:34%;border:1px solid rgba(164,239,221,.13);border-radius:50%;box-shadow:0 0 0 32px rgba(118,240,212,.025),0 0 0 73px rgba(118,240,212,.024);pointer-events:none}
.rank-top{display:flex;align-items:center;justify-content:space-between;gap:7px;flex:none}.rank-app-name{font:800 7.5cqw var(--display);line-height:1;letter-spacing:.04em}.rank-app-name>span{color:#90f1d6}.rank-live-dot{width:2.8cqw;height:2.8cqw;background:#b6f8c6;border-radius:50%;box-shadow:0 0 18px rgba(171,252,195,.8)}
.rank-league-label{display:inline-flex;align-items:center;align-self:flex-start;gap:2.4cqw;border:1px solid rgba(129,245,216,.4);background:rgba(42,145,148,.12);color:#bcfff0;border-radius:100px;padding:2.4cqw 3.5cqw;font-size:3.3cqw;font-weight:800;letter-spacing:.14em;margin-top:9cqw;white-space:nowrap}.rank-flag{font-size:5cqw;line-height:1}.rank-star{color:#f4c7e2;font-size:4.6cqw}
.rank-heading{font:800 19cqw/.75 var(--display);letter-spacing:-.02em;margin:7.5cqw 0 0;text-shadow:0 10px 23px rgba(0,0,0,.22)}.rank-heading em{display:inline-block;font:italic 17cqw/.88 var(--serif);letter-spacing:-.04em;color:var(--rank-gold);margin-top:1cqw}.rank-strap{margin-top:4cqw;font-size:4.1cqw;letter-spacing:.01em;font-weight:600;color:#c1d9d4}
.rank-ui-tabs{display:flex;gap:1.8cqw;margin-top:10cqw;padding:1.2cqw;border:1px solid rgba(158,230,218,.2);border-radius:2.5cqw;background:rgba(0,0,0,.19)}.rank-ui-tabs>span{font-size:3.4cqw;font-weight:700;flex:1;text-align:center;line-height:1.35;padding:2.9cqw 1.2cqw;color:#9bafb6;white-space:nowrap;border-radius:2cqw}.rank-ui-tabs>span.active{color:#061d20;background:linear-gradient(120deg,#a5f8e3,#65d9d4);box-shadow:0 0 19px rgba(82,222,197,.23)}
.rank-ui-caption{display:flex;justify-content:space-between;align-items:center;gap:4cqw;margin-top:9cqw;letter-spacing:.1em}.rank-ui-caption b{font-size:3.7cqw;color:#ebeadc}.rank-ui-caption>span{font-size:3cqw;font-weight:800;color:var(--rank-gold);white-space:nowrap}
.rank-leader{display:flex;align-items:center;gap:3.5cqw;margin-top:3.5cqw;min-height:25cqw;padding:3cqw 3.6cqw;border:1px solid rgba(245,205,131,.47);border-radius:4cqw;background:linear-gradient(113deg,rgba(206,159,78,.2),rgba(32,66,83,.66) 65%,rgba(22,40,56,.85));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 24px rgba(0,0,0,.17)}
.rank-medal{width:13cqw;height:13cqw;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;background:radial-gradient(circle at 32% 30%,#fff3be,#e6ac47 65%,#946228);border:1px solid rgba(255,247,207,.7);box-shadow:0 0 18px rgba(244,189,74,.29)}.rank-medal b{font:800 7cqw/.9 var(--display);color:#6a3a0a}.rank-leader-name{min-width:0;display:flex;flex-direction:column;gap:1.5cqw;flex:1}.rank-leader-name strong{font-size:5.3cqw;letter-spacing:-.025em;color:#fff;white-space:nowrap}.rank-leader-name small{font-size:3.05cqw;line-height:1.42;color:#b1c9c7}.rank-leader-score{display:flex;align-items:end;flex-direction:column;flex:none;color:#f8d999}.rank-leader-score strong{font:800 10cqw/.92 var(--display)}.rank-leader-score small{font-size:3cqw;font-weight:800;letter-spacing:.12em}
.rank-verification{font-size:3.05cqw;font-weight:800;letter-spacing:.05em;color:#a8ddd2;display:flex;align-items:center;gap:2.5cqw;margin-top:4.7cqw;line-height:1.3}.rank-verification span{width:5.5cqw;height:5.5cqw;border-radius:50%;background:rgba(107,234,190,.18);border:1px solid rgba(133,250,210,.5);font-weight:900;display:flex;align-items:center;justify-content:center;color:#9cf4c8;flex:none}
.rank-how{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:6cqw;display:flex;flex-direction:column;gap:3.1cqw}.rank-how p{margin:0 0 1cqw;font-weight:800;letter-spacing:.09em;font-size:3.7cqw;color:#e3d6b3}.rank-how>div{font-size:3.7cqw;display:flex;align-items:center;gap:3cqw;color:#c6d9d9}.rank-how b{font-size:3.5cqw;color:#7fe2d1;font-weight:800}
.rank-bottom{display:flex;justify-content:space-between;color:#91bcb3;font-size:3cqw;font-weight:800;letter-spacing:.13em;margin-top:auto;padding-top:8cqw}.rank-bottom>span:last-child{color:#f6b0d8}
.rank-frame{border-color:rgba(170,225,217,.57)}

/* Palmarès illustratif : des rangs visibles sans inventer de vrais inscrits. */
.rank-others{display:grid;gap:1.6cqw;margin-top:3.7cqw}
.rank-other{display:flex;align-items:center;gap:3cqw;min-height:11.4cqw;border-radius:2.7cqw;border:1px solid rgba(177,225,218,.15);padding:2cqw 3.1cqw;background:linear-gradient(100deg,rgba(44,69,88,.75),rgba(24,40,68,.65));white-space:nowrap}
.rank-other-place{width:8cqw;flex:none;color:#a3eedc;font:800 4.8cqw var(--display);text-align:center}
.rank-other strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:4.4cqw;letter-spacing:-.02em;color:#edf8f5}
.rank-other>span:last-child{font:800 5.1cqw var(--display);color:#e8e5d9}
.rank-other>span:last-child small{font:700 2.8cqw var(--body);color:#b8cac9}
.rank-others+.rank-verification{margin-top:4cqw;font-size:2.9cqw;letter-spacing:0}
.rank-ui-caption>span{font-size:2.7cqw}

/* Suppression non destructive des pastilles de toucher de la capture Android. */
.touch-clean{position:absolute;z-index:4;display:none;pointer-events:none}
.preview-badges .touch-clean-badges,.lightbox-preview.is-badges .touch-clean-badges{display:block;left:8.0%;top:28.72%;width:7.5%;height:3.0%;background:linear-gradient(90deg,#1a2c3f 0%,#1b3047 47%,#5d4e7a 48.5%,#23233f 52%,#191f3d 100%);filter:blur(.65px)}
.preview-catches,.lightbox-preview{container-type:inline-size}
.preview-catches .touch-clean-catches,.lightbox-preview.is-pike .touch-clean-catches{display:flex;align-items:center;justify-content:center;left:62.15%;top:62.42%;width:29.25%;height:5.48%;border:.38cqw solid #574569;border-radius:3.6cqw;background:#1c2e49;color:#f2f2f6;font:800 3.45cqw var(--body);letter-spacing:-.01em;filter:none}
.touch-clean-catches::after{content:'FERMER'}

/* La vision agrandie garde exactement les visuels de la présentation. */
.lightbox-preview{position:relative;height:min(78svh,800px);width:auto;aspect-ratio:1060/2376;max-width:90vw;flex:none;overflow:hidden;border-radius:16px;background:#091323}
.lightbox-preview #lightbox-image{width:100%;height:100%;max-height:none;object-fit:fill;border-radius:16px}
.lightbox-preview .lightbox-pov,.lightbox-preview .lightbox-pike{display:none}
.lightbox-preview.is-camera .lightbox-pov{display:block}
.lightbox-preview.is-pike .lightbox-pike{display:block}
.lightbox-rank{display:none;position:absolute;inset:0}
.lightbox-preview.is-rank .lightbox-rank{display:block}
.lightbox-preview.is-rank #lightbox-image{display:none}
.lightbox-rank .rank-ui{border-radius:16px;padding-top:13%}
@media(max-width:880px){.lightbox-preview{height:min(76svh,750px)}.rank-ui{border-radius:24px}.rank-frame .device-speaker{z-index:5}}