/* Ajouts au CSS V5 : page complète, recherche nationale d'intercommunalité, info-bulle, états vides. */
html,body{margin:0;background:#fff}
#deter-v5{min-height:100vh}
#deter-v5 .dv-intro{min-height:100vh}

/* flèche Lucide « arrow-big-right » dessinée en SVG inline (pas de dépendance) */
#deter-v5 .v4-arrow svg{width:100%;height:100%}

/* ---- recherche ---- */
#deter-v5 .ds-search{min-width:0}
#deter-v5 .ds-field{position:relative}
#deter-v5 .ds-search label{display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--quiet);margin-bottom:9px;font-weight:600}
#deter-v5 .ds-search-box{display:flex;align-items:center;border:2px solid var(--ink);background:#fff;box-shadow:4px 4px 0 var(--orange)}
#deter-v5 .ds-search-box input{flex:1;min-width:0;border:0;padding:15px 16px;font-size:18px;color:var(--ink);background:transparent;outline:none}
#deter-v5 .ds-search-box input::placeholder{color:#8b8f90}
#deter-v5 .ds-search-box .v4-arrow{width:34px;height:34px;margin-right:12px;--tilt:-20deg;flex:none}
#deter-v5 .ds-search.compact .ds-search-box{box-shadow:3px 3px 0 var(--orange);border-width:1.5px}
#deter-v5 .ds-search.compact input{padding:10px 12px;font-size:14px}
#deter-v5 .ds-search.compact .v4-arrow{width:24px;height:24px;margin-right:8px}
#deter-v5 .ds-results{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1.5px solid var(--ink);max-height:390px;overflow:auto;box-shadow:0 10px 30px rgba(25,52,73,.14)}
#deter-v5 .ds-results[hidden]{display:none}
#deter-v5 .ds-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--line);padding:12px 14px;cursor:pointer;color:var(--ink)}
#deter-v5 .ds-result:last-child{border-bottom:0}
#deter-v5 .ds-result[aria-selected="true"],#deter-v5 .ds-result:hover{background:var(--pale)}
#deter-v5 .ds-result b{font:400 16px/1.3 var(--display);letter-spacing:-.2px}
#deter-v5 .ds-result b mark{background:linear-gradient(transparent 60%,#f2c6a4 60%);color:inherit}
#deter-v5 .ds-result small{font-size:12px;color:var(--quiet);grid-column:1}
#deter-v5 .ds-result .ds-siren{grid-row:1/3;grid-column:2;align-self:center;font-size:11px;color:var(--quiet);font-variant-numeric:tabular-nums}
#deter-v5 .ds-empty{padding:16px 14px;font-size:13px;color:var(--quiet);line-height:1.6}
#deter-v5 .ds-hint{font-size:12px;color:var(--quiet);margin-top:12px;line-height:1.6}
#deter-v5 .ds-hint button{background:none;border:0;padding:0;font-size:12px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* ---- page territoires ---- */
#deter-v5 .ds-pick-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:start}
#deter-v5 .ds-pilot{margin-top:34px}
#deter-v5 .ds-pilot .dv-kicker{margin-bottom:6px}
#deter-v5 .ds-france{min-width:0}
#deter-v5 .ds-france svg{display:block;width:100%;height:470px}
#deter-v5 .ds-france path{fill:#f2dfc4;stroke:#fff;stroke-width:.35px;vector-effect:non-scaling-stroke;cursor:pointer}
#deter-v5 .ds-france path:hover,#deter-v5 .ds-france path.is-pointed{fill:#d7814c}
#deter-v5 .ds-france path.is-current{fill:var(--orange);stroke:var(--ink);stroke-width:1.2px}
#deter-v5 .ds-loading{font-size:12px;color:var(--quiet);padding:30px 0}

/* ---- atlas ---- */
#deter-v5 .ep-atlas-nav .ds-search{width:min(420px,100%)}
#deter-v5 .ds-epci-only{font-size:12px;color:#815039;background:#fcf1e7;padding:8px 11px;margin:6px 0 0;line-height:1.5}
#deter-v5 .ds-nodata{font-size:13px;line-height:1.6;color:#85482c;padding:40px 10px;text-align:center}
#deter-v5 .dv-map path.ds-context{fill:#ebe7e0;stroke:#c4beb4}
#deter-v5 .dv-map path.ds-current-epci{stroke:var(--ink);stroke-width:2.5px}
#deter-v5 .ds-flux{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}
#deter-v5 .ds-flux h3{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--quiet);font-weight:600;margin:0 0 8px}
#deter-v5 .ds-flux ol{margin:0;padding-left:20px;font-size:12px;line-height:1.7;color:var(--ink)}
#deter-v5 .ds-tip{position:fixed;z-index:50;pointer-events:none;background:var(--ink);color:#fff;font-size:12px;line-height:1.45;padding:7px 9px;max-width:240px;box-shadow:3px 3px 0 var(--orange)}
#deter-v5 .ds-tip[hidden]{display:none}
#deter-v5 .dv-legend span.ds-zero i{background:#fff;border:1px solid #cfc3b1}

@media(max-width:820px){#deter-v5 .ds-pick-grid{grid-template-columns:1fr;gap:30px}#deter-v5 .ds-france svg{height:380px}}
@media(max-width:600px){#deter-v5 .ds-search-box input{font-size:16px;padding:13px 12px}#deter-v5 .ds-france svg{height:320px}#deter-v5 .ep-atlas-nav .ds-search{width:100%;margin-top:12px}}
@media(prefers-reduced-motion:reduce){#deter-v5 *{animation:none!important;transition:none!important}}

/* ---- comparaisons France / région / département ---- */
#deter-v5 .ds-refs{margin:2px 0 14px;font-size:12px;color:var(--quiet)}
#deter-v5 .ds-refs:empty{display:none}
#deter-v5 .ds-refs p{margin:0 0 6px;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:600}
#deter-v5 .ds-ref-row{display:grid;grid-template-columns:minmax(0,1fr) auto 66px;gap:10px;align-items:baseline;padding:5px 0;border-top:1px dashed var(--line)}
#deter-v5 .ds-ref-row span:first-child{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#deter-v5 .ds-ref-row b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
#deter-v5 .ds-ref-row em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums;font-size:11px}
#deter-v5 .ds-ref-row em.up{color:var(--orange)}
#deter-v5 .ds-ref-row em.down{color:#3d6b8a}
#deter-v5 .ds-refs small{display:block;margin-top:5px;font-size:11px;line-height:1.5}
#deter-v5 .dv-commune .ds-refs{margin-top:12px}

/* ---- GéoDéter ---- */
#deter-v5 .ds-game-pick{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 26px;margin:22px 0 4px}
#deter-v5 .ds-game-pick .ds-search{width:min(380px,100%)}
#deter-v5 .ds-game-current{font-size:13px;color:var(--quiet);margin:0 0 10px}
#deter-v5 .ds-game-current b{color:var(--ink);font-weight:600}
#deter-v5 .ds-game-pick .dv-textlink{padding:0 0 10px}
@media(max-width:600px){#deter-v5 .ds-game-pick{display:block}#deter-v5 .ds-game-current{margin:10px 0 4px}}

/* ---- sélection de plusieurs territoires ---- */
#deter-v5 .ds-basket{margin-top:22px;border:1.5px solid var(--ink);padding:16px 16px 12px;background:#fff}
#deter-v5 .ds-chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
#deter-v5 .ds-chip{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border:0;padding:7px 10px 7px 12px;font-size:13px;cursor:default}
#deter-v5 .ds-chip button{background:none;border:0;color:#fff;font-size:16px;line-height:1;padding:0 2px;cursor:pointer;opacity:.8}
#deter-v5 .ds-chip button:hover{opacity:1}
#deter-v5 .ds-chip i{font-style:normal;display:inline-block;width:10px;height:10px;border:1.5px solid #fff}
#deter-v5 .ds-voisins{font-size:12px;color:var(--quiet);line-height:2}
#deter-v5 .ds-voisins button{background:#fff;border:1px dashed var(--ink);color:var(--ink);font-size:12px;padding:3px 8px;margin:0 5px 5px 0;cursor:pointer}
#deter-v5 .ds-voisins button:hover{background:var(--pale);border-style:solid}
#deter-v5 .ds-basket-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
#deter-v5 .ds-go{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:10px 14px;font:400 15px var(--display);cursor:pointer}
#deter-v5 .ds-go .v4-arrow{width:22px;height:22px}
#deter-v5 .ds-go-alt{background:#fff;color:var(--ink)}
#deter-v5 .ds-go:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
#deter-v5 .ds-atlas-sel{margin:-6px 0 22px}
#deter-v5 .ds-mode{display:inline-flex;border:1.5px solid var(--ink);margin-top:6px}
#deter-v5 .ds-mode button{background:#fff;border:0;padding:7px 12px;font-size:12px;cursor:pointer;color:var(--ink)}
#deter-v5 .ds-mode button[aria-pressed="true"]{background:var(--ink);color:#fff}
#deter-v5 .ds-france path.is-selected{fill:var(--orange);stroke:var(--ink);stroke-width:1px}
#deter-v5 .dv-map path.ds-epci-outline{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-linejoin:round;pointer-events:none}
#deter-v5 .ds-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
#deter-v5 .ds-card{background:#fff;padding:10px 10px 8px;border:1px solid var(--line);min-width:0}
#deter-v5 .ds-card h3{font:400 16px/1.25 var(--display);margin:0 0 2px}
#deter-v5 .ds-card .ds-card-val{font:400 22px var(--display);color:var(--orange)}
#deter-v5 .ds-card .ds-card-sub{font-size:11px;color:var(--quiet);margin-bottom:4px}
#deter-v5 .ds-card svg{display:block;width:100%;height:260px}
#deter-v5 .ds-multi{width:100%;border-collapse:collapse;font-size:12px;margin:4px 0 12px}
#deter-v5 .ds-multi td{padding:5px 0;border-top:1px dashed var(--line)}
#deter-v5 .ds-multi td:nth-child(2){text-align:right;font-weight:600;color:var(--ink);white-space:nowrap}
#deter-v5 .ds-multi td:nth-child(3){text-align:right;width:62px;font-size:11px}
#deter-v5 .ds-multi td:first-child{color:var(--ink);padding-right:8px}

/* communes à 0 : blanc sur fond crème, limites communales grisées pour rester lisibles */
#deter-v5 .dv-map path.is-zero{stroke:#d3c7b5}

/* netteté : traits fins et non mis à l'échelle, rendu géométrique précis */
#deter-v5 .dv-map path.ep-commune{stroke-width:.8px;shape-rendering:geometricPrecision}
#deter-v5 .dv-map path.ds-epci-outline{stroke-width:2.2px;shape-rendering:geometricPrecision}
/* CartoGuessr : trois échelles (France par interco, région par commune, interco par commune) */
#deter-v5 .ds-level{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 0;border:1.5px solid var(--ink)}
#deter-v5 .ds-level button{display:grid;grid-template-columns:auto 1fr;gap:1px 10px;align-items:baseline;text-align:left;background:#fff;border:0;border-left:1.5px solid var(--ink);padding:13px 16px 14px;cursor:pointer;font:400 clamp(17px,1.9vw,23px)/1.15 'Bevan',Georgia,serif;letter-spacing:-.3px;transition:background 160ms ease}
#deter-v5 .ds-level button:first-child{border-left:0}
#deter-v5 .ds-level button span{grid-row:span 2;font:600 11px/1 'DM Sans',sans-serif;color:var(--orange)}
#deter-v5 .ds-level button small{font:400 11px/1.4 'DM Sans',sans-serif;color:var(--quiet);letter-spacing:0}
#deter-v5 .ds-level button:hover{background:var(--pale)}
#deter-v5 .ds-level button[aria-pressed="true"]{background:var(--orange);color:#fff}
#deter-v5 .ds-level button[aria-pressed="true"] span,#deter-v5 .ds-level button[aria-pressed="true"] small{color:#fff}
#deter-v5 .ds-region-pick{width:min(380px,100%)}
#deter-v5 .ds-region-pick label{display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--quiet);margin-bottom:9px;font-weight:600}
#deter-v5 [data-page="game"][data-level="france"] .dv-large-map,#deter-v5 [data-page="game"][data-level="region"] .dv-large-map{height:470px}
#deter-v5 .dv-map path.ds-game-ref{fill:none;stroke:var(--ink);stroke-width:1px;opacity:.55;pointer-events:none}
#deter-v5 [data-level="france"] .dv-map path.ds-game-unit{stroke-width:.4px}
#deter-v5 [data-level="region"] .dv-map path.ds-game-unit{stroke-width:.25px}
@media(max-width:600px){#deter-v5 .ds-level{grid-template-columns:1fr}#deter-v5 .ds-level button{border-left:0;border-top:1.5px solid var(--ink);min-height:48px}#deter-v5 .ds-level button:first-child{border-top:0}#deter-v5 .ds-region-pick select{font-size:16px}#deter-v5 [data-page="game"][data-level="france"] .dv-large-map,#deter-v5 [data-page="game"][data-level="region"] .dv-large-map{height:360px}}
#deter-v5 .ds-compare.is-groups svg{height:360px}
@media(max-width:600px){#deter-v5 .ds-compare.is-groups svg{height:300px}}
/* CartoGuessr : mode facile / Déter */
#deter-v5 .ds-diff{display:flex;align-items:stretch;gap:0;margin:12px 0 0;flex-wrap:wrap}
#deter-v5 .ds-diff-label{align-self:center;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--quiet);font-weight:600;margin-right:14px}
#deter-v5 .ds-diff button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:#fff;border:1.5px solid var(--ink);padding:8px 16px 9px;cursor:pointer;font:600 14px/1.2 'DM Sans',sans-serif;color:var(--ink);text-align:left;transition:background 160ms ease,transform 160ms ease}
#deter-v5 .ds-diff button+button{border-left:0}
#deter-v5 .ds-diff button small{font-weight:400;font-size:11px;color:var(--quiet)}
#deter-v5 .ds-diff button:hover{background:var(--pale)}
#deter-v5 .ds-diff button[aria-pressed="true"]{background:var(--ink);color:#fff}
#deter-v5 .ds-diff button[aria-pressed="true"] small{color:#d9dde0}
#deter-v5 .ds-diff button[data-diff="deter"][aria-pressed="true"]{background:var(--orange);box-shadow:3px 3px 0 var(--ink);transform:rotate(-1deg);position:relative;z-index:1}
#deter-v5 .ds-diff button[data-diff="deter"][aria-pressed="true"] small{color:#fff}
@media(max-width:600px){#deter-v5 .ds-diff-label{width:100%;margin:0 0 8px}#deter-v5 .ds-diff button{flex:1;min-height:48px}}
/* Centre de ressources : la veille en post-its */
#deter-v5 .rs-page .dv-title-row h1 em{color:var(--orange)}
#deter-v5 .rs-filters{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 30px}
#deter-v5 .rs-filters button{background:#fff;border:1.5px solid var(--ink);padding:7px 13px;font-size:12px;font-weight:600;cursor:pointer;color:var(--ink);min-height:36px}
#deter-v5 .rs-filters button small{font-weight:400;color:var(--quiet);margin-left:3px}
#deter-v5 .rs-filters button:hover{background:var(--pale)}
#deter-v5 .rs-filters button[aria-pressed="true"]{background:var(--ink);color:#fff}
#deter-v5 .rs-filters button[aria-pressed="true"] small{color:#d9dde0}
#deter-v5 .rs-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px;align-items:start;padding:4px 4px 10px}
#deter-v5 .rs-note{position:relative;background:#f8d6a1;box-shadow:3px 6px 0 rgba(25,52,73,.13);padding:26px 23px 18px;transform:rotate(-1.1deg);display:flex;flex-direction:column;overflow-wrap:anywhere;transition:transform 180ms ease,box-shadow 180ms ease}
#deter-v5 .rs-note::before{content:"";position:absolute;top:-9px;left:50%;width:74px;height:20px;margin-left:-37px;background:rgba(255,255,255,.62);box-shadow:0 1px 2px rgba(25,52,73,.12);transform:rotate(-3deg)}
#deter-v5 .rs-board .rs-note:nth-child(3n+2){background:#fbe8b9;transform:rotate(1.2deg);margin-top:10px}
#deter-v5 .rs-board .rs-note:nth-child(3n){background:#efbd93;transform:rotate(-.5deg)}
#deter-v5 .rs-board .rs-note:hover{transform:rotate(0) translateY(-3px);box-shadow:5px 9px 0 rgba(25,52,73,.16)}
#deter-v5 .rs-note-top{display:flex;justify-content:space-between;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#633d2e;margin-bottom:12px}
#deter-v5 .rs-note h3{font:400 19px/1.22 var(--display);letter-spacing:-.3px;margin:0 0 12px}
#deter-v5 .rs-note-idea{font-size:13px;line-height:1.65;margin:0 0 14px}
#deter-v5 .rs-note-fig{display:flex;flex-direction:column;gap:2px;border-left:4px solid var(--orange);padding:2px 0 2px 11px;margin:0 0 16px}
#deter-v5 .rs-note-fig b{font:400 26px/1.1 var(--display);color:var(--orange)}
#deter-v5 .rs-note-fig span{font-size:11.5px;line-height:1.45;color:#4b4a44}
#deter-v5 .rs-note-bottom{margin-top:auto;border-top:1px solid rgba(25,52,73,.22);padding-top:11px;display:flex;flex-direction:column;gap:6px;font-size:11px;line-height:1.5}
#deter-v5 .rs-note-by{font-weight:700}
#deter-v5 .rs-note-by small{display:block;font-weight:400;color:#705c48}
#deter-v5 .rs-note-read{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--ink);text-underline-offset:3px;margin-top:4px}
#deter-v5 .rs-note-read .v4-arrow{width:24px;height:24px}
#deter-v5 .rs-note-blog{color:var(--ink);text-underline-offset:3px}
#deter-v5 .rs-note-map{padding:2px 0;font-size:11px}
#deter-v5 .rs-authors{margin-top:44px;border-top:2px solid var(--ink);padding-top:20px}
#deter-v5 .rs-author-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:14px 0 18px}
#deter-v5 .rs-author{display:flex;flex-direction:column;gap:4px;background:var(--pale);padding:16px 18px;border-left:6px solid var(--orange)}
#deter-v5 .rs-author b{font:400 20px/1.2 var(--display)}
#deter-v5 .rs-author span{font-size:12px;color:var(--quiet)}
#deter-v5 .rs-author a{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink);text-underline-offset:3px;margin-top:4px}
#deter-v5 .rs-author .v4-arrow{width:22px;height:22px}
#deter-v5 .rs-note-idea,#deter-v5 .rs-note-by,#deter-v5 .rs-note-read{color:var(--ink)}
#deter-v5 .rs-disclaimer{font-size:11px;color:var(--quiet);line-height:1.6;max-width:640px}
#deter-v5 .rs-preview{height:237px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;padding:14px 6px}
#deter-v5 .rs-preview .rs-note{padding:20px 14px 12px;min-height:170px}
#deter-v5 .rs-preview .rs-note:nth-child(2){background:#fbe8b9;transform:rotate(1.6deg)}
#deter-v5 .rs-preview .rs-note h3{font-size:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
#deter-v5 .rs-preview .rs-note-fig{margin:0}
#deter-v5 .rs-preview .rs-note-fig b{font-size:20px}
@media(max-width:900px){#deter-v5 .rs-board{grid-template-columns:repeat(2,minmax(0,1fr))}#deter-v5 .rs-board .rs-note:nth-child(n){margin-top:0}}
@media(max-width:560px){#deter-v5 .rs-board{grid-template-columns:1fr;gap:28px}#deter-v5 .rs-note h3{font-size:20px}#deter-v5 .rs-note-idea{font-size:14px}#deter-v5 .rs-filters button{min-height:44px}#deter-v5 .rs-preview .rs-note{min-height:0}}
@media(prefers-reduced-motion:reduce){#deter-v5 .rs-note{transition:none}}
/* CartoGuessr : tableau de score et réponses dans la DA Déter (aplats, contours encre, ombres décalées, Bevan) */
#deter-v5 .gs-board{position:relative;display:flex;align-self:flex-end;border:2px solid var(--ink);background:#fff;box-shadow:4px 4px 0 var(--orange);flex:none}
#deter-v5 .gs-cell{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:10px 16px 11px;border-left:1.5px solid var(--ink);min-width:78px}
#deter-v5 .gs-main{background:var(--ink);color:#fff;border-left:0;min-width:118px}
#deter-v5 .gs-label{font:600 10px/1 'DM Sans',sans-serif;letter-spacing:1.1px;text-transform:uppercase;color:var(--quiet)}
#deter-v5 .gs-main .gs-label{color:#c9d2d9}
#deter-v5 .gs-num{display:flex;align-items:baseline;font-family:var(--display)}
#deter-v5 .gs-num b{display:inline-block;font-weight:400;font-size:36px;line-height:1;color:var(--orange);transform-origin:50% 70%}
#deter-v5 .gs-num i{font-style:normal;font-size:20px;opacity:.55;margin:0 5px}
#deter-v5 .gs-num span{font-size:20px}
#deter-v5 .gs-streak,#deter-v5 .gs-mode{font:400 22px/1.1 var(--display);transition:color 200ms ease}
#deter-v5 .gs-board.is-hot .gs-streak{color:var(--orange)}
#deter-v5 .gs-plus{position:absolute;left:24px;top:-12px;font:400 24px/1 var(--display);color:var(--orange);text-shadow:2px 2px 0 var(--ink);opacity:0;pointer-events:none}
#deter-v5 .dv-answers{position:relative;gap:12px}
#deter-v5 .dv-answers .gs-answer{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:58px;padding:12px 16px 12px 13px;text-align:left;background:#fff;border:1.5px solid var(--ink);box-shadow:3px 3px 0 #d8c5b1;font:600 14px/1.35 'DM Sans',sans-serif;color:var(--ink);cursor:pointer;transition:transform 160ms ease,box-shadow 160ms ease,background 160ms ease,opacity 200ms ease}
#deter-v5 .dv-answers .gs-answer:not(:disabled):hover,#deter-v5 .dv-answers .gs-answer:not(:disabled):focus-visible{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--orange);background:var(--pale)}
#deter-v5 .dv-answers .gs-answer:not(:disabled):active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--orange)}
#deter-v5 .dv-answers .gs-answer span{color:inherit;font-size:inherit}
#deter-v5 .dv-answers .gs-answer .gs-letter{display:grid;place-items:center;width:30px;height:28px;background:var(--ink);color:#fff;font:400 14px/1 var(--display);transform:rotate(-4deg);box-shadow:2px 2px 0 var(--orange)}
#deter-v5 .dv-answers .gs-answer .gs-mark{font:400 20px/1 var(--display);min-width:18px;text-align:center}
#deter-v5 .dv-answers .gs-answer:disabled{cursor:default}
#deter-v5 .dv-answers .gs-answer.is-correct{background:var(--orange);color:#fff;box-shadow:4px 4px 0 var(--ink);transform:rotate(-.8deg);position:relative;z-index:1}
#deter-v5 .dv-answers .gs-answer.is-correct .gs-letter{background:#fff;color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
#deter-v5 .dv-answers .gs-answer.is-wrong{background:var(--pale);box-shadow:none}
#deter-v5 .dv-answers .gs-answer.is-wrong .gs-text{text-decoration:line-through;text-decoration-color:var(--orange);text-decoration-thickness:2px}
#deter-v5 .dv-answers .gs-answer.is-wrong .gs-mark{color:var(--orange)}
#deter-v5 .dv-answers .gs-answer.is-wrong .gs-letter{background:var(--quiet);box-shadow:none}
#deter-v5 .dv-answers .gs-answer.is-faded{opacity:.42;box-shadow:none}
#deter-v5 .gs-spark{position:absolute;width:9px;height:9px;background:var(--orange);pointer-events:none;z-index:3}
#deter-v5 .gs-spark.ink{background:var(--ink);width:7px;height:7px}
#deter-v5 .gs-stamp{display:inline-block;font:400 13px/1 var(--display);letter-spacing:1px;text-transform:uppercase;padding:6px 11px 5px;border:2px solid currentColor;transform:rotate(-4deg);margin:2px 0 12px}
#deter-v5 .gs-stamp.ok{color:var(--orange);background:#fff4ea}
#deter-v5 .gs-stamp.ko{color:var(--ink);background:#fff}
#deter-v5 .dv-feedback{border-top:2px solid var(--ink);padding-top:16px;margin-top:20px}
#deter-v5 .dv-feedback h3{font:400 19px/1.3 var(--display);letter-spacing:-.2px;margin-bottom:8px}
#deter-v5 .dv-feedback p{font-size:12px}
@media(max-width:600px){#deter-v5 .gs-board{width:100%;margin-top:18px}#deter-v5 .gs-cell{flex:1;min-width:0;padding:9px 11px}#deter-v5 .gs-main{flex:1.3}#deter-v5 .gs-num b{font-size:30px}#deter-v5 .dv-answers .gs-answer{font-size:15px}}
@media(prefers-reduced-motion:reduce){#deter-v5 .dv-answers .gs-answer{transition:none}}
@media(max-width:600px){#deter-v5 .gs-streak,#deter-v5 .gs-mode{font-size:17px}#deter-v5 .gs-cell{overflow:hidden}}
@media(max-width:380px){#deter-v5 .gs-cell{padding:8px 8px}#deter-v5 .gs-streak,#deter-v5 .gs-mode{font-size:15px}#deter-v5 .gs-num b{font-size:26px}}
/* Score placé sous les propositions */
#deter-v5 .dv-game-layout .gs-board{align-self:auto;width:fit-content;margin:24px 0 6px}
@media(max-width:600px){#deter-v5 .dv-game-layout .gs-board{width:100%;margin-top:20px}}
/* Échelle départementale : bascule dans l'atlas, résultats de recherche, contour, liste des intercos */
#deter-v5 .ds-scale{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0 0 14px}
#deter-v5 .ds-scale-label{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--quiet);font-weight:600;margin-right:14px}
#deter-v5 .ds-scale button{background:#fff;border:1.5px solid var(--ink);padding:9px 15px;font:600 13px/1.2 'DM Sans',sans-serif;color:var(--ink);cursor:pointer;min-height:40px;transition:background 160ms ease}
#deter-v5 .ds-scale button+button{border-left:0}
#deter-v5 .ds-scale button:hover{background:var(--pale)}
#deter-v5 .ds-scale button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--orange);position:relative;z-index:1}
#deter-v5 .ds-result-dep{border-left:4px solid var(--orange)}
#deter-v5 .ds-result-dep b{font-family:var(--display);font-weight:400}
#deter-v5 .dv-map path.ds-dep-outline{fill:none;stroke:var(--ink);stroke-width:2px;pointer-events:none}
#deter-v5 .ds-dep-epci-title{margin-top:14px!important}
#deter-v5 .ds-dep-epci td:first-child small{color:var(--quiet);font-size:10px}
#deter-v5 .ds-open-epci{background:none;border:0;padding:0;font:inherit;color:var(--ink);text-align:left;text-decoration:underline;text-decoration-color:#d8c5b1;text-underline-offset:3px;cursor:pointer}
#deter-v5 .ds-open-epci:hover{text-decoration-color:var(--orange)}
#deter-v5 .ds-level{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:860px){#deter-v5 .ds-level{grid-template-columns:repeat(2,minmax(0,1fr))}#deter-v5 .ds-level button:nth-child(3){border-left:0}#deter-v5 .ds-level button:nth-child(n+3){border-top:1.5px solid var(--ink)}}
@media(max-width:600px){#deter-v5 .ds-level{grid-template-columns:1fr}#deter-v5 .ds-scale button{flex:1;min-height:44px}#deter-v5 .ds-scale-label{width:100%;margin:0 0 8px}}
#deter-v5 .is-dep .dv-large-map{height:500px}
@media(max-width:600px){#deter-v5 .is-dep .dv-large-map{height:380px}}
#deter-v5 [data-page="game"][data-level="departement"] .dv-large-map{height:470px}
@media(max-width:600px){#deter-v5 [data-page="game"][data-level="departement"] .dv-large-map{height:360px}}
/* Échelle régionale */
#deter-v5 .dv-map path.ds-reg-dep{fill:none;stroke:var(--ink);stroke-width:1.4px;pointer-events:none;opacity:.8}
#deter-v5 .dv-map path.ds-reg-commune{stroke-width:.2px}
#deter-v5 .dv-map path.ds-reg-commune.is-chosen{stroke:var(--ink);stroke-width:2px}
#deter-v5 .ds-result-reg{border-left-color:var(--ink)}
/* Aperçus de l'accueil : l'intitulé incliné (Bevan) dépassait du cadre, qui masque ce qui déborde */
#deter-v5 .v2-preview-item{padding-top:16px}
#deter-v5 .v2-preview-item .v2-folio{padding-top:2px}
/* Mini post-its de l'aperçu : thème seul, sans coupure au milieu des mots */
#deter-v5 .rs-preview .rs-note{overflow-wrap:normal;hyphens:auto}
#deter-v5 .rs-preview .rs-note-top{font-size:9px;margin-bottom:8px}
#deter-v5 .rs-preview .rs-note-top span:last-child{display:none}
/* Logo d'entrée : survol = petit dandinement puis le logo reste soulevé ; le clic est animé dans app.js (entrer) */
#deter-v5 .dv-intro{position:relative}
#deter-v5 .dv-intro .dv-enter{cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){
 #deter-v5 .dv-intro .dv-enter:hover{transform:translateY(-6px) rotate(-1.2deg) scale(1.03);animation:dv-enter-dandine .65s cubic-bezier(.2,.8,.2,1)}
 #deter-v5 .dv-intro .dv-enter:hover .dv-river-current{animation-duration:2.4s}
}
#deter-v5 .dv-intro .dv-enter:focus-visible{transform:translateY(-6px) rotate(-1.2deg) scale(1.03)}
#deter-v5 .dv-intro .dv-enter:active{transform:translateY(2px) scale(.96)}
@keyframes dv-enter-dandine{
 0%{transform:none}
 30%{transform:translateY(-10px) rotate(-3deg) scale(1.045)}
 60%{transform:translateY(-5px) rotate(1.4deg) scale(1.03)}
 100%{transform:translateY(-6px) rotate(-1.2deg) scale(1.03)}
}
#deter-v5 .dv-enter-spark{z-index:2;width:11px;height:11px}
#deter-v5 .dv-enter-spark.ink{width:8px;height:8px}
@media (prefers-reduced-motion:reduce){#deter-v5 .dv-intro .dv-enter,#deter-v5 .dv-intro .dv-enter:hover,#deter-v5 .dv-intro .dv-enter:focus-visible,#deter-v5 .dv-intro .dv-enter:active{transform:none;animation:none;transition:none}}