:root{--bg:#07040f;--cyan:#2bf4ff;--pink:#ff3bed;--violet:#8d4cff;--hex:clamp(41px,8vh,63px)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{color:#fff;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 50% 55%,#281653,#10091f 45%,#05030a 100%)}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(#fff05 1px,transparent 1px),linear-gradient(90deg,#fff05 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,#000,transparent 75%);pointer-events:none}.screen{position:fixed;inset:0;display:none}.screen.active{display:flex}button,input{font:inherit}.loader{z-index:20;flex-direction:column;align-items:center;justify-content:center;background:#07040f}.loader h1{letter-spacing:.18em;text-shadow:0 0 20px var(--pink)}.loadhex{font-size:55px;letter-spacing:8px;color:var(--cyan);filter:drop-shadow(0 0 12px var(--cyan));animation:pulse 1s infinite}.home{align-items:center;justify-content:center;flex-direction:column}.home nav{position:absolute;right:3vw;top:22px}.home nav button,.game header button{margin:3px;width:47px;height:47px;border:1px solid #70529a;border-radius:14px;background:#110b25;color:#fff;font-size:21px;cursor:pointer;box-shadow:inset 0 0 15px #8d4cff33}.brand{text-align:center}.brand img{max-width:min(700px,78vw);max-height:260px}.brand h1{font-size:clamp(44px,9vw,95px);line-height:.83;letter-spacing:.07em;margin:0;text-shadow:0 0 12px #fff,0 0 35px var(--violet)}.brand h1 b{color:#fff;text-shadow:0 0 10px #fff,0 0 27px var(--pink)}.brand p{margin:26px 0 42px;color:var(--cyan);font-weight:800;letter-spacing:.32em}.primary{padding:16px 35px;border:1px solid #ff83f7;border-radius:17px;background:linear-gradient(125deg,#6e2ddd,#c224b7);color:#fff;font-weight:900;letter-spacing:.12em;box-shadow:0 0 18px #ff3bed99;cursor:pointer}.home footer{position:absolute;left:3vw;right:3vw;bottom:24px;display:flex;justify-content:space-between;color:#aea3c6;font-size:14px}.home footer button,.link{border:0;background:none;color:#e9e2f4;cursor:pointer}.game{flex-direction:column;align-items:center;padding:10px}.game header{width:min(920px,100%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;z-index:2}.game header>button{justify-self:end}.game aside{display:flex;gap:25px;align-items:center;text-align:center}.game aside label{color:#afa6c2;font-size:10px;letter-spacing:.16em;min-width:85px}.game aside strong{display:block;color:#fff;font-size:26px;text-shadow:0 0 13px var(--cyan)}.game aside i{width:1px;height:35px;background:#624b89}.board-wrap{flex:1;min-height:0;width:100%;display:grid;place-items:center}#board{position:relative;width:calc(var(--hex)*7.1);height:calc(var(--hex)*6.45)}.cell,.hex{width:var(--hex);height:calc(var(--hex)*1.1547);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);display:grid;place-items:center}.cell{position:absolute;border:0;background:#7156a950;cursor:pointer;transition:.15s}.cell:after,.hex:after{content:"";position:absolute;inset:2px;clip-path:inherit;background:#0e091d}.cell:hover{filter:drop-shadow(0 0 8px var(--cyan));transform:scale(1.04)}.cell.occupied{background:var(--glow);filter:drop-shadow(0 0 7px var(--glow))}.cell.occupied:after,.hex:after{background:var(--fill)}.cell span,.hex span{z-index:1;color:#fff;font-weight:900;font-size:calc(var(--hex)*.36);text-shadow:0 2px 3px #0009}.cell.merge{animation:merge .5s}.next{height:140px;text-align:center}.next p{margin:0;color:#afa6c2;font-size:11px;letter-spacing:.2em}.next small{display:block;margin-top:4px;color:#786e8d}.hex{position:relative;margin:auto;background:var(--glow);filter:drop-shadow(0 0 11px var(--glow));cursor:grab;touch-action:none}.hex.dragging{position:fixed;z-index:50;pointer-events:none;transform:scale(1.1);margin:0}dialog{width:min(600px,92vw);max-height:92vh;overflow:auto;padding:28px;border:1px solid #8058e8;border-radius:25px;color:#fff;background:linear-gradient(150deg,#181031,#090613);box-shadow:0 0 50px #813dff77;text-align:center}dialog::backdrop{background:#030108dc;backdrop-filter:blur(7px)}dialog h2{text-shadow:0 0 16px var(--pink);letter-spacing:.12em}.close{position:absolute;right:17px;top:10px;border:0;background:none;color:#fff;font-size:32px;cursor:pointer}dialog li{text-align:left;margin:14px;line-height:1.5;color:#d7cde9}.demo{display:flex;align-items:center;justify-content:center;margin:24px}.demo span,.demo em{display:grid;place-items:center;width:44px;height:50px;margin-left:-7px;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);background:#ee4168;font-weight:900;font-style:normal;filter:drop-shadow(0 0 6px #ff426c)}.demo b{margin:0 15px}.demo em{background:#8e4be9;filter:drop-shadow(0 0 8px #a862ff)}.final small,.final em{display:block}.final strong{display:block;font-size:52px;color:var(--cyan);text-shadow:0 0 16px var(--cyan)}.final em{color:#ffe85c;font-weight:900}#scoreForm label{display:block;margin:12px}#scoreForm>div{display:flex;max-width:390px;margin:auto}#scoreForm input{min-width:0;flex:1;padding:11px;background:#080512;border:1px solid #684995;border-radius:9px 0 0 9px;color:#fff}#scoreForm button{border:0;border-radius:0 9px 9px 0;background:#7236c6;color:#fff;font-size:11px;font-weight:800}#saveMsg{min-height:18px;color:var(--cyan)}#leaders{columns:2;max-width:390px;margin:0 auto 18px;text-align:left}.link{display:block;margin:15px auto}@keyframes pulse{50%{transform:scale(1.08);filter:drop-shadow(0 0 22px var(--pink))}}@keyframes merge{50%{transform:scale(.55);filter:brightness(2)}80%{transform:scale(1.18)}}@media(max-width:650px){:root{--hex:clamp(38px,10vw,52px)}.game header{grid-template-columns:1fr auto}.game aside{grid-column:1/-1;grid-row:1;justify-self:center}.game header>div,.game header>button{grid-row:2}.game header button{width:39px;height:39px}.home footer p{max-width:52%}.brand p{letter-spacing:.15em}.next{height:125px}}@media(max-height:690px){:root{--hex:clamp(36px,7.8vh,50px)}.next{height:112px}.brand p{margin:14px 0 25px}}
/* Correction de visibilité de la grille : contours néon renforcés. */
.board-wrap{min-height:calc(var(--hex)*6.55);overflow:visible}
#board{flex:none;isolation:isolate}
#board:before{content:"";position:absolute;inset:8% 3%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#7738c840 0,transparent 72%);filter:blur(12px)}
.cell{background:linear-gradient(145deg,#b47cff,#29e7ff);filter:drop-shadow(0 0 4px #8d4cff)}
.cell:after{inset:3px;background:linear-gradient(145deg,#1c1234,#0b0717)}
/* Compatibilité : aucune multiplication CSS dans calc(). */
.board-wrap{min-height:280px}
#board{width:440px;height:400px}
.cell,.hex{height:auto;aspect-ratio:.866025 / 1}
.cell span,.hex span{font-size:clamp(16px,3.2vh,25px)}
@media(max-width:650px){.board-wrap{min-height:270px}}
@media(max-height:690px){.board-wrap{min-height:250px}}

/* Bouton et fenêtre du classement sur l'accueil. */
.home footer{gap:16px}.home footer>button{white-space:nowrap}
#rankButton{margin-left:auto;color:#ffe66a;font-weight:800}
#rankButton:hover{color:#fff;text-shadow:0 0 12px #ffe66a}
#rankModal{width:min(520px,92vw)}
.rank-subtitle{color:#afa6c2;margin-top:-8px}
#homeLeaders{list-style:none;padding:0;margin:22px auto;max-width:390px;text-align:left}
#homeLeaders li{display:flex;align-items:center;justify-content:space-between;margin:6px 0;padding:10px 14px;border:1px solid #62458d;border-radius:11px;background:#110b24;color:#fff}
#homeLeaders li:nth-child(1){border-color:#f5d64a;box-shadow:0 0 10px #f5d64a44}
#homeLeaders li:nth-child(2){border-color:#bfc5d2}
#homeLeaders li:nth-child(3){border-color:#d18b57}
#homeLeaders span{display:flex;align-items:center;gap:11px}
#homeLeaders em{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#59349d;color:#fff;font-style:normal;font-weight:900}
#homeLeaders b{color:var(--cyan);text-shadow:0 0 8px var(--cyan)}
#homeLeaders .rank-empty{display:block;text-align:center;color:#afa6c2}
@media(max-width:650px){.home footer{flex-wrap:wrap}.home footer p{width:100%;max-width:none;margin:0}.home footer>button{flex:1}#rankButton{margin-left:0}}

/* Palette HEXANÉON */
body{background:linear-gradient(140deg,#140428 0%,#331251 52%,#260738 100%)}
.loader{background:linear-gradient(140deg,#140428,#331251 55%,#260738)}
.home nav button,.game header button{border-color:#2af5ff;box-shadow:inset 0 0 12px #2af5ff22;color:#fff}
.home nav button:hover,.game header button:hover{border-color:#2af5ff;box-shadow:0 0 15px #2af5ff,0 0 28px #2af5ff66,inset 0 0 10px #2af5ff33;transform:translateY(-1px)}
.cell{background:#8220bf;filter:none}
.cell:after{background:linear-gradient(145deg,#28103c,#160820)}
.cell:hover{background:#9b31db;filter:drop-shadow(0 0 8px #a936ed);transform:scale(1.035)}
.cell.occupied{filter:drop-shadow(0 0 7px var(--glow))}
.cell.occupied:hover{filter:drop-shadow(0 0 11px var(--glow));transform:scale(1.035)}
.cell.occupied:hover:after{filter:brightness(1.16) saturate(1.12)}
#play{width:158px;height:140px;padding:0;border:0;border-radius:0;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);background:linear-gradient(145deg,#6d20c4,#be27c9);box-shadow:none;filter:drop-shadow(0 0 9px #a936ed);transition:filter .2s,transform .2s,background .2s}
#play:hover{background:linear-gradient(145deg,#8132dc,#d73bd8);filter:drop-shadow(0 0 17px #d442e8);transform:scale(1.045)}
.brand h1{font-size:clamp(48px,10vw,105px);letter-spacing:.09em}
.brand h1 b{color:#2af5ff;text-shadow:0 0 8px #fff,0 0 22px #2af5ff,0 0 38px #2af5ff}
@media(max-height:690px){#play{width:128px;height:114px}}

/* Bordure hexagonale rose du bouton JOUER. */
#play{position:relative;isolation:isolate;background:#ff4fd8;filter:drop-shadow(0 0 8px #ff4fd899)}
#play:before{content:"";position:absolute;z-index:0;inset:3px;clip-path:inherit;background:linear-gradient(145deg,#6d20c4,#be27c9);transition:background .2s}
#play span{position:relative;z-index:1}
#play:hover{background:#ff78e3;filter:drop-shadow(0 0 15px #ff4fd8)}
#play:hover:before{background:linear-gradient(145deg,#8132dc,#d73bd8)}