html body .page-shell:has(> .players-universe){width:100%;max-width:none;padding:82px 0 0;gap:0}
.players-universe{position:relative;isolation:isolate;width:100%;min-height:calc(100dvh - 82px);background:#060708;overflow:hidden;margin:0;view-transition-name:players-stage}
body .players-universe{background:linear-gradient(180deg,#050607b8,#050607e6),url('/static/ui/v21/hero-manga-city.png') center/cover no-repeat}
body .players-universe::before{display:block;background:radial-gradient(circle at 50% 48%,transparent 0 24%,#05060799 76%);opacity:1;filter:none}
.players-total{position:absolute;z-index:40;top:18px;left:50%;width:min(240px,60vw);display:flex;flex-direction:column;align-items:center;gap:10px;transform:translateX(-50%);color:#f4f2e9;pointer-events:none;white-space:nowrap;text-align:center;text-shadow:0 5px 28px #000}
.players-total strong{display:block;width:100%;font:400 clamp(78px,9vw,138px)/.68 'Archivo Black',sans-serif;letter-spacing:0;font-variant-numeric:tabular-nums;text-align:center}.players-total span{display:block;width:100%;font:600 10px/1.3 'IBM Plex Mono',monospace;letter-spacing:.24em;color:#f4e44d;text-align:center}
.players-heading{position:absolute;z-index:40;left:34px;top:24px;display:flex;flex-direction:column;justify-content:center;min-width:210px;padding:12px 17px 11px;background:#080c11e8;border:1px solid #ffffff24;border-left:3px solid #f4e44d;box-shadow:0 16px 42px #000b;backdrop-filter:blur(12px);pointer-events:none}
.players-heading h1{position:static;width:auto;max-width:none;font-size:clamp(19px,1.5vw,23px);white-space:nowrap;line-height:1;letter-spacing:.01em;text-shadow:0 3px 24px #000;margin:7px 0 0;transform:none}.players-heading .eyebrow{font-size:8px;letter-spacing:.2em;color:#aab5bd}
.players-center{position:absolute;z-index:40;left:50%;right:auto;bottom:18px;width:min(520px,calc(100% - 48px));margin:0;display:block;padding:0;background:none;border:0;box-shadow:none;text-align:left;pointer-events:none;transform:translateX(-50%)}
body .players-center .player-search{grid-area:search;pointer-events:auto;display:flex;align-items:center;gap:13px;padding:0 20px;background:#ece9ddf7;border:1px solid #fff;box-shadow:0 18px 48px #000c;color:#17191b;min-height:64px;backdrop-filter:blur(12px)}
body .players-center .player-search:focus-within{border-color:#f4e44d;box-shadow:0 18px 48px #000d,0 0 0 3px #f4e44d30}body .players-center .player-search input{background:none;border:0;outline:none;min-width:0;width:100%;color:#111315;font-size:14px;padding:18px 0}body .players-center .player-search input::placeholder{color:#626871;opacity:1}
.players-tools{grid-area:tools;display:flex;justify-content:flex-end;align-items:stretch;gap:14px;margin-top:0;font-size:10px;color:#b7c4d4;pointer-events:auto}
body .players-center .players-tools button{width:100%;border:1px solid #fff28a;background:#f4e44d;color:#090a0b;padding:8px 14px;font:600 11px/1.2 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 9px 0 #11120f,0 15px 24px #0008;transition:transform .22s,background-color .22s,box-shadow .22s}body .players-center .players-tools button:hover{background:#fff179;box-shadow:0 7px 0 #11120f,0 13px 20px #0009;transform:translateY(2px)}body .players-center .players-tools button:active{box-shadow:0 3px 0 #11120f,0 7px 12px #0009;transform:translateY(6px)}
.player-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;padding:30px}
.orbit-player{position:relative;display:block;min-width:0;background:#090b0e;overflow:hidden;border:1px solid #d8e5ec42;box-shadow:0 22px 55px #000c;aspect-ratio:4/5;transition:border-color .24s,filter .24s,box-shadow .24s,opacity .3s;transform-origin:center}
.orbit-player::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,#fff0 35%,#dceeff18 49%,#fff0 62%);transform:translateX(-120%);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.orbit-player>img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08)}
.orbit-file{position:absolute;z-index:2;left:12px;top:11px;padding:5px 7px;background:#080b0ee6;color:#dce6eb;font-size:8px;letter-spacing:.16em}
.orbit-caption{position:absolute;z-index:2;inset:auto 0 0;padding:62px 15px 15px;background:linear-gradient(transparent,#050608f5 54%)}
.orbit-caption strong{display:block;font-family:'Archivo Black',sans-serif;font-size:18px;letter-spacing:-.03em;overflow-wrap:anywhere}.orbit-caption small{display:block;margin-top:3px;font-family:'Cormorant Garamond',serif;font-size:13px;color:#d3d0c7;overflow-wrap:anywhere}.orbit-caption em{display:block;margin-top:9px;color:#f5e54d;font:500 8px/1.3 'IBM Plex Mono',monospace;letter-spacing:.11em;font-style:normal}
.orbit-arrow{position:absolute;z-index:3;right:11px;top:8px;color:white;text-shadow:0 1px 6px #000;opacity:0}.orbit-demo{position:absolute;z-index:3;right:10px;top:11px;color:#f4e44d;font:600 7px/1 'IBM Plex Mono',monospace;letter-spacing:.15em}
.orbit-player:hover,.orbit-player:focus-visible{border-color:#f4e44d;filter:brightness(1.12);opacity:1!important;z-index:24!important;box-shadow:0 28px 70px #000f,0 0 0 1px #f4e44d55}.orbit-player:hover::after,.orbit-player:focus-visible::after{transform:translateX(120%)}.orbit-player:hover .orbit-arrow,.orbit-player:focus-visible .orbit-arrow{opacity:1}
.players-universe.is-mounted:not(.is-list) .player-cards{position:absolute;inset:0;padding:0;display:block;pointer-events:none;z-index:3}
.players-universe.is-mounted:not(.is-list) .orbit-player{position:absolute;left:0;top:0;width:var(--flight-card-width,480px);pointer-events:auto;will-change:transform,opacity}
.players-universe.is-paused:not(.is-list) .orbit-player:not(:hover){filter:brightness(.62) saturate(.55)}
.orbit-player[hidden]{display:none!important}.players-empty{position:relative;z-index:40;text-align:center;margin:40px auto;color:#b9c6d3;font-size:14px;padding:0 24px}
.players-empty[hidden]{display:none}.universe-caption{position:absolute;z-index:40;inset:28px 30px auto auto;display:flex;font-size:9px;letter-spacing:.16em;color:#8a99ac;pointer-events:none}
.players-universe .player-dust{z-index:22;opacity:.95}
.players-universe.is-list{min-height:calc(100dvh - 82px);padding:205px 0 65px}.is-list .players-total{top:18px}.is-list .players-center{position:absolute;top:106px;bottom:auto}.is-list .player-cards{position:relative;margin:30px auto 0;max-width:1100px}.is-list .orbit-player{transform:none!important;opacity:1!important;z-index:auto!important;pointer-events:auto!important}.is-list .is-deck-copy{display:none!important}
.players-universe.is-list .player-dust{opacity:.65}
.players-universe.is-switching .players-tools button{pointer-events:none}
::view-transition-old(players-stage){animation:players-stage-out .28s cubic-bezier(.4,0,1,1) both}
::view-transition-new(players-stage){animation:players-stage-in .48s cubic-bezier(.22,1,.36,1) both}
@keyframes players-stage-out{to{opacity:0;transform:translateY(-12px) scale(.99)}}
@keyframes players-stage-in{from{opacity:0;transform:translateY(18px) scale(1.01)}}
.public-player-back{font-size:13px;color:#bdd5e2}
@media(max-width:1100px) and (min-width:801px){.desktop-nav{gap:0}.desktop-nav a{padding-inline:7px;font-size:13px}.brand-logo-image{width:170px}}
@media(max-width:900px){.players-center{width:calc(100% - 48px);grid-template-columns:minmax(280px,1fr) 130px}.players-heading{left:24px;min-width:190px;padding-inline:14px}.players-heading h1{font-size:20px}}
@media(max-width:800px){html body .page-shell:has(> .players-universe){padding-top:72px}.players-universe,.players-universe.is-list{min-height:calc(100dvh - 72px)}}
@media(max-width:600px){.players-universe{margin:0}.players-total{top:18px}.players-total strong{font-size:68px}.players-total span{font-size:7px}.players-heading{left:14px;top:82px;min-width:165px;padding:10px 13px}.players-heading h1{font-size:18px}.players-center{width:calc(100% - 28px);bottom:20px;display:grid;grid-template-columns:1fr 112px;grid-template-areas:'search tools';gap:10px}body .players-center .player-search{min-height:52px;padding-inline:15px}body .players-center .player-search input{font-size:12px}.players-tools{justify-content:flex-end}.orbit-caption{padding:54px 13px 13px}.orbit-caption strong{font-size:18px}.orbit-caption small{font-size:12px}.orbit-caption em{font-size:8px}.orbit-file{left:10px;top:10px;font-size:7px}.orbit-demo{right:10px;top:11px;font-size:7px}.universe-caption{inset:96px 14px auto auto;font-size:8px;gap:20px}.player-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.players-universe.is-list{padding-top:280px}.is-list .players-center{top:154px;bottom:auto}}
@media(prefers-reduced-motion:reduce){::view-transition-old(players-stage),::view-transition-new(players-stage){animation:none}}
body .players-universe .orbit-player{height:380px;aspect-ratio:auto;background:linear-gradient(145deg,#1a1b18,#0c0d0c 65%);border:1px solid #e6e3cc30;border-top:2px solid #e4d969;box-shadow:0 16px 30px #0006;display:flex;flex-direction:column;align-items:flex-start;padding:54px 26px 24px}
body .players-universe .orbit-player>img{position:static;flex:none;width:112px;height:112px;object-fit:cover;border:1px solid #ede9da55;filter:none;box-shadow:7px 7px 0 #e5dfbd0c}
body .players-universe .orbit-caption{position:static;display:block;width:100%;padding:24px 0 0;background:none}
body .players-universe .orbit-caption strong{font-size:29px;line-height:1.15;letter-spacing:-.035em;color:#f1eee4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .players-universe .orbit-caption small{font-size:17px;margin-top:6px;color:#aaa89d}
body .players-universe .player-rank{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:14px;border-top:1px solid #e6e3cc25;min-height:52px}
body .players-universe .player-rank img{width:44px;height:36px;object-fit:contain;flex:none}
body .players-universe .player-rank em{margin:0;font-size:10px;line-height:1.5;color:#e3db91;letter-spacing:.03em}
body .players-universe .orbit-file{background:none;color:#888b80;left:26px;top:20px;padding:0;font-size:8px}
body .players-universe .orbit-demo{right:22px;top:21px;color:#979581}
body .players-universe .orbit-player:hover,body .players-universe .orbit-player:focus-visible{border-color:#f4e44d;filter:brightness(1.06)}
body .players-universe.is-paused:not(.is-list) .orbit-player:not(:hover){filter:brightness(.88)}
body .players-universe.is-list .player-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,310px));justify-content:center;max-width:1360px;gap:18px}
body .players-universe:not(.is-list){min-height:max(680px,calc(100dvh - 82px))}
@media(max-width:800px){body .players-universe:not(.is-list){min-height:max(700px,calc(100dvh - 72px))}}
body .players-universe .player-rating{position:absolute;right:25px;top:48px;display:flex;flex-direction:column;align-items:flex-end;color:#f5e96d;font:400 38px/.9 'Archivo Black',sans-serif;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
body .players-universe .player-rating small{margin-bottom:8px;color:#85877e;font:600 7px/1 'IBM Plex Mono',monospace;letter-spacing:.2em}
body .players-universe .player-rank img{width:64px;height:56px;margin-left:-4px;filter:drop-shadow(0 5px 10px var(--elo-glow,#0008))}
body .players-universe.is-searching .orbit-player{transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .28s,filter .28s,box-shadow .28s}
body .players-universe.is-searching .orbit-player.is-search-muted{opacity:.08!important;filter:grayscale(1) brightness(.35);pointer-events:none!important}
body .players-universe.is-searching .orbit-player.is-search-match{opacity:1!important;filter:none;box-shadow:0 32px 80px #000e,0 0 0 1px #f4e44d;pointer-events:auto!important}
body .players-universe.is-searching .orbit-player.is-search-match::before{content:'CLIQUER POUR OUVRIR';position:absolute;z-index:5;right:22px;bottom:20px;color:#f4e44d;font:600 7px/1 'IBM Plex Mono',monospace;letter-spacing:.15em}
body .players-universe .players-center .player-search{position:relative;display:block;min-height:76px;padding:0 24px 0 78px;background:linear-gradient(112deg,#141612f7,#090c0df7 72%);border:1px solid #e8e4d33d;border-top:2px solid #e9dd59;color:#f4f0df;box-shadow:0 18px 44px #000a,inset 0 1px #ffffff0a;clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,0 100%);transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .24s,box-shadow .24s}
body .players-universe .players-center .player-search::before{content:'RECHERCHE / JOUEUR';position:absolute;left:78px;top:13px;color:#aaa99c;font:600 7px/1 'IBM Plex Mono',monospace;letter-spacing:.19em;pointer-events:none}
body .players-universe .players-center .player-search::after{content:'';position:absolute;left:78px;right:24px;bottom:0;height:2px;background:#e9dd59;transform:scaleX(0);transform-origin:left;transition:transform .36s cubic-bezier(.22,1,.36,1);pointer-events:none}
body .players-universe .players-center .player-search svg{position:absolute;left:17px;top:16px;width:42px;height:42px;padding:11px;background:#e9dd59;color:#0a0a0a;stroke-width:1.8;box-shadow:5px 5px 0 #0008;transition:transform .3s cubic-bezier(.22,1,.36,1),background-color .2s,box-shadow .3s}
body .players-universe .players-center .player-search input{display:block;height:74px;padding:27px 2px 7px;color:#f3f0e4;font:500 15px/1 'IBM Plex Mono',monospace;letter-spacing:.01em}
body .players-universe .players-center .player-search input::placeholder{color:#797c76;opacity:1}
body .players-universe .players-center .player-search:hover{border-color:#e9dd5975;box-shadow:0 22px 50px #000c,inset 0 1px #ffffff12;transform:translateY(-2px)}
body .players-universe .players-center .player-search:hover::before{color:#ded8a2}
body .players-universe .players-center .player-search:hover::after,body .players-universe .players-center .player-search:focus-within::after{transform:scaleX(1)}
body .players-universe .players-center .player-search:hover svg{background:#fff174;box-shadow:7px 7px 0 #0009;transform:translate(-2px,-2px) rotate(-5deg)}
body .players-universe .players-center .player-search:hover input::placeholder{color:#a4a69f}
body .players-universe .players-center .player-search:focus-within{border-color:#e9dd59;box-shadow:0 23px 55px #000c,inset 0 1px #ffffff10;transform:translateY(-3px)}
body .players-universe .players-center .player-search:focus-within::before{color:#e9dd59}
@media(max-width:600px){body .players-universe .players-center .player-search{min-height:68px;padding-left:68px}body .players-universe .players-center .player-search::before{left:68px;top:11px}body .players-universe .players-center .player-search svg{left:14px;top:13px;width:40px;height:40px}body .players-universe .players-center .player-search input{height:66px;padding-top:25px;font-size:13px}}