@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{font-family:Barlow,Arial,sans-serif;color:#172039;background:#faf7ef}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:4px solid #eab900;outline-offset:5px}header{height:84px;padding:0 5%;display:flex;align-items:center;gap:24px;border-bottom:1px solid #ddd9d1}header>a{font-weight:900;font-size:30px;letter-spacing:-3px;text-decoration:none;color:#152645}header>a span{color:#e83c3b}header>span{font-size:11px;font-weight:800;letter-spacing:2px}header button{margin-left:auto;background:transparent;border:1px solid #d5d4ce;padding:11px 16px;border-radius:50px;font-size:12px;font-weight:600}main{max-width:1160px;margin:32px auto 0;padding:0 24px}.topline{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;font-weight:700;margin-bottom:12px}.arena{height:450px;background:#ee4443;position:relative;isolation:isolate;overflow:hidden;border:3px solid #172039;border-radius:6px;box-shadow:6px 6px 0 #172039}.burst{position:absolute;inset:-100%;background:repeating-conic-gradient(from 0deg at 38% 50%,#235ddd 0deg 12deg,#3077ef 12deg 24deg);clip-path:polygon(0 0,49% 0,64% 100%,0 100%);z-index:-2}.stripe{position:absolute;inset:0;background:#f8eed3;clip-path:polygon(53% 0,55% 0,41% 100%,39% 100%);z-index:-1}.portrait{position:absolute;left:6%;bottom:42px;width:360px;height:360px;display:flex;align-items:center;justify-content:center}canvas{width:100%;height:100%;object-fit:contain;filter:drop-shadow(7px 7px 0 #14327455);transition:transform .35s}.revealed canvas{animation:pop .45s ease-out}.headline{position:absolute;right:4%;top:90px;width:47%;transform:rotate(-5deg);color:#ffe24b;text-align:center;filter:drop-shadow(4px 6px 0 #132958)}.headline>span{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:50px;-webkit-text-stroke:2px #173776;paint-order:stroke fill}.headline h1{font:900 clamp(65px,8.6vw,114px)/.95 'Barlow Condensed',Impact,sans-serif;margin:0;letter-spacing:-2px;-webkit-text-stroke:6px #173776;paint-order:stroke fill}.headline h1 span{display:inline-block;transform:rotate(10deg)}.headline p{color:white;font-weight:700;font-size:16px;margin-top:22px;filter:none;letter-spacing:.5px}.question{position:absolute;left:31%;top:7%;font:900 120px 'Barlow Condensed',Impact,sans-serif;color:#ffe24b;-webkit-text-stroke:4px #173776;transform:rotate(15deg)}.revealed .question{display:none}.corner{position:absolute;bottom:16px;right:20px;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#fff8e8}#loading{position:absolute;background:#172039;color:white;padding:12px 16px;font-size:13px;border-radius:4px;text-align:center}.controls{max-width:860px;margin:34px auto 0}.prompt{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#696d79}h2{font-size:27px;margin:5px 0}.score{display:flex;align-items:center;gap:10px}.score strong{font-size:35px;font-weight:800}.score span{font-size:10px;letter-spacing:1px;font-weight:700}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{display:flex;align-items:center;text-align:left;gap:16px;background:white;border:2px solid #dcdcd8;border-radius:6px;padding:17px 20px;font-weight:700;font-size:16px;transition:background .15s,transform .15s}.choice:not(:disabled):hover{border-color:#245ddb;transform:translateY(-2px);background:#edf2ff}.choice .letter{display:grid;place-items:center;background:#f1f2f5;border-radius:4px;width:28px;height:28px;font-size:12px;flex-shrink:0}.choice:disabled{cursor:default;color:#737783}.choice.correct{background:#e0f4d9;border-color:#439033;color:#26551f}.choice.wrong{background:#ffe4e2;border-color:#d9413d;color:#9b302d}.choice.correct .letter{background:#439033;color:white}.choice.wrong .letter{background:#d9413d;color:white}.feedback{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:75px}.feedback p{font-size:13px;color:#686b73}.feedback button,#replay{background:#172c59;color:white;border:0;padding:13px 20px;border-radius:5px;font-weight:700;white-space:nowrap}footer{max-width:1160px;margin:20px auto;padding:20px 24px 25px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#777b84}footer a{color:inherit}#result{text-align:center;background:#ffe24b;border:3px solid #172039;border-radius:6px;padding:28px;margin:26px auto;max-width:860px}#result h2{font-size:38px}#result p{margin:10px 0 22px}[hidden]{display:none!important}@keyframes pop{0%{transform:scale(.75)}60%{transform:scale(1.05)}100%{transform:scale(1)}}@media(max-width:700px){header{height:68px;padding:0 20px;gap:15px}header>span{font-size:8px;letter-spacing:1px}header button{font-size:10px;padding:9px 11px}main{margin-top:22px;padding:0 16px}.topline{font-size:8px;letter-spacing:1px}.arena{height:420px}.portrait{width:265px;height:265px;left:-10px;bottom:20px}.headline{top:30px;right:5%;width:75%}.headline>span{font-size:32px}.headline h1{font-size:65px;-webkit-text-stroke:4px}.headline p{font-size:12px;margin-top:12px}.question{font-size:95px;left:auto;right:12%;top:45%}.corner{font-size:7px;right:10px;bottom:8px}.burst{clip-path:polygon(0 0,40% 0,64% 100%,0 100%)}.stripe{clip-path:polygon(25% 0,29% 0,77% 100%,73% 100%)}.controls{margin-top:28px}h2{font-size:23px}.choice{padding:12px 10px;font-size:13px;gap:8px}.choice .letter{width:23px;height:23px}.choices{gap:9px}.feedback{align-items:flex-start;padding-top:8px;flex-wrap:wrap}.feedback p{margin:8px 0}.feedback button{margin-left:auto}footer{flex-direction:column;gap:8px;margin-top:14px;padding:18px 16px}.score strong{font-size:28px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Composition inspired by the supplied Indigo League interlude. */
.arena{height:auto;aspect-ratio:4/3;max-width:900px;margin-inline:auto;background:repeating-linear-gradient(28deg,transparent 0 24px,#ff718044 27px 32px,transparent 36px 65px),linear-gradient(120deg,#c50036,#ff003a 58%,#f43c40);border-color:#173758;box-shadow:6px 6px 0 #173758}
.burst{inset:0;z-index:-2;background:repeating-conic-gradient(from 3deg at 29% 47%,#ecffff 0deg 1.5deg,#8ddfe2 2deg 4deg,#bbf6ef 4.5deg 6deg,#65c8d8 7deg 9deg);clip-path:polygon(0 0,29% 2%,35% 8%,41% 0,43% 13%,51% 4%,49% 20%,60% 13%,54% 28%,65% 25%,56% 38%,69% 41%,57% 48%,67% 57%,55% 58%,62% 71%,50% 66%,55% 84%,45% 77%,44% 97%,34% 87%,29% 100%,18% 92%,10% 100%,0 100%)}
.burst::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 28% 48%,#f2ffff99 0,transparent 43%)}
.stripe{display:none}.portrait{left:5%;bottom:17%;width:46%;height:auto;aspect-ratio:1}.portrait canvas{filter:drop-shadow(-7px 5px 0 #17475b99)}
.headline{top:auto;bottom:9%;right:3%;width:47%;transform:rotate(-8deg);filter:drop-shadow(4px 5px 0 #193f64)}
.headline>span{font-size:clamp(24px,4vw,42px);-webkit-text-stroke:2px #194c77}.headline h1{font-size:clamp(49px,7.5vw,89px);-webkit-text-stroke:5px #194c77;letter-spacing:-1px}.headline h1>span{display:none}.headline p{font-size:15px;line-height:1.3;margin:14px 0 0;min-height:40px;filter:none;text-shadow:none}
.question{left:auto;right:19%;top:9%;font-size:clamp(110px,19vw,210px);line-height:1;color:#ffe52c;-webkit-text-stroke:6px #12627e;paint-order:stroke fill;transform:rotate(-10deg);text-shadow:7px 7px 0 #173e59}
.corner{font-size:8px}.revealed .question{display:block;opacity:0}.revealed .burst{background:repeating-conic-gradient(from 3deg at 29% 47%,#fff9d3 0deg 1.5deg,#f7c957 2deg 4deg,#ffefac 4.5deg 6deg,#eeb741 7deg 9deg)}.revealed .portrait{animation:reveal-flash .5s ease-out}
@keyframes reveal-flash{0%{filter:brightness(3);transform:scale(.94)}100%{filter:brightness(1);transform:scale(1)}}
@media(max-width:700px){.arena{height:auto;aspect-ratio:4/3}.portrait{left:2%;bottom:17%;width:49%;height:auto}.headline{top:auto;bottom:8%;right:2%;width:48%}.headline>span{font-size:clamp(17px,4.8vw,30px)}.headline h1{font-size:clamp(32px,8.5vw,61px);-webkit-text-stroke:3px}.headline p{font-size:10px;min-height:25px;margin-top:9px}.question{top:8%;right:17%;font-size:clamp(85px,23vw,150px);-webkit-text-stroke:4px;text-shadow:4px 4px 0 #173e59}.corner{font-size:5px;letter-spacing:.6px;bottom:6px}.burst{clip-path:polygon(0 0,29% 2%,35% 8%,41% 0,43% 13%,51% 4%,49% 20%,60% 13%,54% 28%,65% 25%,56% 38%,69% 41%,57% 48%,67% 57%,55% 58%,62% 71%,50% 66%,55% 84%,45% 77%,44% 97%,34% 87%,29% 100%,18% 92%,10% 100%,0 100%)}}

header #listen{margin-left:auto}header #sound{margin-left:0}@media(max-width:700px){header{gap:8px}header>span{display:none}header #listen,header #sound{padding:9px;font-size:10px}}

.settings{max-width:900px;margin:24px auto 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px}.settings>div{margin-right:auto}.settings strong{display:block;font-size:14px}.settings span{display:block;font-size:10px;color:#777b84;margin-top:4px}.settings select{font:inherit;background:white;color:#172039;border:1px solid #d5d4ce;padding:9px;border-radius:5px;margin-left:5px}.settings button{font:inherit;background:transparent;color:#172039;border:1px solid #d5d4ce;padding:10px;border-radius:5px}.choice{overflow-wrap:anywhere}@media(max-width:700px){.settings{gap:10px}.settings>div{width:100%}.settings label{flex:1}.settings button{font-size:11px}}

.arena{--portrait-outline:polygon(0 0,29% 2%,35% 8%,41% 0,43% 13%,51% 4%,49% 20%,60% 13%,54% 28%,65% 25%,56% 38%,69% 41%,57% 48%,67% 57%,55% 58%,62% 71%,50% 66%,55% 84%,45% 77%,44% 97%,34% 87%,29% 100%,18% 92%,10% 100%,0 100%)}.portrait-mask{position:absolute;inset:0;clip-path:var(--portrait-outline);pointer-events:none}.portrait-mask .portrait{left:-8%;bottom:-2%;width:72%;height:auto;aspect-ratio:1}.portrait-mask canvas{filter:none}.burst{clip-path:var(--portrait-outline)}@media(max-width:700px){.portrait-mask .portrait{left:-8%;bottom:-2%;width:72%;height:auto}.burst{clip-path:var(--portrait-outline)}}

.typed-form>label{display:block;font-weight:600;font-size:14px;margin-bottom:12px}.typed-row{display:flex;gap:12px}.typed-row input{flex:1;min-width:0;padding:18px;font:600 18px Barlow,Arial,sans-serif;border:2px solid #dcdcd8;border-radius:6px;background:white;color:#172039}.typed-row input:focus{outline:3px solid #efca3a;border-color:#172c59}.typed-row>button{border:0;border-radius:6px;background:#172c59;color:white;font:700 15px Barlow,Arial,sans-serif;padding:14px 23px}.typed-help{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;color:#686b73}.typed-help button{background:transparent;color:#172c59;border:0;text-decoration:underline;padding:8px 0;font-size:12px}button:disabled{opacity:.65;cursor:default}.typed-row input:disabled{background:#eceeea}@media(max-width:600px){.typed-row{gap:8px}.typed-row input{font-size:15px;padding:14px 10px}.typed-row>button{padding:12px;font-size:13px}.typed-help{font-size:10px}.settings label{flex:auto}}

body:not([data-stage="game"])>header,body:not([data-stage="game"])>main,body:not([data-stage="game"])>footer{display:none}#startup{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;background:linear-gradient(125deg,#102e8b 0 42%,#e90040 42% 100%);color:white;padding:34px 24px}.intro-rays{position:absolute;inset:-100%;z-index:-1;background:repeating-conic-gradient(from 5deg at 50% 50%,transparent 0 10deg,#ffffff0c 10deg 20deg);pointer-events:none}.startup-screen{width:min(900px,100%);text-align:center;perspective:1000px}.intro-kicker{display:block;font-size:11px;letter-spacing:4px;font-weight:800;margin-bottom:35px;color:#fff9d5}.intro-logo{color:#ffe138;transform:rotate(-7deg);font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;-webkit-text-stroke:8px #153c70;paint-order:stroke fill;text-shadow:1px 2px 0 #123057,2px 4px 0 #123057,3px 6px 0 #123057,4px 8px 0 #123057,5px 10px 0 #123057,6px 12px 0 #123057,10px 18px 0 #0d224966;line-height:.95;margin:20px auto 45px;transform-style:preserve-3d}.intro-logo>span{display:block;font-size:clamp(35px,7vw,70px)}.intro-logo strong{display:block;font-size:clamp(70px,15vw,150px);font-weight:900}.startup-screen>p{font-size:16px;color:#ffefdf;margin:18px 0 30px}.start-primary{display:block;margin:0 auto;background:#ffe138;color:#142d54;border:2px solid #142d54;box-shadow:4px 5px 0 #142d54;border-radius:7px;font:800 17px Barlow,Arial,sans-serif;padding:18px 30px;transition:transform .15s}.start-primary:hover{transform:translateY(-3px)}.start-link{display:block;background:transparent;border:0;color:white;padding:14px;font-size:13px;margin:12px auto 0;text-decoration:underline;text-underline-offset:4px}.startup-screen>small{display:block;color:#ffffffaa;font-size:10px;margin-top:20px}.flying-logo{animation:title-arrives 1.7s cubic-bezier(.16,.9,.25,1) both,title-float 2.3s ease-in-out 1.7s infinite alternate}.intro-caption{font-weight:900;letter-spacing:3px;animation:caption-in .5s 1.45s both}.skip-intro{position:fixed;bottom:28px;right:28px;color:white;background:#0c1e4755;border:1px solid #ffffff55;border-radius:30px;padding:12px 20px;font-size:12px}body[data-stage="intro"] .intro-rays{animation:rays-turn 18s linear infinite}#setupScreen{max-width:760px}#setupScreen h1{font:800 clamp(32px,5vw,50px) Barlow,Arial,sans-serif;margin:0 0 30px}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}.mode-card{position:relative;border:2px solid #ffffff55;border-radius:12px;padding:25px;background:#101c4066;cursor:pointer;display:flex;flex-direction:column;gap:13px;transition:background .15s,border .15s}.mode-card:has(input:checked){background:#fff6d9;color:#172c59;border-color:#ffe138;box-shadow:0 0 0 3px #ffe13855}.mode-card input{position:absolute;top:20px;right:20px;accent-color:#173d7a;width:18px;height:18px}.mode-icon{font:800 22px 'Barlow Condensed',Impact,sans-serif;letter-spacing:3px;color:#ffe138}.mode-card:has(input:checked) .mode-icon{color:#d32c48}.mode-card strong{font-size:25px}.mode-card>span:last-child{font-size:13px;line-height:1.5}.setup-options{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:26px 0;font-size:13px;text-align:left}.setup-options select{display:block;margin-top:8px;font:inherit;padding:12px;border:1px solid #ffffff55;border-radius:6px;background:#fff7e3;color:#172c59;min-width:210px}.voice-option{display:flex;gap:9px;align-items:center}.voice-option input{width:18px;height:18px;accent-color:#ffe138}@keyframes title-arrives{0%{opacity:0;transform:translateZ(700px) rotateY(-65deg) rotateZ(-25deg) scale(3)}60%{opacity:1;transform:translateZ(-50px) rotateY(12deg) rotateZ(-5deg) scale(.9)}100%{opacity:1;transform:translateZ(0) rotateY(0) rotateZ(-7deg) scale(1)}}@keyframes title-float{from{transform:rotate(-7deg) translateY(0)}to{transform:rotate(-5deg) translateY(-10px)}}@keyframes rays-turn{to{transform:rotate(360deg)}}@keyframes caption-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){#startup{padding:28px 20px}.intro-kicker{font-size:9px;letter-spacing:2px;margin-bottom:25px}.intro-logo{-webkit-text-stroke:4px;text-shadow:2px 4px 0 #123057,4px 8px 0 #123057,7px 12px 0 #0d224966}.startup-screen>p{font-size:13px}.mode-cards{gap:10px}.mode-card{padding:20px 13px;gap:10px}.mode-card input{top:15px;right:12px}.mode-card strong{font-size:22px}.mode-card>span:last-child{font-size:11px}.setup-options{align-items:flex-end;gap:10px;font-size:11px}.setup-options select{min-width:0;max-width:190px;padding:10px}.voice-option{max-width:110px}.start-primary{font-size:15px}.skip-intro{right:16px;bottom:20px}.intro-caption{letter-spacing:1px}}

.enable-intro-music{position:fixed;left:28px;bottom:28px;color:#172c59;background:#ffe138;border:2px solid #172c59;border-radius:30px;padding:12px 20px;font-weight:700;font-size:12px}@media(max-width:600px){.enable-intro-music{left:16px;bottom:20px;padding:12px}}

body[data-stage="setup"] .intro-rays{animation:rays-turn 18s linear infinite}

.welcome-symbol{display:grid;place-items:center;width:100px;height:100px;border:2px solid #ffe13899;border-radius:50%;margin:0 auto 25px;color:#ffe138;font-size:34px;padding-left:5px;box-shadow:0 0 55px #ffe13822}.welcome-heading{font-size:clamp(30px,6vw,48px);margin:0;font-weight:800}#introScreen{position:static;isolation:isolate}#introScreen>.intro-logo,#introScreen>.intro-kicker,#introScreen>.intro-caption{position:relative;z-index:2}#introHeads{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.intro-head{position:absolute;width:clamp(100px,15vw,200px);height:clamp(120px,17vw,225px);opacity:0;filter:drop-shadow(5px 8px 0 #0a183b66);animation:head-arrives .7s cubic-bezier(.2,1.4,.4,1) var(--head-delay) both}.intro-head img{display:block;width:115%;max-width:none;height:auto;margin-left:-7.5%;margin-top:-4%;clip-path:ellipse(44% 37% at 50% 41%);animation:head-bounce 1.1s ease-in-out calc(var(--head-delay) + .7s) infinite alternate;transform-origin:50% 42%}.intro-head-0{left:3%;top:7%;--head-x:-170%;--head-y:-60%}.intro-head-1{right:3%;top:6%;--head-x:170%;--head-y:-70%}.intro-head-2{left:1%;bottom:5%;--head-x:-170%;--head-y:100%}.intro-head-3{right:1%;bottom:5%;--head-x:170%;--head-y:100%}.intro-head-4{left:23%;top:-4%;--head-x:-50%;--head-y:-170%}.intro-head-5{right:23%;top:-5%;--head-x:60%;--head-y:-170%}.intro-head-6{left:27%;bottom:-10%;--head-x:-20%;--head-y:170%}.intro-head-7{right:27%;bottom:-10%;--head-x:20%;--head-y:170%}.skip-intro,.enable-intro-music{z-index:5}#introScreen .intro-logo{filter:drop-shadow(0 0 25px #163f7299)}@keyframes head-arrives{0%{opacity:0;transform:translate(var(--head-x),var(--head-y)) rotate(-45deg) scale(.35)}70%{opacity:1;transform:translate(0,0) rotate(8deg) scale(1.12)}100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}@keyframes head-bounce{from{transform:translateY(0) rotate(calc(var(--head-tilt) * -1))}to{transform:translateY(-12px) rotate(var(--head-tilt))}}@media(max-width:600px){.intro-head{width:105px;height:125px}.intro-head-0,.intro-head-1{top:9%}.intro-head-2,.intro-head-3{bottom:12%}.intro-head-4,.intro-head-5{top:-1%}.intro-head-6,.intro-head-7{bottom:0}#introScreen .intro-logo{margin-top:30px;margin-bottom:30px}}@media(prefers-reduced-motion:reduce){.intro-head{opacity:1}.intro-head img{transform:none}}

.round-clock{max-width:900px;margin:17px auto 0}.clock-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.3px;font-weight:700;color:#656b79;margin-bottom:8px}#timeLeft{font-size:13px;font-weight:800;color:#172c59;font-variant-numeric:tabular-nums;letter-spacing:0}.time-track{height:10px;background:#dddcd5;border-radius:20px;overflow:hidden}.time-fill{width:100%;height:100%;border-radius:20px;background:linear-gradient(90deg,#246adf,#55a8ed);transform-origin:left;transition:transform .1s linear,background .2s}.time-track.urgent .time-fill{background:#eb3844}.setup-options{flex-wrap:wrap}.setup-options select{max-width:240px}@media(max-width:600px){.round-clock{margin-top:15px}.setup-options>label:not(.voice-option){flex:1;min-width:140px}.setup-options select{width:100%;max-width:none;font-size:11px}.time-track{height:8px}}

.intro-head img{filter:brightness(0) saturate(1);transition:filter .08s steps(1);animation-duration:.4s}.intro-head.head-revealed{opacity:1;animation:head-reveal-pop .45s cubic-bezier(.2,1.5,.4,1) both}.intro-head.head-revealed img{filter:none}.intro-head.head-revealed::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 50% 38%,#fff4ab 0,transparent 60%);mix-blend-mode:screen;animation:head-reveal-flash .35s both}@keyframes head-reveal-pop{0%{transform:scale(.92) rotate(-12deg)}45%{transform:scale(1.2) rotate(8deg)}100%{transform:scale(1) rotate(0)}}@keyframes head-reveal-flash{0%{opacity:.9;transform:scale(.65)}100%{opacity:0;transform:scale(1.3)}}@media(prefers-reduced-motion:reduce){.intro-head.head-revealed{transform:none}.intro-head.head-revealed::after{display:none}}

/* Timer attached directly to the portrait frame. */
.round-clock{position:relative;margin:0 auto;padding:0;max-width:900px}.clock-meta{position:absolute;inset:0 10px;z-index:1;margin:0;height:26px;pointer-events:none;color:#fff;font-size:9px;letter-spacing:1px;text-shadow:0 1px 3px #172039}#timeLeft{color:#fff;font-size:13px;text-shadow:0 1px 3px #172039}.time-track{height:26px;border:3px solid #173758;border-top:0;border-radius:0 0 6px 6px;background:#253d5b;box-shadow:6px 6px 0 #173758}.time-fill{border-radius:0}.arena{border-bottom-left-radius:0;border-bottom-right-radius:0}@media(max-width:600px){.round-clock{margin-top:0}.time-track{height:24px}.clock-meta{height:24px;font-size:8px}#timeLeft{font-size:12px}}

/* Fine vector burst, shared by backdrop and portrait. */
.arena{--burst-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22675%22%20viewBox%3D%220%200%20900%20675%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M621.00%2C317.25L585.83%2C335.20L551.10%2C349.67L583.16%2C370.97L628.03%2C398.44L577.82%2C406.33L550.73%2C416.43L569.87%2C441.00L603.85%2C474.56L559.36%2C474.74L519.82%2C473.00L546.38%2C507.28L560.67%2C537.65L531.02%2C538.37L497.90%2C533.19L513.40%2C567.78L521.64%2C599.30L493.65%2C595.29L464.38%2C586.48L471.92%2C620.67L485.34%2C667.29L448.39%2C643.75L414.24%2C618.07L423.22%2C664.35L434.27%2C722.60L396.61%2C682.30L371.65%2C662.22L368.77%2C697.47L367.31%2C745.28L339.90%2C709.75L317.41%2C681.04L310.22%2C719.04L299.10%2C748.67L279.97%2C725.28L261.48%2C684.31L249.36%2C728.41L234.00%2C759.12L218.64%2C728.41L205.42%2C698.93L188.03%2C725.28L165.47%2C771.45L157.78%2C719.04L151.59%2C676.68L128.10%2C709.75L97.28%2C756.21L99.23%2C697.47L99.52%2C654.26L71.39%2C682.30L41.13%2C707.63L44.78%2C664.35L45.91%2C631.17L19.61%2C643.75L-6.16%2C651.72L-3.92%2C620.67L10.96%2C577.90L-25.65%2C595.29L-58.28%2C603.86L-45.40%2C567.78L-29.80%2C533.11L-63.02%2C538.37L-110.36%2C549.59L-78.38%2C507.28L-61.37%2C478.20L-91.36%2C474.74L-139.80%2C476.24L-101.87%2C441.00L-69.54%2C412.30L-109.82%2C406.33L-141.99%2C394.73L-115.16%2C370.97L-90.38%2C350.41L-117.83%2C335.20L-139.59%2C317.25L-117.83%2C299.30L-87.18%2C284.41L-115.16%2C263.53L-145.61%2C239.03L-109.82%2C228.17L-70.49%2C221.91L-101.87%2C193.50L-141.54%2C157.52L-91.36%2C159.76L-63.11%2C155.35L-78.38%2C127.22L-107.98%2C86.52L-63.02%2C96.13L-26.93%2C103.74L-45.40%2C66.72L-55.81%2C33.07L-25.65%2C39.21L9.08%2C54.40L-3.92%2C13.83L-6.89%2C-18.23L19.61%2C-9.25L45.89%2C3.30L44.78%2C-29.85L39.24%2C-76.97L71.39%2C-47.80L100.66%2C-16.90L99.23%2C-62.97L97.02%2C-122.57L128.10%2C-75.25L150.68%2C-46.13L157.78%2C-84.54L166.06%2C-133.04L188.03%2C-90.78L205.59%2C-62.26L218.64%2C-93.91L234.00%2C-121.71L249.36%2C-93.91L261.39%2C-48.59L279.97%2C-90.78L299.47%2C-116.64L310.22%2C-84.54L318.25%2C-50.20L339.90%2C-75.25L368.54%2C-114.71L368.77%2C-62.97L370.31%2C-24.34L396.61%2C-47.80L434.09%2C-87.74L423.22%2C-29.85L414.78%2C15.55L448.39%2C-9.25L482.93%2C-29.43L471.92%2C13.83L465.78%2C46.39L493.65%2C39.21L520.47%2C36.35L513.40%2C66.72L495.02%2C103.66L531.02%2C96.13L563.25%2C95.11L546.38%2C127.22L522.19%2C160.21L559.36%2C159.76L606.70%2C158.73L569.87%2C193.50L550.82%2C218.05L577.82%2C228.17L626.59%2C236.35L583.16%2C263.53L548.37%2C285.11L585.83%2C299.30Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-width%3D%221.2%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}.arena .burst,.arena .portrait-mask{clip-path:none;-webkit-mask-image:var(--burst-mask);mask-image:var(--burst-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.arena .burst{background:repeating-conic-gradient(from 3deg at 26% 47%,#efffff 0deg 1deg,#91dde3 1.4deg 3deg,#c6f8f1 3.5deg 5deg,#73cdda 5.5deg 7deg)}.arena.revealed .burst{background:repeating-conic-gradient(from 3deg at 26% 47%,#fff9d3 0deg 1deg,#f7cf61 1.4deg 3deg,#ffefac 3.5deg 5deg,#efc24f 5.5deg 7deg)}

/* Défilé de députés, piloté par la lecture du générique. */
#introScreen .intro-logo{margin-top:-110px;margin-bottom:130px}.flying-logo{animation:title-float 2.3s ease-in-out infinite alternate}.intro-title-part{display:inline-block;opacity:0;transform:translate3d(0,-80px,250px) rotateY(-45deg) scale(1.8)}.intro-title-part.title-arrived{animation:piece-arrives .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes piece-arrives{to{opacity:1;transform:translate3d(0,0,0) rotateY(0) scale(1)}}
#introHeads{z-index:3;top:auto;height:250px;bottom:10%;border-bottom:2px solid #ffffff35}.intro-head.parade-deputy{position:absolute;top:auto;right:auto;bottom:var(--lane);width:140px;height:225px;animation:none;filter:drop-shadow(3px 5px 0 #0a183b66);will-change:left}.parade-deputy img{position:absolute;top:0;left:15px;width:110px;height:110px;object-fit:cover;margin:0;clip-path:ellipse(36% 37% at 50% 39%);animation:parade-bob .4s ease-in-out var(--walk-time) infinite alternate;transform-origin:50% 45%;z-index:2}.intro-head.parade-deputy.head-revealed{animation:none}.stick-body{position:absolute;left:66px;top:75px;width:8px;height:140px;color:#fff3bf}.stick-body i{position:absolute;display:block;width:7px;background:currentColor;border-radius:8px;transform-origin:50% 4px}.stick-body .torso{height:65px}.stick-body .arm{top:10px;height:54px;animation:stick-stride .4s ease-in-out var(--walk-time) infinite alternate}.stick-body .leg{top:59px;height:69px;animation:stick-stride .4s ease-in-out var(--walk-time) infinite alternate}.stick-body .arm-right,.stick-body .leg-left{animation-direction:alternate-reverse}.head-revealed .stick-body{color:#ffe138}.intro-head.parade-deputy::after{inset:0 0 auto;height:110px}.intro-caption{position:relative;top:-100px}@keyframes stick-stride{from{transform:rotate(-35deg)}to{transform:rotate(35deg)}}@keyframes parade-bob{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-6px) rotate(4deg)}}@media(max-width:600px){#introHeads{bottom:13%;height:200px}.intro-head.parade-deputy{transform:scale(.8);transform-origin:bottom center}#introScreen .intro-logo{margin-top:-120px;margin-bottom:130px}}@media(prefers-reduced-motion:reduce){.stick-body .arm,.stick-body .leg,.parade-deputy img,.intro-title-part.title-arrived{animation:none}.intro-title-part.title-arrived{opacity:1;transform:none}}
.parade-deputy img,.stick-body .arm,.stick-body .leg{animation-play-state:paused}

/* Les pieds suivent un sol commun ; le logo passe devant le cortège. */
#introHeads{z-index:1;height:250px;bottom:10%}.intro-head.parade-deputy{bottom:0;height:204px}#introScreen>.intro-logo{z-index:4;margin:0 auto;pointer-events:none;width:min(1050px,100%)}#introScreen .intro-logo>span{font-size:clamp(48px,9vw,100px)}#introScreen .intro-logo strong{font-size:clamp(95px,19vw,205px)}.stick-body .leg{animation-name:grounded-stride}@keyframes grounded-stride{0%{transform:rotate(-35deg) scaleY(1.22)}50%{transform:rotate(0deg) scaleY(1)}100%{transform:rotate(35deg) scaleY(1.22)}}@media(max-width:600px){#introHeads{bottom:16%;height:190px}#introScreen>.intro-logo{margin:0 auto}.intro-head.parade-deputy{height:204px;bottom:0}}
/* Personnages cartoon plus grands, toujours derrière le logo. */
#introHeads{height:370px}.intro-head.parade-deputy{transform:scale(1.55);transform-origin:bottom center;--jacket:#35b9cf;--trousers:#163659}.parade-deputy:nth-child(3n+2){--jacket:#ed9955;--trousers:#473763}.parade-deputy:nth-child(3n){--jacket:#9b86df;--trousers:#263958}.stick-body{color:var(--jacket)}.head-revealed .stick-body{color:var(--jacket)}.stick-body .torso{left:-17px;top:-1px;width:42px;height:68px;border:2px solid #102c4e;border-radius:15px 15px 10px 10px;background:linear-gradient(76deg,transparent 44%,#fff5dc 45% 55%,transparent 56%),var(--jacket);box-shadow:inset -6px 0 #0002;z-index:2}.stick-body .torso::after{content:'';position:absolute;left:18px;top:13px;width:5px;height:25px;background:#ef4266;clip-path:polygon(0 0,100% 0,70% 25%,100% 85%,50% 100%,0 85%,30% 25%)}.stick-body .arm{width:12px;border:1.5px solid #102c4e;background:var(--jacket);z-index:1}.stick-body .arm-left{left:-17px}.stick-body .arm-right{left:19px}.stick-body .arm::after{content:'';position:absolute;bottom:-4px;left:-2px;width:14px;height:15px;border-radius:45%;background:#ffdcac;border:1.5px solid #102c4e}.stick-body .leg{width:13px;background:var(--trousers);border-radius:5px;z-index:0}.stick-body .leg-left{left:-8px}.stick-body .leg-right{left:8px}.stick-body .leg::after{content:'';position:absolute;left:-2px;bottom:0;width:23px;height:10px;background:#10243d;border-radius:8px 10px 3px 3px;box-shadow:inset 0 -2px #fff0c6}.parade-deputy:not(.head-revealed) .stick-body{filter:brightness(.35)}
@media(max-width:600px){#introHeads{height:280px}.intro-head.parade-deputy{transform:scale(1.15)}}@media(max-height:500px){#introHeads{height:250px;bottom:8%}.intro-head.parade-deputy{transform:scale(1.1)}}
/* Le visage reste devant tous les éléments du corps. */
.parade-deputy .stick-body{z-index:1;isolation:isolate}.parade-deputy img{z-index:3}.parade-deputy::after{z-index:4}
/* Défilé agrandi derrière le titre. */
#introHeads{height:460px}.intro-head.parade-deputy{transform:scale(1.95)}@media(max-width:600px){#introHeads{height:330px}.intro-head.parade-deputy{transform:scale(1.45)}}@media(max-height:500px){#introHeads{height:290px}.intro-head.parade-deputy{transform:scale(1.3)}}
/* Accès visible au choix du mode, centré sous le titre. */
#introScreen .skip-intro{position:relative;display:block;bottom:auto;right:auto;margin:38px auto 0;z-index:6;width:max-content;max-width:100%;padding:15px 26px;border:2px solid #ffe138;border-radius:30px;background:#102b59;color:#fff5cf;font-size:15px;font-weight:800;box-shadow:0 4px 0 #081a36,0 0 20px #102b5955;cursor:pointer}#introScreen .skip-intro:hover{background:#ffe138;color:#102b59}#introScreen .skip-intro:focus-visible{outline:3px solid white;outline-offset:5px}@media(max-width:600px){#introScreen .skip-intro{margin-top:28px;padding:13px 22px;font-size:14px}}
/* Le bouton est hors du flux pour préserver le centrage du titre. */
#introScreen .skip-intro{position:absolute;left:50%;top:calc(50% + clamp(95px,14vw,155px));right:auto;bottom:auto;transform:translateX(-50%);margin:0;white-space:nowrap}@media(max-width:600px){#introScreen .skip-intro{top:calc(50% + clamp(95px,14vw,155px));margin:0}}

/* Annonce en trois temps, centrée dans la zone rouge. */
.arena .headline{top:50%;bottom:auto;right:1.5%;width:49%;transform:translateY(-50%) rotate(-6deg)}.arena .headline>span{display:block;font-size:clamp(27px,4.8vw,56px);line-height:1}.round-title-piece{display:inline-block;font-weight:inherit}.arena .headline h1{display:block;font-size:clamp(58px,10vw,116px);line-height:.98}.arena .headline h1>span{display:inline-block}.arena .headline #tagline{font-size:clamp(17px,2.35vw,29px);font-weight:900;line-height:1.15;margin:18px auto 0;min-height:0;max-width:95%;text-wrap:balance}.headline.title-speaking .round-title-piece{opacity:0;transform:translateY(-35px) scale(1.6)}.headline.title-speaking .round-title-piece.word-arrived{animation:round-word-in .38s cubic-bezier(.2,1.4,.4,1) both}@keyframes round-word-in{to{opacity:1;transform:translateY(0) scale(1)}}.affiliation{display:flex;align-items:center;justify-content:center;gap:11px;margin:15px auto 0;padding:10px 13px;max-width:94%;background:#fffaf1;border-radius:10px;color:#173451;transform:rotate(6deg);filter:none;box-shadow:0 3px 0 #16375a44;text-shadow:none}.affiliation img{width:72px;height:48px;object-fit:contain;flex-shrink:0}.affiliation div{text-align:left}.affiliation small{display:block;font:800 8px Barlow,Arial,sans-serif;letter-spacing:1px;color:#637184;margin-bottom:4px}.affiliation strong{display:block;font:800 14px/1.2 Barlow,Arial,sans-serif}.arena .question{display:none}@media(max-width:700px){.arena .headline{right:1%;width:50%;top:48%;bottom:auto}.arena .headline>span{font-size:clamp(18px,4.6vw,34px)}.arena .headline h1{font-size:clamp(33px,9vw,65px);-webkit-text-stroke:3px}.arena .headline #tagline{font-size:clamp(12px,3vw,20px);margin-top:10px}.affiliation{gap:6px;padding:7px;margin-top:8px}.affiliation img{width:42px;height:31px}.affiliation small{font-size:6px;letter-spacing:.3px}.affiliation strong{font-size:clamp(8px,1.9vw,12px)}}@media(prefers-reduced-motion:reduce){.headline.title-speaking .round-title-piece.word-arrived{opacity:1;transform:none}}
/* Révélation lisible : titre distinct, identité horizontale sur fond clair. */
.arena .headline{right:3%;width:46%;transform:translateY(-50%);filter:none}.arena .headline>span,.arena .headline h1{transform:rotate(-5deg);filter:drop-shadow(3px 4px 0 #16375a)}.arena .headline>span{font-size:clamp(25px,4.2vw,48px)}.arena .headline h1{font-size:clamp(53px,8.5vw,101px);letter-spacing:-1px}.arena .headline #tagline{color:#fffdf0;font-size:clamp(16px,2vw,25px);line-height:1.2;margin:25px auto 0;max-width:100%;text-shadow:0 2px 3px #84122c;letter-spacing:0}.arena.revealed .headline #tagline{color:#15334e;background:#fffaf1;border-radius:12px 12px 0 0;margin:25px 0 0;padding:16px 18px 11px;font-size:clamp(19px,2.5vw,30px);text-shadow:none;text-align:left;box-shadow:4px 0 0 #16375a}.arena .affiliation{transform:none;margin:0;max-width:100%;border-radius:0 0 12px 12px;padding:10px 18px 16px;gap:14px;justify-content:flex-start;box-shadow:4px 5px 0 #16375a;position:relative}.arena .affiliation::before{content:'';position:absolute;top:0;left:18px;right:18px;height:1px;background:#dce1e3}.arena .affiliation img{width:68px;height:51px;background:white;border-radius:5px;padding:4px}.arena .affiliation small{font-size:9px;line-height:1.3;letter-spacing:.8px;color:#5b6874}.arena .affiliation strong{font-size:15px;line-height:1.35;color:#173451;text-wrap:balance}.arena .corner{display:none}@media(max-width:700px){.arena .headline{right:3%;width:47%;top:49%}.arena .headline>span{font-size:clamp(16px,4vw,28px)}.arena .headline h1{font-size:clamp(30px,7.8vw,55px)}.arena .headline #tagline{font-size:clamp(12px,2.7vw,18px);margin-top:15px}.arena.revealed .headline #tagline{font-size:clamp(14px,3.4vw,22px);padding:10px 10px 8px;margin-top:15px}.arena .affiliation{padding:9px 10px 10px;gap:8px}.arena .affiliation::before{left:10px;right:10px}.arena .affiliation img{width:43px;height:36px;padding:2px}.arena .affiliation small{font-size:6px;letter-spacing:.3px}.arena .affiliation strong{font-size:clamp(9px,2.2vw,13px);line-height:1.3}}@media(max-width:420px){.arena .affiliation{gap:6px}.arena .affiliation img{width:32px;height:30px}.arena .affiliation small{font-size:5.5px}.arena .affiliation strong{font-size:8.5px}}

.audio-settings-open{position:fixed;top:14px;right:18px;z-index:20;background:#153451;color:#fff6dd;border:1px solid #ffffff75;border-radius:25px;padding:10px 16px;font-weight:800;font-size:13px;box-shadow:0 3px 8px #0002}body[data-stage="game"] .audio-settings-open{top:auto;bottom:16px;right:16px}.audio-settings-panel{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#07162ccc;backdrop-filter:blur(8px)}.audio-settings-card{width:min(440px,100%);max-height:90svh;overflow:auto;border:2px solid #173451;border-radius:18px;background:#fffaf1;color:#173451;padding:26px;box-shadow:8px 8px 0 #07162c55}.audio-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.audio-settings-heading h2{margin:0;font-size:27px}.audio-settings-heading button{background:transparent;border:0;font-size:22px;color:#173451;padding:5px}.audio-settings-card>p{font-size:13px;color:#637184;margin:10px 0 24px}.audio-slider{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:14px;font-weight:700;margin:20px 0}.audio-slider output{font-size:12px;color:#68788a;font-variant-numeric:tabular-nums}.audio-slider input{grid-column:1/-1;width:100%;height:20px;accent-color:#e90040;cursor:pointer}.audio-duck{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.5;margin:22px 0}.audio-duck input{width:19px;height:19px;accent-color:#e90040}.audio-reset{padding:11px 16px;border:1px solid #c5cbd1;border-radius:7px;color:#173451;background:white;font-size:12px;font-weight:700}.audio-settings-card>small{display:block;margin-top:16px;font-size:10px;color:#68788a}@media(max-width:600px){.audio-settings-card{padding:20px}.audio-settings-open{top:10px;right:10px;padding:9px 13px}}
/* Nom blanc conservé ; groupe parlementaire dans un bandeau distinct. */
.arena.revealed .headline #tagline{background:transparent;color:#fffdf0;padding:0;margin:24px auto 16px;border-radius:0;box-shadow:none;text-align:center;font-size:clamp(20px,2.6vw,31px);font-weight:900;line-height:1.2;transform:rotate(-5deg);text-shadow:0 2px 0 #153451,0 3px 7px #6e002c88}.arena .affiliation{max-width:96%;margin:0 auto;padding:12px 14px;gap:13px;border-radius:10px;background:#fffdf5;box-shadow:0 4px 0 #15345155;text-align:left;align-items:center}.arena .affiliation::before{display:none}.arena .affiliation img{width:76px;height:52px;object-fit:contain;background:white;border-radius:5px;padding:3px}.arena .affiliation small{font-size:8px;color:#667585;font-weight:800;letter-spacing:1px;margin-bottom:5px}.arena .affiliation strong{font-size:15px;line-height:1.3;text-wrap:balance}.arena .affiliation div{flex:1;min-width:0}@media(max-width:700px){.arena.revealed .headline #tagline{font-size:clamp(14px,3.4vw,22px);margin:16px auto 10px;padding:0}.arena .affiliation{gap:8px;padding:9px 10px;max-width:98%}.arena .affiliation img{width:48px;height:36px;padding:2px}.arena .affiliation small{font-size:6px;letter-spacing:.4px;margin-bottom:3px}.arena .affiliation strong{font-size:clamp(9px,2.2vw,13px)}}@media(max-width:420px){.arena .affiliation{gap:6px;padding:8px}.arena .affiliation img{width:35px;height:32px}.arena .affiliation strong{font-size:8.5px}}
/* Composition verticale : nom, groupe, puis logo. */
.arena .affiliation{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:11px;margin:0 auto;padding:0;max-width:95%;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:center}.arena .affiliation div{text-align:center;flex:none;max-width:100%}.arena .affiliation small{display:none}.arena .affiliation strong{font-size:clamp(13px,1.8vw,21px);font-weight:800;line-height:1.25;color:#fffdf0;text-shadow:0 2px 3px #77102c;max-width:100%;text-wrap:balance}.arena .affiliation img{display:block;width:105px;height:65px;object-fit:contain;background:#fffdf5;padding:7px 10px;border-radius:8px;box-shadow:0 3px 0 #15345144}.arena.revealed .headline #tagline{margin-bottom:16px}@media(max-width:700px){.arena .affiliation{gap:8px;padding:0;margin:0 auto}.arena .affiliation strong{font-size:clamp(10px,2.6vw,16px)}.arena .affiliation img{width:76px;height:46px;padding:5px 7px}.arena.revealed .headline #tagline{margin-bottom:10px}}@media(max-width:420px){.arena .affiliation img{width:63px;height:39px}.arena .affiliation strong{font-size:10px}}
/* Centrage optique du bloc dans la zone rouge. */
.arena .headline{right:0;width:43%}@media(max-width:700px){.arena .headline{right:0;width:43%}}
/* Séparation légère entre le nom et le groupe. */
.arena.revealed .headline #tagline{margin-bottom:27px}@media(max-width:700px){.arena.revealed .headline #tagline{margin-bottom:19px}}
/* Ancrage fixe : la révélation ne recentre plus le bloc selon sa hauteur. */
.arena .headline{top:25%;bottom:auto;transform:none}.headline.title-speaking .round-title-piece{transform:translateY(-35px) rotate(0deg) scale(1.6)}.headline.title-speaking h1.round-title-piece{transform:translateY(-35px) rotate(-5deg) scale(1.6);animation-name:none}.headline.title-speaking h1.round-title-piece.word-arrived{animation-name:round-depute-in}@keyframes round-depute-in{to{opacity:1;transform:translateY(0) rotate(-5deg) scale(1)}}@media(max-width:700px){.arena .headline{top:23%;bottom:auto;transform:none}}@media(prefers-reduced-motion:reduce){.headline.title-speaking h1.round-title-piece.word-arrived{transform:rotate(-5deg)}}
/* Rotation des rayons dorés à l’intérieur du masque fixe. */
@property --gold-ray-angle{syntax:'<angle>';inherits:false;initial-value:3deg}
.arena.revealed .burst{background:repeating-conic-gradient(from var(--gold-ray-angle) at 26% 47%,#fff9d3 0deg 1deg,#f7cf61 1.4deg 3deg,#ffefac 3.5deg 5deg,#efc24f 5.5deg 7deg);animation:gold-rays-spin 36s linear infinite}@keyframes gold-rays-spin{from{--gold-ray-angle:3deg}to{--gold-ray-angle:363deg}}@media(prefers-reduced-motion:reduce){.arena.revealed .burst{animation:none}}

/* En-tête compact : identité, progression et commandes regroupées. */
body[data-stage="game"]>header{height:66px;padding:0 max(24px,calc((100vw - 1112px)/2));gap:14px;border-bottom:1px solid #e6e1d8}header>a{font-size:27px;flex-shrink:0}header .header-progress{margin-right:auto;font-size:10px;letter-spacing:1.3px;color:#667184}header #listen,header #sound{margin-left:0;padding:9px 13px;font-size:11px;border-color:#dedbd4;background:transparent}body[data-stage="game"] main{margin-top:22px}body[data-stage="game"] .audio-settings-open{position:fixed;top:19px;bottom:auto;right:18px;padding:6px 10px;font-size:10px;box-shadow:none;z-index:21}body[data-stage="game"]>header{padding-right:max(95px,calc((100vw - 1112px)/2))}@media(max-width:700px){body[data-stage="game"]>header{height:58px;padding:0 82px 0 16px;gap:9px}header .header-progress{font-size:8px;letter-spacing:.4px}header #listen,header #sound{font-size:9px;padding:7px 8px}body[data-stage="game"] .audio-settings-open{top:18px;right:9px;padding:5px 8px;font-size:9px}body[data-stage="game"] main{margin-top:16px}}@media(max-width:420px){header #sound{display:none}header .header-progress{font-size:8px}header>a{font-size:24px}}

/* Commandes audio en bas, panneau dépliant ancré au bouton. */
.audio-dock{position:fixed;bottom:18px;right:18px;z-index:102;display:flex;align-items:center;gap:6px;padding:5px;background:#fffaf1;border:1px solid #d9ddd9;border-radius:28px;box-shadow:0 4px 16px #112d4922}.audio-dock .audio-mute{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;font-size:19px}.audio-dock .audio-settings-open,body[data-stage="game"] .audio-dock .audio-settings-open{position:static;inset:auto;padding:10px 15px;border:0;border-radius:22px;background:#153451;color:white;font-size:12px;box-shadow:none}.audio-mute:hover{background:#e9edf0}.audio-settings-panel{inset:auto 18px 82px auto;display:block;width:min(370px,calc(100vw - 32px));padding:0;background:transparent;backdrop-filter:none;z-index:101}.audio-settings-card{width:100%;max-height:calc(100svh - 110px);padding:21px;border:1px solid #d2d8de;border-radius:16px;box-shadow:0 10px 40px #07162c44}.audio-settings-heading h2{font-size:22px}.audio-settings-card>p{margin-bottom:17px}.audio-slider{margin:14px 0;font-size:12px}.audio-duck{margin:16px 0}.audio-settings-card>small{font-size:9px}body[data-stage="game"]>header{padding:0 max(24px,calc((100vw - 1112px)/2))}.arena .quiz-listen{position:absolute;top:15px;right:15px;z-index:5;padding:8px 12px;background:#78133444;color:#fff7df;border:1px solid #ffffff60;border-radius:22px;font-size:11px;font-weight:700}.arena .quiz-listen:hover{background:#173451;color:white}@media(max-width:700px){body[data-stage="game"]>header{padding:0 16px}.audio-dock{right:10px;bottom:10px}.audio-settings-panel{right:10px;bottom:74px}.arena .quiz-listen{top:9px;right:9px;font-size:9px;padding:6px 9px}.audio-dock .audio-mute{display:grid}}@media(max-width:420px){.audio-dock #sound{display:grid}}

/* Commandes assorties au quiz : jaune solaire et contours bleu nuit. */
.audio-dock{padding:0;gap:9px;border:0;background:transparent;border-radius:0;box-shadow:none}.audio-dock .audio-mute,.audio-dock .audio-settings-open,body[data-stage="game"] .audio-dock .audio-settings-open{display:flex;align-items:center;justify-content:center;gap:8px;height:43px;border:2px solid #153451;border-radius:8px;background:#ffe138;color:#153451;box-shadow:3px 4px 0 #153451;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:16px;letter-spacing:.7px;transition:transform .12s,box-shadow .12s}.audio-dock .audio-mute{width:45px;padding:10px}.audio-dock .audio-settings-open,body[data-stage="game"] .audio-dock .audio-settings-open{padding:9px 13px}.audio-dock svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.audio-mute svg>path:first-child{fill:currentColor;stroke-width:1.5}.audio-mute .sound-slash{display:none}.audio-mute.is-muted .sound-slash{display:block;stroke:#e90040;stroke-width:3}.audio-mute.is-muted .sound-waves{display:none}.audio-dock button:hover{background:#fff09a;transform:translateY(-2px);box-shadow:3px 6px 0 #153451}.audio-dock button:active{transform:translate(2px,3px);box-shadow:1px 1px 0 #153451}.audio-chevron{font:800 18px Arial;transition:transform .2s}.audio-settings-open[aria-expanded="true"] .audio-chevron{transform:rotate(180deg)}.audio-settings-card{border:3px solid #153451;background:#fff8e7;box-shadow:5px 6px 0 #153451;border-radius:10px}.audio-settings-heading{border-bottom:2px solid #153451;padding-bottom:12px}.audio-settings-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px;font-weight:900;text-transform:uppercase}.audio-settings-heading button{border:2px solid #153451;border-radius:5px;background:#ffe138;width:29px;height:29px;padding:0;font-size:17px}.audio-slider input{accent-color:#e90040}.audio-reset{border:2px solid #153451;background:#ffe138;box-shadow:2px 2px 0 #153451;border-radius:5px}.arena .quiz-listen{background:#ffe138;color:#153451;border:2px solid #153451;box-shadow:2px 3px 0 #153451;border-radius:6px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:14px;font-weight:900;letter-spacing:.4px}.arena .quiz-listen:hover{background:#fff09a;color:#153451}@media(max-width:700px){.audio-dock .audio-mute,.audio-dock .audio-settings-open,body[data-stage="game"] .audio-dock .audio-settings-open{height:38px;font-size:14px}.audio-dock .audio-mute{width:39px}.audio-dock svg{width:19px;height:19px}.arena .quiz-listen{font-size:11px}}
/* Boutons cartoon cohérents avec le titre du jeu. */
.start-primary,.feedback button,#replay,#validateName,#newGame,.start-link,.skip-intro,.enable-intro-music,.typed-help button{font-family:'Barlow Condensed',Impact,Arial,sans-serif;font-weight:900;letter-spacing:.6px;border:3px solid #153451;border-radius:9px;background:#ffe138;color:#153451;box-shadow:4px 5px 0 #153451;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s}.start-primary{font-size:22px;padding:15px 30px}.feedback button,#replay,#validateName{font-size:19px;padding:12px 23px}#newGame{font-size:16px;padding:10px 17px}.start-link,.typed-help button{background:#fff8e7;color:#153451;font-size:15px;padding:9px 15px;box-shadow:3px 3px 0 #153451}.start-primary:hover,.feedback button:hover,#replay:hover,#validateName:hover,#newGame:hover,.start-link:hover,.typed-help button:hover{background:#fff091;transform:translateY(-2px);box-shadow:4px 7px 0 #153451}.start-primary:active,.feedback button:active,#replay:active,#validateName:active,#newGame:active,.start-link:active,.typed-help button:active{transform:translate(3px,4px);box-shadow:1px 1px 0 #153451}.choice{border:3px solid #153451;background:#fff8e7;border-radius:11px;box-shadow:4px 5px 0 #153451;color:#153451;font-weight:800;transition:transform .12s,box-shadow .12s,background .12s}.choice .letter{width:33px;height:33px;border:2px solid #153451;border-radius:7px;background:#ffe138;color:#153451;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:19px;transform:rotate(-5deg);flex-shrink:0}.choice:not(:disabled):hover{background:#fff1a6;border-color:#153451;transform:translateY(-2px);box-shadow:4px 7px 0 #153451}.choice:not(:disabled):active{transform:translate(3px,4px);box-shadow:1px 1px 0 #153451}.choice:disabled{color:#647185}.choice.correct{background:#dcf5ba;border-color:#153451;color:#20472d}.choice.correct .letter{background:#7ed75b;color:#153451}.choice.wrong{background:#ffd3d5;border-color:#153451;color:#923044}.choice.wrong .letter{background:#ef4561;color:white}.settings select,.setup-options select{border:2px solid #153451;border-radius:7px;background:#fff8e7;color:#153451;font-weight:700;box-shadow:2px 3px 0 #153451}.mode-card{border:3px solid #153451;border-radius:12px;box-shadow:5px 6px 0 #153451;background:#163d79;color:#fff8e7}.mode-card:has(input:checked){border-color:#153451;background:#ffe138;color:#153451;box-shadow:5px 6px 0 #153451}.mode-card:has(input:checked) .mode-icon{color:#e90040}.typed-row input{border:3px solid #153451;border-radius:8px;background:#fffdf5}.start-primary:disabled,#validateName:disabled{opacity:.55;transform:none;box-shadow:2px 3px 0 #153451;cursor:default}#introScreen .skip-intro{border:3px solid #153451;border-radius:10px;background:#ffe138;color:#153451;box-shadow:4px 5px 0 #153451;font-family:'Barlow Condensed',Impact,sans-serif;font-size:20px;font-weight:900}#introScreen .skip-intro:hover{background:#fff091}@media(max-width:700px){.choice{padding:12px 10px;box-shadow:3px 4px 0 #153451;border-width:2px}.choice .letter{width:27px;height:27px;font-size:16px}.start-primary{font-size:20px}.feedback button,#replay,#validateName{font-size:17px;padding:11px 17px}#newGame{font-size:14px}.start-link,.typed-help button{font-size:13px}#introScreen .skip-intro{font-size:18px}}
/* Harmonisation du panneau de jeu. */
:root{--quiz-ink:#173451;--quiz-yellow:#ffe138;--quiz-paper:#fff9ed;--quiz-red:#ec1746}main{max-width:1160px}.arena{border-color:var(--quiz-ink);border-radius:10px 10px 0 0;box-shadow:5px 5px 0 var(--quiz-ink)}.round-clock{border-color:var(--quiz-ink);border-radius:0 0 8px 8px}.settings{gap:14px;padding:20px 0 22px;margin:0;border-bottom:1px solid #dddcd4;align-items:center}.settings>div strong{font-size:14px;color:var(--quiz-ink)}.settings>div span{font-size:10px;line-height:1.5;color:#6c7782}.settings label{font-size:11px;font-weight:700;gap:8px;color:var(--quiz-ink)}.settings select{min-height:39px;padding:9px 12px;font-family:Barlow,Arial,sans-serif;font-size:12px;font-weight:700;border-radius:7px;box-shadow:2px 3px 0 var(--quiz-ink)}#newGame{min-height:39px;font-size:16px;padding:8px 15px;border-width:2px;box-shadow:3px 4px 0 var(--quiz-ink)}.controls{max-width:none;margin:26px 0 0}.prompt{margin-bottom:20px;gap:20px;align-items:center}.prompt h2{font-size:clamp(23px,2.8vw,31px);line-height:1.2;letter-spacing:-.6px;margin:6px 0 0;color:var(--quiz-ink)}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#667586}.score{gap:9px;background:#fff3b7;border:2px solid var(--quiz-ink);border-radius:10px;padding:8px 14px;box-shadow:3px 3px 0 var(--quiz-ink)}.score strong{font:900 32px/1 'Barlow Condensed',Impact,sans-serif}.score span{font-size:8px;letter-spacing:1px}.choices{gap:15px 17px}.choice{min-height:65px;padding:14px 18px;font-family:Barlow,Arial,sans-serif;font-size:15px;font-weight:800;gap:15px;border:2px solid var(--quiz-ink);border-radius:9px;box-shadow:3px 4px 0 var(--quiz-ink)}.choice:disabled{opacity:1;color:#4f6172;background:#f3efe6;border-color:#738292;box-shadow:3px 4px 0 #738292}.choice:disabled .letter{color:#314a60;border-color:#738292}.choice.correct:disabled{color:#24492f;background:#e0f3c3;border-color:#367c49;box-shadow:3px 4px 0 #367c49}.choice.correct:disabled .letter{background:#8ed66b;border-color:#367c49;color:#20452b}.choice.wrong:disabled{color:#8b263d;background:#ffe1e6;border-color:#bd4761;box-shadow:3px 4px 0 #bd4761}.choice.wrong:disabled .letter{background:#ec5e7b;border-color:#bd4761;color:white}.feedback{min-height:90px;padding:20px 0 0;margin-bottom:12px;align-items:center;gap:20px}.feedback p{font-family:Barlow,Arial,sans-serif;font-size:13px;color:#4f6172;margin:0;line-height:1.5}.feedback button,#validateName,#replay{border-width:2px;border-radius:8px;box-shadow:3px 4px 0 var(--quiz-ink);font-size:19px;padding:12px 22px;min-height:46px}.arena .quiz-listen{border-radius:7px;box-shadow:3px 3px 0 var(--quiz-ink);font-size:14px;padding:8px 12px}.arena .affiliation img{border:2px solid var(--quiz-ink);border-radius:8px;box-shadow:3px 3px 0 var(--quiz-ink)}.typed-row input{font-family:Barlow,Arial,sans-serif;font-size:16px;min-height:49px;border-width:2px;box-shadow:2px 3px 0 var(--quiz-ink)}@media(max-width:700px){.settings{padding:17px 0 20px;gap:12px;flex-wrap:wrap}.settings>div{flex:1 0 100%}.settings label{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:stretch;gap:7px}.settings select{width:100%;font-size:11px;min-width:0}.settings #newGame{flex:1 0 auto;align-self:flex-end}.controls{margin-top:22px}.prompt h2{font-size:23px}.score{padding:7px 10px}.score strong{font-size:27px}.choices{gap:13px 12px}.choice{min-height:60px;padding:12px 10px;font-size:12px;gap:9px}.feedback{padding-top:20px;gap:15px;min-height:85px}.feedback button{font-size:17px;min-height:42px;padding:10px 17px}.feedback p{font-size:12px}.arena .quiz-listen{font-size:11px;padding:6px 9px}}

/* Décor de l’Assemblée en perspective, sous l’interface. */
body{isolation:isolate;background:#faf7ef}.hemicycle-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;perspective:1500px;background:radial-gradient(ellipse at 75% 45%,#ffe13812,transparent 65%)}.hemicycle-orbit{position:absolute;left:50%;top:50%;width:max(125vw,1100px);aspect-ratio:800/460;transform:translate(-50%,-50%);opacity:.15}.hemicycle-model{width:100%;height:100%;transform-style:preserve-3d;animation:hemicycle-turn 100s linear infinite;filter:drop-shadow(0 30px 8px #17345120)}.hemicycle-model svg{display:block;width:100%;height:100%;overflow:visible}body>header{background:#faf7efc9;backdrop-filter:blur(10px)}.settings,.controls,footer{position:relative}.controls{background:#faf7efe8;border-radius:14px;padding:22px;margin-top:24px}.settings{background:#faf7efb8}.hemicycle-backdrop::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#faf7ef66 20%,transparent 80%)}@keyframes hemicycle-turn{0%{transform:rotateX(48deg) rotateZ(-22deg) rotateY(-8deg)}50%{transform:rotateX(48deg) rotateZ(158deg) rotateY(8deg)}100%{transform:rotateX(48deg) rotateZ(338deg) rotateY(-8deg)}}@media(max-width:700px){.hemicycle-orbit{width:1500px;opacity:.12}.controls{padding:17px 10px}}@media(prefers-reduced-motion:reduce){.hemicycle-model{animation:none;transform:rotateX(45deg) rotateZ(-20deg)}}

/* Structure unifiée : scène, réponses, puis options secondaires. */
body[data-stage="game"] main{width:min(948px,100%);max-width:948px;margin:20px auto 0;padding:0 24px}.arena{width:100%;max-width:none;margin:0;height:auto;aspect-ratio:16/10}.round-clock{width:100%;max-width:none;margin:0}.arena .headline{top:19%;right:1%;width:43%}.arena .headline>span{font-size:42px}.arena .headline h1{font-size:86px}.arena .headline #tagline,.arena.revealed .headline #tagline{font-size:25px}.arena .affiliation strong{font-size:17px}.arena .affiliation img{height:54px;width:90px}.controls{width:100%;max-width:none;margin:23px 0 0;padding:21px 22px 18px;background:#fffaf1;border:2px solid #173451;border-radius:12px;box-shadow:4px 5px 0 #173451}.prompt{margin:0 0 18px;gap:16px}.prompt h2{font-size:25px}.score{box-shadow:none;background:#fff0a2;padding:7px 11px}.score strong{font-size:29px}.choices{gap:13px 15px}.choice{min-height:58px;padding:11px 14px;font-size:14px}.choice .letter{width:29px;height:29px;font-size:18px}.feedback{min-height:0;padding:19px 0 0;margin:0;gap:16px}.feedback button{min-height:42px;padding:10px 18px;font-size:18px}.feedback p{font-size:12px}.game-options{margin:20px 0 0;border-top:1px solid #d9d9d0;padding:14px 0;color:#173451}.game-options summary{cursor:pointer;font-size:13px;font-weight:800;list-style-position:inside}.game-options summary span{font-size:11px;font-weight:400;color:#738090;margin-left:12px}.game-options .settings{margin:15px 0 0;padding:0 0 8px;border:0;background:transparent;display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start}.game-options .settings>div{flex:1 0 100%;display:flex;align-items:baseline;gap:10px}.game-options .settings label{display:flex;align-items:center;gap:8px}.game-options .settings #newGame{margin-left:auto}.game-options .settings select{min-width:160px}footer{width:min(948px,100%);margin:0 auto;padding-top:12px}body[data-stage="game"]>header{padding:0 max(24px,calc((100vw - 900px)/2))}.hemicycle-orbit{opacity:.08}@media(max-width:700px){body[data-stage="game"] main{padding:0 14px;margin-top:14px}.arena{aspect-ratio:4/3}.arena .headline{top:22%;right:1%;width:43%}.arena .headline>span{font-size:clamp(16px,4vw,28px)}.arena .headline h1{font-size:clamp(30px,7.8vw,55px)}.arena .headline #tagline,.arena.revealed .headline #tagline{font-size:clamp(14px,3.4vw,22px)}.arena .affiliation strong{font-size:clamp(10px,2.6vw,16px)}.arena .affiliation img{width:65px;height:41px}.controls{padding:16px 13px;margin-top:19px;box-shadow:3px 4px 0 #173451}.prompt h2{font-size:21px}.choice{font-size:12px;min-height:59px;padding:10px 8px;gap:8px}.choice .letter{width:24px;height:25px;font-size:15px}.choices{gap:12px}.score span{display:none}.score{padding:7px 10px}.feedback{padding-top:17px}.game-options summary span{display:none}.game-options .settings label{min-width:0;flex:1 1 42%;align-items:stretch}.game-options .settings select{min-width:0}.game-options .settings>div{display:block}.game-options .settings #newGame{margin-left:0;flex:1 0 100%}body[data-stage="game"]>header{padding:0 16px}}

.depudex-open{margin-left:auto;border:2px solid #173451;background:#ffe138;color:#173451;padding:8px 13px;border-radius:7px;box-shadow:2px 3px 0 #173451;font:900 16px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.5px}.depudex-open span{font:700 10px Barlow,Arial,sans-serif;margin-left:8px}header .header-progress{margin-right:0;margin-left:12px}.depudex-panel{position:fixed;inset:0;z-index:120;background:#faf7ef;overflow:auto;padding:28px max(22px,calc((100vw - 1280px)/2))}.dex-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.dex-top h2{font:900 45px 'Barlow Condensed',Impact,sans-serif;margin:4px 0;color:#173451}.dex-top p{font-size:13px;color:#667586;margin:5px 0}.dex-top>button{width:42px;height:42px;border:2px solid #173451;border-radius:8px;background:#ffe138;color:#173451;box-shadow:3px 3px 0 #173451;font-size:23px}.dex-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;margin-top:20px}.dex-stage{min-width:0}.dex-viewport{height:min(65vh,610px);min-height:390px;overflow:hidden;position:relative;perspective:1100px;background:radial-gradient(ellipse,#fff8df,#ece7dc);border:2px solid #173451;border-radius:16px;touch-action:pan-y;cursor:grab}.dex-viewport:active{cursor:grabbing}.dex-world{position:absolute;width:920px;height:570px;left:50%;top:50%;transform-style:preserve-3d;transform:translate(-50%,-50%) scale(.8) rotateX(var(--dex-tilt,48deg)) rotateZ(var(--dex-rotation,0deg));transform-origin:center 55%}.dex-floor{position:absolute;left:9px;top:20px;width:902px;height:495px;background:linear-gradient(#e9ddbd,#fff5d7);border:5px solid #b9ab8d;border-radius:460px 460px 15px 15px;box-shadow:0 12px 0 #9e947e,0 23px 35px #17345140;transform:translateZ(-5px)}.dex-rostrum{position:absolute;left:349px;top:412px;width:222px;height:82px;border-radius:100px 100px 10px 10px;background:#173451;color:#ffe138;font:800 12px Barlow,Arial,sans-serif;letter-spacing:1px;text-align:center;padding-top:38px;transform:translateZ(6px);border:4px solid #ffe138}#dexSeats{transform-style:preserve-3d}.dex-seat{position:absolute;width:13px;height:17px;padding:0;border:0;background:none;transform:rotateZ(var(--seat-rotation));transform-style:preserve-3d;--chair:#c1c5c6;cursor:pointer}.dex-seat.discovered{--chair:var(--seat-color)}.dex-seat i{position:absolute;display:block;pointer-events:none}.seat-top{width:13px;height:15px;background:var(--chair);border:1px solid #17345155;border-radius:3px;transform:translateZ(9px)}.seat-back{left:0;top:0;width:13px;height:17px;background:var(--chair);border:1px solid #17345166;transform-origin:top;transform:translateZ(9px) rotateX(90deg);border-radius:3px}.seat-front{left:0;top:14px;width:13px;height:9px;background:var(--chair);filter:brightness(.7);transform-origin:top;transform:translateZ(9px) rotateX(90deg)}.seat-side{left:0;top:0;width:9px;height:15px;background:var(--chair);filter:brightness(.8);transform-origin:left;transform:translateZ(9px) rotateY(90deg)}.dex-seat.discovered:hover .seat-top,.dex-seat:focus-visible .seat-top{background:#ffe138;box-shadow:0 0 0 3px #173451}.dex-camera{display:flex;gap:20px;justify-content:center;margin:18px 0 0}.dex-camera label{font-size:11px;font-weight:700;display:flex;align-items:center;gap:9px}.dex-camera input{accent-color:#e90040;width:120px}.dex-hint{text-align:center;font-size:11px;line-height:1.5;color:#6d7a88}.dex-profile{background:#fffaf1;border:2px solid #173451;border-radius:14px;padding:20px;box-shadow:4px 5px 0 #173451;align-self:start;text-align:center}.dex-empty-icon{display:grid;place-items:center;font:900 65px 'Barlow Condensed',Impact,sans-serif;background:#ffe138;border:3px solid #173451;border-radius:50%;width:95px;height:95px;margin:20px auto;color:#173451}.dex-profile h3{font-size:23px;line-height:1.2;color:#173451}.dex-profile p{font-size:13px;line-height:1.6;color:#637184}.dex-profile small{font-size:10px;color:#72808b;line-height:1.5;display:block}.dex-portrait{background:repeating-conic-gradient(#fff4b9 0 10deg,#ffe138 10deg 20deg);border-radius:10px;overflow:hidden;margin-bottom:20px}.dex-portrait img{width:100%;display:block}.dex-logo{width:100px;height:65px;object-fit:contain;background:white;padding:5px;border-radius:5px}.dex-progress-track{height:10px;background:#e4e7e5;border:1px solid #173451;border-radius:6px;overflow:hidden;margin:23px 0 14px}#dexProgress{height:100%;background:#ffe138;width:0}@media(max-width:950px){.dex-layout{grid-template-columns:1fr}.dex-profile{display:block;max-width:500px;width:100%;margin:0 auto}.dex-portrait{max-width:200px;margin:0 auto 15px}.dex-world{transform:translate(-50%,-50%) scale(.7) rotateX(var(--dex-tilt,48deg)) rotateZ(var(--dex-rotation,0deg))}.dex-viewport{min-height:330px;height:49vh}}@media(max-width:600px){.dex-world{transform:translate(-50%,-50%) scale(.42) rotateX(var(--dex-tilt,48deg)) rotateZ(var(--dex-rotation,0deg))}.dex-viewport{height:310px;min-height:0}.depudex-panel{padding:20px 14px}.dex-camera{gap:12px}.dex-camera input{width:85px}.depudex-open{font-size:13px;padding:7px 9px}.depudex-open span{font-size:8px;margin-left:4px}header .header-progress{margin-left:0}.dex-top h2{font-size:36px}}

/* Une zone rouge dégagée et une identité plus aérée. */
.arena{--burst-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22675%22%20viewBox%3D%220%200%20900%20675%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20transform%3D%22translate(-8%200)%20scale(.82%201)%22%20d%3D%22M621.00%2C317.25L585.83%2C335.20L551.10%2C349.67L583.16%2C370.97L628.03%2C398.44L577.82%2C406.33L550.73%2C416.43L569.87%2C441.00L603.85%2C474.56L559.36%2C474.74L519.82%2C473.00L546.38%2C507.28L560.67%2C537.65L531.02%2C538.37L497.90%2C533.19L513.40%2C567.78L521.64%2C599.30L493.65%2C595.29L464.38%2C586.48L471.92%2C620.67L485.34%2C667.29L448.39%2C643.75L414.24%2C618.07L423.22%2C664.35L434.27%2C722.60L396.61%2C682.30L371.65%2C662.22L368.77%2C697.47L367.31%2C745.28L339.90%2C709.75L317.41%2C681.04L310.22%2C719.04L299.10%2C748.67L279.97%2C725.28L261.48%2C684.31L249.36%2C728.41L234.00%2C759.12L218.64%2C728.41L205.42%2C698.93L188.03%2C725.28L165.47%2C771.45L157.78%2C719.04L151.59%2C676.68L128.10%2C709.75L97.28%2C756.21L99.23%2C697.47L99.52%2C654.26L71.39%2C682.30L41.13%2C707.63L44.78%2C664.35L45.91%2C631.17L19.61%2C643.75L-6.16%2C651.72L-3.92%2C620.67L10.96%2C577.90L-25.65%2C595.29L-58.28%2C603.86L-45.40%2C567.78L-29.80%2C533.11L-63.02%2C538.37L-110.36%2C549.59L-78.38%2C507.28L-61.37%2C478.20L-91.36%2C474.74L-139.80%2C476.24L-101.87%2C441.00L-69.54%2C412.30L-109.82%2C406.33L-141.99%2C394.73L-115.16%2C370.97L-90.38%2C350.41L-117.83%2C335.20L-139.59%2C317.25L-117.83%2C299.30L-87.18%2C284.41L-115.16%2C263.53L-145.61%2C239.03L-109.82%2C228.17L-70.49%2C221.91L-101.87%2C193.50L-141.54%2C157.52L-91.36%2C159.76L-63.11%2C155.35L-78.38%2C127.22L-107.98%2C86.52L-63.02%2C96.13L-26.93%2C103.74L-45.40%2C66.72L-55.81%2C33.07L-25.65%2C39.21L9.08%2C54.40L-3.92%2C13.83L-6.89%2C-18.23L19.61%2C-9.25L45.89%2C3.30L44.78%2C-29.85L39.24%2C-76.97L71.39%2C-47.80L100.66%2C-16.90L99.23%2C-62.97L97.02%2C-122.57L128.10%2C-75.25L150.68%2C-46.13L157.78%2C-84.54L166.06%2C-133.04L188.03%2C-90.78L205.59%2C-62.26L218.64%2C-93.91L234.00%2C-121.71L249.36%2C-93.91L261.39%2C-48.59L279.97%2C-90.78L299.47%2C-116.64L310.22%2C-84.54L318.25%2C-50.20L339.90%2C-75.25L368.54%2C-114.71L368.77%2C-62.97L370.31%2C-24.34L396.61%2C-47.80L434.09%2C-87.74L423.22%2C-29.85L414.78%2C15.55L448.39%2C-9.25L482.93%2C-29.43L471.92%2C13.83L465.78%2C46.39L493.65%2C39.21L520.47%2C36.35L513.40%2C66.72L495.02%2C103.66L531.02%2C96.13L563.25%2C95.11L546.38%2C127.22L522.19%2C160.21L559.36%2C159.76L606.70%2C158.73L569.87%2C193.50L550.82%2C218.05L577.82%2C228.17L626.59%2C236.35L583.16%2C263.53L548.37%2C285.11L585.83%2C299.30Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-width%3D%221.2%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.arena .headline{right:2%;width:43%;top:20%}.arena .headline>span{font-size:40px}.arena .headline h1{font-size:83px}.arena.revealed .headline #tagline{font-size:25px;line-height:1.25;margin-top:27px;margin-bottom:26px;text-wrap:balance}.arena .affiliation{gap:13px;max-width:94%}.arena .affiliation strong{font-size:16px;line-height:1.35;font-weight:700}.arena .affiliation img{width:99px;height:61px;padding:8px 10px;border:2px solid #173451;border-radius:9px;background:#fffaf1;box-shadow:3px 4px 0 #173451}.arena .quiz-listen{top:14px;right:14px}.arena .burst{background-position:0 0}@media(max-width:700px){.arena .headline{right:2%;width:43%;top:23%}.arena .headline>span{font-size:clamp(16px,3.8vw,27px)}.arena .headline h1{font-size:clamp(29px,7.5vw,53px)}.arena.revealed .headline #tagline{font-size:clamp(13px,3.1vw,20px);margin-top:18px;margin-bottom:17px}.arena .affiliation{gap:9px}.arena .affiliation strong{font-size:clamp(9px,2.3vw,14px)}.arena .affiliation img{width:70px;height:44px;padding:5px 7px}}

/* Dépudex : navigation lisible, zoom et accès direct aux fiches. */
.dex-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start}.dex-viewport{height:560px;min-height:0;perspective:1500px}.dex-world{transform:translate(-50%,-50%) scale(calc(.78 * var(--dex-zoom,1))) rotateX(var(--dex-tilt,35deg)) rotateZ(var(--dex-rotation,0deg));transition:transform .12s ease-out}.dex-seat{width:19px;height:23px; margin:-3px;outline-offset:5px}.dex-seat.discovered::after{content:'';position:absolute;width:6px;height:6px;left:3px;top:4px;border-radius:50%;background:#fff5b5;transform:translateZ(11px);pointer-events:none}.dex-seat.selected .seat-top{background:#ffe138;box-shadow:0 0 0 4px #173451}.dex-seat.discovered:hover{filter:brightness(1.3)}.dex-seat:not(.discovered){cursor:default}.dex-zoom{display:flex;justify-content:center;gap:8px;margin-top:15px}.dex-zoom button{border:2px solid #173451;border-radius:6px;background:#ffe138;color:#173451;min-width:37px;height:34px;font-weight:800;box-shadow:2px 2px 0 #173451}.dex-zoom button:nth-child(2){font-size:11px;padding:0 14px}.dex-camera{margin-top:15px}.dex-profile{padding:17px}.dex-search-label{display:block;font-size:11px;font-weight:800;text-align:left;margin-bottom:8px}.dex-search{width:100%;border:2px solid #173451;border-radius:7px;padding:10px;font-size:13px;background:white}.dex-list{max-height:165px;overflow:auto;display:flex;flex-direction:column;gap:5px;margin:10px 0 19px;padding:2px}.dex-list button{padding:9px 10px;border:1px solid #d1d8dc;border-radius:5px;background:white;color:#173451;text-align:left;font-size:12px;font-weight:700}.dex-list button:hover,.dex-list button:focus-visible{background:#fff1a0;border-color:#173451}.dex-list p{margin:3px 0;font-size:11px}.dex-portrait{max-width:170px;margin:0 auto 15px}.dex-profile h3{font-size:22px;margin:10px 0}.dex-profile p{margin:8px 0}.dex-empty-icon{width:65px;height:65px;font-size:42px;margin:12px auto}.dex-top{position:sticky;top:-28px;z-index:5;background:#faf7ef;padding:10px 0}.dex-rostrum{pointer-events:none}@media(max-width:1000px){.dex-layout{grid-template-columns:1fr}.dex-profile{width:100%;max-width:none}.dex-viewport{height:470px}.dex-list{max-height:145px;display:grid;grid-template-columns:1fr 1fr}.dex-world{transform:translate(-50%,-50%) scale(calc(.75 * var(--dex-zoom,1))) rotateX(var(--dex-tilt,35deg)) rotateZ(var(--dex-rotation,0deg))}}@media(max-width:600px){.dex-viewport{height:320px}.dex-world{transform:translate(-50%,-50%) scale(calc(.4 * var(--dex-zoom,1))) rotateX(var(--dex-tilt,35deg)) rotateZ(var(--dex-rotation,0deg))}.dex-camera{flex-wrap:wrap}.dex-list{grid-template-columns:1fr 1fr}.dex-top{top:-20px}.dex-layout{gap:16px}}

.menu-depudex{margin:18px auto 0;min-width:220px;background:#fff8e7;font-size:17px;padding:11px 20px}#setupScreen .menu-depudex{display:inline-block;margin:20px 8px 0}#setupScreen #replayIntro{display:inline-block;margin:20px 8px 0}

.dex-reset-collection{display:block;margin:22px auto 0;padding:9px 12px;border:2px solid #173451;border-radius:6px;background:#fff1e8;color:#a22f4b;font-size:11px;font-weight:800}.dex-reset-confirm{margin-top:12px;padding:12px;border:2px solid #bd4761;border-radius:8px;background:#ffe5e9}.dex-reset-confirm p{font-size:12px;color:#8b263d;margin:0 0 12px}.dex-reset-confirm button{padding:8px 10px;border:2px solid #173451;border-radius:5px;background:#fffaf1;color:#173451;font-size:11px;font-weight:800;margin:3px}#dexResetAccept{background:#ed2854;color:white}

/* Places officielles et portraits visibles au-dessus des sièges débloqués. */
.dex-floor{top:5px;height:530px}.dex-rostrum{top:440px}.seat-portrait{position:absolute;left:6px;top:1px;width:31px;height:39px;max-width:none;object-fit:cover;object-position:center 20%;border:2px solid #173451;border-radius:8px 8px 5px 5px;background:#fff5c3;transform-origin:bottom center;transform:translate(-50%,-100%) translateZ(32px) rotateZ(calc(-1 * var(--dex-rotation,0deg))) rotateX(calc(-1 * var(--dex-tilt,35deg)));pointer-events:none;box-shadow:0 2px 5px #17345144}.dex-seat:not(.discovered) .seat-portrait{display:none}.dex-seat.selected .seat-portrait,.dex-seat.discovered:hover .seat-portrait{width:43px;height:53px;border-color:#e90040;background:#ffe138}.seat-number{position:absolute;left:0;top:3px;width:13px;text-align:center;font:800 6px Arial;color:#173451;transform:translateZ(11px);pointer-events:none}.dex-seat.discovered .seat-number{background:#fff8dd;border-radius:2px}.dex-seat.discovered::after{display:none}.dex-world{--dex-tilt:35deg}

/* Dépudex TCG : piles de groupes en hémicycle et cartes à collectionner. */
.dex-stage>.dex-viewport,.dex-stage>.dex-zoom,.dex-stage>.dex-camera,.dex-stage>.dex-hint,.dex-list{display:none}.dex-layout{grid-template-columns:minmax(0,1fr) 280px}.dex-card-hemicycle{height:270px;position:relative;background:radial-gradient(ellipse at 50% 100%,#ffe13833,transparent 70%);border-bottom:2px solid #17345133;margin:0 0 22px}.dex-group-arc{position:absolute;inset:0}.dex-group-stack{position:absolute;width:62px;height:84px;transform:translate(-50%,-50%) rotate(var(--fan-angle));border:2px solid #173451;border-radius:7px;background:#ffe138;padding:5px;box-shadow:2px 3px 0 #173451,5px 6px 0 #fff8e7,6px 7px 0 #173451;color:#173451;transition:translate .15s}.dex-group-stack:hover,.dex-group-stack.active{translate:0 -9px;background:#fff2a0;outline:3px solid #e90040;outline-offset:3px}.group-stack-cover{display:grid;place-items:center;width:100%;height:49px;background:white;border-radius:4px}.group-stack-cover img{width:100%;height:100%;object-fit:contain;padding:4px}.dex-group-stack strong{display:block;font-size:10px;margin-top:7px}.dex-arc-caption{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;font-weight:800;color:#75818a}.dex-card-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.dex-card-toolbar h3{font-size:16px;color:#173451;margin:0;flex:1 0 100%}.dex-card-toolbar button{background:#ffe138;border:2px solid #173451;border-radius:5px;padding:7px 10px;font-size:11px;font-weight:700}.dex-card-toolbar label{font-size:11px;display:flex;align-items:center;gap:6px}.dex-card-toolbar input{accent-color:#e90040}.dex-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:16px}.dex-collect-card{display:flex;flex-direction:column;text-align:left;min-width:0;padding:8px;border:3px solid #173451;border-radius:11px;background:linear-gradient(135deg,#fff3b9,#ffe138);box-shadow:3px 4px 0 #173451;color:#173451;transition:transform .15s}.dex-collect-card.unlocked:hover{transform:translateY(-5px) rotate(-1deg)}.collect-number{font:800 8px Barlow,Arial,sans-serif;letter-spacing:.6px;padding:3px 2px 7px}.collect-art{display:grid;place-items:center;aspect-ratio:1/1.1;width:100%;overflow:hidden;border:2px solid #173451;border-radius:6px;background:repeating-conic-gradient(from 5deg,#fff7d1 0 10deg,var(--card-color) 10deg 20deg);font:900 70px 'Barlow Condensed',Impact,sans-serif}.collect-art img{width:120%;height:120%;object-fit:contain;align-self:end;max-width:none}.dex-collect-card>strong{font-size:13px;line-height:1.2;margin:10px 0 6px;min-height:31px}.collect-group{font-size:9px;line-height:1.3;border-top:1px solid #17345133;padding-top:6px;min-height:31px}.locked .collect-art{background:repeating-linear-gradient(45deg,#dce1e2 0 9px,#e7ebeb 9px 18px);border-color:#a5adb1;color:#8d9aa2}.dex-profile{position:sticky;top:100px;max-height:calc(100svh - 130px);overflow:auto}.dex-search-label{font-size:11px}.dex-profile .dex-search{margin-bottom:20px}.dex-progress-track{margin-top:20px}@media(max-width:1000px){.dex-layout{grid-template-columns:1fr}.dex-profile{position:static;max-height:none;grid-row:1}.dex-profile #dexEmpty{display:none}.dex-profile .dex-progress-track,.dex-profile>small,.dex-profile>.dex-reset-collection{display:none}.dex-profile .dex-search{margin-bottom:0}.dex-card-hemicycle{height:270px}.dex-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:600px){.dex-card-hemicycle{height:190px}.dex-group-stack{width:38px;height:58px;padding:3px;border-radius:5px}.group-stack-cover{height:31px}.group-stack-cover img{padding:2px}.dex-group-stack strong{font-size:7px;margin-top:5px}.dex-arc-caption{font-size:7px;letter-spacing:1px;bottom:5px}.dex-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.dex-collect-card>strong{font-size:13px}}
@media(max-width:1000px){.dex-profile>.dex-reset-collection{display:block;margin-top:14px}}

/* Dépudex de poche : coque rouge, écrans et commandes physiques. */
.depudex-panel{background:linear-gradient(120deg,#e32648,#bb1236);color:#fff7e7;padding:24px max(22px,calc((100vw - 1280px)/2));border:8px solid #173451;box-shadow:inset 0 0 0 3px #f26478}.dex-top{position:relative;top:auto;background:transparent;padding:0 0 21px;border-bottom:3px solid #86152e;box-shadow:0 2px 0 #ff6b7e;justify-content:flex-start;gap:23px}.dex-top .eyebrow{color:#ffd2bd;font-size:8px;letter-spacing:2px}.dex-top h2{color:#fff3be;font-size:40px;letter-spacing:3px;text-shadow:2px 3px 0 #173451;margin:2px 0}.dex-top p{color:#fff0d1;font-size:11px}.dex-top>button{margin-left:auto;background:#fff3b1;flex-shrink:0}.dex-device-lights{display:flex;gap:7px;align-self:flex-start;align-items:flex-start;padding-top:8px}.dex-device-lights i{width:62px;height:62px;border:5px solid #f7f1da;border-radius:50%;background:radial-gradient(circle at 32% 27%,white 0 7%,#a0f2ff 9% 21%,#39bbe4 36%,#126aa9 75%);box-shadow:0 0 0 3px #173451,0 5px 0 #82152e}.dex-device-lights b{width:12px;height:12px;border:2px solid #173451;border-radius:50%;background:#ffda3d;margin-top:0;box-shadow:inset 2px 2px 0 #fff6}.dex-device-lights b:nth-child(3){background:#54d68a}.dex-device-lights b:nth-child(4){background:#fa727b}.dex-layout{margin-top:25px;gap:26px;grid-template-columns:minmax(0,1fr) 290px}.dex-stage{background:#dce0d6;border:4px solid #173451;border-radius:15px 15px 15px 35px;box-shadow:5px 7px 0 #86152e,inset 0 0 0 3px #f2f1df;padding:18px;color:#173451;position:relative}.dex-stage::after{content:'▰ ▰ ▰';display:block;text-align:right;font-size:14px;letter-spacing:4px;color:#17345199;padding-top:15px}.dex-card-hemicycle{height:240px;margin-bottom:14px;border:3px solid #233e43;border-radius:9px;background:radial-gradient(ellipse at 50% 100%,#d4ebae,#94b5a4);box-shadow:inset 0 3px 10px #17345133}.dex-arc-caption{color:#31564b;font-size:8px}.dex-group-stack{border-radius:4px;box-shadow:2px 3px 0 #244b40,4px 5px 0 #c4d8b6;background:#d3e9b6}.dex-group-stack:hover,.dex-group-stack.active{background:#ffe138;outline-color:#c41a3d}.dex-screen-caption{display:flex;justify-content:space-between;gap:10px;font:800 8px/1.5 monospace;letter-spacing:1px;padding:5px 0 12px;color:#36584c}.dex-card-toolbar{padding-bottom:14px;border-bottom:2px solid #aebcb0}.dex-card-toolbar h3{font-family:monospace;font-size:14px}.dex-card-toolbar button{background:#173451;color:#e0f0c5;border-radius:4px;font-size:10px}.dex-cards{max-height:50svh;overflow:auto;padding:3px 7px 10px 2px;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:14px}.dex-collect-card{border-width:2px;border-radius:6px;box-shadow:2px 3px 0 #173451}.collect-art{border-width:1px;border-radius:3px}.dex-profile{position:sticky;top:20px;padding:19px;background:#9fbba0;border:4px solid #173451;border-radius:12px;box-shadow:5px 7px 0 #86152e,inset 0 0 0 3px #cfe0bb;color:#173451;max-height:calc(100svh - 50px)}.dex-profile::before{content:'FICHE · DÉPUTÉ';display:block;text-align:left;font:800 10px monospace;letter-spacing:2px;margin-bottom:17px;border-bottom:2px solid #17345155;padding-bottom:10px}.dex-profile .eyebrow{color:#355648}.dex-profile h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:27px;font-weight:900}.dex-profile p,.dex-profile small{color:#304e43}.dex-portrait{background:repeating-conic-gradient(#b7d1aa 0 10deg,#93b995 10deg 20deg);border:2px solid #173451;border-radius:5px;max-width:190px}.dex-search{border-radius:4px;background:#dfebcf;font-family:monospace;font-size:12px}.dex-logo{background:#e9efd9}.dex-progress-track{background:#6f937c;border-color:#173451;border-radius:3px}.dex-empty-icon{background:#bdd3a8;border-radius:8px;color:#315543;box-shadow:3px 3px 0 #173451}.dex-reset-collection{background:#173451;color:#f6e6c2;border-radius:4px}.dex-reset-confirm{background:#ffe0cf;color:#173451}.dex-reset-confirm p{color:#7b2138}.dex-profile .dex-search-label{font-family:monospace;font-size:10px}.dex-cards::-webkit-scrollbar{width:8px}.dex-cards::-webkit-scrollbar-thumb{background:#648878;border-radius:4px}.dex-cards::-webkit-scrollbar-track{background:#c1cebd}@media(max-width:1000px){.dex-layout{grid-template-columns:1fr}.dex-profile{position:static;grid-row:auto;max-height:none}.dex-profile #dexEmpty{display:none}.dex-profile:has(#dexIdentity[hidden]){padding-bottom:15px}.dex-cards{max-height:52svh}.dex-card-hemicycle{height:250px}}@media(max-width:600px){.depudex-panel{border-width:4px;padding:18px 12px}.dex-top{gap:14px;padding-bottom:16px}.dex-device-lights{gap:4px}.dex-device-lights i{width:42px;height:42px;border-width:4px}.dex-device-lights b{width:9px;height:9px}.dex-top h2{font-size:29px;letter-spacing:2px}.dex-top .eyebrow{font-size:6px;letter-spacing:1px}.dex-top p{font-size:9px}.dex-top>button{width:34px;height:34px;font-size:18px}.dex-layout{margin-top:20px;gap:20px}.dex-stage{padding:11px;border-width:3px;border-bottom-left-radius:24px}.dex-card-hemicycle{height:175px}.dex-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dex-screen-caption{font-size:6px;letter-spacing:.5px}.dex-profile{border-width:3px;padding:15px}.dex-card-toolbar label{font-size:10px}.dex-collect-card>strong{font-size:12px}}

.dex-discovery-card{width:220px;padding:12px;border:4px solid #173451;border-radius:14px;background:linear-gradient(135deg,#fff7b1,#ffe138);box-shadow:6px 8px 0 #17345166;color:#173451;display:flex;flex-direction:column;text-align:center;pointer-events:none}.dex-discovery-card small{font:900 10px Barlow,Arial,sans-serif;letter-spacing:1px;padding:5px 0 10px}.dex-discovery-card img{display:block;width:100%;aspect-ratio:1;background:repeating-conic-gradient(#fff2b3 0 10deg,#f5c34b 10deg 20deg);object-fit:contain;border:2px solid #173451;border-radius:7px}.dex-discovery-card strong{font:900 23px/1.1 'Barlow Condensed',Impact,sans-serif;margin:13px 0 5px}.dex-flying-card{position:fixed;width:130px;z-index:110;padding:7px;border-width:3px;box-shadow:3px 4px 0 #17345166}.dex-flying-card small{font-size:6px;padding:3px 0 5px}.dex-flying-card strong{font-size:16px;margin-top:7px}.dex-discovery-overlay{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;background:#07162c99;backdrop-filter:blur(3px);pointer-events:none}.dex-discovery-banner{position:absolute;top:8%;left:20px;right:20px;text-align:center;color:#fff7c4}.dex-discovery-banner p{font:900 clamp(23px,4vw,36px) 'Barlow Condensed',Impact,sans-serif;text-shadow:2px 3px 0 #173451;margin:0 0 15px}.dex-discovery-banner button{pointer-events:auto;padding:9px 15px;border:2px solid #173451;border-radius:7px;background:#ffe138;color:#173451;font-weight:800;box-shadow:3px 4px 0 #173451}.dex-just-filed{animation:dex-file-flash .7s ease-out}@keyframes dex-file-flash{0%,50%{box-shadow:0 0 0 5px #ffe138,0 0 30px #ffe138}100%{box-shadow:2px 3px 0 #173451}}

/* Capture : le portrait devient une carte et entre dans le Dépudex. */
.dex-capture-scene{position:fixed;inset:0;z-index:115;pointer-events:none;overflow:hidden;perspective:1100px}.capture-portrait{position:absolute;width:225px;height:225px;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 0 15px #fff5b0);animation:capture-portrait-lift .45s ease-out both;transition:opacity .25s,filter .3s,transform .4s}.capture-card{position:absolute;width:170px;opacity:0;transform:translate(-50%,-50%) rotateY(90deg) scale(.6);transition:opacity .15s,transform .6s cubic-bezier(.2,1.3,.4,1);z-index:4;box-shadow:0 0 0 3px #fff3a7,0 0 35px #ffe138,6px 8px 0 #17345166}.capture-card strong{font-size:21px}.capture-card small{font-size:8px}.card-formed .capture-card{opacity:1;transform:translate(-50%,-50%) rotateY(0) rotate(-5deg) scale(1)}.card-formed .capture-portrait{opacity:0;filter:brightness(4) drop-shadow(0 0 35px #ffe138);transform:translate(-50%,-50%) scale(.65)}.capture-burst{position:absolute;width:280px;height:280px;background:repeating-conic-gradient(#ffe13800 0 10deg,#ffe138bb 11deg 15deg,#fff5b900 16deg 30deg);border-radius:50%;mix-blend-mode:screen;animation:capture-starburst 1.7s ease-out both;z-index:0}.capture-spark{position:absolute;width:10px;height:10px;background:#fff1a3;clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%);animation:capture-spark-out 1.4s var(--spark-delay) ease-out both;z-index:5}.capture-device{position:absolute;left:77%;top:28%;width:185px;height:240px;transform:translateX(-50%) translateY(40px) scale(.7);opacity:0;transition:opacity .4s,transform .4s;perspective:800px;z-index:3}.device-open .capture-device{opacity:1;transform:translateX(-50%) scale(1)}.capture-device-back,.capture-device-cover{position:absolute;inset:0;background:linear-gradient(125deg,#f83b58,#c11037);border:4px solid #173451;border-radius:16px;box-shadow:5px 7px 0 #17345166}.capture-device-back{padding:15px}.capture-device-back>strong{display:block;font:900 20px 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px;color:#fff1a3;text-shadow:1px 2px #173451;margin-top:18px}.capture-device-light{display:block;width:29px;height:29px;background:radial-gradient(circle at 30% 25%,white,#3ac6ec 45%,#1468a3);border:3px solid #fff5d7;border-radius:50%;box-shadow:0 0 0 2px #173451}.capture-device-screen{margin-top:15px;padding:16px 5px;background:#b5d8a0;border:4px solid #173451;border-radius:7px;text-align:center;color:#294e3b;font:800 9px/1.8 monospace}.capture-device-screen b{font-size:8px}.capture-slot{height:12px;margin:17px 9px 0;background:#102c38;border:2px solid #7a1129;border-radius:7px;box-shadow:0 2px 0 #ff8695}.capture-device-cover{transform-origin:left center;transition:transform .6s ease-in-out;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.capture-device-cover span{width:70px;height:70px;border-radius:50%;border:6px solid #173451;background:radial-gradient(circle,#fff5ce 0 22%,#173451 23% 34%,#e72349 35%);box-shadow:inset 0 0 0 4px #fff5cf}.capture-device-cover strong{font:900 26px 'Barlow Condensed',Impact,sans-serif;color:#fff3b6;letter-spacing:3px;text-shadow:2px 2px #173451}.device-open .capture-device-cover{transform:rotateY(-135deg)}.device-closed .capture-device-cover{transform:rotateY(0)}.capture-device p{position:absolute;top:100%;left:-40px;right:-40px;text-align:center;font:900 24px 'Barlow Condensed',Impact,sans-serif;color:#ffe138;text-shadow:2px 3px #173451;opacity:0;transform:scale(.7);transition:opacity .2s,transform .3s}.card-received .capture-device p{opacity:1;transform:scale(1)}.card-received .capture-device-screen{background:#fff1a1;box-shadow:0 0 20px #ffe138}.card-received .capture-slot{box-shadow:0 0 20px 6px #ffe138}@keyframes capture-portrait-lift{from{opacity:0;transform:translate(-50%,-30%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes capture-starburst{0%{opacity:0;transform:translate(-50%,-50%) rotate(-30deg) scale(.3)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) rotate(50deg) scale(1.6)}}@keyframes capture-spark-out{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}25%{opacity:1}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.4) rotate(120deg)}}@media(max-width:650px){.capture-device{left:72%;top:33%;width:145px;height:205px}.capture-device-back{padding:12px}.capture-device-back>strong{font-size:17px;margin-top:12px}.capture-device-screen{padding:12px 3px;margin-top:12px;font-size:8px}.capture-slot{margin-top:12px}.capture-device p{font-size:19px}.capture-card{width:145px}.capture-card strong{font-size:18px}.capture-portrait{width:190px;height:190px}}@media(prefers-reduced-motion:reduce){.capture-spark,.capture-burst{display:none}.capture-device-cover{transition:none}}
.capture-waiting .capture-burst,.capture-waiting .capture-spark{animation-play-state:paused;visibility:hidden}
/* Logos et groupes plus lisibles. */
.arena .affiliation img{width:125px;height:76px;padding:8px 10px}.dex-card-hemicycle{height:280px}.dex-group-stack{width:73px;height:99px;padding:6px}.group-stack-cover{height:60px}.group-stack-cover img{padding:3px}.dex-group-stack strong{font-size:11px;margin-top:8px}.dex-logo{width:130px;height:80px;padding:6px}.dex-profile .dex-logo{max-width:100%}@media(max-width:1000px){.dex-card-hemicycle{height:290px}}@media(max-width:700px){.arena .affiliation img{width:88px;height:55px;padding:6px 8px}}@media(max-width:600px){.dex-card-hemicycle{height:215px}.dex-group-stack{width:46px;height:69px;padding:4px}.group-stack-cover{height:39px}.group-stack-cover img{padding:2px}.dex-group-stack strong{font-size:8px;margin-top:5px}.dex-logo{width:110px;height:68px}}
.dex-awaiting-file{visibility:hidden}.dex-group-stack.dex-just-filed{z-index:6}
.capture-card{transition-duration:.15s,.3s}.capture-device{transition-duration:.2s,.2s}.capture-device-cover{transition-duration:.3s}

.game-options .settings .capture-option{flex:1 0 100%;display:flex;flex-direction:row;align-items:center;gap:9px;font-size:12px}.capture-option input{accent-color:#e90040;width:18px;height:18px}.capture-device{pointer-events:none}.feedback #next:disabled{opacity:.65}
/* Une vraie grande carte entre le portrait et le rangement. */
.capture-card{width:270px;padding:14px;border-width:5px;border-radius:16px;box-shadow:0 0 0 3px #fff5bd,0 0 45px #ffe138aa,7px 9px 0 #17345166}.capture-card strong{font-size:30px;margin:15px 0 8px}.capture-card small{font-size:11px;padding-bottom:12px}.capture-card img{border-width:3px;border-radius:9px}@media(max-width:650px){.capture-card{width:200px;padding:10px;border-width:4px}.capture-card strong{font-size:24px;margin:11px 0 6px}.capture-card small{font-size:8px;padding-bottom:8px}}@media(max-height:550px){.capture-card{width:180px;padding:8px}.capture-card strong{font-size:20px}.capture-card small{font-size:8px}}
/* Métamorphose immédiate dans une fumée cartoon. */
.capture-card{max-width:none;transform:translate(-50%,-50%) scale(.9) rotate(-3deg);transition:opacity .15s,transform .25s ease-out}.card-formed .capture-card{transform:translate(-50%,-50%) scale(1) rotate(-3deg)}.capture-card img{aspect-ratio:1.12}.capture-smoke{position:absolute;left:50%;top:50%;width:var(--smoke-size);height:var(--smoke-size);transform:translate(-50%,-50%);z-index:8;pointer-events:none;animation:smoke-fade .75s ease-out both}.capture-smoke i{position:absolute;left:50%;top:50%;width:45%;height:40%;border-radius:48% 54% 45% 56%;background:radial-gradient(ellipse at 35% 25%,#fffef3 0 40%,#ede9db 65%,#c6cfd0 100%);border:3px solid #173451;box-shadow:inset -5px -7px 0 #b2c1c033;animation:smoke-puff .65s var(--puff-delay) cubic-bezier(.2,.8,.3,1) both}.capture-burst,.capture-spark{display:none}@keyframes smoke-puff{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}28%{opacity:1;transform:translate(calc(-50% + var(--puff-x)),calc(-50% + var(--puff-y))) scale(1.1)}65%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--puff-x)*1.7),calc(-50% + var(--puff-y)*1.7)) scale(1.35)}}@keyframes smoke-fade{0%,50%{opacity:1}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.capture-smoke{display:none}}
/* Proportions constantes de carte TCG, portrait contenu dans son cadre. */
.capture-card{aspect-ratio:5/7;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:12px;border:5px solid #173451;outline:3px solid #fff2a1;border-radius:15px;background:linear-gradient(130deg,#fff3a4,#ffe138 50%,#efbd29);overflow:hidden}.capture-card small{font-size:clamp(7px,1vw,11px);padding:3px 0;line-height:1.3}.capture-card img{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center bottom;border:3px solid #173451;border-radius:8px;background:repeating-conic-gradient(from 8deg,#fff6bf 0 10deg,#f8cf57 10deg 20deg)}.capture-card strong{font-size:clamp(17px,2.6vw,29px);line-height:1.05;margin:3px 0 5px;min-height:1.1em;text-wrap:balance}.capture-smoke{animation:cartoon-cloud-fade .85s ease-out both;filter:drop-shadow(0 4px 0 #17345130)}.capture-smoke i{width:var(--puff-size,42%);height:var(--puff-size,42%);border:3px solid #173451;border-radius:50%;background:#fffbed;box-shadow:inset -6px -7px 0 #d9e1d4;animation:cartoon-cloud-puff .8s var(--puff-delay) cubic-bezier(.2,.7,.25,1) both}.capture-smoke i::before{content:'';position:absolute;left:19%;top:17%;width:25%;height:12%;border-top:3px solid #fff;border-radius:50%;transform:rotate(-25deg)}.capture-smoke i::after{content:'';position:absolute;right:8%;bottom:12%;width:15%;height:9%;border-bottom:2px solid #a7b8b7;border-radius:50%;transform:rotate(-35deg)}@keyframes cartoon-cloud-puff{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}20%{opacity:1;transform:translate(calc(-50% + var(--puff-x)*.55),calc(-50% + var(--puff-y)*.55)) scale(1.15,.9)}45%{opacity:1;transform:translate(calc(-50% + var(--puff-x)),calc(-50% + var(--puff-y))) scale(1.05) rotate(var(--puff-spin))}100%{opacity:0;transform:translate(calc(-50% + var(--puff-x)*2),calc(-50% + var(--puff-y)*2)) scale(.35) rotate(var(--puff-spin))}}@keyframes cartoon-cloud-fade{0%,65%{opacity:1}100%{opacity:0}}@media(max-width:650px){.capture-card{padding:9px;border-width:4px;gap:6px}.capture-card strong{font-size:20px}.capture-card small{font-size:7px}.capture-card img{border-width:2px}.capture-smoke i{border-width:2px}}

.dex-group-stack.card-group-highlight{z-index:8;translate:0 -12px;background:#fff4a3;outline:4px solid #e90040;outline-offset:4px;box-shadow:0 0 22px #ffe138,3px 4px 0 #173451}.round-hints{position:absolute;bottom:13px;left:14px;right:14px;z-index:9;max-width:65%;padding:10px 13px;background:#173451ed;color:#fff7d7;border:2px solid #ffe138;border-radius:8px;font:700 12px/1.4 Barlow,Arial,sans-serif;box-shadow:2px 3px 0 #17345133}@media(max-width:700px){.round-hints{left:8px;bottom:8px;padding:6px 8px;font-size:9px;max-width:75%}}

.wiki-source{display:inline-block;color:#526878;font:600 10px/1.5 Barlow,Arial,sans-serif;text-underline-offset:3px;margin-left:9px}.dex-profile .wiki-source{display:block;color:#294b3e;margin:14px 0 0;text-align:center}.round-hints{max-width:90%;font-size:11px}@media(max-width:700px){.round-hints{font-size:8px;max-width:95%}}

/* Grand panneau d’indices sous le titre, dans la partie rouge. */
.arena .headline .round-hints{position:relative;inset:auto;width:94%;max-width:none;margin:24px auto 0;padding:15px 17px;min-height:95px;background:#fff8df;color:#173451;border:3px solid #173451;border-radius:11px;box-shadow:4px 5px 0 #173451;white-space:pre-line;text-align:left;font:700 15px/1.65 Barlow,Arial,sans-serif;text-shadow:none;letter-spacing:0;transform:none}.round-hints::first-line{font-family:'Barlow Condensed',Impact,sans-serif;font-size:19px;font-weight:900;letter-spacing:2px;color:#d51943}.headline:has(.round-hints:not([hidden])) #tagline{display:none}@media(max-width:700px){.arena .headline .round-hints{margin-top:15px;min-height:70px;padding:9px 10px;border-width:2px;box-shadow:3px 3px 0 #173451;border-radius:8px;font-size:clamp(9px,2.1vw,13px);line-height:1.5}.round-hints::first-line{font-size:14px;letter-spacing:1px}}

/* Cravates plus lisibles, nouées sous le visage et animées par la marche. */
.stick-body .torso::after{left:14px;top:0;width:11px;height:35px;z-index:5;background:linear-gradient(90deg,#d71947 0 45%,#ff5775 46% 70%,#b4153a 71%);clip-path:polygon(7% 0,93% 0,77% 18%,63% 25%,100% 84%,50% 100%,0 84%,37% 25%,23% 18%);transform-origin:50% 3px;animation:tie-swing .4s ease-in-out var(--walk-time) infinite alternate paused}.stick-body .torso{overflow:visible}.stick-body .torso::before{content:'';position:absolute;left:8px;top:-1px;width:22px;height:13px;background:#fff6dc;clip-path:polygon(0 0,50% 27%,100% 0,83% 100%,50% 43%,17% 100%);z-index:4}.parade-dress .torso{background:var(--jacket);border-radius:15px 15px 8px 8px;box-shadow:inset -6px 0 #0002}.parade-dress .torso::after{display:none}.parade-dress .torso::before{left:-16px;top:38px;width:70px;height:53px;clip-path:polygon(25% 0,75% 0,100% 94%,76% 100%,52% 96%,27% 100%,0 94%);background:repeating-linear-gradient(85deg,transparent 0 13px,#17345118 14px 16px),var(--jacket);border-bottom:3px solid #173451;z-index:3;transform-origin:50% 0;animation:dress-sway .4s ease-in-out var(--walk-time) infinite alternate paused}.parade-dress .leg{background:#ffdcac;width:10px}.parade-dress .leg::after{background:#c71d49}.parade-dress .torso{border-bottom-color:transparent}.parade-dress .arm{background:linear-gradient(var(--jacket) 0 45%,#ffdcac 46% 100%)}@keyframes tie-swing{from{transform:translateY(0) rotate(-13deg)}to{transform:translateY(-5px) rotate(17deg)}}@keyframes dress-sway{from{transform:skewX(-5deg) rotate(-3deg)}to{transform:skewX(5deg) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.stick-body .torso::after,.parade-dress .torso::before{animation:none}}

/* Pluie de points d’interrogation en arrière-plan. */
.question-rain{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#faf7ef}.question-rain span{position:absolute;left:var(--qx);top:-100px;color:#173451;font:900 var(--qs)/1 'Barlow Condensed',Impact,sans-serif;opacity:.09;animation:question-rain-fall var(--qd) var(--qdelay) linear infinite;will-change:transform}.question-rain span:nth-child(3n){color:#e90040;opacity:.10}.question-rain span:nth-child(3n+1){color:#caa326;opacity:.14}@keyframes question-rain-fall{0%{transform:translate3d(0,-100px,0) rotate(-18deg)}100%{transform:translate3d(var(--qdrift),calc(100vh + 200px),0) rotate(28deg)}}#startup{background:linear-gradient(125deg,#102e8bf2 0 42%,#e90040f2 42% 100%)}@media(prefers-reduced-motion:reduce){.question-rain span{animation:none;top:calc(var(--qx));transform:rotate(-12deg)}}
/* Volutes cel-shading : silhouettes dessinées et spirales en aplats. */
.capture-smoke{filter:drop-shadow(0 5px 0 #8a865d22);animation:volute-cloud-fade 1s ease-out both}.capture-smoke i{width:var(--puff-size,60%);height:auto;aspect-ratio:220/190;background:none;border:0;border-radius:0;box-shadow:none;animation:volute-cloud-out .95s var(--puff-delay) cubic-bezier(.16,.7,.3,1) both;transform-origin:center}.capture-smoke i::before,.capture-smoke i::after{display:none}.capture-smoke svg{display:block;width:100%;height:100%;overflow:visible}@keyframes volute-cloud-out{0%{opacity:0;transform:translate(-50%,-50%) rotate(0deg) scale(.15)}18%{opacity:1;transform:translate(calc(-50% + var(--puff-x)*.5),calc(-50% + var(--puff-y)*.5)) rotate(calc(var(--puff-spin)*-.3)) scale(1.05)}48%{opacity:1;transform:translate(calc(-50% + var(--puff-x)),calc(-50% + var(--puff-y))) rotate(calc(var(--puff-spin)*.4)) scale(1.1)}78%{opacity:.8}100%{opacity:0;transform:translate(calc(-50% + var(--puff-x)*2.2),calc(-50% + var(--puff-y)*2.2)) rotate(var(--puff-spin)) scale(.5)}}@keyframes volute-cloud-fade{0%,75%{opacity:1}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.capture-smoke{display:none}}

/* Fond animé un peu plus présent, sans gêner le quiz. */
.question-rain span{font-size:calc(var(--qs) * 1.22)}.intro-portrait-rain{display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}body[data-stage="intro"] .intro-portrait-rain{display:block}.intro-portrait-drop{position:absolute;left:var(--rain-x);top:-170px;width:var(--rain-size);height:var(--rain-size);opacity:.10;animation:intro-portrait-fall var(--rain-duration) var(--rain-delay) linear infinite;will-change:transform}.intro-portrait-drop img{display:block;width:100%;height:100%;object-fit:contain;clip-path:ellipse(36% 37% at 50% 39%);filter:grayscale(1) brightness(1.8);mix-blend-mode:screen}body[data-stage="intro"] .intro-rays{opacity:.7}@keyframes intro-portrait-fall{from{transform:translate3d(0,-150px,0) rotate(var(--rain-tilt))}to{transform:translate3d(60px,calc(100svh + 330px),0) rotate(calc(var(--rain-tilt) * -1))}}@media(max-width:600px){.intro-portrait-drop{width:calc(var(--rain-size) * .75);height:calc(var(--rain-size) * .75)}}@media(prefers-reduced-motion:reduce){.intro-portrait-drop{animation:none;top:var(--rain-x);transform:rotate(var(--rain-tilt))}}

/* Défilé sans fenêtre rectangulaire ni découpe des têtes. */
#introHeads{overflow:visible;border:0;background:none;box-shadow:none}.intro-head.parade-deputy{overflow:visible}body[data-stage="intro"] .intro-portrait-rain{display:none}
/* Création cachée et silhouettes sans transition avant leur révélation. */
.intro-head.parade-deputy:not(.parade-positioned){visibility:hidden}.intro-head.parade-deputy:not(.head-revealed) img{filter:brightness(0) saturate(0)!important;transition:none}.intro-head.parade-deputy.head-revealed img{filter:none;transition:none}#introHeads{left:0;right:0}
/* Petits sauts et bras levés sur les 150 BPM du générique. */
.intro-head.parade-deputy{translate:0 var(--dance-hop,0px);rotate:var(--dance-rock,0deg);transform-origin:50% 100%}.parade-deputy .stick-body .arm{top:12px;animation-name:arms-celebrate;animation-duration:.4s;transform-origin:50% 5px}.parade-deputy .stick-body .arm-left{animation-direction:alternate}.parade-deputy .stick-body .arm-right{animation-name:arms-celebrate-right;animation-direction:alternate}.parade-deputy img{animation-duration:.4s}.parade-deputy .stick-body .leg{animation-duration:.4s}@keyframes arms-celebrate{from{transform:rotate(125deg)}to{transform:rotate(155deg)}}@keyframes arms-celebrate-right{from{transform:rotate(-125deg)}to{transform:rotate(-155deg)}}@media(prefers-reduced-motion:reduce){.intro-head.parade-deputy{translate:none;rotate:none}.parade-deputy .stick-body .arm-left{transform:rotate(135deg)}.parade-deputy .stick-body .arm-right{transform:rotate(-135deg)}}

/* Corps illustrés déformés par un maillage triangulé, cou ancré sous le portrait. */
.parade-deputy .puppet-canvas{position:absolute;left:0;top:0;width:140px;height:204px;object-fit:fill;filter:none;pointer-events:none;z-index:1;opacity:0;animation:none;transition:none}.parade-deputy.puppet-ready .puppet-canvas{opacity:1}.parade-deputy.puppet-ready .stick-body{display:none}.parade-deputy:not(.head-revealed) .puppet-canvas{filter:brightness(0) saturate(0)}.parade-deputy.head-revealed .puppet-canvas{filter:none}.parade-deputy.puppet-ready>img{z-index:3}.parade-deputy.puppet-ready.parade-dress>img{top:1px}

/* Six corps T-pose sans cou, avec bras flottants. */
.parade-deputy .puppet-canvas{left:-70px;top:0;width:280px;height:220px}.parade-deputy.puppet-ready>img{top:0;animation:none;transform:none}.parade-deputy.puppet-ready.parade-dress>img{top:0}

.pause-game{border:2px solid #173451;background:#fff7d8;color:#173451;border-radius:7px;padding:8px 12px;font:900 15px 'Barlow Condensed',Impact,sans-serif;box-shadow:2px 3px 0 #173451;margin-left:auto}.pause-game+.depudex-open{margin-left:0}.game-pause-panel{position:fixed;inset:0;z-index:95;display:grid;place-items:center;background:#173451c9;backdrop-filter:blur(10px);padding:24px}.game-pause-panel>div{width:min(410px,100%);text-align:center;background:#fff8e6;border:4px solid #173451;border-radius:18px;padding:35px 25px;box-shadow:7px 9px 0 #0b2036}.pause-symbol{display:block;color:#e90040;font:900 64px 'Barlow Condensed',Impact,sans-serif}.game-pause-panel h2{color:#173451;font-size:29px}.game-pause-panel p{font-size:13px;color:#637184;line-height:1.6}.game-pause-panel button{background:#ffe138;color:#173451;border:3px solid #173451;border-radius:8px;padding:12px 24px;font:900 21px 'Barlow Condensed',Impact,sans-serif;box-shadow:3px 4px 0 #173451}.quiz-bonuses{margin:0 0 20px;padding:13px 14px;border:1px solid #d9d6c7;background:#f5f0df;border-radius:9px}.bonus-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.bonus-heading strong{font-size:9px;letter-spacing:1px;color:#173451}.bonus-heading>span{font-size:10px;color:#697786}.bonus-actions{display:flex;gap:10px}.bonus-actions button{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-height:39px;background:#fffaf0;border:2px solid #173451;border-radius:7px;color:#173451;padding:8px 11px;font-weight:800;font-size:12px;box-shadow:2px 3px 0 #173451}.bonus-actions button span{font-size:10px;color:#b02546;white-space:nowrap}.bonus-actions button:not(:disabled):hover{background:#ffe138}.bonus-actions button:disabled{opacity:.4;box-shadow:none;cursor:default}.choice.bonus-eliminated{opacity:.3;text-decoration:line-through;box-shadow:none}@media(max-width:700px){.pause-game{font-size:12px;padding:7px 8px}.quiz-bonuses{padding:10px;margin-bottom:17px}.bonus-heading{align-items:flex-start;flex-direction:column;gap:4px}.bonus-actions{gap:7px}.bonus-actions button{flex-direction:column;gap:3px;padding:7px;font-size:10px}.bonus-actions button span{font-size:9px}}

/* Les mêmes gouttes changent de couleur à la frontière bleu/rouge. */
#startup{background:linear-gradient(125deg,#102e8b 0 42%,#e90040 42% 100%)}.startup-question-rain{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.startup-question-rain .question-rain{position:absolute;inset:0;z-index:auto;background:transparent}.startup-question-rain .rain-on-blue{-webkit-mask-image:linear-gradient(125deg,#000 0 41.8%,transparent 42.2% 100%);mask-image:linear-gradient(125deg,#000 0 41.8%,transparent 42.2% 100%)}.startup-question-rain .rain-on-red{-webkit-mask-image:linear-gradient(125deg,transparent 0 41.8%,#000 42.2% 100%);mask-image:linear-gradient(125deg,transparent 0 41.8%,#000 42.2% 100%)}.startup-question-rain .rain-on-blue span:nth-child(n){color:#ff839b;opacity:.18}.startup-question-rain .rain-on-red span:nth-child(n){color:#96dbf4;opacity:.18}
/* Pluie visible seulement à l’intérieur des rayons clairs. */
@property --question-ray-angle{syntax:'<angle>';inherits:false;initial-value:5deg}.startup-question-rain{-webkit-mask-image:repeating-conic-gradient(from var(--question-ray-angle) at 50% 50%,transparent 0deg 10deg,#000 10deg 20deg);mask-image:repeating-conic-gradient(from var(--question-ray-angle) at 50% 50%,transparent 0deg 10deg,#000 10deg 20deg)}body[data-stage="intro"] .startup-question-rain,body[data-stage="setup"] .startup-question-rain{animation:question-ray-mask-turn 18s linear infinite}@keyframes question-ray-mask-turn{from{--question-ray-angle:5deg}to{--question-ray-angle:365deg}}@media(prefers-reduced-motion:reduce){.startup-question-rain{animation:none!important}}

/* Rotation dès l’accueil ; fumée sur la révélation du défilé. */
body[data-stage="welcome"] .intro-rays{animation:rays-turn 18s linear infinite}body[data-stage="welcome"] .startup-question-rain{animation:question-ray-mask-turn 18s linear infinite}.intro-head .intro-reveal-smoke{position:absolute;left:70px;top:71px;width:150px;height:150px;z-index:9;animation-delay:var(--smoke-time,0s);animation-play-state:paused}.intro-head .intro-reveal-smoke i{animation-delay:calc(var(--smoke-time,0s) + var(--puff-delay,0s));animation-play-state:paused}.intro-head.head-revealed::after{display:none}@media(prefers-reduced-motion:reduce){body[data-stage="welcome"] .intro-rays,body[data-stage="welcome"] .startup-question-rain{animation:none}.intro-head .intro-reveal-smoke{display:none}}

/* Final de générique : rideau de velours rouge et passementerie dorée. */
#introScreen{transition:opacity .65s ease,filter .65s ease}.intro-fading #introScreen{opacity:0;filter:blur(5px)}.hemicycle-curtain{position:fixed;inset:0;z-index:80;overflow:hidden;pointer-events:auto;background:transparent}.curtain-panel{position:absolute;top:0;bottom:0;width:51%;background:repeating-linear-gradient(90deg,#5a0b25 0%,#8c1231 5%,#d3264c 10%,#ad173b 15%,#6c0b29 20%);box-shadow:inset -15px 0 30px #28061788,0 0 45px #0b172c77;transition:transform .8s cubic-bezier(.6,0,.25,1);border-bottom:10px solid #dcb54b}.curtain-left{left:0;transform:translateX(-105%);border-right:3px solid #e7c46c;border-radius:0 0 12px 0}.curtain-right{right:0;transform:translateX(105%);border-left:3px solid #e7c46c;border-radius:0 0 0 12px}.curtain-panel::after{content:'';position:absolute;left:0;right:0;bottom:7px;height:4px;background:#ffdf8b;box-shadow:0 -7px 0 #d9a535}.curtain-closing .curtain-panel{transform:translateX(0)}.curtain-pelmet{position:absolute;left:0;right:0;top:0;height:clamp(65px,12vw,145px);transform:translateY(-110%);transition:transform .65s ease}.curtain-pelmet svg{width:100%;height:100%;filter:drop-shadow(0 7px 7px #30051a66)}.curtain-closing .curtain-pelmet{transform:translateY(0)}.curtain-seal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);color:#ffe49a;text-align:center;opacity:0;transition:opacity .25s .5s,transform .4s .5s;text-shadow:2px 3px 0 #4a0a22}.curtain-seal span{display:grid;place-items:center;width:110px;height:110px;margin:auto;border:3px solid #e5be5c;border-radius:50%;font:900 42px 'Barlow Condensed',Impact,sans-serif;background:#7f102d;box-shadow:0 0 0 6px #8f1533,0 0 0 8px #d6aa43}.curtain-seal small{display:block;font:800 10px Barlow,Arial,sans-serif;letter-spacing:3px;margin-top:24px}.curtain-closing .curtain-seal{opacity:1;transform:translate(-50%,-50%) scale(1)}.curtain-opening .curtain-left{transform:translateX(-105%)}.curtain-opening .curtain-right{transform:translateX(105%)}.curtain-opening .curtain-pelmet{transform:translateY(-110%)}.curtain-opening .curtain-seal{opacity:0;transition-delay:0s;transform:translate(-50%,-50%) scale(.85)}@media(prefers-reduced-motion:reduce){.hemicycle-curtain{display:none}#introScreen{transition:none}}

/* Cartes de collection dorées inspirées de la référence. */
.dex-collect-card,.dex-discovery-card{position:relative;background:linear-gradient(130deg,#fff0a1 0%,#d8a729 12%,#f5d46c 30%,#be8b17 60%,#edce69 83%,#fff0aa 100%);border:3px solid #9e7516;border-radius:14px;box-shadow:inset 0 0 0 2px #fff3ad,inset 0 0 0 6px #c99b2d,inset 0 0 0 7px #fff1a0,3px 5px 0 #17345155;color:#fff7d0;padding:13px}.dex-collect-card .collect-number{color:#583e10;font-size:8px;font-weight:900;letter-spacing:1px;padding:3px 0 10px}.dex-collect-card .collect-art,.dex-discovery-card>img{border:3px solid #fff1aa;outline:2px solid #9e7516;border-radius:50%;background:repeating-conic-gradient(from 10deg,#f7db7c 0 10deg,#d5a82d 10deg 20deg);box-shadow:0 0 0 4px #f8dd7a,0 4px 12px #6d450944;overflow:hidden}.dex-collect-card .collect-art{width:94%;margin:3px auto 8px;aspect-ratio:1}.dex-collect-card .collect-art img{width:125%;height:125%;object-position:center 35%}.dex-collect-card>strong,.dex-discovery-card>strong{display:grid;place-items:center;min-height:37px;background:linear-gradient(#674a13,#49330d);border-radius:8px;padding:8px 6px;text-align:center;color:#fff5c8;font-family:'Barlow Condensed',Impact,sans-serif;font-size:17px;line-height:1.1;margin:10px 0 7px;box-shadow:inset 0 1px #fbe09366;text-shadow:0 1px #352208}.dex-collect-card .collect-group{color:#513b0e;text-align:center;font-weight:800;font-size:9px;border-color:#74511155;min-height:31px}.dex-discovery-card>small{color:#624411;font-weight:900}.dex-discovery-card>strong{font-size:25px}.dex-collect-card.unlocked:hover{box-shadow:inset 0 0 0 2px #fff5bc,inset 0 0 0 6px #d8b147,inset 0 0 0 7px #fff8cd,0 0 24px #ffdf6c99,4px 6px 0 #17345144}.dex-collect-card.locked{background:linear-gradient(130deg,#e6e4d8,#bfc3b8);border-color:#929d93;box-shadow:inset 0 0 0 2px #f3f1e6,inset 0 0 0 6px #c4c9bc,3px 5px 0 #6c7e7555}.dex-collect-card.locked>strong{background:#87968b;color:#edf0e5;box-shadow:none;text-shadow:none}.dex-collect-card.locked .collect-number,.dex-collect-card.locked .collect-group{color:#64776a}.dex-collect-card.locked .collect-art{outline-color:#87968b;border-color:#e2e7d9;box-shadow:0 0 0 4px #c0cbb9}.capture-card{padding:14px;gap:12px}.capture-card>img{border-radius:11px;outline:0;box-shadow:0 0 0 2px #a67a18;aspect-ratio:auto}.capture-card>strong{font-size:clamp(19px,2.6vw,30px);margin:0;padding:10px 8px}.curtain-panel{transition-duration:.5s}.curtain-pelmet{transition-duration:.45s}.curtain-seal{transition-delay:.3s}.curtain-opening .curtain-seal{transition-delay:0s}.intro-fading #introScreen{transition-duration:.4s}@media(max-width:600px){.dex-collect-card{padding:11px}.dex-collect-card>strong{font-size:15px}.capture-card{padding:10px;gap:8px}.capture-card>strong{font-size:21px}}
.hemicycle-curtain{z-index:200}

/* Manipulation 3D des cartes : rotation, verso et reflet mobile. */
.dex-collect-card.unlocked{transform:perspective(850px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transform-style:preserve-3d;transition:transform .12s ease-out,box-shadow .15s}.dex-collect-card.unlocked:hover{transform:perspective(850px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(-4px)}.card-inspector{position:fixed;inset:0;z-index:180;background:radial-gradient(ellipse at 50% 42%,#364d60f2,#081b2bf7 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:22px;overflow:auto;color:#fff4c7;backdrop-filter:blur(10px)}.inspect-toolbar{width:min(570px,100%);display:flex;justify-content:space-between;align-items:center;gap:20px}.inspect-toolbar span{font:800 10px Barlow,Arial,sans-serif;letter-spacing:2px}.inspect-toolbar button,.inspect-actions button{border:2px solid #173451;background:#ffe138;color:#173451;border-radius:7px;font-weight:800;box-shadow:3px 4px 0 #061422}.inspect-toolbar button{width:36px;height:36px;font-size:22px}.inspect-stage{width:min(340px,65vw);aspect-ratio:5/7;max-height:65svh;perspective:1100px;touch-action:none;cursor:grab;outline-offset:12px}.inspect-stage:active{cursor:grabbing}.inspect-object{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--inspect-x,0deg)) rotateY(var(--inspect-y,0deg));transition:transform .07s linear;filter:drop-shadow(0 20px 20px #0005)}.inspect-front,.inspect-back{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-sizing:border-box}.inspect-front{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;padding:18px;transform:translateZ(2px);overflow:hidden}.inspect-front>small{font-size:11px;letter-spacing:1px}.inspect-front>img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center bottom;border-radius:11px;background:repeating-conic-gradient(#ffe9a2 0 10deg,#c89924 10deg 20deg);outline:0;box-shadow:none}.inspect-front>strong{font-size:clamp(20px,4vw,31px);margin:0;padding:11px 6px;z-index:1}.inspect-group{color:#5a410e;text-align:center;font-size:11px;line-height:1.25;font-weight:800;z-index:1}.inspect-front::after{content:'';position:absolute;inset:0;border-radius:12px;pointer-events:none;background:radial-gradient(ellipse at var(--glare-x,50%) var(--glare-y,45%),#fff8cb88 0,transparent 45%),linear-gradient(125deg,transparent 10%,#ffffff16 35%,transparent 55%,#ffe7a02e 80%,transparent);mix-blend-mode:screen;z-index:2}.inspect-back{transform:rotateY(180deg) translateZ(2px);border:4px solid #a67c22;border-radius:14px;background:repeating-conic-gradient(from 10deg at 50% 45%,#bd8e22 0 10deg,#dcae41 10deg 20deg);box-shadow:inset 0 0 0 4px #f9e591,inset 0 0 0 10px #9b731e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;text-align:center;padding:20px}.inspect-back>strong{display:grid;place-items:center;width:65%;aspect-ratio:1;border:5px solid #fff2b4;border-radius:50%;background:#173451;color:#ffe138;font:900 clamp(40px,8vw,75px) 'Barlow Condensed',Impact,sans-serif;box-shadow:0 0 0 7px #a77b1d}.inspect-back>span{font:900 30px 'Barlow Condensed',Impact,sans-serif;letter-spacing:4px;color:#fff6c8;text-shadow:2px 3px #654a10}.inspect-back>small{font:800 8px Barlow,Arial,sans-serif;letter-spacing:2px;color:#614710}.card-inspector>p{margin:3px 0;color:#e3ddc5;font-size:11px;text-align:center;line-height:1.6}.inspect-actions{display:flex;gap:12px}.inspect-actions button{padding:10px 17px;font-size:12px}@media(max-height:650px){.card-inspector{gap:10px}.inspect-stage{width:220px;max-height:none}.inspect-front{padding:12px;gap:7px}.inspect-front>strong{font-size:20px}.inspect-front>small,.inspect-group{font-size:8px}}@media(prefers-reduced-motion:reduce){.dex-collect-card.unlocked{transition:none}.inspect-object{transition:none}}
/* Retour au style cartoon des cartes, avec manipulation 3D conservée. */
.dex-collect-card,.dex-discovery-card{background:linear-gradient(135deg,#fff3b9,#ffe138);border:3px solid #173451;border-radius:11px;box-shadow:3px 4px 0 #173451;color:#173451;padding:8px}.dex-collect-card .collect-number{color:#173451;font-size:8px;letter-spacing:.6px;padding:3px 2px 7px}.dex-collect-card .collect-art{width:100%;margin:0;aspect-ratio:1/1.1;border:2px solid #173451;border-radius:6px;outline:none;box-shadow:none;background:repeating-conic-gradient(from 5deg,#fff7d1 0 10deg,var(--card-color) 10deg 20deg)}.dex-collect-card .collect-art img{width:120%;height:120%;object-position:center bottom}.dex-collect-card>strong{display:block;background:none;border-radius:0;padding:0;text-align:left;color:#173451;font:800 13px/1.2 Barlow,Arial,sans-serif;margin:10px 0 6px;min-height:31px;box-shadow:none;text-shadow:none}.dex-collect-card .collect-group{color:#173451;text-align:left;font-size:9px;font-weight:500;line-height:1.3;border-top:1px solid #17345133;padding-top:6px}.dex-collect-card.unlocked:hover{box-shadow:3px 5px 0 #173451}.dex-collect-card.locked{background:#eeece5;border-color:#a5adb1;box-shadow:3px 4px 0 #a5adb1;color:#78838b}.dex-collect-card.locked>strong{background:none;color:#78838b}.dex-collect-card.locked .collect-number,.dex-collect-card.locked .collect-group{color:#78838b}.dex-collect-card.locked .collect-art{background:repeating-linear-gradient(45deg,#dce1e2 0 9px,#e7ebeb 9px 18px);border-color:#a5adb1;outline:none;box-shadow:none}.dex-discovery-card{padding:12px;border-width:4px;border-radius:14px;box-shadow:6px 8px 0 #17345166}.dex-discovery-card>small{color:#173451}.dex-discovery-card>img{border:2px solid #173451;border-radius:7px;outline:none;box-shadow:none;background:repeating-conic-gradient(#fff2b3 0 10deg,#f5c34b 10deg 20deg)}.dex-discovery-card>strong{display:block;background:none;color:#173451;font:900 23px/1.1 'Barlow Condensed',Impact,sans-serif;padding:0;margin:13px 0 5px;min-height:0;box-shadow:none;text-shadow:none}.capture-card{padding:12px;gap:8px;border:5px solid #173451;border-radius:15px;outline:3px solid #fff2a1;background:linear-gradient(130deg,#fff3a4,#ffe138 50%,#efbd29)}.capture-card>img{border:3px solid #173451;border-radius:8px}.capture-card>strong{font-size:clamp(17px,2.6vw,29px);margin:3px 0 5px;text-align:center}.inspect-front{padding:18px;gap:10px;border:4px solid #173451;box-shadow:4px 6px 0 #071c2d99}.inspect-front>img{border:2px solid #173451;border-radius:8px}.inspect-front>strong{font-size:clamp(20px,4vw,31px);margin:0;padding:7px 0;text-align:center}.inspect-group{color:#173451}.inspect-back{background:repeating-conic-gradient(from 10deg,#ffe138 0 10deg,#fff0a2 10deg 20deg);border:4px solid #173451;border-radius:14px;box-shadow:inset 0 0 0 4px #fff8da,inset 0 0 0 7px #173451}.inspect-back>strong{border-color:#173451;background:#173451;box-shadow:0 0 0 6px #ffe138}.inspect-back>span{color:#173451;text-shadow:none}.inspect-back>small{color:#173451}@media(max-width:650px){.capture-card{padding:9px;border-width:4px;gap:6px}.capture-card>strong{font-size:20px}.inspect-front{padding:13px}.inspect-front>strong{font-size:23px}}

/* Une carte complète à examiner, avec inclinaison et reflet très légers. */
.dex-layout{grid-template-columns:1fr}.dex-profile{position:static;grid-row:1;width:100%;max-width:none;max-height:none;display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:14px 18px}.dex-profile::before,.dex-profile #dexEmpty,.dex-profile #dexIdentity{display:none}.dex-profile .dex-search-label{margin:0;flex:0 0 auto}.dex-profile .dex-search{width:min(330px,100%);flex:1;min-width:170px;margin:0}.dex-profile .dex-progress-track{display:block;width:125px;margin:0}.dex-profile>.dex-reset-collection{display:block;margin:0 0 0 auto}.dex-profile>small{flex:1 0 100%;display:block;font-size:9px}.dex-profile .dex-reset-confirm{flex:1 0 100%}.dex-cards{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.inspect-stage{width:min(405px,75vw,calc(73svh * 5 / 7));max-height:none;aspect-ratio:5/7;cursor:default}.inspect-stage:active{cursor:default}.inspect-object{transition:transform .16s ease-out;filter:drop-shadow(0 15px 20px #0004)}.inspect-front{grid-template-rows:auto minmax(0,1fr) auto auto auto;padding:17px;gap:9px;transform:none;border:4px solid #173451;background:linear-gradient(130deg,#fff4b8,#ffe138);box-shadow:4px 5px 0 #102b4266;backface-visibility:visible}.inspect-front>img{width:100%;height:100%;min-height:0;border-radius:8px;object-fit:contain;object-position:center bottom;background:repeating-conic-gradient(#fff5c6 0 10deg,#f4d368 10deg 20deg)}.inspect-front>strong{font-size:clamp(20px,3.8vw,29px);padding:5px 0;margin:0;text-align:center}.inspect-front>small{font-size:10px;padding:0;letter-spacing:1px}.inspect-group{display:flex;align-items:center;gap:11px;border-top:2px solid #17345133;padding:9px 0 0;color:#173451;text-align:left;font-size:12px;line-height:1.25}.inspect-group img{width:57px;height:39px;object-fit:contain;flex-shrink:0;background:#fffdf2;border:1px solid #17345144;border-radius:5px;padding:3px}.inspect-group span{font-weight:800}.inspect-facts{background:#fff9df;border:1px solid #17345133;border-radius:6px;padding:9px 11px;color:#173451;line-height:1.4}.inspect-facts p{font-size:11px;margin:0}.inspect-facts a{font-size:9px;color:#52677a;display:inline-block;margin-top:5px;text-underline-offset:3px}.inspect-front::after{background:radial-gradient(ellipse at var(--glare-x,50%) var(--glare-y,45%),#ffffff24,transparent 58%),linear-gradient(120deg,transparent 20%,#fff9d20b 48%,transparent 75%);mix-blend-mode:screen}.inspect-back{display:none}.inspect-actions{display:none}.card-inspector>p{font-size:10px;color:#d8decc}@media(max-width:650px){.dex-profile{padding:12px;gap:9px}.dex-profile .dex-search-label{flex-basis:100%;font-size:10px}.dex-profile .dex-search{min-width:130px;font-size:11px}.dex-profile .dex-progress-track{width:90px}.dex-profile>.dex-reset-collection{font-size:9px;padding:7px 9px}.dex-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.inspect-front{padding:12px;gap:7px;border-width:3px}.inspect-front>small{font-size:8px}.inspect-front>strong{font-size:22px}.inspect-group{font-size:10px;gap:8px;padding-top:7px}.inspect-group img{width:43px;height:30px}.inspect-facts{padding:7px 9px}.inspect-facts p{font-size:10px}.inspect-facts a{font-size:8px}}@media(max-height:650px){.inspect-stage{width:min(290px,calc(72svh * 5 / 7))}.inspect-front{gap:5px;padding:10px}.inspect-front>strong{font-size:19px}.inspect-front>small,.inspect-group{font-size:8px}.inspect-group img{width:35px;height:24px}.inspect-facts{padding:5px}.inspect-facts p{font-size:8px}}
/* Verso caché au clic, aux couleurs du jeu. */
.inspect-object{transition:transform .4s cubic-bezier(.2,.7,.3,1)}.inspect-front{transform:translateZ(2px);backface-visibility:hidden;-webkit-backface-visibility:hidden}.inspect-easter-back{position:absolute;inset:0;transform:rotateY(180deg) translateZ(2px);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border:4px solid #173451;border-radius:14px;background:linear-gradient(125deg,#173d9d 0 42%,#ee0744 42% 100%);box-shadow:inset 0 0 0 5px #ffe138,inset 0 0 0 8px #173451;display:flex;align-items:center;justify-content:center;padding:25px}.card-back-rays{position:absolute;inset:-100%;background:repeating-conic-gradient(from 5deg,transparent 0 10deg,#ffffff17 10deg 20deg);pointer-events:none}.card-back-logo{position:relative;z-index:1;transform:rotate(-8deg);color:#ffe138;text-align:center;filter:drop-shadow(3px 5px 0 #102d52);font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;line-height:.94;-webkit-text-stroke:3px #173451;paint-order:stroke fill}.card-back-logo span{display:block;font-size:clamp(24px,5vw,45px)}.card-back-logo strong{display:block;font-size:clamp(40px,7vw,67px);font-weight:900;letter-spacing:-1px}.card-back-mark{position:absolute;bottom:26px;left:20px;right:20px;text-align:center;color:#fff0b3;font:800 7px Barlow,Arial,sans-serif;letter-spacing:1px}.inspect-stage{cursor:pointer}@media(max-height:650px){.card-back-logo span{font-size:25px}.card-back-logo strong{font-size:40px}.card-back-mark{font-size:5px;bottom:18px}.inspect-easter-back{padding:17px}}
/* Carte sélectionnée au premier plan, collection floutée. */
.card-inspector{background:#071b2b75;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}body:has(#cardInspector:not([hidden])) #depudexPanel{filter:blur(7px);pointer-events:none}#depudexPanel{transition:filter .2s ease}.dex-card-hemicycle{height:365px}.dex-group-stack{width:93px;height:126px;padding:8px;border-radius:9px;box-shadow:3px 4px 0 #244b40,6px 7px 0 #c4d8b6,7px 8px 0 #173451}.group-stack-cover{height:78px;border-radius:5px}.group-stack-cover img{padding:4px}.dex-group-stack strong{font-size:13px;margin-top:10px}.dex-arc-caption{font-size:10px;letter-spacing:2px;bottom:18px}@media(max-width:1000px){.dex-card-hemicycle{height:320px}.dex-group-stack{width:76px;height:104px;padding:6px}.group-stack-cover{height:62px}.dex-group-stack strong{font-size:11px;margin-top:9px}}@media(max-width:600px){.dex-card-hemicycle{height:240px}.dex-group-stack{width:51px;height:77px;padding:4px}.group-stack-cover{height:45px}.group-stack-cover img{padding:2px}.dex-group-stack strong{font-size:9px;margin-top:6px}.dex-arc-caption{font-size:7px;bottom:8px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){#depudexPanel{transition:none}}
/* Garder deux faces distinctes : un filtre sur le parent aplatissait la 3D. */
.inspect-object{filter:none!important;transform-style:preserve-3d;overflow:visible;isolation:auto;opacity:1}.inspect-front{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transform:translateZ(2px);opacity:1;transition:opacity .12s .1s}.inspect-easter-back{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transform:rotateY(180deg) translateZ(2px);opacity:0;transition:opacity .12s .1s}.inspect-object.show-easter-back .inspect-front{opacity:0;pointer-events:none}.inspect-object.show-easter-back .inspect-easter-back{opacity:1}.inspect-easter-back .card-back-rays{animation:rays-turn 35s linear infinite}.inspect-easter-back .card-back-logo{backface-visibility:inherit}.inspect-stage{filter:none}

/* La collection se rabat en pile sous le résultat ou la sélection. */
.dex-cards.dex-folded{position:relative;display:block;min-height:365px;max-height:440px;overflow:hidden;perspective:1000px}.dex-folded .dex-collect-card{position:absolute;left:50%;top:18px;width:165px;transform:translateX(calc(-50% + var(--match-offset,0px))) translateY(var(--pile-offset,0px)) rotate(var(--pile-turn,0deg));transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .35s;animation:dex-fold-in .5s cubic-bezier(.2,.8,.2,1) both}.dex-folded .dex-fold-under{pointer-events:none;transform:translateX(-50%) translateY(calc(17px + var(--pile-offset))) rotate(var(--pile-turn)) scale(.96);filter:brightness(.72);opacity:.95}.dex-folded .dex-fold-target{transform:translateX(calc(-50% + var(--match-offset))) translateY(0) rotate(0);box-shadow:4px 6px 0 #173451,0 0 22px #ffe13877}.dex-folded .dex-fold-target:hover{transform:translateX(calc(-50% + var(--match-offset))) translateY(-5px)}@keyframes dex-fold-in{from{opacity:.35;translate:0 24px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.dex-folded .dex-collect-card{animation:none;transition:none}}

/* Un résultat visible par pile, trié par pertinence. */
.dex-cards.dex-folded{height:var(--pile-height,365px);min-height:365px;max-height:65svh;overflow:auto}.dex-folded .dex-collect-card{left:var(--pile-x,50%);top:var(--pile-y,18px)}.dex-folded .dex-fold-target{transform:translateX(-50%) rotate(0)}.dex-folded .dex-fold-target:hover{transform:translateX(-50%) translateY(-5px)}

/* Piles légères : seuls les résultats sont dessinés, les dessous sont décoratifs. */
.dex-cards.dex-folded{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px;height:auto;min-height:0;max-height:65svh;overflow:auto;perspective:none;padding:8px 14px 20px}.dex-folded .dex-collect-card.dex-fold-under{display:none}.dex-folded .dex-collect-card.dex-fold-target{position:relative;left:auto;top:auto;width:100%;transform:none;animation:dex-result-in .18s ease-out both;transition:transform .15s;filter:none;isolation:isolate;box-shadow:3px 4px 0 #173451,6px 7px 0 #fff3b9,7px 8px 0 #173451,10px 11px 0 #ffe138,11px 12px 0 #173451}.dex-folded .dex-collect-card.dex-fold-target:hover{transform:translateY(-3px)}.dex-collect-card{content-visibility:auto;contain-intrinsic-size:auto 290px}@keyframes dex-result-in{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.dex-folded .dex-collect-card.dex-fold-target{animation:none}}

/* Logos lisibles et vernis sélectif du portrait. */
.inspect-group img{width:92px;height:61px;padding:4px}.inspect-group{font-size:13px;gap:14px}.inspect-portrait-foil{position:relative;min-height:0;width:100%;height:100%;overflow:hidden;border-radius:8px;background:repeating-conic-gradient(#fff5c6 0 10deg,#f4d368 10deg 20deg);isolation:isolate}.inspect-portrait-foil>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center bottom}.inspect-portrait-foil::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--spec-x,50%) var(--spec-y,45%),#ffffff90 0%,#fffce332 15%,transparent 43%),linear-gradient(var(--spec-angle,115deg),transparent 20%,#bfefff08 33%,#fff9 43%,#fff2 47%,transparent 58%,#b9dcff24 70%,transparent 80%);background-size:100% 100%,220% 220%;background-position:center,var(--spec-x,50%) var(--spec-y,45%);mix-blend-mode:screen;opacity:.48;transition:background-position .12s ease-out}.dex-group-stack{width:108px;height:145px;padding:8px}.group-stack-cover{height:94px}.dex-group-stack strong{font-size:14px}.dex-card-hemicycle{height:405px}@media(max-width:1000px){.dex-group-stack{width:87px;height:119px;padding:6px}.group-stack-cover{height:74px}.dex-card-hemicycle{height:355px}.dex-group-stack strong{font-size:12px}}@media(max-width:600px){.dex-group-stack{width:59px;height:87px;padding:4px}.group-stack-cover{height:54px}.dex-group-stack strong{font-size:9px;margin-top:6px}.dex-card-hemicycle{height:270px}.inspect-group img{width:70px;height:47px}.inspect-group{font-size:11px;gap:10px}}@media(max-height:650px){.inspect-group img{width:57px;height:38px}.inspect-group{font-size:9px}}

.dex-fold-ghost{content-visibility:visible!important;contain:none!important;animation:none!important;transition:none!important;overflow:hidden;box-shadow:3px 4px 0 #173451}

/* Profondeur douce entre les rayons, le portrait et le vernis. */
.inspect-portrait-foil{background:none}.inspect-portrait-foil::before{content:'';position:absolute;inset:-18px;background:repeating-conic-gradient(#fff5c6 0 10deg,#f4d368 10deg 20deg);transform:translate(var(--portrait-bg-x,0px),var(--portrait-bg-y,0px));transition:transform .14s ease-out;pointer-events:none;z-index:0}.inspect-portrait-foil>img{position:relative;z-index:1;transform:translate(var(--portrait-px,0px),var(--portrait-py,0px)) scale(1.06);transform-origin:50% 65%;transition:transform .14s ease-out}.inspect-portrait-foil::after{z-index:2}@media(prefers-reduced-motion:reduce){.inspect-portrait-foil::before,.inspect-portrait-foil>img{transform:none;transition:none}}

/* Identité du groupe et estampille holographique sous le portrait. */
.collect-art{position:relative;isolation:isolate;background:repeating-conic-gradient(color-mix(in srgb,var(--card-color) 30%,white) 0 10deg,color-mix(in srgb,var(--card-color) 65%,white) 10deg 20deg)}.collect-art>img:not(.collect-holo-emblem){position:relative;z-index:2}.collect-art>img.collect-holo-emblem{position:absolute;z-index:1;width:80%;height:65%;left:10%;top:5%;object-fit:contain;opacity:.22;filter:grayscale(1) contrast(1.3);mix-blend-mode:luminosity;transform:rotate(-14deg);pointer-events:none}.inspect-portrait-foil::before{background:repeating-conic-gradient(color-mix(in srgb,var(--card-color) 25%,white) 0 10deg,color-mix(in srgb,var(--card-color) 70%,white) 10deg 20deg)}.inspect-portrait-foil>img:not(.portrait-holo-emblem){z-index:2}.inspect-portrait-foil>img.portrait-holo-emblem{position:absolute;z-index:1;inset:5% 8% auto;width:84%;height:74%;object-fit:contain;object-position:center;opacity:.27;filter:grayscale(1) contrast(1.5) drop-shadow(1px 0 0 #99faff) drop-shadow(-1px 0 0 #ffc0ff);mix-blend-mode:luminosity;transform:translate(var(--portrait-bg-x,0px),var(--portrait-bg-y,0px)) rotate(-12deg);pointer-events:none}.inspect-portrait-foil::after{z-index:3;background:radial-gradient(ellipse at var(--spec-x,50%) var(--spec-y,45%),#ffffff80 0%,#fffce32a 15%,transparent 43%),linear-gradient(var(--spec-angle,115deg),transparent 18%,#7df9ff20 32%,#f9aaff55 40%,#fff9 44%,#f8ef8b40 49%,#9affc926 55%,transparent 65%);background-size:100% 100%,220% 220%;background-position:center,var(--spec-x,50%) var(--spec-y,45%)}.dex-discovery-card:not(.inspect-front)>img{background:repeating-conic-gradient(color-mix(in srgb,var(--card-color,#ffe138) 25%,white) 0 10deg,color-mix(in srgb,var(--card-color,#ffe138) 65%,white) 10deg 20deg)}

/* Filigrane lisible au-dessus de l'illustration, sous le vernis. */
.inspect-portrait-foil>img.portrait-holo-emblem{z-index:3;inset:4% 3% auto auto;width:61%;height:47%;opacity:.48;filter:grayscale(1) contrast(1.7) drop-shadow(1px 0 0 #8dfaff) drop-shadow(-1px 0 0 #ffb5ed);mix-blend-mode:multiply;transform:translate(var(--portrait-bg-x,0px),var(--portrait-bg-y,0px)) rotate(-13deg)}.inspect-portrait-foil::after{z-index:4;opacity:.57}.collect-art>img.collect-holo-emblem{z-index:3;left:auto;right:3%;top:4%;width:60%;height:45%;opacity:.4;filter:grayscale(1) contrast(1.6);mix-blend-mode:multiply}

/* Fenêtre : cadre immobile, scène reculée et fond plus lointain. */
.inspect-portrait-foil{border:2px solid #173451;box-shadow:inset 0 2px 8px #102b4266;background:color-mix(in srgb,var(--card-color) 50%,white)}.inspect-portrait-foil::before{inset:-45px;transition:transform .1s ease-out}.inspect-portrait-foil>img:not(.portrait-holo-emblem){transform:translate(var(--portrait-px,0px),var(--portrait-py,0px)) scale(1.12);transform-origin:50% 60%;transition:transform .1s ease-out}.inspect-portrait-foil>img.portrait-holo-emblem{transform:rotate(-13deg);transition:none}.inspect-portrait-foil::after{box-shadow:inset 0 8px 13px -7px #102b42aa,inset 7px 0 12px -8px #102b4277,inset 0 0 0 1px #fff8;border-radius:5px}@media(prefers-reduced-motion:reduce){.inspect-portrait-foil::before,.inspect-portrait-foil>img:not(.portrait-holo-emblem){transform:none;transition:none}}

/* Micro-motif holographique, révélé seulement par l'inclinaison. */
.inspect-portrait-foil>img.portrait-holo-emblem,.collect-art>img.collect-holo-emblem{display:none}.portrait-holo-pattern{position:absolute;inset:0;z-index:3;pointer-events:none;background-repeat:repeat;background-size:38px 29px;background-position:0 0;filter:grayscale(1) invert(1) contrast(2);mix-blend-mode:screen;opacity:var(--holo-strength,0);mask-image:linear-gradient(var(--spec-angle,115deg),transparent 12%,#0002 28%,#000 44%,#000 52%,#0002 68%,transparent 85%);mask-size:200% 200%;mask-position:var(--spec-x,50%) var(--spec-y,45%);transition:opacity .12s ease-out,mask-position .12s ease-out}.inspect-portrait-foil::after{opacity:calc(.15 + var(--holo-strength,0) * .7)}@media(prefers-reduced-motion:reduce){.portrait-holo-pattern{transition:none}}

/* Logo principal de la fiche, distinct du micro-motif. */
.inspect-group img{width:126px;height:79px;padding:3px;max-width:42%;border-radius:7px}.inspect-group{gap:15px;min-height:84px;font-size:13px}.inspect-group span{flex:1;min-width:0}@media(max-width:600px){.inspect-group img{width:99px;height:64px;max-width:42%;padding:3px}.inspect-group{min-height:68px;gap:10px;font-size:11px}}@media(max-height:650px){.inspect-group img{width:80px;height:49px;padding:2px}.inspect-group{min-height:52px;font-size:10px;gap:9px}}

/* Filigrane sur la surface jaune ; fenêtre du portrait évidée. */
.inspect-front>.portrait-holo-pattern{position:absolute;inset:0;z-index:5;border-radius:10px;background-size:51px 39px;pointer-events:none;clip-path:inset(100%);mix-blend-mode:screen}.inspect-front>.portrait-holo-pattern~*{position:relative}.inspect-portrait-foil{isolation:isolate}

/* Mobile : limiter les surfaces compositées, garder de vraies cibles tactiles. */
.dex-load-more{grid-column:1/-1;min-height:46px;border:2px solid #173451;border-radius:8px;background:#ffe138;color:#173451;font-weight:800;margin:10px 0;position:relative;z-index:2}.app-in-background *,.app-in-background *::before,.app-in-background *::after{animation-play-state:paused!important}@media(pointer:coarse){button,select,summary{touch-action:manipulation}.choice{min-height:60px}.audio-dock button,.inspect-toolbar button,#closeDepudex{min-width:44px;min-height:44px}.dex-search,.typed-form input,select{font-size:16px!important}.card-inspector{backdrop-filter:none;-webkit-backdrop-filter:none;background:#071b2be8}body:has(#cardInspector:not([hidden])) #depudexPanel{filter:none}.portrait-holo-pattern{filter:grayscale(1) invert(1);transition:opacity .12s}.question-rain span:nth-child(n+13){display:none}.dex-collect-card.unlocked{transform:none;transform-style:flat}.dex-fold-ghost{filter:none!important}.audio-settings-panel{max-height:calc(100dvh - 90px);overflow:auto}.depudex-panel{overscroll-behavior:contain}.dex-group-stack{touch-action:manipulation}.inspect-stage{touch-action:none}}@media(max-width:600px){.dex-group-stack{width:52px;height:81px}.group-stack-cover{height:48px}.dex-group-stack:hover{translate:0 0}.dex-group-stack:focus-visible,.dex-group-stack.active{z-index:5}.inspect-toolbar{flex-shrink:0}.card-inspector{padding:14px 12px;gap:10px}.inspect-stage{width:min(88vw,calc(73dvh * 5 / 7))}.card-inspector>p{text-align:center;line-height:1.4}.audio-dock{bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right))}footer{padding-bottom:90px}.dex-top{flex-wrap:nowrap}.dex-top h2{font-size:26px}.dex-top>button{flex-shrink:0}}@media(prefers-reduced-motion:reduce){.question-rain,.intro-question-rain{display:none}}

.hemicycle-3d-panel{position:fixed;inset:0;z-index:195;background:#f7f0df;color:#173451;display:flex;flex-direction:column;padding:22px;gap:12px}.hemicycle-3d-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;max-width:1300px;width:100%;margin:0 auto}.hemicycle-3d-toolbar span{font-size:10px;letter-spacing:2px;font-weight:800}.hemicycle-3d-toolbar h2{margin:4px 0;font-size:30px}.hemicycle-3d-toolbar p{margin:0;font-size:14px}.hemicycle-3d-toolbar button,.hemicycle-3d-controls button,.inspect-seat-button{background:#ffe138;border:2px solid #173451;color:#173451;border-radius:7px;box-shadow:2px 3px 0 #173451;font-weight:800;min-height:44px;padding:8px 14px}.hemicycle-3d-stage{position:relative;flex:1;min-height:0;width:min(1300px,100%);margin:0 auto;border:3px solid #173451;border-radius:12px;overflow:hidden;background:#e8eadd}.hemicycle-3d-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.hemicycle-3d-stage canvas:active{cursor:grabbing}.hemicycle-seat-label{position:absolute;transform:translate(-50%,-160%);background:#ffe138;border:2px solid #173451;border-radius:6px;padding:5px 10px;font-weight:900;font-size:13px;pointer-events:none;box-shadow:2px 3px 0 #173451;white-space:nowrap}.hemicycle-3d-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.hemicycle-3d-controls span,.hemicycle-3d-panel>small{font-size:11px;text-align:center}.inspect-seat-button{font-size:10px;min-height:36px;margin-top:7px;width:100%}.hemicycle-3d-panel>small{opacity:.75}.hemicycle-3d-stage>p{position:absolute;inset:35% 15%;text-align:center}@media(max-width:600px){.hemicycle-3d-panel{padding:12px 9px;gap:10px}.hemicycle-3d-toolbar h2{font-size:23px}.hemicycle-3d-toolbar p{font-size:11px}.hemicycle-3d-toolbar span{font-size:8px}.hemicycle-3d-controls{gap:10px}.hemicycle-3d-controls span{flex-basis:100%;font-size:10px}.hemicycle-3d-panel>small{font-size:9px}.inspect-facts .inspect-seat-button{font-size:9px;min-height:32px;margin-top:5px;padding:5px}}

/* Carte flottante ancrée au fauteuil choisi. */
.hemicycle-deputy-card{position:absolute;width:162px;transform:translate(-50%,-100%);background:linear-gradient(135deg,#fff2b1,#ffe138);border:3px solid #173451;border-radius:10px;padding:7px;box-shadow:3px 5px 0 #173451,0 10px 18px #17345135;pointer-events:none;text-align:center;display:flex;flex-direction:column;gap:5px}.hemicycle-deputy-card::after{content:'';position:absolute;left:50%;top:100%;height:22px;width:2px;background:#173451}.hemicycle-deputy-card>small{font-size:8px;font-weight:900;letter-spacing:1px}.hemicycle-deputy-card>img,.hemicycle-card-mystery{width:100%;height:117px;object-fit:contain;object-position:center bottom;border:1px solid #173451;border-radius:5px;background:repeating-conic-gradient(#fff6cf 0 10deg,#e5c96c 10deg 20deg)}.hemicycle-deputy-card>strong{font-size:13px;line-height:1.1}.hemicycle-deputy-card>span{font-size:8px;line-height:1.2}.hemicycle-card-mystery{font-size:70px;font-weight:900;color:#173451}@media(max-width:600px){.hemicycle-deputy-card{width:133px;padding:6px;gap:4px}.hemicycle-deputy-card>img,.hemicycle-card-mystery{height:91px}.hemicycle-deputy-card>strong{font-size:11px}.hemicycle-deputy-card>span{font-size:7px}}

.inspect-seat-outside{position:relative;flex-shrink:0;min-height:44px;border:2px solid #173451;border-radius:8px;background:#ffe138;color:#173451;font-weight:800;font-size:13px;padding:10px 20px;box-shadow:3px 4px 0 #173451;cursor:pointer}.inspect-seat-outside:hover{background:#fff093;transform:translateY(-2px)}.inspect-seat-outside:active{transform:translateY(2px);box-shadow:1px 2px 0 #173451}.card-inspector .inspect-stage{width:min(405px,75vw,calc(65dvh * 5 / 7))}@media(max-width:600px){.card-inspector .inspect-stage{width:min(88vw,calc(66dvh * 5 / 7))}.inspect-seat-outside{font-size:12px;padding:8px 16px}}

/* Présentation du fauteuil : carte, affiliation et repère numéroté. */
.hemicycle-3d-panel{background:radial-gradient(ellipse at 50% 20%,#fff9e9,#e6dcc9)}.hemicycle-3d-stage{border:2px solid #294158;box-shadow:0 12px 35px #17345115,inset 0 0 0 3px #fff6}.hemicycle-deputy-card{width:184px;gap:7px;padding:9px;border-radius:13px;box-shadow:3px 5px 0 #173451,0 15px 25px #17345140}.hemicycle-deputy-card>.hemicycle-card-seat{display:block;padding:6px 4px;border-radius:5px;background:#173451;color:#ffe138;font-size:13px;font-weight:900;letter-spacing:1px}.hemicycle-deputy-card>img{height:128px}.hemicycle-deputy-card>strong{font-size:15px;line-height:1.15}.hemicycle-card-group{display:flex;align-items:center;justify-content:center;gap:7px;background:#fff9e5;border-radius:6px;padding:6px;min-height:43px;border:1px solid #17345125}.hemicycle-card-group>img{width:44px;height:31px;object-fit:contain;flex-shrink:0}.hemicycle-card-group>span{font-size:9px;font-weight:800;line-height:1.25;text-align:left}.hemicycle-seat-label{font-size:14px;border-width:3px;padding:7px 12px;color:#173451;background:#ffe138;transform:translate(-50%,-40%)}.hemicycle-deputy-card::after{height:24px;background:linear-gradient(#173451,#d2a93e);width:3px}@media(max-width:600px){.hemicycle-deputy-card{width:149px;padding:7px;gap:5px}.hemicycle-deputy-card>.hemicycle-card-seat{font-size:11px;padding:5px}.hemicycle-deputy-card>img{height:98px}.hemicycle-deputy-card>strong{font-size:12px}.hemicycle-card-group{padding:4px;gap:5px;min-height:37px}.hemicycle-card-group>img{width:34px;height:25px}.hemicycle-card-group>span{font-size:8px}.hemicycle-seat-label{font-size:11px;padding:6px 9px}}

.hemicycle-minimap{position:absolute;right:14px;bottom:14px;width:190px;max-width:30%;border:2px solid #173451;border-radius:10px;background:#fff8e8ed;padding:9px;box-shadow:3px 4px 0 #17345122;pointer-events:none}.hemicycle-minimap>strong{display:block;font-size:8px;letter-spacing:1px;text-align:center;color:#173451}.hemicycle-minimap>svg{display:block;width:100%;height:auto;margin:5px 0}.hemicycle-minimap>span{display:block;text-align:center;font-size:11px;font-weight:900;color:#173451}@media(max-width:600px){.hemicycle-minimap{width:126px;max-width:34%;right:8px;bottom:8px;padding:6px;border-radius:7px}.hemicycle-minimap>strong{font-size:6px;letter-spacing:.5px}.hemicycle-minimap>span{font-size:9px}}

/* DÉPUDEX — console cartoon, LCD et détails républicains. */
#depudexPanel{--dex-navy:#173451;--dex-yellow:#ffe138;--dex-lcd:#e7f1cd;--dex-led:#71d99e;color:#173451;background:radial-gradient(ellipse at 50% 0%,#fff3ad55,transparent 65%),#faf7ee;border:0;border-top:5px solid transparent;border-image:linear-gradient(90deg,#3063b4 0 33.33%,#fffefa 33.33% 66.66%,#ed3758 66.66%) 1;box-shadow:inset 0 0 0 4px #1734510a;padding-top:24px}
#depudexPanel .dex-top{border-bottom:2px solid #17345124;box-shadow:0 2px 0 #fff;gap:19px;padding-bottom:21px}#depudexPanel .dex-top .eyebrow{font-size:9px;color:#536b84;letter-spacing:2px}#depudexPanel .dex-top h2{color:#ffe138;font-size:44px;letter-spacing:3px;-webkit-text-stroke:2px #173451;paint-order:stroke fill;text-shadow:2px 3px 0 #173451;margin:3px 0}#depudexPanel .dex-top p{color:#173451;font-size:12px;font-weight:600}#depudexPanel .dex-republic-seal{display:block;position:relative;width:77px;flex:0 0 77px;padding:0;align-self:center}#depudexPanel .dex-republic-seal svg{display:block;width:100%;height:auto}#depudexPanel .dex-republic-seal::after{content:'';position:absolute;width:11px;height:11px;right:0;bottom:5px;border:2px solid #173451;border-radius:50%;background:#71d99e;box-shadow:0 0 9px #71d99e99;animation:dex-led-pulse 2.8s ease-in-out infinite}#depudexPanel .dex-top>button{background:#ffe138;color:#173451;border:2px solid #173451;border-radius:8px;box-shadow:3px 4px 0 #173451}#depudexPanel .dex-stage{background:linear-gradient(145deg,#fffdf2,#f1edda);border:3px solid #173451;border-radius:14px 14px 14px 28px;box-shadow:4px 6px 0 #173451,inset 0 0 0 3px #fff9;padding:18px}#depudexPanel .dex-stage::after{content:'●  DÉPUDEX  ·  COLLECTION ACTIVE   ▰ ▰ ▰';font:800 8px/1.5 monospace;letter-spacing:1.5px;color:#486276;border-top:2px solid #17345122;margin-top:18px;padding-top:13px}#depudexPanel .dex-card-hemicycle{background:repeating-linear-gradient(0deg,#17345105 0 1px,transparent 1px 4px),radial-gradient(ellipse at 50% 100%,#c1e2e3,#dfeeee 65%);border:3px solid #173451;border-radius:9px;box-shadow:inset 0 4px 8px #17345124,0 2px 0 #fff}#depudexPanel .dex-arc-caption{color:#37546e;letter-spacing:2px;font-size:9px}#depudexPanel .dex-group-stack{background:linear-gradient(135deg,#fff1a0,#ffe138);border:2px solid #173451;border-radius:8px;box-shadow:2px 3px 0 #173451,5px 6px 0 #faf7ee,6px 7px 0 #173451;color:#173451}#depudexPanel .group-stack-cover{background:#fffef8;border:1px solid #17345144;border-radius:5px}#depudexPanel .dex-group-stack strong{color:#d9f0b7;background:#203e43;border:1px solid #173451;border-radius:3px;font-family:monospace;line-height:1.4;letter-spacing:.2px;box-shadow:inset 0 2px 3px #0003}#depudexPanel .dex-group-stack:hover,#depudexPanel .dex-group-stack.active,#depudexPanel .dex-group-stack.card-group-highlight{background:#fff2aa;outline:3px solid #ed3758;outline-offset:3px;box-shadow:2px 3px 0 #173451,0 0 16px #ffe13866}#depudexPanel .dex-screen-caption{color:#375c6d;font-family:monospace;font-size:8px;letter-spacing:1px}#depudexPanel .dex-card-toolbar{border-color:#17345133}#depudexPanel .dex-card-toolbar h3{color:#173451;font-size:15px}#depudexPanel .dex-card-toolbar button,#depudexPanel .dex-load-more{background:#ffe138;color:#173451;border:2px solid #173451;border-radius:7px;box-shadow:2px 3px 0 #173451;font-size:11px;font-weight:800}#depudexPanel .dex-card-toolbar label{color:#173451}#depudexPanel input[type=checkbox]{accent-color:#ed3758}#depudexPanel .dex-profile{color:#173451;background:linear-gradient(130deg,#ffe96c,#ffe138);border:3px solid #173451;border-radius:11px;box-shadow:3px 5px 0 #173451,inset 0 0 0 2px #fff5}#depudexPanel .dex-profile .dex-search-label{color:#173451;font-family:Barlow,Arial,sans-serif;font-weight:800;font-size:11px}#depudexPanel .dex-search{background:repeating-linear-gradient(0deg,#17345105 0 1px,transparent 1px 4px),#e7f1cd;color:#173451;border:2px solid #173451;border-radius:5px;font-family:monospace;min-height:42px;box-shadow:inset 0 3px 5px #17345120}#depudexPanel .dex-search::placeholder{color:#587365}#depudexPanel .dex-search:focus{outline:3px solid #458ac3;outline-offset:2px}#depudexPanel .dex-profile>.dex-reset-collection{background:#fffaf0;color:#9b2540;border:2px solid #173451;border-radius:6px;box-shadow:2px 3px 0 #173451}#depudexPanel .dex-profile>small{color:#536b73}#depudexPanel .dex-progress-track{background:#28454b;border:2px solid #173451;border-radius:4px}#depudexPanel #dexProgress{background:repeating-linear-gradient(90deg,#8cd9b7 0 7px,#28454b 7px 9px)}#depudexPanel .dex-cards::-webkit-scrollbar-thumb{background:#69869b}#depudexPanel .dex-cards::-webkit-scrollbar-track{background:#e0e5dc}#depudexPanel .dex-collect-card.locked{background:#e9ece4;color:#607487;border-color:#74899a;box-shadow:2px 3px 0 #74899a}#depudexPanel .locked .collect-art{background:repeating-linear-gradient(45deg,#d6e1dd 0 9px,#e2e9e3 9px 18px);color:#7a918f;border-color:#829690}#depudexPanel #dexHemicycle3d::after{content:'';display:inline-block;vertical-align:middle;margin-left:7px;width:7px;height:7px;border:1px solid #173451;border-radius:50%;background:#71d99e;box-shadow:0 0 5px #71d99e;animation:dex-led-pulse 3.4s .6s ease-in-out infinite}#depudexPanel button:focus-visible{outline:3px solid #287abb;outline-offset:4px}
/* Le même boîtier est utilisé pendant le rangement animé des cartes. */
.capture-device-back,.capture-device-cover{background:linear-gradient(130deg,#fff19d,#ffe138 65%);border:3px solid #173451;box-shadow:4px 6px 0 #17345155,inset 0 0 0 3px #fff6;border-radius:13px}.capture-device-back::before,.capture-device-cover::before{content:'';position:absolute;top:0;left:13px;right:13px;height:5px;background:linear-gradient(90deg,#3063b4 0 33%,#fffdf2 33% 66%,#ed3758 66%);border-radius:0 0 4px 4px}.capture-device-back>strong,.capture-device-cover strong{color:#173451;text-shadow:1px 1px 0 #fff3a5}.capture-device-light{box-shadow:0 0 0 2px #173451,0 0 10px #77dcf199}.capture-device-screen{background:repeating-linear-gradient(0deg,#1734510a 0 1px,transparent 1px 3px),#d9ebc5;color:#234d46;box-shadow:inset 0 3px 7px #17345133;border:3px solid #173451}.capture-device-screen b{color:#2b5d4e;animation:dex-led-pulse 2.4s ease-in-out infinite}.capture-slot{border-color:#173451;box-shadow:0 2px 0 #fff7;background:#173451}.capture-device-cover span{display:block;background:#fff6b2;border:2px solid #173451;border-radius:12px;box-shadow:2px 3px 0 #173451}.capture-device-cover span svg{width:100%;height:100%;display:block}.card-received .capture-device-screen{background:#d7f3b5;box-shadow:inset 0 2px 5px #17345133,0 0 12px #b9efac}.card-received .capture-slot{box-shadow:0 0 14px 4px #ffe138}
@keyframes dex-led-pulse{0%,100%{opacity:.5}50%{opacity:1}}@media(max-width:600px){#depudexPanel{padding:18px 12px;border-top-width:4px}#depudexPanel .dex-top{gap:12px;padding-bottom:17px}#depudexPanel .dex-republic-seal{width:48px;flex-basis:48px}#depudexPanel .dex-top h2{font-size:31px;letter-spacing:2px}#depudexPanel .dex-top .eyebrow{font-size:7px;letter-spacing:1px}#depudexPanel .dex-top p{font-size:10px}#depudexPanel .dex-stage{padding:11px;border-radius:11px 11px 11px 20px}#depudexPanel .dex-screen-caption{font-size:6px;letter-spacing:.5px}#depudexPanel .dex-arc-caption{font-size:7px;letter-spacing:1px}#depudexPanel .dex-card-toolbar h3{font-size:13px}#depudexPanel .dex-stage::after{font-size:6px;letter-spacing:.7px}#depudexPanel .dex-republic-seal::after{width:8px;height:8px}}@media(prefers-reduced-motion:reduce){#depudexPanel .dex-republic-seal::after,#depudexPanel #dexHemicycle3d::after,.capture-device-screen b{animation:none;opacity:1}}

/* Le Dépudex apparaît comme un objet et devient l'interface de collection. */
.dex-arrival-stage{position:fixed;inset:0;z-index:130;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse,#17345144,transparent 72%);perspective:1100px;outline:none}.dex-arrival-body{width:265px;height:345px;perspective:1000px;filter:drop-shadow(0 24px 22px #17345140)}.dex-arrival-device.capture-device{position:relative;inset:auto;width:100%;height:100%;opacity:1;transform:none;transition:none;perspective:1000px;pointer-events:none}.dex-arrival-device .capture-device-back{padding:23px}.dex-arrival-device .capture-device-back>strong{font-size:31px;margin-top:24px}.dex-arrival-device .capture-device-light{width:35px;height:35px}.dex-arrival-device .capture-device-screen{padding:25px 6px;margin-top:20px;font-size:12px}.dex-arrival-device .capture-device-screen b{font-size:11px}.dex-arrival-device .capture-slot{margin-top:22px}.dex-arrival-device .capture-device-cover{gap:20px;border-width:4px;transform:rotateY(0deg);transition:none}.dex-arrival-device .capture-device-cover>span{width:94px;height:94px;border-radius:16px}.dex-arrival-device .capture-device-cover>strong{font-size:36px;letter-spacing:3px}.dex-arrival-device .capture-device-cover>small{color:#173451;font-size:8px;font-weight:800;letter-spacing:1.5px}@media(max-width:600px){.dex-arrival-body{width:205px;height:282px;filter:none}.dex-arrival-device .capture-device-back{padding:17px}.dex-arrival-device .capture-device-back>strong{font-size:25px;margin-top:18px}.dex-arrival-device .capture-device-screen{padding:18px 4px;font-size:10px}.dex-arrival-device .capture-device-screen b{font-size:9px}.dex-arrival-device .capture-device-cover>span{width:77px;height:77px}.dex-arrival-device .capture-device-cover>strong{font-size:30px}.dex-arrival-device .capture-device-cover{gap:15px}}

/* Coque rouge, panneaux bleus et liserés dorés : même objet au menu et dans le jeu. */
#depudexPanel{background:radial-gradient(ellipse at 12% 0%,#ff738244,transparent 65%),linear-gradient(135deg,#e92f52,#c41b40);color:#fff5df;box-shadow:inset 0 0 0 4px #173451,inset 0 0 0 7px #f2c96788;border-top-color:transparent}#depudexPanel .dex-top{border-bottom:2px solid #f2c96799;box-shadow:0 2px 0 #a51233}#depudexPanel .dex-top .eyebrow{color:#fff0c9}#depudexPanel .dex-top h2{color:#f6d260;text-shadow:2px 3px 0 #173451}#depudexPanel .dex-top p{color:#fff5df}#depudexPanel .dex-top>button{background:#f6d260;border-color:#173451}#depudexPanel .dex-stage{border-color:#173451;box-shadow:4px 6px 0 #891632,inset 0 0 0 3px #fff8;background:linear-gradient(145deg,#fffaf0,#f7efd9)}#depudexPanel .dex-card-hemicycle{background:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 4px),radial-gradient(ellipse at 50% 100%,#2f5475,#173451 75%);border:3px solid #c7a65a;box-shadow:inset 0 4px 12px #071a2c66,0 2px 0 #173451;border-radius:10px}#depudexPanel .dex-arc-caption{color:#f3dba6}#depudexPanel .dex-group-stack{background:linear-gradient(135deg,#ffe8a0,#ecc14e);border-color:#173451;box-shadow:2px 3px 0 #071a2c,5px 6px 0 #d4b464,6px 7px 0 #071a2c}#depudexPanel .dex-group-stack:hover,#depudexPanel .dex-group-stack.active,#depudexPanel .dex-group-stack.card-group-highlight{outline-color:#fff4c3;background:#fff0a8}#depudexPanel .dex-profile{color:#fff5df;background:linear-gradient(135deg,#24496b,#173451);border:3px solid #e6bc58;box-shadow:3px 5px 0 #891632,inset 0 0 0 2px #ffffff10}#depudexPanel .dex-profile .dex-search-label{color:#fff0c6}#depudexPanel .dex-search{background:repeating-linear-gradient(0deg,#17345105 0 1px,transparent 1px 4px),#dfeddd;border-color:#dbbc72}#depudexPanel .dex-profile>.dex-reset-collection{background:#fff5dc;color:#9b2542;border-color:#f4d78d;box-shadow:2px 3px 0 #0c2034}#depudexPanel .dex-profile>small{color:#cad9de}#depudexPanel .dex-progress-track{border-color:#c5a65a;background:#0c2438}#depudexPanel #dexProgress{background:repeating-linear-gradient(90deg,#f5d477 0 7px,#173451 7px 9px)}
.capture-device-back,.capture-device-cover{background:linear-gradient(135deg,#f04b62,#ce2043 75%);border:3px solid #173451;box-shadow:4px 6px 0 #17345155,inset 0 0 0 3px #efc768;border-radius:13px}.capture-device-cover::after{content:'';position:absolute;left:6px;top:8px;bottom:8px;width:9px;background:#173451;border-right:2px solid #e4ba58;border-radius:5px 0 0 5px}.capture-device-back>strong,.capture-device-cover strong{color:#f6d260;text-shadow:1px 2px 0 #173451}.capture-device-cover span{background:#173451;border:2px solid #f4d27a;box-shadow:2px 3px 0 #173451}.capture-device-screen{background:repeating-linear-gradient(0deg,#17345108 0 1px,transparent 1px 3px),#dcecdf;border-color:#173451;box-shadow:inset 0 3px 7px #17345133,0 0 0 2px #e7c877}.capture-slot{border-color:#e8c36c;box-shadow:0 2px 0 #8e1630}.dex-arrival-device .capture-device-cover>small{color:#fff1c9}.dex-arrival-device .capture-device-cover{border-color:#173451}.card-received .capture-device-screen{background:#e8f3c6;box-shadow:inset 0 2px 5px #17345133,0 0 13px #f8dd87}.card-received .capture-slot{box-shadow:0 0 14px 4px #f6d260}

/* La collection vit réellement dans le boîtier : seul son couvercle se déploie. */
#depudexPanel{display:grid;place-items:center;padding:20px;background:#071b2b99;border:0;border-image:none;box-shadow:none;overflow:hidden;perspective:1500px}.dex-console{position:relative;width:min(1260px,96vw);height:min(880px,92dvh);min-height:0;transform-origin:50% 55%;transform-style:preserve-3d;border:4px solid #173451;border-radius:22px;background:linear-gradient(135deg,#eb3c57,#c51c40);box-shadow:0 24px 70px #06132666,inset 0 0 0 3px #e6bd62;isolation:auto}.dex-console::before{content:'';position:absolute;left:7px;top:24px;bottom:24px;width:9px;border-radius:8px;background:linear-gradient(90deg,#173451,#355675,#173451);border:1px solid #e6bd62;z-index:1;pointer-events:none}.dex-console-content{height:100%;overflow:auto;overscroll-behavior:contain;border-radius:17px;padding:22px 24px 22px 30px;position:relative;z-index:1;opacity:1}.dex-console-content::before{content:'';display:block;position:absolute;top:3px;left:28px;right:22px;height:5px;background:linear-gradient(90deg,#3868bb 0 33%,#fff9e9 33% 66%,#eb3c57 66%);border-bottom:1px solid #e6bd62;border-radius:0 0 3px 3px}.dex-console-cover{position:absolute;inset:-1px;z-index:3;border:4px solid #173451;border-radius:19px;background:linear-gradient(135deg,#f05266,#cc2143 75%);box-shadow:inset 0 0 0 4px #e6bd62,8px 10px 0 #071b2b44;transform-origin:0% 50%;transform:rotateY(-155deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;pointer-events:none}.dex-console-cover>span{width:130px;height:130px}.dex-console-cover svg{display:block;width:100%;height:100%}.dex-console-cover>strong{font:900 clamp(45px,7vw,82px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:7px;color:#f7d774;-webkit-text-stroke:2px #173451;paint-order:stroke fill;text-shadow:3px 5px 0 #173451}.dex-console-cover>small{color:#fff1c7;font-weight:800;letter-spacing:4px;font-size:11px}.dex-console-cover>i{width:60px;height:9px;border:2px solid #173451;border-radius:8px;background:#78d8aa;box-shadow:0 0 15px #78d8aa55;animation:dex-led-pulse 2.8s ease-in-out infinite}.dex-console-arriving .dex-console-content{opacity:0}.dex-console-arriving .dex-console-cover{transform:rotateY(0deg)}.dex-console-arriving{pointer-events:none}.dex-console-arriving .dex-console{pointer-events:none}#depudexPanel .dex-top{padding-top:3px}#depudexPanel .dex-layout{margin-top:20px}@media(max-width:600px){#depudexPanel{padding:7px}.dex-console{width:calc(100vw - 14px);height:calc(100dvh - 18px);border-width:3px;border-radius:15px}.dex-console-content{padding:17px 11px 18px 19px;border-radius:12px}.dex-console::before{left:4px;width:6px;top:17px;bottom:17px}.dex-console-cover{border-width:3px;border-radius:13px;gap:18px}.dex-console-cover>span{width:95px;height:95px}.dex-console-cover>strong{font-size:43px;letter-spacing:3px}.dex-console-cover>small{font-size:8px;letter-spacing:2px}.dex-console-content::before{left:19px;right:12px;height:4px}}

.dex-console-arriving{pointer-events:auto}

/* États explicites pour éviter le flash d'une console déjà ouverte. */
.dex-console-arriving .dex-console{transform:translateY(110vh) scale(.34) rotate(-6deg)}.dex-console-leaving .dex-console{pointer-events:none}.dex-console-leaving .dex-console-content{pointer-events:none}.dex-console-leaving{pointer-events:auto}.dex-console-cover{will-change:auto}.dex-console-arriving .dex-console-cover,.dex-console-leaving .dex-console-cover{will-change:transform}.dex-console-arriving .dex-console,.dex-console-leaving .dex-console{will-change:transform}

/* Vrai volet à deux faces : l'intérieur reste visible pendant son pivot. */
.dex-console-cover{transform:rotateY(-120deg);transform-style:preserve-3d;backface-visibility:visible;-webkit-backface-visibility:visible}.dex-console-cover>span,.dex-console-cover>strong,.dex-console-cover>small,.dex-console-cover>i{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(3px)}.dex-console-inner-lid{position:absolute;inset:3px;border:4px solid #e6bd62;border-radius:14px;background:linear-gradient(135deg,#214969,#102d49);transform:rotateY(180deg) translateZ(2px);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:26px;box-shadow:inset 0 0 0 5px #173451,inset 0 0 25px #07152566;pointer-events:none}.dex-inner-speaker{width:34%;height:26px;border-top:4px solid #071d32;border-bottom:4px solid #071d32;background:repeating-linear-gradient(0deg,transparent 0 5px,#071d32 5px 9px);border-radius:10px}.dex-inner-lcd{width:72%;padding:30px 10px;border:7px solid #091e32;border-radius:9px;background:repeating-linear-gradient(0deg,#17345109 0 1px,transparent 1px 4px),#dcf0cf;box-shadow:0 0 0 2px #e6bd62,inset 0 4px 9px #17345144;text-align:center;color:#234d46}.dex-inner-lcd>span{display:block;font:900 clamp(20px,4vw,45px) 'Barlow Condensed',Impact,sans-serif;letter-spacing:4px}.dex-inner-lcd>strong{display:block;font:800 11px monospace;letter-spacing:2px;margin-top:12px}.dex-inner-lcd>i{display:block;color:#41865b;font-size:18px;letter-spacing:12px;margin-top:18px;font-style:normal}.dex-inner-controls{display:flex;gap:18px}.dex-inner-controls>b{display:block;width:25px;height:25px;background:#f0ca61;border:3px solid #071d32;border-radius:50%;box-shadow:0 3px 0 #071d32}.dex-inner-controls>b:nth-child(2){background:#e94b61}.dex-inner-controls>b:nth-child(3){background:#70c8c2}@media(max-width:600px){.dex-console-inner-lid{border-width:3px;gap:18px}.dex-inner-lcd{padding:24px 5px;border-width:4px;width:82%}.dex-inner-lcd>strong{font-size:8px;letter-spacing:1px}.dex-inner-lcd>span{font-size:25px}.dex-inner-controls{gap:13px}.dex-inner-controls>b{width:18px;height:18px}}

/* Une seule zone de défilement dans le boîtier, sans barres imbriquées. */
body:has(#depudexPanel:not([hidden])){overflow:hidden}#depudexPanel .dex-console-content{display:flex;flex-direction:column;overflow:hidden;min-height:0}#depudexPanel .dex-top{flex:0 0 auto}#depudexPanel .dex-layout{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;scroll-padding-top:145px;padding:0 9px 18px 0;gap:18px;overflow-anchor:auto}#depudexPanel .dex-profile{order:-1;position:sticky;top:0;z-index:12;flex:0 0 auto;max-height:none;overflow:visible;margin:0}#depudexPanel .dex-stage{flex:0 0 auto;min-height:0}#depudexPanel .dex-cards,#depudexPanel .dex-cards.dex-folded{overflow:visible;max-height:none;height:auto;min-height:0;perspective:none}#depudexPanel .dex-collect-card{content-visibility:visible;contain-intrinsic-size:none}#depudexPanel .dex-layout::-webkit-scrollbar{width:10px}#depudexPanel .dex-layout::-webkit-scrollbar-track{background:#991c38;border-radius:8px}#depudexPanel .dex-layout::-webkit-scrollbar-thumb{background:#f0ca6e;border:2px solid #991c38;border-radius:8px}#depudexPanel .dex-layout{scrollbar-color:#f0ca6e #991c38;scrollbar-width:thin}@media(max-width:600px){#depudexPanel .dex-layout{gap:13px;margin-top:13px;padding-right:5px;scroll-padding-top:145px}#depudexPanel .dex-profile>small{display:none}#depudexPanel .dex-profile{gap:8px;padding:10px}#depudexPanel .dex-top{padding-bottom:12px}#depudexPanel .dex-top h2{font-size:27px}#depudexPanel .dex-republic-seal{width:42px;flex-basis:42px}}

/* Le passage de grille à colonne doit rétablir l'étirement, pas conserver align-items:start. */
#depudexPanel .dex-layout{align-items:stretch;width:100%;box-sizing:border-box}#depudexPanel .dex-stage,#depudexPanel .dex-profile{width:100%;max-width:none;box-sizing:border-box;align-self:stretch}#depudexPanel .dex-card-hemicycle{width:100%;box-sizing:border-box}#depudexPanel .dex-group-arc{min-width:0}#depudexPanel .dex-cards{width:100%;box-sizing:border-box}#depudexPanel .dex-group-stack{z-index:1}#depudexPanel .dex-group-stack:hover,#depudexPanel .dex-group-stack:focus-visible,#depudexPanel .dex-group-stack.active{z-index:4}@media(max-width:650px){#depudexPanel .dex-card-hemicycle{height:235px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y}#depudexPanel .dex-group-arc{width:660px;min-width:660px;height:210px;right:auto}#depudexPanel .dex-group-stack{width:55px;height:82px}#depudexPanel .group-stack-cover{height:49px}#depudexPanel .dex-arc-caption{position:sticky;top:214px;left:0;padding:3px 0;width:100%;font-size:7px}}

/* Tablette rétro monobloc : le LCD et sa routine d'allumage remplacent le livre. */
.dex-console{transform-style:flat;padding:17px 17px 21px 25px;background:linear-gradient(130deg,#ed465d,#c92543);border-radius:24px;border:4px solid #173451;box-shadow:0 22px 55px #071b2b55,inset 0 0 0 3px #e5bf64,inset 0 -7px 0 #9e1735}.dex-console::before{left:8px;top:45%;bottom:auto;height:63px;width:9px;background:repeating-linear-gradient(0deg,#18334e 0 5px,#a3233d 5px 9px);border:1px solid #173451}.dex-console-content{border:7px solid #173451;border-radius:11px;background:repeating-linear-gradient(0deg,#17345104 0 1px,transparent 1px 4px),#dfe7c5;box-shadow:inset 0 5px 14px #17345133;padding:16px!important}.dex-console-content::before{display:none}#depudexPanel .dex-top{border-bottom-color:#506a4f66;box-shadow:none;padding-bottom:14px}#depudexPanel .dex-top h2{color:#23483e;text-shadow:none;-webkit-text-stroke:0;letter-spacing:3px}#depudexPanel .dex-top .eyebrow,#depudexPanel .dex-top p{color:#3b5948}#depudexPanel .dex-top>button{background:#eadb92}.dex-tablet-boot{position:absolute;inset:17px 17px 21px 25px;z-index:4;border:7px solid #173451;border-radius:11px;background:repeating-linear-gradient(0deg,#183d340c 0 1px,transparent 1px 4px),#dfe7c5;color:#294c3d;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;pointer-events:none;font-family:monospace}.dex-tablet-starting .dex-console-content{opacity:0}.dex-tablet-starting .dex-tablet-boot{display:flex}.dex-tablet-starting .dex-console{transform:translateY(110vh) scale(.5)}.dex-tablet-starting .dex-console,.dex-tablet-stopping .dex-console{pointer-events:none;will-change:transform}.dex-boot-pixel-mark{width:96px;height:72px;image-rendering:pixelated}.dex-boot-pixel-mark svg{display:block;width:100%;height:100%}.dex-tablet-boot>strong{font:900 clamp(30px,5vw,55px)/1 monospace;letter-spacing:5px;text-shadow:2px 2px #9ba885}.dex-tablet-boot>span{font-size:9px;letter-spacing:2px}.dex-boot-lines{min-height:52px;font-size:12px;line-height:1.6}.dex-boot-lines p{margin:0;color:#294c3d}.dex-boot-track{width:min(330px,65%);height:18px;border:3px solid #294c3d;padding:2px}.dex-boot-track>i{display:block;width:100%;height:100%;background:repeating-linear-gradient(90deg,#294c3d 0 9px,transparent 9px 12px);transform-origin:left;transform:scaleX(0)}.dex-tablet-boot>small{font-size:8px;letter-spacing:2px}.dex-tablet-stopping .dex-console{background:linear-gradient(130deg,#ed465d,#c92543)}@media(max-width:600px){.dex-console{padding:10px 9px 12px 15px;border-radius:17px}.dex-console-content{padding:9px!important;border-width:4px;border-radius:8px}.dex-tablet-boot{inset:10px 9px 12px 15px;border-width:4px;gap:12px}.dex-console::before{left:4px;width:6px;height:43px}.dex-boot-pixel-mark{width:72px;height:54px}.dex-boot-lines{font-size:10px}.dex-tablet-boot>span{font-size:7px;letter-spacing:1px}}

/* Projection depuis la tablette : faisceau bref et grille au déploiement du relief. */
.holo-deploying::before{content:'';position:fixed;left:var(--holo-origin-x,50%);top:var(--holo-origin-y,80%);width:85vw;height:75vh;transform:translate(-50%,-100%);transform-origin:50% 100%;clip-path:polygon(5% 0,95% 0,52% 100%,48% 100%);background:linear-gradient(0deg,#69e4ef77,#82dffa11 80%,transparent);pointer-events:none;z-index:2;animation:holo-beam 1.05s ease-out both}.holo-deploying .hemicycle-3d-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 28px,#70cde966 28px 29px),repeating-linear-gradient(90deg,transparent 0 28px,#70cde966 28px 29px);transform:perspective(700px) rotateX(48deg) scale(1.4);transform-origin:50% 75%;animation:holo-grid 1.05s ease-out both}.holo-deploying .hemicycle-minimap,.holo-deploying .hemicycle-3d-toolbar,.holo-deploying .hemicycle-3d-controls{animation:holo-controls .9s ease-out both}@keyframes holo-beam{0%{opacity:0;scale:.3 1}25%{opacity:1;scale:1 1}70%{opacity:.5}100%{opacity:0}}@keyframes holo-grid{0%{opacity:0}30%{opacity:.8}100%{opacity:0}}@keyframes holo-controls{0%,50%{opacity:0}100%{opacity:1}}@media(prefers-reduced-motion:reduce){.holo-deploying::before,.holo-deploying .hemicycle-3d-stage::after{display:none}}

/* Commandes physiques, diode et LCD d'extinction. */
.dex-console{display:flex;flex-direction:column}.dex-hardware-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:0 0 35px;margin:0 2px 9px;color:#ffe3a0;font:900 13px 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px}.dex-hardware-bar>span>small{font:700 7px monospace;letter-spacing:1px;margin-left:10px}.dex-hardware-bar>div{display:flex;align-items:center;gap:13px}.dex-power-button{display:grid;place-items:center;width:35px;height:35px;min-width:35px;min-height:35px;background:#173451;color:#f8db90;border:2px solid #e6c16c;border-radius:50%;box-shadow:0 3px 0 #7b1730;padding:6px;cursor:pointer}.dex-power-button svg{width:20px;height:20px}.dex-power-button:active{transform:translateY(2px);box-shadow:0 1px 0 #7b1730}.dex-power-led{width:11px;height:11px;display:block;background:#44483f;border:2px solid #173451;border-radius:50%;box-shadow:inset 0 1px 1px #fff3;transition:background .18s,box-shadow .18s}#depudexPanel[data-power=on] .dex-power-led{background:#74e79e;box-shadow:0 0 9px #74e79e99}#depudexPanel[data-power=booting] .dex-power-led{background:#edc465;box-shadow:0 0 7px #edc46577}#depudexPanel[data-power=stopping] .dex-power-led{background:#ff6570;box-shadow:0 0 9px #ff657099}#depudexPanel .dex-republic-seal::after{display:none}.dex-console-content{height:auto;flex:1;min-height:0}.dex-tablet-boot{top:61px}.dex-tablet-stopping .dex-tablet-boot{display:flex}.dex-tablet-stopping .dex-console-content{pointer-events:none}
/* La carte se range dans l'écran d'une tablette, sans couvercle ni fente. */
.capture-device-cover,.capture-slot{display:none!important}.capture-device{height:265px}.capture-device-back{display:flex;flex-direction:column;padding:13px}.capture-device-back>strong{margin:8px 0 10px;font-size:18px}.capture-device-light{width:12px;height:12px;background:#70e3a0;border:2px solid #173451;box-shadow:0 0 7px #70e3a0}.capture-device-screen{position:relative;flex:1;margin:0;padding:22px 3px;min-height:145px;overflow:hidden;border-width:4px}.capture-pixel-receipt{position:absolute;left:50%;top:6px;transform:translateX(-50%);width:90px;height:108px;image-rendering:pixelated;opacity:0}.capture-pixel-name{position:absolute;left:4px;right:4px;bottom:6px;font:900 9px monospace;color:#234d46;line-height:1.15;opacity:0}.card-received .capture-device-screen{font-size:0;color:transparent}.card-received .capture-device-screen>b{visibility:hidden}.card-received .capture-pixel-receipt,.card-received .capture-pixel-name{opacity:1;transition:opacity .12s}.card-received .capture-pixel-receipt{animation:capture-pixel-lock .3s steps(3) both}@keyframes capture-pixel-lock{from{transform:translateX(-50%) scale(1.12);opacity:.3}to{transform:translateX(-50%) scale(1);opacity:1}}@media(max-width:600px){.dex-hardware-bar{flex-basis:33px;margin-bottom:6px;font-size:11px}.dex-hardware-bar>span>small{display:none}.dex-tablet-boot{top:49px}.capture-device{height:228px}.capture-device-screen{min-height:135px}.capture-pixel-receipt{width:80px;height:96px}.capture-device-back>strong{font-size:15px;margin:6px 0 8px}}

/* Écran cathodique : sous-couche noire persistante et un seul déploiement lumineux. */
.dex-console::after{content:'';position:absolute;inset:61px 17px 21px 25px;background:#050b09;border:7px solid #173451;border-radius:11px;z-index:0;pointer-events:none}.dex-console-content{z-index:1}.dex-tablet-boot{z-index:4}.dex-tablet-starting .dex-tablet-boot{opacity:0}.dex-tablet-starting:not(.dex-screen-ready) .dex-console-content{visibility:hidden}.dex-screen-off .dex-console-content,.dex-screen-off .dex-tablet-boot{visibility:hidden!important}.dex-console-content{position:relative}.dex-console-content::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:20;border-radius:7px;background:repeating-linear-gradient(0deg,#183d3407 0 1px,transparent 1px 4px);box-shadow:inset 0 0 24px #183d3422}.dex-lcd-wordmark{display:block;width:100%;height:auto;image-rendering:pixelated;overflow:visible}#depudexPanel .dex-top{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;gap:12px}#depudexPanel .dex-top::after{content:'';width:70px}#depudexPanel .dex-top>div:nth-child(2){justify-self:center;text-align:center;width:min(460px,100%)}#depudexPanel .dex-top h2{width:100%;margin:8px auto 7px;line-height:1;color:#294c3d;filter:drop-shadow(.8px 0 #c55e5777) drop-shadow(-.8px 0 #6aadb677)}#depudexPanel .dex-top .eyebrow{font-size:8px;letter-spacing:2px}.dex-tablet-boot>strong{width:min(520px,75%);filter:drop-shadow(1px 0 #c55e5777) drop-shadow(-1px 0 #6aadb677)}#depudexPanel .dex-republic-seal{color:#294c3d;width:65px;flex-basis:65px}#depudexPanel .dex-republic-seal svg{width:100%;height:auto}#depudexPanel .dex-screen-caption,.dex-boot-lines,#depudexPanel .dex-group-stack strong{text-shadow:.65px 0 #a4594e66,-.65px 0 #4f899166}.dex-tablet-boot{box-shadow:inset 0 0 32px #183d3422}.dex-tablet-stopping .dex-tablet-boot{opacity:1}@media(max-width:600px){.dex-console::after{inset:49px 9px 12px 15px;border-width:4px}#depudexPanel .dex-top{grid-template-columns:39px 1fr 39px;gap:7px}#depudexPanel .dex-top::after{width:39px}#depudexPanel .dex-republic-seal{width:37px;flex-basis:37px}#depudexPanel .dex-top .eyebrow{font-size:6px;letter-spacing:1px}#depudexPanel .dex-top p{font-size:9px}.dex-tablet-boot>strong{width:80%}}
/* Démonstrations des modes : choisir parmi quatre réponses ou écrire un nom. */
.mode-demo{height:106px;display:flex;align-items:center;gap:13px;position:relative;overflow:hidden;margin-bottom:4px;pointer-events:none}.demo-mystery{display:grid;place-items:center;width:54px;height:74px;flex:0 0 54px;background:#173451;color:#ffe138;border:2px solid #ffe138;border-radius:8px;font:900 46px 'Barlow Condensed',Impact,sans-serif;font-style:normal}.demo-answers{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:100%;max-width:140px}.demo-answers>i{display:grid;place-items:center;height:31px;border:2px solid #173451;border-radius:5px;background:#fff6d4;color:#173451;font:900 17px 'Barlow Condensed',Impact,sans-serif;animation:mode-option-arrive 4.5s ease-in-out infinite}.demo-answers>i:nth-child(2){animation-delay:.12s}.demo-answers>i:nth-child(3){animation-delay:.24s}.demo-answers>i:nth-child(4){animation:mode-correct 4.5s ease-in-out infinite}.mode-demo-classic>b{position:absolute;right:0;bottom:3px;background:#83d29a;color:#173451;border:2px solid #173451;border-radius:50%;width:25px;height:25px;text-align:center;animation:mode-tick 4.5s ease-in-out infinite}.mode-demo-hardcore{flex-wrap:wrap;gap:8px 12px;padding-left:66px}.mode-demo-hardcore>.demo-mystery{position:absolute;left:0;top:16px}.demo-type{height:38px;border:2px solid #173451;border-radius:5px;background:#fff8e6;color:#173451;width:100%;display:flex;align-items:center;padding:6px 8px;font:800 14px monospace;overflow:hidden}.demo-type>span{display:block;white-space:nowrap;overflow:hidden;max-width:6ch;animation:mode-typing 4.5s steps(6,end) infinite}.demo-type>i{width:2px;height:17px;background:#173451;animation:mode-caret .8s steps(1) infinite}.demo-keys{display:flex;gap:6px;align-self:flex-start}.demo-keys>i,.demo-keys>b{display:grid;place-items:center;height:26px;min-width:37px;background:#fff0b5;border:2px solid #173451;border-radius:4px;color:#173451;font:900 18px monospace;box-shadow:0 2px 0 #173451}.demo-keys>b{animation:mode-enter 4.5s ease-in-out infinite}@keyframes mode-option-arrive{0%,8%{opacity:.2;transform:translateY(9px)}22%,90%{opacity:1;transform:none}100%{opacity:.2;transform:translateY(9px)}}@keyframes mode-correct{0%,40%,100%{background:#fff6d4;transform:none}55%,88%{background:#8fd4a3;transform:scale(1.04)}}@keyframes mode-tick{0%,45%,100%{opacity:0;transform:scale(.5)}60%,90%{opacity:1;transform:scale(1)}}@keyframes mode-typing{0%,12%{max-width:0}58%,90%{max-width:6ch}100%{max-width:0}}@keyframes mode-caret{50%{opacity:0}}@keyframes mode-enter{0%,60%,100%{transform:none;background:#fff0b5}70%,85%{transform:translateY(2px);box-shadow:none;background:#8fd4a3}}@media(max-width:600px){.mode-demo{height:95px;gap:7px}.demo-mystery{width:37px;height:58px;flex-basis:37px;font-size:34px}.demo-answers{gap:4px}.demo-answers>i{font-size:14px;height:27px}.mode-demo-hardcore{padding-left:43px}.demo-type{font-size:10px;padding:4px;min-width:0}.demo-keys>i,.demo-keys>b{min-width:25px;height:23px;font-size:15px}}@media(prefers-reduced-motion:reduce){.mode-demo *{animation:none!important}.demo-type>span{max-width:6ch}.mode-demo-classic>b{opacity:1}}

/* La maquette 3D occupe le LCD existant et conserve toute la coque de la tablette. */
.dex-console>.hemicycle-3d-panel{position:absolute;inset:61px 17px 21px 25px;z-index:25;border:7px solid #173451;border-radius:11px;padding:12px;gap:10px;background:repeating-linear-gradient(0deg,#17345105 0 1px,transparent 1px 4px),#dfe7c5;overflow:hidden;color:#294c3d}.dex-console>.hemicycle-3d-panel .hemicycle-3d-toolbar{flex:0 0 auto;max-width:none}.dex-console>.hemicycle-3d-panel .hemicycle-3d-toolbar span{font:800 8px monospace;letter-spacing:1px}.dex-console>.hemicycle-3d-panel .hemicycle-3d-toolbar h2{font:900 24px 'Barlow Condensed',Impact,sans-serif;color:#294c3d}.dex-console>.hemicycle-3d-panel .hemicycle-3d-stage{border:2px solid #294c3d;background:#dfe7c5;box-shadow:inset 0 0 18px #17345122;border-radius:6px}.dex-console>.hemicycle-3d-panel .hemicycle-3d-toolbar button{width:auto;height:auto;font-size:11px;padding:7px 12px;min-height:36px;background:#d4e1b4;border:2px solid #294c3d;box-shadow:2px 2px 0 #294c3d;color:#294c3d}.dex-console>.hemicycle-3d-panel .hemicycle-3d-controls button{background:#d4e1b4;border-color:#294c3d;color:#294c3d;box-shadow:2px 2px 0 #294c3d;min-height:35px;font-size:11px}.dex-console>.hemicycle-3d-panel .hemicycle-3d-controls span{font-size:10px}.dex-console>.hemicycle-3d-panel>small{font-size:8px}.dex-console>.hemicycle-3d-panel.holo-deploying::before{position:absolute;left:50%;top:100%;width:100%;height:100%}.dex-console>.hemicycle-3d-panel .hemicycle-minimap{background:#e5edcfee;border-color:#294c3d}.dex-console>.hemicycle-3d-panel .hemicycle-3d-stage::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 22px #17345120;background:repeating-linear-gradient(0deg,#17345104 0 1px,transparent 1px 4px)}@media(max-width:600px){.dex-console>.hemicycle-3d-panel{inset:49px 9px 12px 15px;border-width:4px;padding:8px;gap:8px}.dex-console>.hemicycle-3d-panel .hemicycle-3d-toolbar h2{font-size:19px}.dex-console>.hemicycle-3d-panel .hemicycle-3d-toolbar p{font-size:9px}.dex-console>.hemicycle-3d-panel .hemicycle-3d-controls span{font-size:8px}.dex-console>.hemicycle-3d-panel .hemicycle-3d-controls{gap:7px}}

/* Tablette plus généreuse et audio accessible au-dessus de ses vues. */
#depudexPanel{padding:10px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#071b2b66}.dex-console{width:min(1460px,98vw);height:min(1040px,96dvh);padding-bottom:62px}.dex-console::after,.dex-tablet-boot{bottom:62px}.dex-console>.hemicycle-3d-panel{bottom:62px}.audio-dock{z-index:221}.audio-settings-panel{z-index:222}body:has(#depudexPanel:not([hidden])) .audio-dock{background:#f7df96;border:2px solid #173451;box-shadow:2px 3px 0 #173451}body:has(#depudexPanel:not([hidden])) .audio-settings-panel{max-height:calc(100dvh - 105px);overflow-y:auto;overscroll-behavior:contain}@media(max-width:600px){#depudexPanel{padding:5px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.dex-console{width:calc(100vw - 10px);height:calc(100dvh - 12px);padding-bottom:60px}.dex-console::after,.dex-tablet-boot,.dex-console>.hemicycle-3d-panel{bottom:60px}.audio-dock{bottom:max(11px,env(safe-area-inset-bottom));right:12px}}

.device-closed .capture-device-light{background:#e96370;box-shadow:0 0 6px #e9637077}.device-closed .capture-device-screen{opacity:0;transition:opacity .2s}

/* Le boîtier en jeu reprend la tablette : rouge/or, commande physique et LCD horizontal. */
.capture-device{width:300px;height:270px;left:75%;top:29%;perspective:none}.capture-tablet-shell{padding:12px 12px 14px 17px;border-radius:15px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(130deg,#ed465d,#c92543);box-shadow:4px 6px 0 #17345166,inset 0 0 0 3px #e5bf64}.capture-mini-hardware{display:flex;align-items:center;gap:10px;height:22px;flex:0 0 22px;color:#f7dda0}.capture-mini-hardware>strong{font:900 10px 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px;margin-right:auto}.capture-mini-hardware>i{display:grid;place-items:center;width:20px;height:20px;border:1px solid #e5bf64;border-radius:50%;background:#173451;font:700 15px monospace;font-style:normal}.capture-tablet-shell .capture-device-light{width:8px;height:8px}.capture-tablet-shell .capture-device-screen{background:repeating-linear-gradient(0deg,#17345108 0 1px,transparent 1px 4px),#dde8bb;border:5px solid #173451;min-height:0;flex:1;margin:0;padding:0;position:relative;box-shadow:inset 0 0 15px #17345133;overflow:hidden}.capture-mini-title{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:100px;color:#294c3d}.capture-mini-title svg{display:block;width:100%;height:auto}.capture-reception-label{position:absolute;top:50%;left:8px;right:8px;font:800 8px monospace;letter-spacing:1px;text-align:center;color:#294c3d}.capture-pixel-receipt{position:absolute;left:50%;top:35px;transform:translateX(-50%);height:calc(100% - 42px);width:auto;max-width:80%;aspect-ratio:5/7;object-fit:contain;image-rendering:pixelated;opacity:0;clip-path:inset(0 0 100% 0);border:0}.capture-feed-slot{position:absolute;left:3px;top:37%;width:5px;height:38%;border:1px solid #e5bf64;border-radius:3px;background:#173451;box-shadow:inset 0 0 3px #050e17}.card-received .capture-pixel-receipt{opacity:1;animation:teletext-receive 1.25s steps(16,end) both;transition:none}.card-received .capture-reception-label{opacity:0}.card-received .capture-device-screen::after{content:'';position:absolute;left:12%;right:12%;top:35px;height:2px;background:#294c3d;box-shadow:0 1px 0 #8da26b;animation:teletext-scan 1.25s steps(16,end) both;pointer-events:none}.card-received .capture-device-screen{color:#294c3d;font-size:inherit;background:repeating-linear-gradient(0deg,#17345108 0 1px,transparent 1px 4px),#dde8bb}.device-closed .capture-mini-hardware .capture-device-light{background:#e96370}.device-closed .capture-device-screen{background:#050b09}@keyframes teletext-receive{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes teletext-scan{0%{top:35px;opacity:1}96%{top:calc(100% - 8px);opacity:1}100%{top:calc(100% - 8px);opacity:0}}@media(max-width:650px){.capture-device{width:206px;height:231px;left:69%;top:34%}.capture-tablet-shell{padding:9px 9px 10px 13px;gap:6px}.capture-mini-hardware{height:19px;flex-basis:19px}.capture-mini-title{width:78px;top:7px}.capture-pixel-receipt{top:29px;height:calc(100% - 35px)}.capture-tablet-shell .capture-device-screen{border-width:4px}.capture-mini-hardware>strong{font-size:8px}.capture-mini-hardware>i{width:17px;height:17px;font-size:13px}.card-received .capture-device-screen::after{top:29px}}@media(prefers-reduced-motion:reduce){.card-received .capture-pixel-receipt{animation:none;clip-path:none}.card-received .capture-device-screen::after{display:none}}

/* Alimentation par le haut : la descente physique et les lignes LCD partagent la même durée. */
.capture-feed-slot{left:26%;right:26%;top:2px;width:auto;height:5px;border-radius:3px;box-shadow:inset 0 0 3px #050e17}.card-received .capture-pixel-receipt{animation:teletext-receive var(--scan-duration,1500ms) steps(20,end) both}.card-received .capture-device-screen::after{animation:teletext-scan var(--scan-duration,1500ms) steps(20,end) both}.device-closed .capture-tablet-shell .capture-device-screen{opacity:1!important;background:#050b09!important;box-shadow:inset 0 0 10px #0008;transition:background .2s}.device-closed .capture-device-screen>*,.device-closed .capture-device-screen::after{opacity:0!important;visibility:hidden}.device-closed .capture-tablet-shell .capture-device-light{background:#e96370;box-shadow:0 0 7px #e9637066}.device-off .capture-tablet-shell .capture-device-light{background:#414840;box-shadow:none}.device-closed .capture-device>p{opacity:0}.card-scanning .capture-device{z-index:6}

/* Le bord inférieur entre en premier : le télétexte se reconstruit du bas vers le haut. */
.capture-device-screen{--receipt-top:35px}.capture-pixel-receipt{clip-path:inset(100% 0 0 0)}@keyframes teletext-receive{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}@keyframes teletext-scan{0%{top:calc(100% - 8px);opacity:1}96%{top:var(--receipt-top,35px);opacity:1}100%{top:var(--receipt-top,35px);opacity:0}}@media(max-width:650px){.capture-device-screen{--receipt-top:29px}}

/* Cartes possédées : carrousel vertical et comparaison de fauteuils. */
.hemicycle-workspace{display:grid;grid-template-columns:minmax(0,1fr) 172px;gap:12px;flex:1;min-height:0;width:100%}.hemicycle-workspace>.hemicycle-3d-stage{height:100%;min-height:0}.hemicycle-carousel{display:flex;flex-direction:column;min-height:0;overflow:hidden;border:2px solid #294c3d;border-radius:8px;background:#c6d7ac;color:#294c3d;padding:8px;gap:7px}.hemicycle-carousel-heading{display:flex;flex-direction:column;gap:3px;text-align:center;font:800 10px monospace}.hemicycle-carousel-heading>span{font-size:8px;font-weight:500}.hemicycle-carousel-nav{display:flex;align-items:center;justify-content:space-between;font:800 9px monospace}.hemicycle-carousel button{border:2px solid #294c3d;border-radius:5px;background:#e7edc9;color:#294c3d;font-weight:800}.hemicycle-carousel-nav>button{min-width:31px;min-height:29px;font-size:21px;line-height:1;padding:1px}.hemicycle-carousel-track{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-snap-type:y mandatory;padding:70px 3px;scrollbar-width:thin;scrollbar-color:#627a50 #c6d7ac}.hemicycle-carousel-item{scroll-snap-align:center;margin:0 0 14px;opacity:.68;transition:opacity .15s;display:flex;flex-direction:column;gap:4px}.hemicycle-carousel-item.is-current{opacity:1}.hemicycle-rail-card{width:100%;display:flex;flex-direction:column;align-items:center;padding:6px;gap:4px;box-shadow:2px 3px 0 #294c3d33}.hemicycle-rail-card>img{width:100%;height:98px;object-fit:contain;object-position:center bottom;background:repeating-conic-gradient(#e9efcf 0 10deg,#c4d3a8 10deg 20deg);border:1px solid #294c3d44;border-radius:3px}.hemicycle-rail-card>strong{font-size:10px;line-height:1.15}.hemicycle-rail-card>small{font-size:8px}.hemicycle-carousel-item.is-current>.hemicycle-rail-card{border-color:#173451;background:#ffe397;box-shadow:0 0 0 2px #173451}.hemicycle-carousel-item>label{display:flex;justify-content:center;align-items:center;gap:5px;font:700 9px monospace;cursor:pointer}.hemicycle-carousel-item input{width:16px;height:16px;accent-color:#294c3d}.hemicycle-clear-compared{min-height:32px;font-size:9px;padding:5px}.hemicycle-carousel>small{font:500 8px/1.4 monospace;text-align:center}.hemicycle-compared-pins{position:absolute;inset:0;pointer-events:none}.hemicycle-compared-pin{position:absolute;transform:translate(-50%,-50%);background:#7ce2be;color:#173451;border:2px solid #173451;border-radius:5px;font:900 10px monospace;padding:3px 5px;box-shadow:1px 2px 0 #17345155}@media(max-width:700px){.hemicycle-workspace{grid-template-columns:1fr;grid-template-rows:minmax(170px,1fr) 133px;gap:7px}.hemicycle-carousel{display:grid;grid-template-columns:32px minmax(0,1fr) 34px;grid-template-rows:1fr;padding:5px;gap:4px}.hemicycle-carousel-heading,.hemicycle-carousel>small{display:none}.hemicycle-carousel-nav{display:contents}.hemicycle-carousel-nav>span{display:none}.hemicycle-carousel-nav>button:first-child{grid-column:1;grid-row:1;align-self:center}.hemicycle-carousel-nav>button:last-child{grid-column:3;grid-row:1;align-self:center}.hemicycle-carousel-track{grid-column:2;grid-row:1;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:3px max(0px,calc(50% - 45px));height:116px;min-height:0}.hemicycle-carousel-item{flex:0 0 88px;margin:0;gap:3px}.hemicycle-rail-card{padding:3px;gap:2px}.hemicycle-rail-card>img{height:52px}.hemicycle-rail-card>strong{font-size:8px;max-width:100%}.hemicycle-rail-card>small{font-size:6px}.hemicycle-carousel-item>label{font-size:7px}.hemicycle-carousel-item input{width:13px;height:13px}.hemicycle-clear-compared{display:none}.hemicycle-compared-pin{font-size:8px;padding:2px 4px}}

@media(max-width:700px){.hemicycle-workspace .hemicycle-deputy-card{width:108px;padding:5px;gap:4px}.hemicycle-workspace .hemicycle-deputy-card>img{height:57px}.hemicycle-workspace .hemicycle-deputy-card>.hemicycle-card-seat{font-size:8px;padding:4px}.hemicycle-workspace .hemicycle-deputy-card>strong{font-size:9px}.hemicycle-workspace .hemicycle-card-group{min-height:23px;padding:3px;gap:3px}.hemicycle-workspace .hemicycle-card-group>img{width:23px;height:16px}.hemicycle-workspace .hemicycle-card-group>span{font-size:6px}.hemicycle-workspace .hemicycle-clear-compared{display:block;grid-column:1/-1;grid-row:2;font-size:8px;min-height:24px;padding:2px}.hemicycle-workspace{grid-template-rows:minmax(150px,1fr) 151px}.hemicycle-workspace .hemicycle-carousel{grid-template-rows:116px 23px}}

/* La recherche appartient à la collection, entre les groupes et leurs cartes. */
#depudexPanel .dex-stage>.dex-profile{position:sticky;top:0;z-index:12;order:initial;width:100%;margin:10px 0 19px;padding:11px 13px;border-width:2px;box-shadow:2px 3px 0 #17345133;gap:8px 12px}#depudexPanel .dex-stage>.dex-profile>small{display:none}#depudexPanel .dex-stage>.dex-profile .dex-search-label{font-size:10px}#depudexPanel .dex-stage>.dex-profile .dex-search{max-width:none;flex:1;min-width:160px}#depudexPanel .dex-stage>.dex-profile .dex-progress-track{width:90px}#depudexPanel .dex-layout{scroll-padding-top:90px}@media(max-width:600px){#depudexPanel .dex-stage>.dex-profile{margin:9px 0 15px;padding:9px;gap:7px}#depudexPanel .dex-stage>.dex-profile .dex-search-label{flex-basis:100%}#depudexPanel .dex-stage>.dex-profile .dex-progress-track{width:60px}#depudexPanel .dex-stage>.dex-profile>.dex-reset-collection{font-size:8px;padding:6px}.dex-stage>.dex-profile .dex-search{min-width:110px}}

/* Petites cartes de comparaison reliées à chaque fauteuil conservé. */
.hemicycle-compared-pins{z-index:3}.hemicycle-compare-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.hemicycle-compare-links line{stroke:#294c3d;stroke-width:1.5;stroke-dasharray:4 3}.hemicycle-compared-card{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;gap:3px;padding:4px;border:2px solid #294c3d;border-radius:6px;background:#d9e5ba;box-shadow:2px 3px 0 #294c3d55;color:#294c3d;text-align:center;pointer-events:none}.hemicycle-compared-card>small{font:900 8px monospace}.hemicycle-compared-card>img{display:block;width:100%;aspect-ratio:1.1;object-fit:contain;object-position:center bottom;background:#b8cba0;border-radius:3px}.hemicycle-compared-card>strong{font:800 8px/1.1 Barlow,Arial,sans-serif}.hemicycle-deputy-card{z-index:4}#depudexPanel .dex-top h2{width:min(280px,100%);margin:4px auto}#depudexPanel .dex-top{padding-bottom:9px}#depudexPanel .dex-top>div:nth-child(2){width:min(330px,100%)}#depudexPanel .dex-top p{margin:3px 0;font-size:11px}#depudexPanel .dex-top .eyebrow{font-size:7px;letter-spacing:1.5px}@media(max-width:600px){#depudexPanel .dex-top h2{width:min(190px,100%)}#depudexPanel .dex-top p{font-size:8px}.hemicycle-compared-card{padding:3px;gap:2px}.hemicycle-compared-card>small{font-size:6px}.hemicycle-compared-card>strong{font-size:6px}.hemicycle-compare-links line{stroke-width:1}}

/* L'aperçu 3D et la recherche occupent le centre libre de l'arc, selon le croquis. */
#depudexPanel .dex-card-hemicycle{position:relative;overflow:hidden;height:440px}#depudexPanel .dex-group-viewport{position:absolute;inset:0;overflow:hidden}#depudexPanel .dex-group-arc{inset:0;width:100%;height:100%;min-width:0}#depudexPanel .dex-card-hemicycle>.dex-profile{position:absolute;left:19%;right:19%;bottom:12px;top:auto;z-index:8;width:auto;min-height:0;margin:0;padding:8px 10px;display:flex;gap:7px;flex-wrap:wrap;border:2px solid #d9bf70;background:#24496b;box-shadow:0 3px 0 #102c46}#depudexPanel .dex-card-hemicycle>.dex-profile .dex-search-label{flex:0 0 100%;font-size:9px;margin:0}#depudexPanel .dex-card-hemicycle>.dex-profile .dex-search{width:auto;min-width:80px;min-height:34px;flex:1;font-size:12px}#depudexPanel .dex-card-hemicycle>.dex-profile .dex-progress-track,#depudexPanel .dex-card-hemicycle>.dex-profile>small{display:none}#depudexPanel .dex-card-hemicycle>.dex-profile>.dex-reset-collection{font-size:8px;min-height:31px;padding:5px 7px}#depudexPanel .dex-arc-caption{display:none}.dex-hemicycle-preview{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:38%;max-width:340px;min-width:180px;z-index:3;display:flex;flex-direction:column;align-items:center;padding:5px;border:1px solid #d9bf7080;background:#173451;border-radius:9px;box-shadow:0 5px 16px #071b2b44;color:#f0d68e;cursor:pointer}.dex-hemicycle-preview>canvas{display:block;width:100%;height:auto;aspect-ratio:2}.dex-hemicycle-preview>span{font:800 8px monospace;letter-spacing:.7px;padding:4px 0}.dex-hemicycle-preview:hover{border-color:#ffe397;box-shadow:0 0 14px #f0d68e33}.dex-hemicycle-preview:focus-visible{outline:3px solid #ffe397;outline-offset:3px}@media(max-width:650px){#depudexPanel .dex-card-hemicycle{height:350px;overflow:hidden}#depudexPanel .dex-group-viewport{height:210px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y}#depudexPanel .dex-group-arc{width:660px;min-width:660px;height:210px}.dex-hemicycle-preview{top:61%;width:50%;min-width:130px;max-width:180px}.dex-hemicycle-preview>span{font-size:6px;letter-spacing:.2px}#depudexPanel .dex-card-hemicycle>.dex-profile{left:8px;right:8px;bottom:8px;padding:7px;gap:5px}#depudexPanel .dex-card-hemicycle>.dex-profile .dex-search-label{font-size:8px}#depudexPanel .dex-card-hemicycle>.dex-profile .dex-search{font-size:16px;min-height:32px}#depudexPanel .dex-card-hemicycle>.dex-profile>.dex-reset-collection{font-size:7px;padding:5px}}

/* Dégagement des cartes et scanner : le support physique est avalé, jamais fondu. */
#depudexPanel .dex-card-hemicycle>.dex-profile .dex-search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.dex-hemicycle-preview{top:60%;width:32%;max-width:300px}.capture-flying-card{will-change:transform,clip-path}@media(max-width:650px){.dex-hemicycle-preview{top:63%;width:48%;max-width:170px}}

/* Commandes discrètes, contenu immédiatement après la recherche. */
#depudexPanel .dex-top{position:relative}#depudexPanel .dex-reset-tools{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:12}#depudexPanel .dex-reset-tools>.dex-reset-collection{display:grid;place-items:center;width:38px;height:38px;min-height:0;padding:7px;margin:0;background:transparent;border:1px solid #294e3b66;border-radius:7px;color:#294e3b;box-shadow:none}#depudexPanel .dex-reset-tools>.dex-reset-collection:hover{background:#294e3b15;border-color:#294e3b}#depudexPanel .dex-reset-collection svg{width:23px;height:23px}#depudexPanel .dex-reset-tools .dex-reset-confirm{position:absolute;right:0;top:45px;width:min(300px,75vw);padding:12px;background:#e0e8c3;border:2px solid #294e3b;box-shadow:0 5px 15px #102c4655;color:#294e3b}#depudexPanel .dex-screen-caption{display:none}#depudexPanel .dex-card-toolbar{margin:9px 0 12px;padding:0 0 9px;gap:8px}#depudexPanel .dex-card-toolbar h3{flex:1 1 auto;margin:0}#depudexPanel .dex-hemicycle-preview{border:0;background:transparent;box-shadow:none;padding:0}#depudexPanel .dex-hemicycle-preview:hover{box-shadow:none;filter:brightness(1.12)}@media(max-width:650px){#depudexPanel .dex-reset-tools{right:0}#depudexPanel .dex-card-toolbar h3{flex-basis:100%}}

/* Miniature détourée sur un socle de projection LCD. */
#depudexPanel .dex-hemicycle-preview{isolation:isolate;overflow:visible}#depudexPanel .dex-hemicycle-preview::before{content:'';position:absolute;z-index:-1;left:15%;right:15%;top:49%;height:28%;border:1px solid #e4d18a88;border-radius:50%;background:radial-gradient(ellipse,#c7e9ae22,transparent 68%);box-shadow:0 0 0 7px #bdd99b08,0 0 22px #bdd99b15;transform:rotate(-3deg)}#depudexPanel .dex-hemicycle-preview>canvas{filter:drop-shadow(0 6px 2px #061b2c55) drop-shadow(0 0 6px #e8d59133);transform:scale(1.1)}#depudexPanel .dex-hemicycle-preview>span{position:relative;font-size:8px;letter-spacing:1px;color:#f2df9f;padding:8px 0 3px}#depudexPanel .dex-hemicycle-preview:hover>canvas{transform:translateY(-3px) scale(1.13)}@media(prefers-reduced-motion:no-preference){#depudexPanel .dex-hemicycle-preview>canvas{transition:transform .2s ease}}

/* Collection pixel art : sources basse résolution, agrandissement sans lissage. */
#depudexPanel .dex-group-stack,#depudexPanel .dex-collect-card,.dex-discovery-card,.inspect-group,.hemicycle-rail-card,.hemicycle-deputy-card,.hemicycle-compared-card{border-radius:2px!important}#depudexPanel .dex-group-stack img,#depudexPanel .dex-collect-card img,.dex-discovery-card img,.inspect-group img,.hemicycle-rail-card img,.hemicycle-deputy-card img,.hemicycle-compared-card img,#dexHemicyclePreviewCanvas{image-rendering:pixelated!important}#depudexPanel .dex-collect-card,.dex-discovery-card{box-shadow:3px 3px 0 #173451!important}#depudexPanel .collect-art{border-radius:0;background-image:repeating-linear-gradient(0deg,transparent 0 7px,#ffffff10 7px 8px)}#depudexPanel .dex-hemicycle-preview>canvas{aspect-ratio:128/80;max-height:150px;object-fit:contain;filter:drop-shadow(3px 4px 0 #102c4655)}

/* Le bouton corbeille ne participe pas au placement des trois colonnes LCD. */
#depudexPanel .dex-top>.dex-republic-seal{grid-column:1;grid-row:1;width:auto;justify-self:start}#depudexPanel .dex-top>.dex-title-block{grid-column:2;grid-row:1;width:min(330px,100%);justify-self:center;text-align:center;min-width:0}#depudexPanel .dex-top::after{grid-column:3;grid-row:1}#depudexPanel .dex-console,#depudexPanel .dex-console-content,#depudexPanel .dex-layout,#depudexPanel .dex-stage{min-width:0;box-sizing:border-box}#depudexPanel .dex-top>.dex-reset-tools{width:auto;justify-self:auto}

/* Les emblèmes restent lisibles : aucune interpolation pixel sur les logos. */
#depudexPanel .dex-group-stack img,#depudexPanel .dex-collect-card .collect-holo-emblem,.inspect-group img,.dex-discovery-card .portrait-holo-emblem,.hemicycle-card-group img{image-rendering:auto!important}#depudexPanel .group-stack-cover{border-radius:2px}

/* Transfert continu : le bas de la carte LCD franchit le bord supérieur de l'écran. */
.capture-transfer-window{position:absolute;top:35px;bottom:6px;left:10%;right:10%;overflow:hidden;contain:paint}.capture-transfer-window>.capture-pixel-receipt{position:absolute;left:50%;top:0!important;width:auto!important;max-width:100%;height:100%!important;aspect-ratio:5/7;object-fit:contain;clip-path:none!important;animation:none!important;opacity:1;transition:none;transform:translate(-50%,-100%)}.card-received .capture-device-screen::after{display:block;top:33px!important;height:2px;animation:none;background:#e2efb5;box-shadow:0 0 6px #688751;opacity:.8}.device-closed .capture-transfer-window{visibility:hidden}@media(max-width:650px){.capture-transfer-window{top:29px}.card-received .capture-device-screen::after{top:27px!important}}

/* Rideau pixel art : bandes franches, galon en pixels et lambrequin à marches. */
.hemicycle-curtain .curtain-panel{border-radius:0;background:repeating-linear-gradient(90deg,#580e2c 0 8px,#851335 8px 16px,#b41c43 16px 32px,#e73252 32px 40px,#c32346 40px 48px,#901536 48px 56px,#620e2b 56px 64px);box-shadow:inset 0 8px 0 #490d28,inset 0 -8px 0 #8a562b;border-bottom:8px solid #d4ad52;image-rendering:pixelated}.hemicycle-curtain .curtain-panel::after{bottom:7px;height:6px;background:repeating-linear-gradient(90deg,#f2d681 0 8px,#bf913a 8px 16px);box-shadow:0 -5px 0 #6b1730}.hemicycle-curtain .curtain-left{border-right:4px solid #f2d681}.hemicycle-curtain .curtain-right{border-left:4px solid #f2d681}.hemicycle-curtain .curtain-pelmet{background:repeating-linear-gradient(90deg,#801333 0 16px,#bb2044 16px 40px,#e83453 40px 48px,#991838 48px 64px);clip-path:polygon(0 0,100% 0,100% 70%,96% 70%,96% 82%,92% 82%,92% 90%,84% 90%,84% 82%,80% 82%,80% 70%,76% 70%,76% 82%,72% 82%,72% 90%,64% 90%,64% 82%,60% 82%,60% 70%,56% 70%,56% 82%,52% 82%,52% 90%,44% 90%,44% 82%,40% 82%,40% 70%,36% 70%,36% 82%,32% 82%,32% 90%,24% 90%,24% 82%,20% 82%,20% 70%,16% 70%,16% 82%,12% 82%,12% 90%,4% 90%,4% 82%,0 82%);border-top:8px solid #e7c46c}.hemicycle-curtain .curtain-pelmet svg{visibility:hidden}.hemicycle-curtain .curtain-seal span{border-radius:0;clip-path:polygon(16px 0,calc(100% - 16px) 0,calc(100% - 16px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 16px) calc(100% - 8px),calc(100% - 16px) 100%,16px 100%,16px calc(100% - 8px),0 calc(100% - 8px),0 8px,16px 8px);box-shadow:4px 4px 0 #490d28;text-shadow:3px 3px #490d28}.hemicycle-curtain .curtain-seal small{font-family:monospace;text-shadow:2px 2px #490d28}

#restartGame{display:none}body[data-stage="game"] #restartGame{display:inline-flex;align-items:center;justify-content:center}.game-pause-panel .restart-paused-game{display:block;margin:12px auto 0;background:#fff1ac;color:#173451;border:2px solid #173451;border-radius:5px;padding:10px 16px;font-weight:800;box-shadow:3px 3px 0 #173451}#restartGame{white-space:nowrap}@media(max-width:650px){body[data-stage="game"] #restartGame{font-size:11px;padding:7px 8px}}

/* Galon supérieur doré, net et crénelé dans le style pixel art. */
.hemicycle-curtain .curtain-pelmet{border-top:0;background:repeating-linear-gradient(90deg,#ffe49a 0 8px,#ddb758 8px 24px,#b68430 24px 32px) top/100% 10px no-repeat,linear-gradient(#8a562b,#8a562b) 0 10px/100% 4px no-repeat,repeating-linear-gradient(90deg,#801333 0 16px,#bb2044 16px 40px,#e83453 40px 48px,#991838 48px 64px)}.hemicycle-curtain .curtain-pelmet::after{content:'';position:absolute;top:14px;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,#e6bd60 0 8px,transparent 8px 16px);pointer-events:none}.hemicycle-curtain .curtain-panel{border-top:6px solid #ddb758}

.hemicycle-curtain .curtain-pelmet svg{visibility:visible;position:absolute;inset:0;filter:none;pointer-events:none}

#introHeads .intro-head>img{image-rendering:pixelated!important}

#introHeads .puppet-canvas{image-rendering:pixelated!important}

/* Réglages audio : un seul défilement, accessible sur petit écran. */
.audio-settings-card{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
#depudexPanel .dex-hemicycle-preview>span{font-size:clamp(11px,1.05vw,15px);line-height:1.3;letter-spacing:.6px;padding:9px 4px 5px;font-weight:900;text-align:center;color:#ffe6a1}@media(max-width:650px){#depudexPanel .dex-hemicycle-preview>span{font-size:10px;letter-spacing:.2px}}
/* Pixelisation des silhouettes limitée au défilé du générique. */
#introHeads .intro-head>img,#introHeads .puppet-canvas{image-rendering:pixelated!important}#portrait{image-rendering:auto!important}

/* Écran de question : silhouette, chrono et réponses tiennent dans la hauteur de l'écran. */
.quiz-stage{width:100%;margin-inline:auto}
.arena .portrait-mask{will-change:transform}
@media(max-width:999px),(orientation:portrait){body[data-stage="game"] .quiz-stage{width:min(100%,max(300px,calc((100dvh - 400px) * 1.6)))}}
@media(max-width:700px){body[data-stage="game"] .quiz-stage{width:min(100%,max(240px,calc((100dvh - 480px) * 4 / 3)))}}
@media(min-width:1000px) and (orientation:landscape){
body[data-stage="game"] main{width:100%;max-width:1440px;display:grid;grid-template-columns:minmax(0,1fr) clamp(350px,30vw,430px);grid-template-rows:auto auto 1fr;column-gap:24px;align-items:start;margin:16px auto 0;padding:0 24px}
body[data-stage="game"] .quiz-stage{grid-column:1;grid-row:1/span 3;justify-self:center;width:min(100%,max(420px,calc((100dvh - 136px) * 1.6)))}
body[data-stage="game"] main>.controls,body[data-stage="game"] main>.game-options,body[data-stage="game"] main>#result{grid-column:2;margin-top:0}
body[data-stage="game"] main>.game-options{margin-top:14px}
body[data-stage="game"]>header{padding:0 max(24px,calc((100vw - 1392px) / 2))}
body[data-stage="game"] .controls{padding:18px 18px 12px}
body[data-stage="game"] .prompt{margin-bottom:14px}
body[data-stage="game"] .quiz-bonuses{margin-bottom:14px;padding:10px 11px}
body[data-stage="game"] .bonus-heading{flex-wrap:wrap;gap:2px 10px}
body[data-stage="game"] .bonus-actions{gap:7px}
body[data-stage="game"] .bonus-actions button{flex-direction:column;align-items:flex-start;gap:2px;padding:7px 9px;min-width:0}
body[data-stage="game"] .choices{grid-template-columns:1fr;gap:9px}
body[data-stage="game"] .feedback{min-height:56px;flex-wrap:wrap}
body[data-stage="game"] .settings{flex-wrap:wrap}
}

/* Téléphone : l'éventail des groupes tient dans la largeur au lieu de défiler hors champ. */
body[data-stage="game"] main{padding-bottom:76px}
@media(max-width:650px){#depudexPanel .dex-group-viewport{overflow:hidden}
#depudexPanel .dex-group-arc{left:8%;right:auto;width:84%;min-width:0}
#depudexPanel .dex-group-stack{width:46px;height:68px}
#depudexPanel .group-stack-cover{height:40px}
#depudexPanel .dex-group-stack strong{font-size:8px}
}

/* Petits écrans : les raccourcis -webkit-text-stroke sans couleur rendaient le contour jaune, d'où des titres empâtés. */
@media(max-width:600px){#introScreen .intro-logo,.intro-logo{-webkit-text-stroke-color:#153c70}}
@media(max-width:700px){body .arena .headline h1{-webkit-text-stroke-color:#194c77}body .headline h1,body .question{-webkit-text-stroke-color:#194c77}}

/* Le titre de l'arène suit la largeur de l'arène (réduite selon la hauteur d'écran), pas celle de la fenêtre. */
.arena{container-type:inline-size}
body .arena .headline>span{font-size:clamp(13px,4.8cqw,40px)}
body .arena .headline h1{font-size:clamp(24px,10cqw,83px)}
body .arena .headline #tagline{font-size:clamp(11px,3cqw,25px)}
body .arena.revealed .headline #tagline{font-size:clamp(13px,3.4cqw,31px)}

/* Écrans moyens (tablette, téléphone pliable ouvert) : panneau de réponses compact pour laisser la place à la silhouette. */
@media(max-width:999px),(orientation:portrait){
body[data-stage="game"] .controls{padding:10px 14px 8px;margin-top:14px}
body[data-stage="game"] .prompt{margin-bottom:8px}
body[data-stage="game"] .prompt .eyebrow{display:none}
body[data-stage="game"] .prompt h2{font-size:22px}
body[data-stage="game"] .quiz-bonuses{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:7px 9px}
body[data-stage="game"] .bonus-heading{flex:0 0 auto;flex-direction:column;align-items:flex-start;gap:2px;max-width:150px;margin:0}
body[data-stage="game"] .bonus-heading span{font-size:10px;line-height:1.2}
body[data-stage="game"] .bonus-actions{flex:1;gap:7px}
body[data-stage="game"] .bonus-actions button{min-height:34px;padding:5px 9px}
body[data-stage="game"] .choices{gap:8px}
body[data-stage="game"] .choice{min-height:44px;padding-top:7px;padding-bottom:7px}
body[data-stage="game"] .feedback{min-height:38px}
body[data-stage="game"] .quiz-stage{width:min(100%,max(300px,calc((100dvh - 405px) * 1.6)))}
}
@media(max-width:700px){body[data-stage="game"] .quiz-stage{width:min(100%,max(300px,calc((100dvh - 400px) * 4 / 3)))}}
@media(max-width:559px){body[data-stage="game"] .quiz-bonuses{display:block}body[data-stage="game"] .bonus-heading{max-width:none;flex-direction:row;margin-bottom:6px}body[data-stage="game"] #bonusCostSummary{display:none}}

/* Mobile et tablette : réglages audio dans la barre du haut, pour ne plus masquer les réponses. */
@media(max-width:999px),(pointer:coarse) and (max-width:1199px){
body[data-stage="game"]>header{padding-right:118px}
body[data-stage="game"] .audio-dock{top:13px;bottom:auto;right:12px}
body[data-stage="game"] .audio-dock .audio-mute,body[data-stage="game"] .audio-dock .audio-settings-open{height:40px;min-height:40px}
body[data-stage="game"] .audio-dock .audio-settings-open>span{display:none}
body[data-stage="game"] .audio-dock .audio-settings-open{padding:8px 10px;min-width:44px}
body[data-stage="game"] .audio-settings-panel{inset:64px 10px auto auto;bottom:auto}
body[data-stage="game"] main{padding-bottom:16px}
}
@media(max-width:700px){
body[data-stage="game"]>header{padding-right:108px}
body[data-stage="game"] .audio-dock{top:10px}
body[data-stage="game"] .audio-dock .audio-mute,body[data-stage="game"] .audio-dock .audio-settings-open{height:38px;min-height:38px;min-width:40px}
body[data-stage="game"] .audio-settings-panel{top:58px}
}
/* Le cadre des indices suit la taille de l'arène. */
body .arena .headline .round-hints{font-size:clamp(8px,2.3cqw,17px)}
body .arena .headline .round-hints{font-size:clamp(10px,2.6cqw,17px)}
@media(max-width:440px){body[data-stage="game"]>header>a{display:none}body[data-stage="game"]>header{gap:6px;padding-left:10px}}

/* Rideau : plaque Q?D aux couleurs du jeu (Q et D jaunes, ? rouge) au lieu d'un carré uni. */
.hemicycle-curtain .curtain-seal{z-index:5}
.hemicycle-curtain .curtain-seal span{width:auto;height:auto;padding:14px 30px 10px;display:block;background:#173451;color:#ffe138;font:900 64px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px;-webkit-text-stroke:0;text-shadow:0 4px 0 #0b1a30,3px 4px 0 #0b1a30;border:0;box-shadow:inset 0 0 0 4px #e5be5c,inset 0 0 0 8px #173451,inset 0 0 0 10px #8f6b25,6px 6px 0 #490d28;clip-path:none;border-radius:6px}
.hemicycle-curtain .curtain-seal span b{color:#ff4b4b;font:inherit;display:inline-block;transform:rotate(8deg) translateY(-2px)}
.hemicycle-curtain .curtain-seal small{display:inline-block;margin-top:16px;padding:6px 12px;background:#173451;border:2px solid #e5be5c;color:#ffe49a;box-shadow:3px 3px 0 #490d28;letter-spacing:3px}
@media(max-width:600px){.hemicycle-curtain .curtain-seal span{font-size:50px;padding:12px 24px 8px}}

/* Rideau : un peu de physique. Les pans prennent de l'élan, se tassent en se rejoignant puis rebondissent ; le bas du tissu traîne derrière le haut. */
.curtain-panel{transform-origin:50% 0}
.curtain-closing .curtain-left{animation:curtain-close-left .5s cubic-bezier(.45,0,.75,.6) both}
.curtain-closing .curtain-right{animation:curtain-close-right .5s cubic-bezier(.45,0,.75,.6) both}
.curtain-closing.curtain-opening .curtain-left{animation:curtain-open-left .6s cubic-bezier(.3,0,.2,1) both}
.curtain-closing.curtain-opening .curtain-right{animation:curtain-open-right .6s cubic-bezier(.3,0,.2,1) both}
.curtain-closing .curtain-seal{animation:curtain-seal-drop .55s .3s cubic-bezier(.3,1.5,.5,1) both}
.curtain-closing.curtain-opening .curtain-seal{animation:none}
@keyframes curtain-close-left{0%{transform:translateX(-105%) skewX(0)}55%{transform:translateX(-35%) skewX(-5deg)}78%{transform:translateX(1.5%) skewX(3deg) scaleX(.97)}90%{transform:translateX(-.8%) skewX(-1.5deg)}100%{transform:translateX(0) skewX(0)}}
@keyframes curtain-close-right{0%{transform:translateX(105%) skewX(0)}55%{transform:translateX(35%) skewX(5deg)}78%{transform:translateX(-1.5%) skewX(-3deg) scaleX(.97)}90%{transform:translateX(.8%) skewX(1.5deg)}100%{transform:translateX(0) skewX(0)}}
@keyframes curtain-open-left{0%{transform:translateX(0) skewX(0)}14%{transform:translateX(1%) skewX(-1deg)}60%{transform:translateX(-70%) skewX(6deg)}100%{transform:translateX(-110%) skewX(0)}}
@keyframes curtain-open-right{0%{transform:translateX(0) skewX(0)}14%{transform:translateX(-1%) skewX(1deg)}60%{transform:translateX(70%) skewX(-6deg)}100%{transform:translateX(110%) skewX(0)}}
@keyframes curtain-seal-drop{0%{opacity:0;transform:translate(-50%,-90%) scale(.85) rotate(-4deg)}60%{opacity:1;transform:translate(-50%,-46%) scale(1.03) rotate(1.5deg)}80%{transform:translate(-50%,-51%) scale(1) rotate(-.8deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){.curtain-closing .curtain-panel,.curtain-closing .curtain-seal{animation:none}}

/* Générique : pas de silhouette sans tête (chargement lent ou échoué). */
.intro-head.parade-deputy:not(.head-loaded),.intro-head.parade-deputy.head-failed{visibility:hidden!important}

/* Titre « Qui est ce ou cette députée ? » : plus long, il doit tenir sur deux lignes en mobile. */
#introScreen .intro-logo>span{font-size:clamp(26px,8.4vw,100px)}#introScreen .intro-logo strong{font-size:clamp(48px,16vw,205px)}