@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Manrope:wght@700;800&display=swap');
:root{--bg:#080711;--panel:#14121f;--panel2:#1b1828;--ink:#faf8ff;--muted:#aaa5b5;--line:rgba(255,255,255,.11);--lime:#d9ff43;--pink:#ff3fad;--purple:#8d56ff;--cyan:#47e7ff;--green:#63e692;--danger:#ff6b7a}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:radial-gradient(circle at 12% 8%,rgba(141,86,255,.2),transparent 32%),radial-gradient(circle at 90% 70%,rgba(255,63,173,.12),transparent 35%),var(--bg)}button,input,select{font:inherit}[hidden]{display:none!important}a{color:inherit}.game-shell{width:min(1120px,calc(100% - 28px));margin:auto;padding:22px 0 55px}.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0 28px}.game-brand{display:flex;align-items:center;gap:11px;text-decoration:none}.game-brand>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--purple),var(--pink));font-size:21px;box-shadow:0 12px 35px rgba(141,86,255,.25)}.game-brand b,.game-brand small{display:block}.game-brand b{font:800 14px 'Manrope'}.game-brand small{color:var(--muted);font-size:9px}.top-actions{display:flex;align-items:center;gap:8px}.pill,.top-actions a,.top-actions button{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);color:white;text-decoration:none;font-size:9px;font-weight:800}.eyebrow{margin:0 0 8px;color:var(--lime);font:800 9px 'Manrope';letter-spacing:.17em}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);align-items:stretch;gap:16px}.hero-card,.panel,.login-card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(24,21,38,.98),rgba(12,11,20,.97));box-shadow:0 28px 80px rgba(0,0,0,.25)}.hero-card{position:relative;min-height:340px;padding:clamp(28px,5vw,62px);overflow:hidden}.hero-card:after{content:"";position:absolute;right:-90px;bottom:-130px;width:350px;height:350px;border-radius:50%;background:var(--purple);opacity:.2;filter:blur(90px)}.hero-card>*{position:relative;z-index:1}.hero-card h1{max-width:760px;margin:0;font:800 clamp(45px,7vw,86px)/.88 'Manrope';letter-spacing:-.07em}.hero-card h1 em{color:var(--lime);font-style:normal}.hero-card>p:not(.eyebrow){max-width:680px;margin:20px 0 0;color:#d1ced9;font-size:clamp(14px,1.7vw,19px);line-height:1.5}.side-status{display:flex;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--panel)}.status-orb{width:92px;height:92px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,rgba(217,255,67,.2),rgba(141,86,255,.2));font-size:45px}.side-status h2{margin:24px 0 5px;font:800 25px 'Manrope'}.side-status p{margin:0;color:var(--muted);line-height:1.5}.status-line{display:flex;align-items:center;gap:8px;margin-top:25px;color:var(--green);font-size:10px;font-weight:800}.status-line i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.live-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-top:16px}.panel{padding:clamp(20px,3.2vw,36px)}.round-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.round-number{display:inline-flex;padding:7px 10px;border:1px solid rgba(217,255,67,.25);border-radius:99px;color:var(--lime);font-size:9px;font-weight:800}.round-title{margin:15px 0 5px;font:800 clamp(31px,5vw,58px)/.95 'Manrope';letter-spacing:-.055em}.round-copy{margin:0;color:var(--muted);font-size:14px}.timer{margin:28px 0 18px}.timer-row{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.timer-row b{color:var(--lime);font:800 22px 'Manrope'}.timer-track{height:9px;margin-top:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.timer-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--pink),var(--purple),var(--lime));transform-origin:left;transition:transform .35s linear}.answer-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-top:20px}.answer-form label,.setup-form label{display:grid;gap:6px;color:var(--muted);font-size:9px}.answer-form input,.setup-form input,.setup-form select{width:100%;height:48px;border:1px solid var(--line);border-radius:11px;background:#0c0b14;color:white;padding:0 13px;outline:0}.answer-form input:focus,.setup-form input:focus,.setup-form select:focus{border-color:var(--lime)}.primary,.answer-form button,.setup-form button,.admin-controls button{min-height:48px;border:0;border-radius:11px;background:var(--lime);color:#12120e;padding:0 18px;font-weight:900;cursor:pointer}.primary:disabled,.answer-form button:disabled,.admin-controls button:disabled{background:#383642;color:#797582;cursor:not-allowed}.account-card{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.account-card img,.account-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--purple)}.account-card b,.account-card small{display:block}.account-card small{color:var(--muted);font-size:8px}.ranking{display:grid;gap:7px;margin:15px 0 0;padding:0;list-style:none}.ranking li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}.ranking li span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(141,86,255,.17);font-size:9px;font-weight:900}.ranking li b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.ranking li strong{color:var(--lime);font:800 12px 'Manrope'}.empty{padding:20px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center}.reveal-card{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;margin-top:20px;padding:16px;border:1px solid rgba(217,255,67,.25);border-radius:15px;background:rgba(217,255,67,.045)}.reveal-card img{width:120px;aspect-ratio:1;border-radius:12px;object-fit:cover;background:var(--panel2)}.reveal-card h3{margin:3px 0;font:800 23px 'Manrope'}.reveal-card p{margin:0;color:var(--muted)}.login-card{width:min(580px,calc(100% - 28px));margin:11vh auto;padding:clamp(25px,5vw,48px);text-align:center}.login-card .login-icon{width:86px;height:86px;display:grid;place-items:center;margin:0 auto 20px;border-radius:25px;background:linear-gradient(135deg,var(--purple),var(--pink));font-size:43px}.login-card h1{margin:0;font:800 clamp(35px,7vw,55px)/.95 'Manrope';letter-spacing:-.05em}.login-card p{color:var(--muted);line-height:1.55}.google-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:0 20px;border:0;border-radius:12px;background:white;color:#17151e;font-weight:900;text-decoration:none}.notice{margin-top:14px;padding:12px;border:1px solid rgba(217,255,67,.22);border-radius:11px;background:rgba(217,255,67,.05);color:#e7f7a3;font-size:10px}.toast{position:fixed;left:50%;bottom:25px;z-index:1000;max-width:min(440px,calc(100% - 30px));padding:12px 16px;border-radius:11px;background:white;color:#17151e;font-size:10px;font-weight:800;transform:translateX(-50%);box-shadow:0 20px 60px #000}.geoloc-map{width:100%;aspect-ratio:2/1;max-height:440px;overflow:hidden;border:1px solid rgba(71,231,255,.24);border-radius:17px;background:#101b2e;cursor:crosshair;touch-action:none}.geoloc-map svg{display:block;width:100%;height:100%}.geoloc-map rect{fill:#101b2e}.map-grid path{fill:none;stroke:rgba(255,255,255,.07);stroke-width:.7}.map-land path{fill:#536b5c;stroke:#79907d;stroke-width:1}.geoloc-map circle{fill:var(--pink);stroke:white;stroke-width:2;filter:drop-shadow(0 0 6px var(--pink))}.map-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.map-actions span{color:var(--muted);font-size:10px}.map-actions button{min-height:45px;border:0;border-radius:10px;background:var(--lime);padding:0 17px;font-weight:900}.setup-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setup-form .wide{grid-column:1/-1}.admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.admin-controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.admin-controls .secondary{border:1px solid var(--line);background:transparent;color:white}.admin-controls .danger{background:var(--danger);color:white}.track-list{display:grid;gap:6px;max-height:470px;overflow:auto;margin:13px 0 0;padding:0;list-style:none}.track-list li{display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;padding:9px;border-radius:9px;background:rgba(255,255,255,.035)}.track-list li b,.track-list li small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-list li small{color:var(--muted);font-size:8px}.track-list li.current{outline:1px solid var(--lime)}.admin-login{width:min(460px,calc(100% - 28px));margin:12vh auto}.admin-login form{display:grid;gap:10px}.admin-login input{height:49px;border:1px solid var(--line);border-radius:11px;background:#0c0b14;color:white;padding:0 13px}.spotify-state{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;padding:12px;border:1px solid var(--line);border-radius:12px}.spotify-state span{color:var(--muted);font-size:9px}.spotify-state button{min-height:38px;border:1px solid var(--line);border-radius:9px;background:#1ed760;color:#08150c;padding:0 12px;font-weight:900}.pulse-bars{height:60px;display:flex;align-items:center;justify-content:center;gap:7px;margin:15px 0}.pulse-bars i{width:8px;height:28px;border-radius:6px;background:linear-gradient(var(--lime),var(--purple));animation:pulse .7s ease-in-out infinite alternate}.pulse-bars i:nth-child(2){height:52px;animation-delay:.1s}.pulse-bars i:nth-child(3){height:38px;animation-delay:.2s}.pulse-bars i:nth-child(4){height:58px;animation-delay:.3s}.pulse-bars i:nth-child(5){height:32px;animation-delay:.4s}@keyframes pulse{to{transform:scaleY(.35);opacity:.55}}
@media(max-width:850px){.hero,.live-grid,.admin-layout{grid-template-columns:1fr}.side-status{min-height:220px}.answer-form{grid-template-columns:1fr}.setup-form{grid-template-columns:1fr}.setup-form .wide{grid-column:1}.reveal-card{grid-template-columns:86px 1fr}.reveal-card img{width:86px}.game-topbar{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:520px){.game-shell{width:min(100% - 20px,1120px)}.hero-card{min-height:300px;padding:27px 22px}.hero-card h1{font-size:47px}.panel{padding:19px}.top-actions a span{display:none}.round-title{font-size:36px}.map-actions{align-items:stretch;flex-direction:column}.map-actions button{width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.blind-answer-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.answer-source{margin-top:7px!important;color:var(--lime)!important;font-weight:800}.scoring-note{margin:9px 0 0;color:var(--muted);font-size:9px}@media(max-width:850px){.blind-answer-form{grid-template-columns:1fr}}
.spotify-library,.france-selector{display:grid;gap:12px;padding:14px;border:1px solid rgba(217,255,67,.2);border-radius:14px;background:rgba(217,255,67,.035)}.field-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-actions small{color:var(--muted);line-height:1.45}.setup-form .secondary.compact{min-height:38px;border:1px solid var(--line);background:transparent;color:white;padding:0 12px;white-space:nowrap}.field-title{margin:0 0 8px;color:var(--muted);font-size:9px;font-weight:800}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:240px;overflow:auto;padding:2px}.choice-item{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:white!important;cursor:pointer}.choice-item input{width:17px!important;height:17px!important;margin:0;padding:0;accent-color:var(--lime)}.choice-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.selection-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}.selection-heading .field-title{margin:0}.selection-actions{display:flex;flex-wrap:wrap;gap:7px}.selection-actions .secondary.compact{min-height:34px;font-size:8px}
@media(max-width:700px){.choice-grid,.department-grid{grid-template-columns:1fr}.field-actions,.selection-heading{align-items:stretch;flex-direction:column}.selection-actions{display:grid;grid-template-columns:1fr 1fr}.setup-form .secondary.compact{width:100%}}
.game-results-stage{grid-column:1/-1;width:100%;text-align:center}.game-results-stage h1{margin:8px 0 4px;font:800 clamp(38px,6vw,78px)/.95 'Manrope';letter-spacing:-.055em}.game-results-stage .results-subtitle{margin:0 auto 24px;color:var(--muted);font-size:clamp(13px,2vw,20px)}.results-podium{display:flex;align-items:flex-end;justify-content:center;gap:10px;max-width:760px;margin:25px auto}.podium-player{width:min(31%,220px);min-height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:17px 10px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.podium-player:first-child{order:2;min-height:165px;border-color:rgba(217,255,67,.5);background:linear-gradient(180deg,rgba(217,255,67,.13),rgba(255,255,255,.03))}.podium-player:nth-child(2){order:1}.podium-player:nth-child(3){order:3}.podium-player .podium-medal{font-size:30px}.podium-player b,.podium-player strong{display:block}.podium-player b{max-width:100%;margin:7px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-player strong{color:var(--lime);font:800 19px 'Manrope'}.round-score-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:900px;margin:18px auto 0;padding:0;list-style:none;text-align:left}.round-score-list li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.03)}.round-score-list .score-position{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(141,86,255,.18);font-weight:900}.round-score-list b,.round-score-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-score-list small{margin-top:2px;color:var(--muted);font-size:9px}.round-score-list strong{color:var(--lime);font:800 17px 'Manrope';white-space:nowrap}.round-score-list strong small{color:var(--muted);font:600 8px 'DM Sans';text-align:right}.live-grid.show-results{grid-template-columns:1fr}.live-grid.show-results>:not(.game-results-stage){display:none!important}.tv-answer.show-results>:not(.game-results-stage),.tv-game.show-results>:not(.game-results-stage){display:none!important}.tv-answer .game-results-stage,.tv-game .game-results-stage{padding:10px}.tv-answer .round-score-list,.tv-game .round-score-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px}.tv-answer .round-score-list li,.tv-game .round-score-list li{padding:10px 14px}.tv-answer .game-results-stage h1,.tv-game .game-results-stage h1{font-size:clamp(48px,5.5vw,88px)}.game-started .screen-qr,.game-started .tv-join{display:none!important}.game-finished .tv-main{grid-template-columns:1fr!important}.game-finished .tv-main>aside{display:none!important}.game-finished .game-results-stage{max-width:1250px;margin:auto}.game-finished .results-podium{max-width:1000px}.game-finished .podium-player{width:min(31%,270px);min-height:160px}.game-finished .podium-player:first-child{min-height:210px}.game-finished .podium-player .podium-medal{font-size:44px}@media(max-width:700px){.round-score-list{grid-template-columns:1fr}.results-podium{gap:6px}.podium-player{padding:12px 6px}.podium-player b{font-size:11px}.podium-player strong{font-size:14px}.game-results-stage h1{font-size:38px}}

.tv-final-layout{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(480px,1.1fr);gap:24px;width:min(1500px,100%);height:calc(100vh - 265px);min-height:430px;margin:12px auto 0;text-align:left}.tv-final-podium,.tv-final-ranking{min-height:0;padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.tv-final-podium .results-podium{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:12px;height:calc(100% - 22px);margin:0}.tv-final-podium .podium-player{order:initial!important;width:100%;min-height:130px!important}.tv-final-podium .podium-player:first-child{grid-column:1/-1;min-height:175px!important}.tv-final-ranking{display:flex;flex-direction:column}.tv-final-ranking h2{margin:0 0 12px;font:800 clamp(25px,2.5vw,42px) 'Manrope'}.tv-final-scroll{min-height:0;overflow:hidden;scroll-behavior:auto}.tv-final-scroll.is-scrolling{mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent)}.tv-final-ranking .round-score-list{grid-template-columns:1fr!important;margin:0;max-width:none}.tv-final-ranking .round-score-list li{min-height:62px}.game-finished .tv-game .game-results-stage:has(.tv-final-layout){max-width:none;width:100%;height:100%;padding:0 14px}.game-finished .tv-game .game-results-stage:has(.tv-final-layout)>h1{font-size:clamp(42px,4vw,66px)}.game-finished .tv-game .game-results-stage:has(.tv-final-layout) .results-subtitle{margin-bottom:8px}
@media(max-width:1050px){.tv-final-layout{grid-template-columns:minmax(340px,.8fr) minmax(400px,1.2fr);gap:14px}.tv-final-podium .podium-player{min-height:105px!important}.tv-final-podium .podium-player:first-child{min-height:145px!important}}

/* Les détails des points doivent rester entièrement lisibles sur téléphone. */
@media(max-width:700px){
  .game-results-stage .round-score-list li{align-items:start;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;padding:12px 11px}
  .game-results-stage .round-score-list li>div{min-width:0}
  .game-results-stage .round-score-list li>div small{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
  .game-results-stage .round-score-list li>strong{align-self:start;font-size:14px;line-height:1.15}
  .game-results-stage .round-score-list li>strong small{margin-top:4px;overflow:visible;text-overflow:clip;white-space:normal}
}
@media(max-width:390px){
  .game-results-stage .round-score-list li{grid-template-columns:34px minmax(0,1fr)}
  .game-results-stage .round-score-list li>strong{grid-column:2;justify-self:start;text-align:left}
  .game-results-stage .round-score-list li>strong small{text-align:left}
}

.geoloc-sound-toggle[data-sound-state="on"]{border-color:rgba(217,255,67,.55);background:rgba(217,255,67,.1);color:var(--lime)}
.geoloc-sound-toggle[data-sound-state="off"]{color:var(--muted)}