*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050607;color:#e8eef0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:20;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#06080beF;border-bottom:1px solid #1f3133;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:1px}.brand img{width:46px;height:46px;object-fit:contain}.brand b{color:#62ff38}nav{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:bold}button,.primary,.actions a{border:1px solid #63ff3b;background:transparent;color:#fff;padding:12px 16px;font-weight:900;letter-spacing:.6px;cursor:pointer}.primary{display:inline-block;background:#62ff38;color:#041006}.hero{min-height:690px;position:relative;overflow:hidden;display:flex;align-items:center;padding:7vw}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#020304 0%,#020304bb 43%,#02030444 75%),url('assets/hero-kawa.jpg') center/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#050607)}.scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#73ff3a08 6px);opacity:.7}.hero-copy{position:relative;z-index:2;max-width:780px}.eyebrow,small,.tag{color:#62ff38;font-weight:900;letter-spacing:2px;font-size:12px}.wordmark{width:min(650px,85vw);max-height:150px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 18px #813cff88)}h1{font-size:clamp(52px,8vw,108px);margin:-8px 0 10px;line-height:.9;letter-spacing:-4px}h2{font-size:clamp(34px,5vw,66px);margin:8px 0 18px;letter-spacing:-2px}.hero p{font-size:18px;max-width:620px;color:#b9c6c8;line-height:1.6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.status{position:absolute;z-index:3;bottom:30px;left:7vw;right:7vw;display:flex;justify-content:space-between;border-top:1px solid #48604b;padding-top:13px;color:#7dfd58;font:11px monospace}.section{padding:90px 7vw;max-width:1500px;margin:auto}.section-title{max-width:800px;margin-bottom:34px}.section-title p{color:#94a4a6}.mapgrid{display:grid;grid-template-columns:1.7fr .8fr;gap:22px}.mapvisual{position:relative;min-height:500px;background:#0a0f10;border:1px solid #2e4645;overflow:hidden;box-shadow:0 0 40px #00d9ff0d}.mapvisual img{width:100%;height:100%;position:absolute;object-fit:cover;filter:saturate(.8) contrast(1.1) brightness(.72)}.mapvisual:after{content:"";position:absolute;inset:0;border:1px solid #62ff3866;box-shadow:inset 0 0 80px #001c18}.hud{position:absolute;z-index:2;background:#06100cdd;border-left:3px solid #62ff38;padding:8px 10px;font:11px monospace;color:#a9ff94}.tl{top:16px;left:16px}.br{right:16px;bottom:16px}.panel{border:1px solid #273638;background:linear-gradient(145deg,#0c1114,#080a0c);padding:35px;display:flex;flex-direction:column;justify-content:center}.panel h3{font-size:29px;margin:12px 0}.panel p{color:#9aabad;line-height:1.6}.legend{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px;font:11px monospace;color:#79dbe8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards>div{min-height:145px;padding:24px;border:1px solid #26383a;background:#0b0e10;transition:.2s}.cards>div:hover{transform:translateY(-4px);border-color:#62ff38;box-shadow:0 0 25px #62ff3815}.cards b{font-size:17px}.cards p{font-size:13px;color:#92a0a3;line-height:1.5}.cards .danger{border-color:#5d2430}.cards .danger:hover{border-color:#ff355d}.mission{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:linear-gradient(110deg,#0a0c0f,#111022);border-top:1px solid #30264d;border-bottom:1px solid #30264d;max-width:none;padding-left:7vw;padding-right:7vw}.mission>div:first-child{max-width:650px;margin-left:auto}.mission p{color:#9eabb0;line-height:1.7}.terminal{font:14px monospace;color:#62ff38;border:1px solid #33463a;background:#020503;padding:30px;line-height:2;box-shadow:inset 0 0 40px #61ff380b}.terminal span{color:#79dcea}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery img{width:100%;height:260px;object-fit:cover;filter:saturate(.85);border:1px solid #223234}.gallery img:hover{filter:saturate(1.1)}footer{text-align:center;padding:45px;border-top:1px solid #202a2c;color:#627174;font:11px monospace}.modal{display:none;position:fixed;z-index:50;inset:0;background:#000b;place-items:center}.modal.show{display:grid}.modalbox{width:min(470px,90vw);padding:35px;background:#090d0f;border:1px solid #62ff38;position:relative}.modalbox input{width:100%;margin:7px 0;padding:13px;background:#020405;border:1px solid #2a3b3c;color:white}.modalbox .primary{width:100%;margin-top:12px}.modalbox #close{position:absolute;right:12px;top:10px;border:0;font-size:22px;padding:5px}@media(max-width:900px){nav a{display:none}.mapgrid,.mission{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.hero{min-height:620px}.status{gap:8px;flex-wrap:wrap}.gallery{grid-template-columns:1fr 1fr}}@media(max-width:560px){header{padding:0 18px}.brand span{font-size:11px}.hero,.section{padding-left:20px;padding-right:20px}.cards{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery img{height:220px}.mapvisual{min-height:360px}h1{letter-spacing:-2px}}
.rtirl{display:inline-block;margin-top:10px;border:1px solid #42dff5;padding:12px 16px;color:#77eaff;font-size:12px;font-weight:900;letter-spacing:.7px}
.community{border-top:1px solid #202d30}.community-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.community-card{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;padding:22px;border:1px solid #29383a;background:linear-gradient(135deg,#0c1012,#080a0c);transition:.2s}
.community-card:hover{transform:translateY(-3px);border-color:#62ff38;box-shadow:0 0 25px #62ff3814}
.community-card>span{font-size:28px;text-align:center}.community-card b{font-size:16px;letter-spacing:1px}.community-card p{margin:5px 0 0;color:#8d9c9f;font-size:12px}.community-card em{font-style:normal;font:10px monospace;color:#70f34d}
.youtube>span{color:#ff4055}.discord>span{color:#8c79ff}.amazon>span{color:#ffb43b}.paypal>span{color:#50c9ff}
@media(max-width:700px){.community-grid{grid-template-columns:1fr}.community-card{grid-template-columns:45px 1fr auto}}
/* V6 */
.squads .squad{color:#eef3ef;text-align:left;font:inherit;display:flex;flex-direction:column;align-items:flex-start;width:100%;background:#0b0e10}.squad i{font-style:normal;font-size:29px}.squad span{margin-top:auto;color:#62ff38;font:10px monospace;letter-spacing:1px}.mapshade{position:absolute;inset:0;background:linear-gradient(135deg,#06110b33,#4c16a422);pointer-events:none}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:40px monospace;color:#62ff38aa;text-shadow:0 0 15px #62ff38}.reputation{background:#070a0b;border-block:1px solid #182425}.rankgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rankgrid>div{padding:22px;border:1px solid #273638;background:#090d0f}.rankgrid strong{display:block;font:34px monospace;color:#25393b}.rankgrid b{color:#62ff38}.rankgrid p{color:#89999b;font-size:12px}.widebox{max-width:580px}.modalbox label{display:block;margin:12px 0;color:#8ea0a3;font:11px monospace;letter-spacing:1px}.modalbox textarea{width:100%;min-height:120px;margin-top:7px;padding:13px;background:#020405;border:1px solid #2a3b3c;color:white;resize:vertical}.full{width:100%}.notice{font-size:12px;color:#879699;line-height:1.5;border-left:2px solid #a970ff;padding-left:10px}.miniSquads{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.miniSquads button{background:#0a0e10;color:white;border:1px solid #2b3b3d;padding:12px;text-align:left}.miniSquads button.selected{border-color:#62ff38;color:#62ff38;box-shadow:inset 0 0 20px #62ff3810}.profilecard{border:1px solid #31433c;padding:20px;background:#040706}.profilecard h3{color:#62ff38;font-size:25px;margin:5px 0}.profilecard .badge{display:inline-block;border:1px solid #a970ff;color:#c4a9ff;padding:7px 10px;margin:8px 0;font:11px monospace}.profilecard .xp{height:7px;background:#1b2623;margin:15px 0}.profilecard .xp i{display:block;height:100%;width:12%;background:#62ff38}.modalbox .close{position:absolute;right:12px;top:10px;border:0;background:none;color:white;font-size:24px}.modalbox{position:relative}@media(max-width:700px){.rankgrid{grid-template-columns:1fr 1fr}.miniSquads{grid-template-columns:1fr}}
/* V7 // tactical Felt map */
.tactical-map{min-height:590px;border-color:#5cff3c66;background:#030505;box-shadow:0 0 0 1px #b6ff0020,0 0 45px #6cff3810,inset 0 0 70px #000}.tactical-map img{transition:opacity .22s ease,transform .7s ease;filter:saturate(.72) contrast(1.16) brightness(.68)}.tactical-map:hover img{transform:scale(1.018)}.gridlines{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(#8cff3910 1px,transparent 1px),linear-gradient(90deg,#8cff3910 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}.tactical-map .hud{display:flex;flex-direction:column;gap:3px;border-left-color:#b6ff00;background:#030806dc;color:#b6ff00}.tactical-map .hud b{font-size:12px}.tactical-map .hud span{color:#72d7dc;font-size:9px}.radar-ring{position:absolute;z-index:2;border:1px solid #b6ff0050;border-radius:50%;pointer-events:none;right:9%;top:13%;box-shadow:0 0 18px #b6ff0018}.r1{width:120px;height:120px}.r2{width:190px;height:190px;right:6.5%;top:7%}.map-scanline{position:absolute;z-index:2;left:0;right:0;height:1px;top:18%;background:linear-gradient(90deg,transparent,#b6ff00aa,transparent);box-shadow:0 0 10px #b6ff00;animation:mapscan 5s linear infinite;opacity:.6}@keyframes mapscan{0%{top:8%;opacity:0}10%{opacity:.55}90%{opacity:.55}100%{top:92%;opacity:0}}.map-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.mapview{padding:11px 8px;border-color:#34494b;color:#9babad;font-size:10px}.mapview.active{border-color:#b6ff00;color:#b6ff00;box-shadow:inset 0 0 20px #b6ff000d}.intel{display:grid;gap:8px;margin:4px 0 20px}.intel>div{border-left:2px solid #5de5f2;background:#071012;padding:9px 11px}.intel small{display:block;color:#708588;font-size:8px;letter-spacing:1px}.intel b{font:11px monospace;color:#d9f5f4}.map-panel .primary,.map-panel .rtirl{text-align:center}.map-panel .legend{border-top:1px solid #233234;padding-top:16px}.map-panel h3{font-size:26px}@media(max-width:900px){.tactical-map{min-height:500px}}@media(max-width:560px){.tactical-map{min-height:390px}.map-switch{grid-template-columns:1fr}.radar-ring{display:none}}

/* V8 // menus, quests, owner admin */
.navdrop{position:relative}.navdrop>a{display:block;padding:26px 0}.submenu{display:none;position:absolute;top:55px;left:-15px;min-width:220px;background:#080c0eee;border:1px solid #2d4142;box-shadow:0 18px 40px #000;padding:8px;backdrop-filter:blur(12px)}.navdrop:hover .submenu{display:grid}.submenu a,.submenu button{padding:11px 12px;text-align:left;border:0;background:transparent;color:#b8c5c7;font:11px monospace}.submenu a:hover,.submenu button:hover{background:#101a18;color:#62ff38}.adminbtn{border-color:#a970ff;color:#c5aaff;padding:9px 11px;font-size:10px}.questgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.questcard{position:relative;overflow:hidden;padding:0;background:#080c0e;border:1px solid #293a3c;color:white;text-align:left}.questcard img,.classified{width:100%;height:210px;object-fit:cover;filter:brightness(.65) saturate(.8)}.questcard>div:last-child{padding:20px}.questcard h3{font-size:22px;margin:5px 0}.questcard p{color:#8fa0a3;min-height:40px}.questcard b{color:#62ff38;font:10px monospace}.qstatus{position:absolute;z-index:2;top:12px;right:12px;padding:7px 9px;background:#050908dd;font:9px monospace}.qstatus.active{color:#62ff38;border:1px solid #62ff38}.qstatus.vote{color:#b893ff;border:1px solid #a970ff}.qstatus.secret{color:#ff5876;border:1px solid #ff355d}.classified{display:grid;place-items:center;font-size:80px;color:#5c3b70;background:radial-gradient(circle,#24142d,#08090b)}.questdetail{max-width:780px}.questhero{width:100%;height:260px;object-fit:cover;border:1px solid #324447}.questmeta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.questmeta span,.clues span{border:1px solid #2e4143;padding:7px 9px;font:9px monospace;color:#7be9ee}.clues{display:grid;gap:7px;margin-top:20px}.adminoverlay{display:none;position:fixed;z-index:80;inset:0;background:#050708;color:#edf4f2}.adminoverlay.show{display:grid;grid-template-columns:260px 1fr}.adminoverlay aside{border-right:1px solid #263638;background:#080c0e;padding:22px 14px;display:flex;flex-direction:column;gap:6px}.adminbrand{display:flex;align-items:center;gap:10px;padding:8px 5px 22px}.adminbrand img{width:44px;height:44px;object-fit:contain}.adminbrand small{display:block;color:#a970ff}.adminbrand b{color:#62ff38}.admintab,.exitadmin{padding:12px;text-align:left;background:transparent;color:#9fb0b2;border:1px solid transparent}.admintab.active,.admintab:hover{border-color:#304548;color:#62ff38;background:#0b1211}.exitadmin{margin-top:auto;border-color:#4d315e;color:#c7a9ff}.adminmain{overflow:auto;padding:35px 4vw}.adminhead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #233234;padding-bottom:20px}.adminhead h2{font-size:38px;margin:5px 0}.ownerbadge{border:1px solid #a970ff;color:#c7a8ff;padding:10px;font:10px monospace}.adminpage{display:none;padding:30px 0}.adminpage.active{display:block}.adminstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.adminstats>div{padding:24px;border:1px solid #293b3d;background:#090e10}.adminstats small{display:block;color:#839699}.adminstats b{display:block;margin-top:8px;font:28px monospace;color:#62ff38}.adminnotice{margin-top:20px;border-left:3px solid #a970ff;background:#0c0d13;padding:20px}.admincols{display:grid;grid-template-columns:1fr .8fr;gap:25px}.adminpage label{display:block;margin:13px 0;color:#91a2a4;font:10px monospace;letter-spacing:1px}.adminpage input:not([type=checkbox]),.adminpage select,.adminpage textarea{display:block;width:100%;margin-top:6px;padding:12px;background:#030607;color:white;border:1px solid #304244}.adminpage textarea{min-height:110px}.photoPreview{min-height:180px;border:1px dashed #405254;display:grid;place-items:center;color:#687a7c;background-size:cover;background-position:center}.editactions{display:flex;gap:8px}.draftlist>div{padding:13px;border:1px solid #2b3b3d;margin:7px 0;background:#090d0f}.draftlist small{display:block}.mediaDemo{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mediaDemo img{width:100%;height:180px;object-fit:cover}.usertable>div{display:grid;grid-template-columns:1fr 1fr 100px auto auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #263638}.usertable em{font-style:normal;color:#62ff38;font:10px monospace}.usertable button{padding:8px;font-size:9px}.permissiongrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:800px}.permissiongrid label{padding:14px;border:1px solid #2a3c3e;background:#090d0f}.lockedperm{opacity:.45}.filterResult{margin:15px 0;padding:15px;border:1px solid #344749;font:12px monospace}.filterResult.ok{border-color:#62ff38;color:#62ff38}.filterResult.blocked{border-color:#ff355d;color:#ff6b82}.setting{display:flex;justify-content:space-between;gap:20px;padding:17px;border-bottom:1px solid #263638}.setting span{color:#62ff38;font:10px monospace}@media(max-width:950px){.questgrid{grid-template-columns:1fr 1fr}.adminoverlay.show{grid-template-columns:190px 1fr}.adminstats{grid-template-columns:1fr 1fr}.admincols{grid-template-columns:1fr}.usertable>div{grid-template-columns:1fr 1fr}.mainnav .navdrop{display:none}}@media(max-width:600px){.questgrid{grid-template-columns:1fr}.adminoverlay.show{display:block}.adminoverlay aside{position:sticky;top:0;z-index:2;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #263638;padding:8px}.adminbrand{display:none}.admintab{white-space:nowrap}.exitadmin{margin:0;white-space:nowrap}.adminmain{padding:20px}.adminhead{align-items:flex-start;gap:10px}.ownerbadge{font-size:8px}.permissiongrid{grid-template-columns:1fr}}

/* ===== V10 COMPACT — retour à l'esprit V8, densité renforcée ===== */
:root{--compact-gap:14px}
body{background-size:100% auto}
header{min-height:64px;padding:8px 22px}
.brand img{width:42px;height:42px}.brand span{font-size:14px}.mainnav{gap:8px}.mainnav>a,.mainnav button,.navdrop>a{padding:9px 11px;font-size:12px}
.hero{min-height:470px;height:68vh;max-height:650px}.hero-copy{max-width:720px}.hero-copy h1{font-size:clamp(54px,8vw,108px);margin:0 0 8px}.hero-copy p{max-width:650px;margin:8px 0 18px}.wordmark{max-width:520px}.status{padding:10px 18px;gap:10px;font-size:11px}
.section{padding:48px 4vw}.section-title{margin-bottom:20px;max-width:900px}.section-title h2{font-size:clamp(30px,4vw,54px);margin:3px 0 5px}.section-title p{margin:0;line-height:1.45}
.mapgrid{grid-template-columns:minmax(0,1.75fr) minmax(300px,.72fr);gap:var(--compact-gap);align-items:stretch}.mapvisual{min-height:500px}.map-panel{padding:20px}.map-panel h3{margin:8px 0;font-size:24px}.map-panel p{margin:8px 0 14px;line-height:1.45}.intel{gap:7px;margin:12px 0}.intel>div{padding:10px}.legend{margin-top:10px;gap:6px}
.cards{gap:12px}.squads{grid-template-columns:repeat(7,minmax(135px,1fr));overflow-x:auto;padding-bottom:8px}.squad{min-height:180px;padding:16px}.squad i{font-size:28px}.squad p{font-size:12px;line-height:1.35}.squad span{font-size:10px}
.mission-layout{gap:14px}.mission-main,.questboard,.panel{padding:20px}.mission-main h3{font-size:30px}.questcards{gap:10px}.quest{padding:14px}.rankgrid{gap:10px}.rankgrid>div{padding:18px}.community-grid{gap:10px}.community-card{padding:16px}.gallery{gap:8px}.gallery img{height:180px}
footer{padding:18px 4vw}
@media(max-width:1150px){.squads{grid-template-columns:repeat(4,1fr)}.mapgrid{grid-template-columns:1fr}.mapvisual{min-height:460px}}
@media(max-width:760px){header{padding:8px 12px}.hero{height:auto;min-height:610px}.section{padding:36px 16px}.mapvisual{min-height:390px}.squads{grid-template-columns:repeat(2,1fr)}.gallery img{height:140px}}

/* ===== V11 HYBRID — carte majeure + exploration + densité V8/V10 ===== */
:root{--kawa:#b7ff00;--purple:#8c3dff;--cyan:#68e8ff}
body{background:radial-gradient(circle at 70% 12%,#190b2a55,transparent 28%),#050607}
header{height:64px;background:#050709f2}.exploreNav{color:#c7b1ff!important}.exploreNav:hover{color:var(--kawa)!important}
.hybrid-hero{min-height:410px;height:58vh;max-height:530px;padding:4.5vw 5vw;align-items:center}.hybrid-hero .hero-bg{background:linear-gradient(90deg,#020304 0%,#020304e8 35%,#02030475 67%,#02030455),url('assets/hero-kawa.jpg') center 55%/cover}.hybrid-hero .hero-copy{max-width:650px}.hybrid-hero .wordmark{width:min(480px,72vw);max-height:105px}.hybrid-hero h1{font-size:clamp(46px,6.2vw,84px);letter-spacing:-3px}.hybrid-hero p{font-size:15px;line-height:1.5;max-width:570px}.hero-brief{position:absolute;z-index:4;right:5vw;top:50%;transform:translateY(-50%);width:min(330px,27vw);padding:20px;background:linear-gradient(145deg,#080b0ed9,#09040fd9);border:1px solid #7541a866;border-left:3px solid var(--kawa);box-shadow:0 18px 60px #0009,0 0 35px #8c3dff18;backdrop-filter:blur(8px)}.hero-brief small{font-size:9px}.hero-brief>b{display:block;font-size:20px;margin:10px 0}.hero-brief p{font-size:12px;margin:0 0 13px}.hero-brief div{display:flex;gap:6px;flex-wrap:wrap}.hero-brief div span{font:9px monospace;padding:6px 7px;border:1px solid #344143;color:#9ff780}.hero-brief>a{display:block;margin-top:14px;color:#c7a5ff;font:10px monospace;font-weight:bold}
.section{padding:38px 4vw}.section-title{margin-bottom:16px}.section-title h2{font-size:clamp(29px,3.7vw,48px)}#map.section{padding-top:32px}.mapgrid{grid-template-columns:minmax(0,2.15fr) minmax(280px,.68fr);gap:12px}.tactical-map{min-height:535px}.map-panel{padding:18px}.map-panel h3{font-size:22px}.map-panel p{font-size:13px}.intel>div{padding:7px 9px}.map-panel .primary,.map-panel .rtirl{padding:10px 12px}
.questboard{padding-top:34px}.questgrid{gap:10px}.questcard img,.classified{height:170px}.questcard>div:last-child{padding:15px}.questcard h3{font-size:19px}.questcard p{font-size:12px;min-height:32px}
.explore{border-block:1px solid #27183a;background:linear-gradient(180deg,#09070d,#050708)}.exploregrid{display:grid;grid-template-columns:1.35fr .85fr .7fr;gap:10px}.story,.secretfile{min-height:250px;border:1px solid #29383a;background:#080b0d;position:relative;overflow:hidden}.story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.42) saturate(.8)}.story>div{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(transparent,#050708 28%)}.story h3{font-size:22px;margin:6px 0}.story p{font-size:12px;color:#b0bdbe;max-width:520px}.story a{color:var(--kawa);font:10px monospace;font-weight:bold}.secretfile{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:18px;color:white;background:radial-gradient(circle at 60% 28%,#6e1a8830,transparent 35%),repeating-linear-gradient(135deg,#0a080e,#0a080e 10px,#0d0912 10px,#0d0912 20px);border-color:#71358b}.secretfile:before{content:'?';position:absolute;right:18px;top:8px;font:bold 92px Arial;color:#7d35a633}.secretfile span{color:#ff5c7d;font:9px monospace}.secretfile b{font-size:20px;margin:7px 0}.secretfile p{font-size:12px;color:#a99db0;line-height:1.4}.secretfile em{font-style:normal;color:#c7a5ff;font:10px monospace}
#squads{padding-top:34px}.squads{grid-template-columns:repeat(7,minmax(130px,1fr))}.squad{min-height:160px}.reputation{padding-block:34px}.rankgrid>div{padding:15px}.community{padding-block:34px}.roadbook{padding-top:34px}.gallery img{height:165px}.mission{padding-top:38px;padding-bottom:38px}.mission h2{font-size:44px}
@media(max-width:1050px){.hero-brief{display:none}.hybrid-hero .hero-copy{max-width:720px}.mapgrid{grid-template-columns:1fr}.exploregrid{grid-template-columns:1fr 1fr}.secretfile{grid-column:1/-1;min-height:180px}.squads{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.hybrid-hero{height:auto;min-height:560px;padding:60px 20px}.exploregrid{grid-template-columns:1fr}.secretfile{grid-column:auto}.story,.secretfile{min-height:230px}.tactical-map{min-height:410px}.squads{grid-template-columns:repeat(2,1fr)}}
/* ===== V12 // FOG OF WAR + GAME MASTERS ===== */
.fogbank{position:absolute;z-index:2;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 35% 50%,#16101db8,#030405f2 62%),repeating-linear-gradient(125deg,#090b0ccc 0 12px,#111018dd 12px 24px);backdrop-filter:blur(7px);border:1px solid #8c3dff30;box-shadow:inset 0 0 70px #000}.fogbank:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle,#a451ff1a,transparent 45%);animation:fogmove 8s ease-in-out infinite alternate}.fogbank span{z-index:2;color:#9f83bd;font:9px monospace;letter-spacing:2px}.fog-a{right:-2%;top:-3%;width:38%;height:48%;clip-path:polygon(18% 0,100% 0,100% 100%,0 88%,13% 53%)}.fog-b{left:-3%;bottom:-3%;width:30%;height:37%;clip-path:polygon(0 0,78% 12%,100% 54%,74% 100%,0 100%)}@keyframes fogmove{to{transform:translate(5%,3%) scale(1.08)}}
.candidate{position:absolute;z-index:5;display:flex;align-items:center;gap:7px;color:#fff;font:9px monospace;text-shadow:0 1px 3px #000}.candidate b{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--kawa);background:#071007dd;color:var(--kawa);box-shadow:0 0 18px #b7ff0055}.candidate span{padding:5px 7px;background:#050708dd;border:1px solid #3c4b4c}.c1{left:42%;top:31%}.c2{left:68%;top:24%}.c3{left:61%;top:67%}
.sectorvote{margin-top:15px;padding-top:14px;border-top:1px solid #263638}.sectorvote small{font-size:9px}.sectorvote>div{display:grid;gap:6px;margin-top:8px}.sectorvote button{display:flex;justify-content:space-between;padding:9px 10px;border-color:#334648;font-size:10px;text-align:left}.sectorvote button:hover,.sectorvote button.chosen{border-color:var(--kawa);color:var(--kawa)}.sectorvote i{font-style:normal;color:#fff}.sectorvote p{font-size:10px;margin:8px 0 0;color:#7d8b8d}
.operation-arc{border-block:1px solid #281c37;background:linear-gradient(120deg,#06090a,#0b0710)}.fragment-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:12px}.fragments{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.fragment{min-height:160px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;background:linear-gradient(160deg,#0c1012,#08080d);border-color:#27383a;color:#7f8d8f}.fragment b{font:42px monospace;color:#26383b}.fragment span{font-size:11px;font-weight:900;margin:7px 0}.fragment em{font:9px monospace;font-style:normal}.fragment.unlocked{border-color:#6dff454d;color:#dfe9e0}.fragment.unlocked b,.fragment.unlocked em{color:var(--kawa)}.fragment.locked{opacity:.45}.final-destination{padding:20px;border:1px solid #653b7c;background:radial-gradient(circle at 80% 10%,#7d29a326,transparent 38%),#090a0e}.final-destination h3{font-size:22px;margin:10px 0}.final-destination p{font-size:12px;color:#9da9aa;line-height:1.5}.progress{height:7px;background:#1b2023;margin:18px 0}.progress i{display:block;width:50%;height:100%;background:linear-gradient(90deg,var(--purple),var(--kawa));transition:.3s}.final-destination button{font-size:10px}
.gm-section{border-bottom:1px solid #281c37}.gm-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:12px}.gm-lock{display:grid;grid-template-columns:60px 1fr auto;gap:18px;align-items:center;padding:20px;border:1px solid #75429b;background:linear-gradient(135deg,#100a16,#080b0d)}.gm-lock>span{font-size:40px;color:#c08cff}.gm-lock h3{margin:4px 0}.gm-lock p{font-size:12px;color:#9fa9ab}.gm-lock>b{font:10px monospace;color:#c99cff}.gm-terminal{padding:20px;border:1px solid #2b3b3d;background:#030506;display:flex;flex-direction:column;justify-content:center;gap:10px;font:10px monospace;color:#69e6f7}.gm-admin{display:flex;gap:8px;max-width:620px}.gm-admin input{margin:0!important}
@media(max-width:900px){.fragment-layout,.gm-grid{grid-template-columns:1fr}.fragments{grid-template-columns:1fr 1fr}.gm-lock{grid-template-columns:50px 1fr}.gm-lock>b{grid-column:2}.fog-a{width:48%}.fog-b{width:38%}}@media(max-width:560px){.fragments{grid-template-columns:1fr 1fr}.fragment{min-height:125px}.candidate span{display:none}}
/* OFFICIAL v1 — status separator deliberately below labels */
.status{border-top:0!important;padding-top:0!important;padding-bottom:14px!important}
.status:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#62ff38aa,#8d4dff88,#00d9ff55,transparent)}


/* ===== VIEWERS ZONE // CAMP DE BASE + CREW HQ ===== */
.social-hq{border-top:1px solid #203035}.crew-hq{background:linear-gradient(120deg,#070a0b,#0d0813)}
.hq-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.55fr);gap:12px}.chat-panel,.hq-side{border:1px solid #293b3d;background:#080c0e}.chat-panel{min-height:560px;display:flex;flex-direction:column}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid #26383a;background:#06090a}.chat-head small{display:block;font-size:8px}.chat-head b{display:block;margin-top:4px}.chat-head>span{font:9px monospace;color:#68e8ff}.message-feed{height:390px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px}.chat-empty{margin:auto;color:#718184;font:11px monospace;text-align:center}.msg{padding:11px 12px;border:1px solid #26383a;background:#070a0b}.msg.replying{border-left:3px solid #8c3dff}.msg-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font:9px monospace;color:#7d8e90}.msg-meta b{color:#b7ff00;font-size:11px}.msg-meta .crew-badge{color:#c8a8ff}.msg-body{margin:8px 0;color:#d9e2e3;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.msg-reply{padding:7px 9px;margin:6px 0;border-left:2px solid #8c3dff;background:#0d0912;color:#9da9aa;font-size:11px}.msg-actions{display:flex;gap:7px;flex-wrap:wrap}.msg-actions button,.attachment{padding:6px 8px;border-color:#34484a;font:9px monospace;color:#73e8f7}.msg-actions .delete-msg{border-color:#5b2832;color:#ff7188}.composer{padding:12px;border-top:1px solid #26383a;background:#06090a}.composer textarea{width:100%;min-height:72px;max-height:150px;resize:vertical;background:#020405;border:1px solid #304244;color:white;padding:11px}.composer-row{display:flex;align-items:center;gap:9px;margin-top:8px}.composer-row>span{flex:1;color:#738487;font:9px monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filepick{cursor:pointer;border:1px solid #3a4d50;padding:10px;color:#6fe8f8;font:9px monospace}.composer-row button{padding:10px 14px}.hq-side{padding:20px}.hq-side h3{font-size:21px;margin:8px 0 12px}.hq-side p{color:#92a1a3;font-size:12px;line-height:1.55}.hq-rule{padding:10px 0;border-bottom:1px solid #202e30;color:#b8c6c7;font:10px monospace}.crew-members{display:grid;gap:7px;margin-top:12px}.crew-member{display:flex;justify-content:space-between;gap:8px;padding:9px;border:1px solid #27383a;background:#06090a;font-size:11px}.crew-member span{color:#b7ff00}.auth-link{width:100%;margin-top:8px;border-color:#35484a;color:#78e8f7;background:#071012}.auth-link:hover{border-color:#68e8ff}.recovery-overlay{position:fixed;z-index:120;inset:0;background:#000d;display:grid;place-items:center}.recovery-card{width:min(470px,92vw);padding:28px;background:#090d0f;border:1px solid #b7ff00;box-shadow:0 0 50px #000}.recovery-card input{width:100%;padding:13px;margin:8px 0;background:#020405;border:1px solid #304244;color:#fff}.recovery-card .notice{margin:10px 0}
@media(max-width:900px){.hq-grid{grid-template-columns:1fr}.chat-panel{min-height:520px}.message-feed{height:340px}}@media(max-width:560px){.composer-row{flex-wrap:wrap}.composer-row>span{order:3;flex-basis:100%}.chat-head{align-items:flex-start;flex-direction:column}}

.crew-select{width:100%;margin:9px 0;padding:10px;background:#030607;color:#fff;border:1px solid #75429b;font:10px monospace}/* ===== FIX FENETRE CONNEXION // ECRANS BAS ===== */

.modal{
  padding:20px;
  overflow-y:auto;
}

.modalbox{
  max-height:calc(100vh - 40px);
  overflow-y:auto;
  scrollbar-width:thin;
}

@media(max-height:750px){
  .modal{
    place-items:start center;
    padding-top:15px;
    padding-bottom:15px;
  }

  .modalbox{
    padding:25px 35px;
  }

  .modalbox h2{
    font-size:42px;
    margin:5px 0 12px;
  }
}/* ===== FIX BARRE D'ETAT HERO ===== */

.hero .status{
  left:5%;
  right:5%;
  bottom:16px;
  height:auto;
  min-height:34px;
  padding:8px 14px;
  border-top:1px solid #2a4935;
  border-bottom:1px solid #172d20;
  background:rgba(3,8,8,.88);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:center;
  gap:18px;
}

.hero .status span{
  position:static;
  display:block;
  padding:0;
  margin:0;
  border:0;
  line-height:1.25;
  white-space:nowrap;
  text-align:center;
}

@media(max-width:900px){
  .hero .status{
    grid-template-columns:1fr 1fr;
    gap:7px 14px;
  }

  .hero .status span{
    white-space:normal;
  }
}
/* ===== APERÇU IMAGES CHAT ===== */

.chat-image-wrap{
  margin-top:10px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
}

.chat-image-preview{
  display:block;
  width:auto;
  max-width:min(100%,520px);
  max-height:380px;
  object-fit:contain;
  border:1px solid rgba(183,255,0,.28);
  border-radius:8px;
  background:#050909;
  box-shadow:0 0 18px rgba(183,255,0,.06);
  cursor:zoom-in;
}

.chat-image-preview:hover{
  border-color:#b7ff00;
}

.chat-image-wrap .attachment{
  font-size:12px;
}/* ===== FIX ACTIONS SOUS LES IMAGES DU CHAT ===== */

.msg-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:8px;
}

.msg-actions .chat-image-wrap{
  flex:0 0 100%;
  width:100%;
}

.msg-actions button{
  width:auto;
  height:auto;
  min-height:34px;
  align-self:flex-start;
  padding:8px 14px;
}

.chat-image-preview{
  max-width:min(100%,520px);
  max-height:380px;
}
/* ===== RÉACTIONS CHAT ===== */

.chat-reactions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:8px 0;
}

.reaction-btn{
  display:flex;
  align-items:center;
  gap:5px;
  width:auto;
  min-height:30px;
  padding:5px 9px;
  border:1px solid #304244;
  border-radius:16px;
  background:#070b0c;
  color:#dce7e8;
  font-size:13px;
}

.reaction-btn:hover{
  border-color:#b7ff00;
  background:#0d140d;
}

.reaction-btn.active{
  border-color:#b7ff00;
  background:rgba(183,255,0,.10);
  box-shadow:0 0 12px rgba(183,255,0,.08);
}

.reaction-btn b{
  color:#b7ff00;
  font:10px monospace;
}