:root{--bg:#333333;--panel:#f5f5f1;--panel-soft:#fbfbf8;--line:#dbd8d0;--text:#181818;--muted:#6c6b64;--accent:#97af1e;--accent-2:#c6df4d;--success:#2ea865;--danger:#cf4747;--shadow:0 18px 44px rgba(0,0,0,.2);--radius:22px;}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top right,rgba(151,175,30,.16),transparent 24%),radial-gradient(circle at 12% 22%,rgba(198,223,77,.06),transparent 18%),var(--bg);color:#f5f5f1;}a{color:inherit}button{font:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.page{width:min(1440px,calc(100vw - 28px));margin:0 auto;padding:18px 0 24px}.header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;margin-bottom:16px}.header h1{margin:0 0 6px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.04}.header p{margin:0;color:rgba(255,255,255,.8)}.kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;color:#c6df4d}.header__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:13px;text-decoration:none;border:1px solid rgba(255,255,255,.14);background:#1f1f1d;color:#fff;font-weight:700}.btn--accent{background:var(--accent);color:#111;border-color:transparent}.btn--soft{background:#fff;color:#171717;border:1px solid var(--line)}.btn--geoquiz{min-width:180px;min-height:54px;border-radius:18px;font-size:1.03rem;box-shadow:0 12px 28px rgba(0,0,0,.24)}.manoux-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 11px;border-radius:11px;font-size:.88rem;font-weight:750;line-height:1;text-decoration:none;letter-spacing:.005em;background:#fff;color:#20201d;border:1px solid rgba(255,255,255,.14);box-shadow:0 6px 16px rgba(0,0,0,.10);transition:transform .12s ease,box-shadow .12s ease}.manoux-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.14)}.manoux-brand-btn{background:linear-gradient(180deg,#262622,#191916);color:#fff;border-color:rgba(255,255,255,.12)}.manoux-brand-btn img{width:28px;height:28px;object-fit:contain}.layout{display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);gap:16px;align-items:stretch}.panel{background:var(--panel);color:var(--text);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}.home-screen,.game-screen{display:none}.home-screen.active,.game-screen.active{display:grid;gap:16px}.home-screen{overflow:hidden}.home-hero{padding:22px 24px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,247,242,.96))}.home-hero p{color:var(--muted);max-width:70ch}.home-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;padding:0 24px 24px}.home-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.home-card h3{margin:0 0 8px;font-size:1.05rem}.home-card p,.home-card li{color:var(--muted)}.home-card ul{margin:10px 0 0;padding-left:18px}.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 24px 24px}.level-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:8px}.level-card h3{margin:0}.level-card p{margin:0;color:var(--muted)}.level-meta{display:grid;gap:4px;color:#3b3a35;font-size:.92rem}.single-block{padding:0 24px 24px}.map-panel{overflow:hidden;min-height:0}.game-side{display:grid;gap:16px}.hud{padding:16px 18px;display:grid;gap:12px;background:var(--panel-soft)}.hud-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hud-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px}.hud-card span{display:block;color:var(--muted);font-size:.8rem;margin-bottom:4px;text-transform:uppercase;letter-spacing:.08em}.hud-card strong{font-size:1.1rem;line-height:1.2}.hud-card--target{background:linear-gradient(180deg,rgba(24,24,24,.98),rgba(38,38,35,.98));border-color:rgba(255,255,255,.06);padding:16px 16px 18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.hud-card--target span{color:#97af1e;font-size:.74rem;letter-spacing:.16em}.hud-card--target strong{display:block;color:#fff;font-size:clamp(1.7rem,2vw,2.4rem);line-height:1.02;text-align:left}.hud-card--timer{background:#151514;color:#fff;border-color:rgba(255,255,255,.1)}.hud-card--timer span{color:rgba(255,255,255,.7)}.hud-card--timer strong{color:#fff;font-size:1.7rem}.time-meter{margin-top:8px;height:8px;background:rgba(255,255,255,.14);border-radius:999px;overflow:hidden}.time-meter__fill{height:100%;width:100%;background:linear-gradient(90deg,var(--accent),#e4b54b);border-radius:999px;transition:width .25s ease}.status{border-radius:16px;padding:12px 14px;background:#fff;border:1px solid var(--line);min-height:84px;display:grid;align-content:center;gap:5px}.status__title{font-weight:800;font-size:1.02rem}.status__note{color:var(--muted);font-size:.92rem;line-height:1.35}.status.good{background:#edf8f0;border-color:#cfe8d4}.status.good .status__title{color:#1f7a49}.status.bad{background:#fff0f0;border-color:#efc9c9}.status.bad .status__title{color:#b03434}.status.is-neutral .status__title{color:#1d1d1b}.hud-actions{display:flex;gap:10px}.hud-actions .btn{width:100%}.map-wrap{position:relative;height:70vh;min-height:560px;background:#0f1214;overflow:hidden}#map{position:absolute;inset:0;width:100%;height:100%;z-index:1}.leaflet-container{background:#0f1214}.leaflet-container img,.leaflet-container .leaflet-tile{max-width:none !important;max-height:none !important}.leaflet-control-container{z-index:300}.map-feedback-wash{position:absolute;inset:0;background:rgba(255,255,255,.32);opacity:0;pointer-events:none;z-index:380;transition:opacity .18s ease}.map-feedback-wash.is-active{opacity:1}.crosshair{pointer-events:none;position:absolute;inset:0;z-index:500}.crosshair::before,.crosshair::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.38)}.crosshair::before{width:3px;height:40px;border-radius:999px}.crosshair::after{width:40px;height:3px;border-radius:999px}.bottom-bar{position:absolute;left:16px;right:16px;bottom:16px;display:flex;justify-content:center;pointer-events:none;z-index:600}.bottom-bar__inner{pointer-events:auto;display:flex;gap:12px;align-items:center;background:rgba(20,20,18,.84);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);padding:10px;border-radius:18px;box-shadow:0 12px 28px rgba(0,0,0,.24)}.footer-note{color:rgba(255,255,255,.72);font-size:.82rem;margin-top:12px}.brandline{display:inline-flex;align-items:center;gap:8px}.brandline img{width:42px;height:42px;object-fit:contain}.brandline--showcase{gap:10px;font-size:.9rem}/* V11.4 summary overlay */.summary-overlay{position:fixed;inset:0;background:rgba(20,22,24,.58);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:24px;z-index:2200}.summary-overlay.is-visible{display:flex}.summary-dialog{position:relative;width:min(1080px,calc(100vw - 32px));max-height:min(88vh,980px);overflow:auto;padding:22px 22px 18px;background:linear-gradient(180deg,#faf8f1,#f3efe6)}.confetti-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.summary-top{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:start;margin-bottom:14px}.summary-head{position:relative;z-index:4}.summary-head small{display:block;margin-bottom:8px;color:#7e6532;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800}.summary-head h2{margin:0 0 8px;font-size:2.05rem;line-height:1.02}.summary-head p{margin:0;color:#605948;line-height:1.42;font-size:1rem}.summary-meta{display:flex;gap:12px;align-items:center;margin-bottom:12px}.summary-meta__score{display:grid;gap:4px}.summary-meta__score span{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#7b7568}.summary-meta__score strong{font-size:1.24rem}.summary-badge-card{position:relative;z-index:4;border-radius:22px;padding:18px 18px 16px;border:1px solid rgba(0,0,0,.08);display:grid;gap:8px;align-content:start;justify-items:end;text-align:right;background:#ece8de;box-shadow:inset 0 1px 0 rgba(255,255,255,.44);overflow:hidden}.summary-badge-card__eyebrow{font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;color:inherit;opacity:0.8;font-weight:800;position:relative;z-index:2}.summary-badge-card strong{font-size:3.2rem;line-height:1;font-weight:900;letter-spacing:-.05em;color:inherit;position:relative;z-index:2}.summary-badge-card__label{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;font-weight:800;border:1px solid rgba(0,0,0,.15);background:rgba(255,255,255,.6);color:inherit;position:relative;z-index:2;box-shadow:0 4px 10px rgba(0,0,0,.1)}.summary-badge-card[data-badge='none']{background:linear-gradient(180deg,#ece8de,#e4dfd4);color:#60584b}.summary-badge-card[data-badge='plastique']{background:linear-gradient(180deg,#e9ecef,#ced4da);color:#495057;border-color:#adb5bd;box-shadow:inset 0 1px 0 rgba(255,255,255,0.8),0 6px 12px rgba(0,0,0,0.05)}.summary-badge-card[data-badge='bronze']{background:linear-gradient(135deg,#f0c39c 0%,#d49561 50%,#b26c36 100%);color:#4a2b15;border-color:#a56330;box-shadow:inset 0 1px 2px rgba(255,255,255,0.6),inset 0 -2px 4px rgba(0,0,0,0.3),0 8px 16px rgba(178,108,54,0.3);text-shadow:0 1px 1px rgba(255,255,255,0.3)}.summary-badge-card[data-badge='argent']{background:linear-gradient(135deg,#f8f9fa 0%,#e2e6ea 40%,#c4cbd3 100%);color:#2d3748;border-color:#aab4c0;box-shadow:inset 0 1px 3px rgba(255,255,255,0.9),inset 0 -2px 6px rgba(0,0,0,0.15),0 8px 16px rgba(160,174,192,0.3);text-shadow:0 1px 1px rgba(255,255,255,0.6)}.summary-badge-card[data-badge='or']{background:linear-gradient(135deg,#fff7cc 0%,#ffd043 40%,#e8a011 100%);color:#5c3f00;border-color:#d4900c;box-shadow:inset 0 2px 4px rgba(255,255,255,0.9),inset 0 -3px 8px rgba(184,115,0,0.4),0 10px 20px rgba(232,160,17,0.3);text-shadow:0 1px 1px rgba(255,255,255,0.5)}@keyframes shimmer{0%{transform:translateX(-100%) rotate(45deg);}100%{transform:translateX(200%) rotate(45deg);}}.summary-badge-card[data-badge='or']::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transform:rotate(45deg);z-index:1;animation:shimmer 3s infinite}.summary-actions{position:relative;z-index:4;display:flex;flex-wrap:wrap;gap:10px;padding:14px 0 16px;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:14px}.summary-actions .btn{min-height:44px}.results-table-wrap{position:relative;z-index:4;max-height:48vh;overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fffdfa}.results-table{width:100%;border-collapse:collapse;font-size:.94rem}.results-table th,.results-table td{padding:10px 12px;border-bottom:1px solid #ece9e2;text-align:left;vertical-align:top}.results-table thead th{position:sticky;top:0;background:#f5f0e5;z-index:1;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:#6c665a}.results-table tbody tr.result-row--ok{background:#edf8f0}.results-table tbody tr.result-row--ko{background:#fff0f0}.result-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.result-pill.ok{background:#d8f0de;color:#18663d}.result-pill.ko{background:#f6d6d6;color:#9f2e2e}.hidden{display:none !important}@media (max-width:1080px){.layout{grid-template-columns:1fr}.map-wrap{height:56vh;min-height:420px}.home-intro{grid-template-columns:1fr}.summary-top{grid-template-columns:1fr}}@media (max-width:760px){.page{width:min(100vw - 16px,100%)}.header{grid-template-columns:1fr}.header__actions{justify-content:flex-start}.level-grid{grid-template-columns:1fr}.map-wrap{min-height:360px}.hud-grid{grid-template-columns:1fr 1fr}.summary-dialog{padding:16px 16px 14px;width:min(100vw - 14px,100%)}.summary-actions{gap:8px}.summary-actions .btn{flex:1 1 calc(50% - 8px)}.summary-badge-card strong{font-size:2.5rem}.results-table{font-size:.86rem}}@keyframes rippleGood{0%{box-shadow:0 0 0 0 rgba(46,168,101,0.8);}100%{box-shadow:0 0 0 40px rgba(46,168,101,0);}}@keyframes shakeBad{0%,100%{transform:translate(-50%,-50%);}25%{transform:translate(calc(-50% - 6px),-50%);}50%{transform:translate(calc(-50% + 6px),-50%);}75%{transform:translate(calc(-50% - 6px),-50%);}}.crosshair.is-good::before,.crosshair.is-good::after{background:#2ea865;}.crosshair.is-good{animation:rippleGood 0.8s ease-out;border-radius:50%;}.crosshair.is-bad::before,.crosshair.is-bad::after{background:#cf4747;}.crosshair.is-bad{animation:shakeBad 0.3s ease-in-out;}.hint-halo{position:absolute;pointer-events:none;z-index:450;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(207,71,71,0.5) 0%,rgba(207,71,71,0) 70%);animation:pulseHint 2s infinite;opacity:0;transition:opacity 1s;transform:translate(-50%,-50%);}.hint-halo.is-visible{opacity:1;}@keyframes pulseHint{0%{transform:translate(-50%,-50%) scale(0.8);opacity:0.4;}50%{transform:translate(-50%,-50%) scale(1.2);opacity:0.8;}100%{transform:translate(-50%,-50%) scale(0.8);opacity:0.4;}}
.home-screen{background:#f5f5f1}.home-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:18px;padding:20px}.home-copy{display:grid;align-content:center;padding:18px 12px 18px 18px}.home-copy h2{margin:0 0 12px;font-size:clamp(2rem,4vw,4.8rem);line-height:.95;color:#151513;max-width:10ch}.home-copy p:not(.kicker){margin:0;color:#5f5f58;font-size:1.05rem;line-height:1.5;max-width:58ch}.home-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.home-stats div{min-width:112px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px}.home-stats strong{display:block;font-size:1.6rem;line-height:1;color:#181818}.home-stats span{display:block;margin-top:5px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.home-map-card{position:relative;min-height:420px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#162125,#0e1417);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 42px rgba(0,0,0,.22)}.home-map-card::before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.18));pointer-events:none}.home-map-topline{position:absolute;left:16px;right:16px;top:14px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff}.home-map-topline span{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.66);font-weight:800}.home-map-topline strong{font-size:.86rem;color:#d8e88a}.home-map-svg{position:absolute;inset:0;width:100%;height:100%}.home-map-path{fill:rgba(198,223,77,.22);stroke:rgba(243,246,217,.72);stroke-width:1.2;vector-effect:non-scaling-stroke}.home-map-path:nth-child(3n){fill:rgba(46,168,101,.24)}.home-map-path:nth-child(4n){fill:rgba(151,175,30,.28)}.home-map-outline{fill:none;stroke:rgba(255,255,255,.32);stroke-width:1.4;vector-effect:non-scaling-stroke}.home-play{display:grid;gap:14px;padding:0 20px 20px}.home-play .single-block,.home-play .level-grid{padding:0}.home-play .level-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.home-play .level-card{border-radius:16px;background:#fffdfa;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.home-play .level-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.12);border-color:#cfd5a0}.home-play .level-card h3{font-size:1.18rem}.home-play .level-card .btn{margin-top:4px;width:100%}@media (max-width:1080px){.home-stage{grid-template-columns:1fr}.home-copy h2{max-width:14ch}.home-map-card{min-height:340px}}@media (max-width:760px){.home-stage{padding:12px;gap:12px}.home-copy{padding:10px 4px}.home-copy h2{font-size:2.25rem;max-width:none}.home-map-card{min-height:280px;border-radius:18px}.home-play{padding:0 12px 12px}.home-stats div{flex:1;min-width:0}}
.home-learn-btn{align-self:stretch;min-width:132px;border:0;border-radius:16px;background:#181818;color:#fff;font-weight:850;padding:0 18px;box-shadow:0 10px 22px rgba(0,0,0,.18);transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.home-learn-btn:hover{transform:translateY(-2px);background:#2a2a26;box-shadow:0 14px 28px rgba(0,0,0,.22)}@media (max-width:760px){.home-learn-btn{min-height:54px;flex:1 1 100%}}.home-rule{margin-top:12px!important;color:#262621!important;font-weight:850;line-height:1.35!important}
@media (max-width:760px){body:has(.game-screen.active){overflow:hidden}.page{width:100%;padding:8px 8px max(8px,env(safe-area-inset-bottom))}.header{gap:10px;margin-bottom:10px}.header h1{font-size:1.45rem;line-height:1.06}.header p{font-size:.88rem}.header__actions{gap:8px}.manoux-btn{min-height:34px;padding:6px 9px;font-size:.78rem}.manoux-brand-btn img{width:24px;height:24px}body:has(.game-screen.active) .header{display:none}.home-screen.active,.game-screen.active{gap:8px}.home-stage{padding:10px;gap:10px}.home-copy{padding:6px 2px}.home-copy h2{font-size:2rem;line-height:1;max-width:none;margin-bottom:8px}.home-copy p:not(.kicker){font-size:.95rem;line-height:1.38}.home-rule{font-size:.95rem}.home-stats{gap:8px;margin-top:14px}.home-stats div{padding:10px 11px;border-radius:13px}.home-stats strong{font-size:1.35rem}.home-map-card{min-height:220px;border-radius:16px}.home-map-topline{left:12px;right:12px;top:10px}.home-play{gap:10px;padding:0 10px 10px}.home-play .level-grid{gap:9px}.home-play .level-card{padding:13px;border-radius:14px}.home-play .level-card h3{font-size:1.05rem}.home-play .level-card p{font-size:.9rem;line-height:1.35}.layout{display:flex;flex-direction:column;gap:8px;min-height:calc(100svh - 16px)}.game-side{display:block;order:1}.map-panel{order:2;border-radius:16px;min-height:0;flex:1}.hud{padding:8px;gap:8px;border-radius:16px;box-shadow:none}.hud-card{border-radius:12px;padding:8px 9px}.hud-card span{font-size:.66rem;letter-spacing:.06em;margin-bottom:2px}.hud-card strong{font-size:.95rem}.hud-card--target{padding:10px 11px}.hud-card--target span{font-size:.66rem}.hud-card--target strong{font-size:clamp(1.18rem,6vw,1.65rem);line-height:1.02;overflow-wrap:anywhere}.hud-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hud-card--timer strong{font-size:1.15rem}.time-meter{height:5px;margin-top:5px}.status{min-height:50px;padding:8px 10px;border-radius:12px}.status__title{font-size:.92rem}.status__note{font-size:.8rem;line-height:1.25}.hud-actions{position:absolute;right:14px;top:14px;z-index:5}.hud-actions .btn{min-height:34px;width:auto;padding:0 10px;font-size:.78rem;background:rgba(255,255,255,.92)}.footer-note{display:none}.map-wrap{height:calc(100svh - 206px);min-height:330px;max-height:none;border-radius:16px}.bottom-bar{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom))}.bottom-bar__inner{width:100%;padding:8px;border-radius:16px}.btn--geoquiz{width:100%;min-width:0;min-height:50px;border-radius:14px;font-size:1rem}.crosshair::before{height:34px;width:3px}.crosshair::after{width:34px;height:3px}.leaflet-control-zoom a{width:38px!important;height:38px!important;line-height:38px!important}.summary-overlay{padding:8px}.summary-dialog{width:100%;max-height:calc(100svh - 16px);border-radius:16px;padding:14px 12px}.summary-top{gap:10px;margin-bottom:10px}.summary-head h2{font-size:1.55rem}.summary-head p{font-size:.9rem}.summary-badge-card{border-radius:16px;padding:13px;justify-items:start;text-align:left}.summary-badge-card strong{font-size:2.25rem}.summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 0}.summary-actions .btn{min-height:42px;width:100%;padding:0 10px;font-size:.88rem}.results-table-wrap{max-height:34svh;border-radius:12px}.results-table{font-size:.82rem}.results-table th,.results-table td{padding:8px 9px}}@media (max-width:380px){.hud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-wrap{height:calc(100svh - 258px);min-height:300px}.status__note{display:none}.status{min-height:38px}.home-map-card{min-height:190px}}@media (max-width:900px) and (max-height:520px) and (orientation:landscape){body:has(.game-screen.active){overflow:hidden}body:has(.game-screen.active) .header{display:none}.page{width:100%;padding:8px}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:8px;height:calc(100svh - 16px)}.game-side{min-height:0}.hud{height:100%;overflow:auto;padding:8px;gap:8px;border-radius:14px}.hud-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.status{min-height:48px}.map-wrap{height:calc(100svh - 16px);min-height:0;border-radius:14px}.summary-dialog{max-height:calc(100svh - 16px)}}
@media (max-width:760px){body:has(.game-screen.active) .page{padding:0}body:has(.game-screen.active) .game-screen.active{height:100svh;height:100dvh;display:block}body:has(.game-screen.active) .layout{position:relative;height:100svh;height:100dvh;min-height:0;display:block}body:has(.game-screen.active) .map-panel{position:absolute;inset:0;border:0;border-radius:0;box-shadow:none;background:#0f1214}body:has(.game-screen.active) .map-wrap{height:100%;min-height:0;border-radius:0}body:has(.game-screen.active) .game-side{position:absolute;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));z-index:900;pointer-events:none}body:has(.game-screen.active) .hud{pointer-events:auto;background:rgba(245,245,241,.88);border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 26px rgba(0,0,0,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px;padding:7px;border-radius:15px}body:has(.game-screen.active) .hud-card--target{grid-column:1 / 2;min-width:0;background:linear-gradient(180deg,rgba(24,24,24,.94),rgba(38,38,35,.94));padding:9px 10px}body:has(.game-screen.active) .hud-card--target strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(1.05rem,5.4vw,1.42rem)}body:has(.game-screen.active) .hud-grid{grid-column:1 / -1;display:grid;grid-template-columns:1.15fr .9fr .9fr .8fr;gap:5px}body:has(.game-screen.active) .hud-card{padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.84)}body:has(.game-screen.active) .hud-card strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body:has(.game-screen.active) .hud-card--timer{background:rgba(21,21,20,.92)}body:has(.game-screen.active) .hud-card--timer strong{font-size:1.05rem}body:has(.game-screen.active) .status{grid-column:1 / -1;min-height:0;padding:7px 9px;background:rgba(255,255,255,.82);border-radius:10px}body:has(.game-screen.active) .status__title{font-size:.86rem}body:has(.game-screen.active) .status__note{font-size:.76rem;line-height:1.18;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body:has(.game-screen.active) .hud-actions{position:static;grid-column:2 / 3;grid-row:1 / 2;align-self:stretch;display:flex;pointer-events:auto}body:has(.game-screen.active) .hud-actions .btn{height:100%;min-height:42px;border-radius:10px;background:rgba(255,255,255,.88);box-shadow:none;border-color:rgba(0,0,0,.08);font-size:0;width:auto;padding:0 12px}body:has(.game-screen.active) .hud-actions .btn::before{content:'Accueil';font-size:.78rem}body:has(.game-screen.active) .bottom-bar{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}body:has(.game-screen.active) .bottom-bar__inner{background:rgba(20,20,18,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body:has(.game-screen.active) .leaflet-control-container .leaflet-top{top:156px}body:has(.game-screen.active) .crosshair::before,body:has(.game-screen.active) .crosshair::after{box-shadow:0 0 0 2px rgba(0,0,0,.52),0 0 16px rgba(0,0,0,.28)}}@media (max-width:380px){body:has(.game-screen.active) .hud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(.game-screen.active) .status__note{display:none}body:has(.game-screen.active) .leaflet-control-container .leaflet-top{top:188px}}@media (max-width:900px) and (max-height:520px) and (orientation:landscape){body:has(.game-screen.active) .page{padding:0}body:has(.game-screen.active) .layout{display:block;height:100svh;height:100dvh}body:has(.game-screen.active) .map-panel{position:absolute;inset:0;border:0;border-radius:0}body:has(.game-screen.active) .map-wrap{height:100%;border-radius:0}body:has(.game-screen.active) .game-side{position:absolute;left:max(8px,env(safe-area-inset-left));top:max(8px,env(safe-area-inset-top));right:auto;width:min(340px,44vw);z-index:900}body:has(.game-screen.active) .hud{height:auto;max-height:calc(100svh - 18px);overflow:auto}body:has(.game-screen.active) .hud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(.game-screen.active) .status__note{display:none}body:has(.game-screen.active) .leaflet-control-container .leaflet-top{top:10px;left:auto;right:10px}}
@media (max-width:760px){body:has(.game-screen.active) .hud{position:relative;display:grid;grid-template-columns:1fr;gap:5px;padding:7px 7px 6px;background:rgba(245,245,241,.9)}body:has(.game-screen.active) .hud-card--target{grid-column:1 / -1;padding:12px 56px 12px 12px;border-radius:13px;min-height:74px}body:has(.game-screen.active) .hud-card--target span{font-size:.68rem;letter-spacing:.12em;color:#c6df4d;margin-bottom:5px}body:has(.game-screen.active) .hud-card--target strong{display:block;white-space:normal;overflow:visible;text-overflow:clip;font-size:clamp(1.55rem,8.8vw,2.25rem);line-height:1.02;letter-spacing:0;max-height:2.1em}body:has(.game-screen.active) .hud-actions{position:absolute;top:7px;right:7px;grid-column:auto;grid-row:auto;z-index:3}body:has(.game-screen.active) .hud-actions .btn{min-height:30px;height:30px;padding:0 8px;border-radius:9px;background:rgba(255,255,255,.9)}body:has(.game-screen.active) .hud-actions .btn::before{content:'Accueil';font-size:.7rem}body:has(.game-screen.active) .hud-grid{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}body:has(.game-screen.active) .hud-grid .hud-card{padding:5px 6px;border-radius:9px;background:rgba(255,255,255,.76);min-height:34px}body:has(.game-screen.active) .hud-grid .hud-card span{font-size:.56rem;letter-spacing:.04em;margin-bottom:1px}body:has(.game-screen.active) .hud-grid .hud-card strong{font-size:.78rem;line-height:1.05}body:has(.game-screen.active) .hud-grid .hud-card--timer{background:rgba(21,21,20,.9)}body:has(.game-screen.active) .hud-grid .hud-card--timer strong{font-size:.9rem}.time-meter{height:4px;margin-top:3px}body:has(.game-screen.active) .status{padding:5px 7px;border-radius:9px;background:rgba(255,255,255,.72)}body:has(.game-screen.active) .status__title{font-size:.78rem}body:has(.game-screen.active) .status__note{display:none}body:has(.game-screen.active) .leaflet-control-container .leaflet-top{top:158px}}@media (max-width:380px){body:has(.game-screen.active) .hud-card--target{min-height:70px;padding-right:50px}body:has(.game-screen.active) .hud-card--target strong{font-size:clamp(1.35rem,8vw,1.9rem)}body:has(.game-screen.active) .hud-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body:has(.game-screen.active) .hud-grid .hud-card span{display:none}body:has(.game-screen.active) .leaflet-control-container .leaflet-top{top:136px}}@media (max-width:900px) and (max-height:520px) and (orientation:landscape){body:has(.game-screen.active) .hud-card--target{min-height:62px;padding-right:12px}body:has(.game-screen.active) .hud-card--target strong{font-size:clamp(1.18rem,4vw,1.55rem);max-height:none}body:has(.game-screen.active) .hud-actions{position:static}body:has(.game-screen.active) .hud-actions .btn{height:32px}}
@media (max-width:760px){body:has(.game-screen.active) .hud > .hud-card--target{background:linear-gradient(180deg,rgba(18,18,17,.98),rgba(38,38,35,.98));color:#fff;border-color:rgba(255,255,255,.12);box-shadow:0 8px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06)}body:has(.game-screen.active) .hud > .hud-card--target strong{color:#fff}body:has(.game-screen.active) .hud > .hud-card--target span{color:#c6df4d}}