/* Horizons 1.5 — salon classique, calé sur la référence fournie. */
:root{--lobby-blue:#0a3669;--lobby-deep:#04152f;--lobby-panel:rgba(4,17,39,.88);--lobby-yellow:#ffec18;--lobby-cyan:#14d9ff}
body[data-screen="menu"][data-tab="play"] #scene{filter:saturate(1.28) contrast(1.08) brightness(.76)!important}
body[data-screen="menu"][data-tab="play"] #vignette{background:linear-gradient(180deg,rgba(7,47,92,.08),rgba(1,9,27,.26) 62%,rgba(1,8,23,.63))!important;box-shadow:inset 0 0 150px rgba(0,8,29,.48)}
body[data-screen="menu"][data-tab="play"] #ui:before{content:"";position:absolute;inset:58px 0 38px;pointer-events:none;background:radial-gradient(ellipse 30% 73% at 50% 54%,rgba(14,130,212,.14),transparent 69%),linear-gradient(90deg,rgba(0,14,43,.42),transparent 31%,transparent 69%,rgba(0,13,38,.42)),repeating-linear-gradient(30deg,rgba(91,151,204,.055) 0 1px,transparent 1px 42px),repeating-linear-gradient(150deg,rgba(91,151,204,.045) 0 1px,transparent 1px 42px)}
body[data-screen="menu"][data-tab="play"] .topbar{height:59px!important;min-height:59px!important;padding:0 18px!important;gap:10px!important;align-items:stretch!important;border-bottom:1px solid rgba(74,145,207,.24)!important;background:linear-gradient(180deg,rgba(7,56,105,.98),rgba(5,38,79,.93))!important;box-shadow:0 7px 24px rgba(0,8,27,.34)!important}
body[data-screen="menu"][data-tab="play"] .wordmark{width:76px!important;min-width:76px!important;padding:0 9px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:7px!important;border-radius:0!important;color:#fff!important;background:rgba(18,78,130,.45)!important;font:800 15px/1 Barlow,sans-serif!important;letter-spacing:0!important}
.classic-party-mark{position:relative;width:25px;height:25px;display:inline-block}.classic-party-mark:before,.classic-party-mark:after{content:"";position:absolute;border:2px solid currentColor;border-radius:50%}.classic-party-mark:before{width:7px;height:7px;left:2px;top:2px;box-shadow:12px 2px 0 -1px var(--lobby-blue),12px 2px 0 1px currentColor}.classic-party-mark:after{width:12px;height:8px;left:0;bottom:2px;border-radius:8px 8px 3px 3px;box-shadow:12px 0 0 -2px var(--lobby-blue),12px 0 0 0 currentColor}.classic-lobby-title{display:flex;align-items:center;min-width:112px;padding:0 14px;color:#fff;font:800 28px/1 BarlowCondensed,sans-serif;text-shadow:0 2px 3px rgba(0,0,0,.35)}
body[data-screen="menu"][data-tab="play"] .navlinks{height:59px!important;flex:0 1 auto!important;gap:0!important;overflow:visible!important}
body[data-screen="menu"][data-tab="play"] .navlinks .btn{width:58px!important;min-width:58px!important;height:59px!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:0!important;color:rgba(188,220,247,.5)!important;font:800 0/1 Barlow,sans-serif!important;background:transparent!important}
body[data-screen="menu"][data-tab="play"] .navlinks .btn svg{display:block!important;width:25px!important;height:25px!important;opacity:.65!important}
body[data-screen="menu"][data-tab="play"] .navlinks .btn.active{color:#061d3b!important;background:var(--lobby-yellow)!important;clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%)}
body[data-screen="menu"][data-tab="play"] .navlinks .btn.active svg{opacity:1!important;fill:currentColor!important}
body[data-screen="menu"][data-tab="play"] .navlinks .btn.active:after{display:none!important}
body[data-screen="menu"][data-tab="play"] .account-bar{margin-left:auto!important;order:initial!important;gap:10px!important;align-self:center!important}
body[data-screen="menu"][data-tab="play"] .currency{min-height:28px!important;border:1px solid rgba(179,218,255,.44)!important;border-radius:0!important;background:rgba(11,54,99,.72)!important;color:#eaf7ff!important;box-shadow:inset 0 0 0 2px rgba(0,21,53,.38)!important}
body[data-screen="menu"][data-tab="play"] .profile-btn,body[data-screen="menu"][data-tab="play"] .xp-chip,body[data-screen="menu"][data-tab="play"] .notify-button{display:none!important}
.classic-progress{position:absolute;left:8px;top:66px;width:263px;color:#fff;text-transform:uppercase;text-shadow:0 2px 3px rgba(0,0,0,.7);pointer-events:auto}
.classic-season{display:block;padding:3px 9px 7px;font:800 18px/1 BarlowCondensed,sans-serif;background:linear-gradient(90deg,rgba(3,16,39,.96),rgba(3,16,39,.6));border-bottom:1px solid rgba(103,152,195,.16)}
.classic-level{position:relative;display:grid;grid-template-columns:74px 1fr;min-height:92px;padding:12px 9px;background:linear-gradient(90deg,rgba(3,15,37,.95),rgba(3,15,37,.62))}
.classic-level-shield{grid-row:1/3;width:60px;height:64px;display:grid;place-items:center;background:linear-gradient(145deg,#ff3537,#bd0613);clip-path:polygon(8% 0,92% 0,86% 78%,50% 100%,14% 78%);font:800 29px/1 BarlowCondensed,sans-serif;box-shadow:inset 0 0 0 3px rgba(255,255,255,.18)}
.classic-level-copy{align-self:end;font:800 17px/1 BarlowCondensed,sans-serif}.classic-level-copy b{font-size:30px;margin-left:5px}.classic-xp{align-self:start;height:14px;margin-top:4px;border:3px solid rgba(6,25,49,.9);background:#20375c;overflow:hidden}.classic-xp i{display:block;height:100%;background:linear-gradient(90deg,#5ed525,#93f438);box-shadow:0 0 8px rgba(137,246,56,.55)}.classic-level-next{position:absolute;right:9px;bottom:2px;font:800 10px/1 Barlow,sans-serif;color:#b8cce4}
.classic-challenge-title{padding:6px 9px 4px;background:rgba(4,17,38,.8);font:800 11px/1 Barlow,sans-serif;color:#adc0d6}
.classic-challenge{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 9px;background:linear-gradient(90deg,rgba(13,27,54,.95),rgba(8,24,48,.78));border-top:1px solid rgba(116,159,204,.2);font:600 12px/1.1 Barlow,sans-serif}.classic-challenge small{grid-column:1/-1;color:#90a8c2;font-size:9px}.classic-challenge b{font-size:10px}.classic-challenge em{color:#b8e834;font-style:normal}
.classic-player-label{position:absolute;left:50%;top:16%;transform:translateX(-50%);display:grid;justify-items:center;gap:3px;z-index:1;color:#fff;text-align:center;text-shadow:0 2px 6px #001127;pointer-events:none}.classic-player-label strong{font-size:15px}.classic-player-label span{font-size:11px;color:#ff595c;font-weight:800}.classic-player-label small{font-size:9px;color:#c5d6eb;letter-spacing:.05em}
.classic-platform{position:absolute;left:50%;bottom:44px;width:250px;height:116px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(33,235,255,.97) 0 17%,rgba(0,170,255,.62) 18% 34%,rgba(0,139,236,.2) 46%,transparent 68%);filter:drop-shadow(0 -58px 28px rgba(0,190,255,.36));pointer-events:none}.classic-platform:after{content:"";position:absolute;left:50%;bottom:26px;width:118px;height:330px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(21,188,255,.22),transparent);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}
.classic-invite{position:absolute;width:44px;height:44px;border:2px dotted rgba(216,232,248,.54);border-radius:2px;background:rgba(5,20,48,.38);color:#fff;font:800 30px/1 Barlow,sans-serif;display:grid;place-items:center;box-shadow:0 3px 13px rgba(0,0,0,.28)}.classic-invite:after{content:"INVITER";position:absolute;top:49px;left:50%;transform:translateX(-50%);font:800 7px/1 Barlow,sans-serif;letter-spacing:.1em;color:#91a8c2}.classic-invite-one{left:35%;top:47%}.classic-invite-two{left:61%;top:49%}.classic-invite-three{left:72%;top:39%}
.classic-play-card{position:absolute;right:14px;bottom:47px;width:228px;border:3px solid rgba(171,205,235,.58);background:#0c274b;box-shadow:0 5px 18px rgba(0,7,24,.55);pointer-events:auto}.classic-mode{width:100%;min-height:48px!important;padding:5px 12px!important;justify-content:center!important;border:0!important;border-radius:0!important;background:linear-gradient(#2c5685,#1d3c69)!important;color:#fff!important;font:800 17px/1 BarlowCondensed,sans-serif!important;letter-spacing:.03em}.classic-mode:before{content:"";width:15px;height:15px;margin-right:6px;border:2px solid currentColor;border-radius:50%;box-shadow:0 8px 0 -3px currentColor}.classic-play-card .play-btn{min-height:56px!important;margin:0!important;padding:6px 14px!important;justify-content:center!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#fff427,#f1d80b)!important;color:#071b38!important;font:800 31px/1 BarlowCondensed,sans-serif!important;letter-spacing:.025em!important;box-shadow:inset 0 0 0 3px rgba(255,255,255,.35)!important;text-shadow:none!important}.classic-play-card .play-btn:before{display:none!important}.classic-ready-note{display:block;padding:5px 8px;text-align:center;font:800 9px/1 Barlow,sans-serif;color:#c7ddf2;background:#07172f}
body[data-screen="menu"][data-tab="play"] .bottom-bar{height:39px!important;min-height:39px!important;padding:0 14px!important;background:rgba(3,14,34,.82)!important;border-top:1px solid rgba(92,143,188,.25)!important}body[data-screen="menu"][data-tab="play"] .save-state,body[data-screen="menu"][data-tab="play"] .desktop-footer{display:none!important}body[data-screen="menu"][data-tab="play"] .footer-links{margin-left:auto!important}body[data-screen="menu"][data-tab="play"] .footer-links .btn{min-height:28px!important;padding:4px 9px!important;border-radius:0!important;font-size:.55rem!important}
@media(max-width:760px){
 body[data-screen="menu"][data-tab="play"] .topbar{height:73px!important;min-height:73px!important;padding:0 7px!important;gap:3px!important;flex-wrap:wrap!important;align-content:flex-start!important}.classic-lobby-title{min-width:71px;padding:0 5px;font-size:21px;height:34px}.classic-party-mark{transform:scale(.78)}body[data-screen="menu"][data-tab="play"] .wordmark{width:52px!important;min-width:52px!important;height:34px!important;padding:0 3px!important;font-size:12px!important}.account-bar{height:34px!important}.currency{font-size:.63rem!important;padding:3px 5px!important}.currency:after{display:none}.navlinks{position:absolute!important;left:4px!important;right:4px!important;top:35px!important;width:auto!important;height:38px!important;display:grid!important;grid-template-columns:repeat(8,1fr)!important}.navlinks .btn{width:auto!important;min-width:0!important;height:37px!important}.navlinks .btn svg{width:18px!important;height:18px!important}
 body[data-screen="menu"][data-tab="play"] #ui:before{inset:73px 0 34px;background:radial-gradient(ellipse 55% 60% at 50% 51%,rgba(14,130,212,.12),transparent 70%),linear-gradient(90deg,rgba(0,14,43,.5),transparent 35%,transparent 65%,rgba(0,13,38,.5))}.classic-progress{top:79px;left:5px;width:145px}.classic-season{font-size:12px;padding:3px 6px 5px}.classic-level{grid-template-columns:43px 1fr;min-height:59px;padding:6px}.classic-level-shield{width:36px;height:40px;font-size:18px}.classic-level-copy{font-size:11px}.classic-level-copy b{font-size:18px}.classic-xp{height:10px;border-width:2px}.classic-level-next{font-size:7px}.classic-challenge-title{font-size:8px;padding:4px 6px}.classic-challenge{padding:5px 6px;font-size:8px}.classic-challenge small{display:none}.classic-challenge b{font-size:8px}.classic-player-label{top:19%;max-width:52vw}.classic-player-label strong{font-size:12px}.classic-player-label span,.classic-player-label small{font-size:8px}.classic-platform{bottom:111px;width:205px;height:89px}.classic-platform:after{height:270px}.classic-invite{display:none}.classic-play-card{left:8px;right:8px;bottom:38px;width:auto;display:grid;grid-template-columns:38% 62%;border-width:2px}.classic-mode{min-height:48px!important;font-size:14px!important}.classic-play-card .play-btn{min-height:48px!important;font-size:24px!important}.classic-ready-note{grid-column:1/-1;padding:3px}.bottom-bar{height:34px!important;min-height:34px!important;padding:0 6px!important}.footer-links .btn{font-size:.48rem!important;padding:3px 6px!important}}
@media(max-height:560px){.classic-progress{top:64px}.classic-challenge-title,.classic-challenge{display:none}.classic-player-label{top:18%}.classic-platform{bottom:38px;height:76px}.classic-play-card{left:auto;right:9px;bottom:40px;width:205px;display:block}.classic-play-card .play-btn{font-size:23px!important}.classic-invite-one{left:33%;top:49%}.classic-invite-two{left:61%;top:48%}.classic-invite-three{display:none}}
@media(prefers-reduced-motion:reduce){body[data-screen="menu"] #ui{animation:none!important}.classic-play-card .play-btn{transition:none!important}}
