.jx-page{--jx-h:88px;--jx-play:calc(var(--jx-h)*62/88);color:#fff;min-height:calc(100dvh - 160px);padding:8px 16px 32px;position:relative}.jx-bg{z-index:-1;background:#f3c2b4 url(/jeux/bg-paris-v1.webp) top/cover no-repeat;position:fixed;inset:0}.jx-wrap{flex-direction:column;gap:12px;max-width:560px;margin:0 auto;display:flex}.jx-logo{align-self:center;margin:0}.jx-logo img{width:auto;height:62px;display:block}.jx-section{align-items:center;gap:10px;margin:8px 0 2px;display:flex}.jx-section img{width:auto;height:34px;display:block}.jx-section span{background:#d6a03cbf;border-radius:1px;flex:1;height:2px}.jx-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.jx-row{height:var(--jx-h);border-radius:calc(var(--jx-h)*.3);transition:transform .15s ease-out;animation:.24s cubic-bezier(.33,1,.68,1) both jx-in;display:block;position:relative}.jx-row:hover{transform:translateY(-2px)}.jx-row:active{transform:scale(.97)}.jx-row:focus-visible{outline-offset:3px;outline:3px solid #fff}@keyframes jx-in{0%{opacity:0;translate:0 12px}}.jx-band{display:flex;position:absolute;inset:0}.jx-band img{height:100%;display:block}.jx-band img:first-child{width:calc(var(--jx-h)*350/228)}.jx-band img:nth-child(2){flex:1;min-width:0}.jx-band img:nth-child(3){width:calc(var(--jx-h)*75/228)}.jx-object{top:calc(var(--jx-h)*.02);left:calc(var(--jx-h)*(.69 - .48));width:calc(var(--jx-h)*.96);height:calc(var(--jx-h)*.96);object-fit:contain;position:absolute}.jx-text{inset:0 calc(var(--jx-h)*.2 + var(--jx-play) + 8px)0 calc(var(--jx-h)*1.36);flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;display:flex;position:absolute}.jx-title{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px #00000047;max-width:100%;font-size:20px;font-weight:800;line-height:1.2;overflow:hidden}.jx-play{top:calc((var(--jx-h) - var(--jx-play))/2);right:calc(var(--jx-h)*.2);width:var(--jx-play);height:var(--jx-play);position:absolute}.jx-pill{color:#6b3a10;align-items:center;gap:5px;height:26px;padding:0 12px 0 9px;font-size:15px;font-weight:800;line-height:1;display:inline-flex;position:relative}.jx-pill--empty{visibility:hidden}.jx-pill__frame{display:flex;position:absolute;inset:0}.jx-pill__frame img{height:100%;display:block}.jx-pill__frame img:first-child,.jx-pill__frame img:nth-child(3){width:13.619px}.jx-pill__frame img:nth-child(2){flex:1;min-width:0}.jx-pill__icon,.jx-pill>span:last-child{position:relative}.jx-pill__icon{width:auto;height:16px}.jx-pitch{display:none}@media (min-width:1024px){.jx-page{padding:40px 32px 56px}.jx-wrap{gap:20px;max-width:1180px}.jx-logo img{height:84px}.jx-section img{height:40px}.jx-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.jx-row{--jx-top:#a855f7;--jx-bottom:#6d28d9;--jx-rim:#4c1d95;background:radial-gradient(circle at 50% 28%,#ffffff6b,#fff0 42%),linear-gradient(180deg,var(--jx-top),var(--jx-bottom));height:100%;min-height:420px;box-shadow:0 8px 0 var(--jx-rim),0 22px 40px #3c145a59,inset 0 2px 0 #ffffff80;text-align:center;border:3px solid #ffffffd9;border-radius:30px;flex-direction:column;align-items:center;padding:26px 22px 24px;display:flex}.jx-row[data-band=orange]{--jx-top:#ffb21a;--jx-bottom:#f26a0d;--jx-rim:#b6460a}.jx-row[data-band=red]{--jx-top:#ff5a6e;--jx-bottom:#d81b3c;--jx-rim:#93102a}.jx-row[data-band=blue]{--jx-top:#3fc8ff;--jx-bottom:#1677e8;--jx-rim:#0d4fa3}.jx-row:hover{transform:translateY(-6px)}.jx-row:active{transform:scale(.97)}.jx-band{display:none}.jx-object{filter:drop-shadow(0 10px 14px #280a3c59);width:170px;height:170px;position:static}.jx-text{flex:1;justify-content:flex-start;align-items:center;gap:10px;margin-top:14px;position:static}.jx-title{font-size:28px}.jx-pitch{text-shadow:0 1px #0003;font-size:16px;font-weight:600;line-height:1.35;display:block}.jx-pill{height:32px;padding:0 16px 0 12px;font-size:17px}.jx-pill__frame img:first-child,.jx-pill__frame img:nth-child(3){width:16.7619px}.jx-pill__icon{height:20px}.jx-play{filter:drop-shadow(0 6px 8px #14280a59);width:84px;height:84px;margin-top:18px;position:static}}@media (min-width:1024px) and (max-height:820px){.jx-page{padding-top:20px}.jx-wrap{gap:14px}.jx-logo img{height:60px}.jx-section img{height:32px}.jx-row{min-height:0;padding:18px}.jx-object{width:130px;height:130px}.jx-text{gap:8px;margin-top:8px}.jx-title{font-size:24px}.jx-play{width:68px;height:68px;margin-top:12px}}@media (prefers-reduced-motion:reduce){.jx-row{transition:none;animation:none}}