:root{--petrole: #217c8a;--petrole-clair: #4fb3c2;--or: #b97a26;--or-clair: #e0a957;--violet: #8061a8;--violet-clair: #b39ad6;--vert: #3c8765;--vert-clair: #6cc59a;--rouge: #c44d4d;--rouge-clair: #ff8f8f;--nuit: #0b1622;--nuit-2: #102131;--panneau: #142a3c;--panneau-2: #1a3449;--bord: #29465e;--texte: #e8eef3;--texte-2: #a9bccb;--focus: #ffd27a;--rayon: 12px;--ombre: 0 10px 30px rgba(0, 0, 0, .35);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--texte);background:var(--nuit);line-height:1.45;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 20% -10%,rgba(33,124,138,.22),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(128,97,168,.18),transparent 60%),var(--nuit);min-height:100vh}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.2;letter-spacing:.01em}h1{font-size:clamp(1.8rem,4vw,3rem)}h2{font-size:clamp(1.25rem,2.4vw,1.7rem)}h3{font-size:1.1rem}p{margin:0 0 .75rem}a{color:var(--petrole-clair)}small,.muted{color:var(--texte-2)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:-999px;top:0;background:var(--focus);color:#000;padding:.5rem 1rem;z-index:1000}.skip-link:focus{left:1rem}button,.btn{font:inherit;cursor:pointer;border:1px solid transparent;border-radius:10px;padding:.6rem 1rem;background:var(--panneau-2);color:var(--texte);transition:transform .12s,background .15s,border-color .15s;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none;min-height:44px}button:hover:not(:disabled),.btn:hover{border-color:var(--petrole-clair)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--petrole);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:#2890a0}.btn-gold{background:var(--or-clair);color:#1a1205;font-weight:700}.btn-gold:hover:not(:disabled){background:#ecb96c}.btn-ghost{background:transparent;border-color:var(--bord)}.btn-danger{background:#7a2a2a;color:#fff}.btn-sm{padding:.35rem .7rem;min-height:36px;font-size:.9rem}.btn-lg{padding:.9rem 1.4rem;font-size:1.1rem}input,select,textarea{font:inherit;color:var(--texte);background:var(--nuit-2);border:1px solid var(--bord);border-radius:10px;padding:.6rem .8rem;min-height:44px;width:100%}label{display:block;font-weight:600;margin-bottom:.3rem}.field{margin-bottom:1rem}.check{display:flex;gap:.6rem;align-items:flex-start;font-weight:400}.check input{width:auto;min-height:auto;margin-top:.3rem}.page{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 3rem}.panel{background:linear-gradient(180deg,var(--panneau),var(--nuit-2));border:1px solid var(--bord);border-radius:var(--rayon);padding:1.1rem;box-shadow:var(--ombre)}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack>*+*{margin-top:.75rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.03em;border:1px solid var(--bord);background:var(--nuit-2)}.badge-demo{background:var(--or-clair);color:#1a1205;border-color:transparent}.badge-online{background:var(--vert);color:#fff;border-color:transparent}.badge-major{background:var(--violet);color:#fff;border-color:transparent}.tag{font-size:.75rem;padding:.1rem .45rem;border-radius:6px;background:var(--nuit-2);border:1px solid var(--bord);color:var(--texte-2)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 1rem;background:#0b1622eb;border-bottom:1px solid var(--bord);position:sticky;top:0;z-index:20;backdrop-filter:blur(6px);flex-wrap:wrap}.brand{font-weight:800;letter-spacing:.08em;display:flex;align-items:center;gap:.5rem}.brand b{color:var(--or-clair)}.hero{position:relative;overflow:hidden;border-radius:18px;padding:clamp(1.5rem,5vw,3.5rem);border:1px solid var(--bord);background:#0d2030}.hero:before{content:"";position:absolute;inset:0;background:url(/assets/backgrounds/hero.jpg) center top / cover no-repeat;opacity:.25}.hero>*{position:relative}.hero .lead{font-size:1.1rem;color:var(--texte-2);max-width:60ch}.quartiers{display:flex;gap:.4rem;margin:1rem 0;flex-wrap:wrap}.quartiers span{padding:.3rem .7rem;border-radius:8px;font-size:.85rem;font-weight:600;color:#fff}.card-img{width:100%;aspect-ratio:16 / 6;object-fit:cover;object-position:center 25%;border-radius:10px;display:block;background:var(--nuit-2)}.choice-card{text-align:left;display:block;width:100%;padding:.9rem;border:2px solid var(--bord);background:var(--panneau);border-radius:var(--rayon)}.choice-card[aria-pressed=true]{border-color:var(--or-clair);box-shadow:0 0 0 3px #e0a95740}.avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid var(--bord);background:var(--nuit-2);flex:none}.avatar-sm{width:32px;height:32px}.avatar-pick{padding:0;border-radius:50%;min-height:0;border:3px solid transparent;background:none}.avatar-pick[aria-pressed=true]{border-color:var(--or-clair)}.code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.6rem;letter-spacing:.25em;font-weight:800;color:var(--or-clair)}.game{display:grid;grid-template-columns:300px 1fr 300px;gap:.75rem;padding:.75rem;height:calc(100vh - 62px);min-height:560px}.game>aside{overflow:auto;display:flex;flex-direction:column;gap:.75rem}.board-wrap{position:relative;border-radius:var(--rayon);overflow:hidden;border:1px solid var(--bord);background:radial-gradient(circle at 50% 40%,#173247,#0b1622 75%);min-height:420px}.board-wrap canvas{display:block}.board-overlay{position:absolute;left:0;right:0;bottom:0;padding:.75rem;display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;pointer-events:none}.board-overlay>*{pointer-events:auto}.board-top{position:absolute;top:.6rem;left:.6rem;right:.6rem;display:flex;justify-content:space-between;gap:.5rem;pointer-events:none;flex-wrap:wrap}.board-top>*{pointer-events:auto}.clock{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.4rem}.clock.warn{color:var(--or-clair)}.clock.danger{color:var(--rouge-clair)}.dice-result{font-size:1rem;background:#0b1622d9;padding:.4rem .8rem;border-radius:10px;border:1px solid var(--bord)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.stat{background:var(--nuit-2);border:1px solid var(--bord);border-left:4px solid var(--accent, var(--petrole-clair));border-radius:10px;padding:.45rem .6rem;display:flex;flex-direction:column;min-width:0}.stat .l{font-size:.76rem;color:var(--texte-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat .v{font-weight:800;font-variant-numeric:tabular-nums;font-size:1.05rem;white-space:nowrap;animation:flash .9s ease-out}.stat .v small{font-weight:600;color:var(--texte-2);font-size:.75rem;margin-left:1px}@keyframes flash{0%{color:#ffd27a;transform:scale(1.12)}to{color:inherit;transform:scale(1)}}.bar{height:8px;background:var(--nuit);border-radius:99px;overflow:hidden;border:1px solid var(--bord)}.bar>i{display:block;height:100%;background:var(--petrole-clair)}.score-line{display:grid;grid-template-columns:1fr auto;gap:.2rem .5rem;font-size:.88rem;align-items:center}.leader{list-style:none;margin:0;padding:0}.leader li{display:flex;align-items:center;gap:.5rem;padding:.4rem .3rem;border-bottom:1px solid var(--bord)}.leader li.me{background:#e0a9571f;border-radius:8px}.leader .rank{width:1.5rem;text-align:center;font-weight:800;color:var(--texte-2)}.journal{list-style:none;margin:0;padding:0;font-size:.85rem;max-height:260px;overflow:auto}.journal li{padding:.3rem 0;border-bottom:1px dashed var(--bord)}.journal time{color:var(--texte-2);font-variant-numeric:tabular-nums;margin-right:.35rem}.majors{display:grid;gap:.45rem}.major{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .6rem;border-radius:10px;border:1px solid var(--bord);background:var(--nuit-2)}.major.done{border-color:var(--vert)}.banner{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:40;width:min(640px,calc(100% - 2rem));background:linear-gradient(90deg,var(--violet),var(--petrole));padding:.8rem 1rem;border-radius:12px;box-shadow:var(--ombre)}.notice{border-left:4px solid var(--or-clair)}.board2d{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);gap:4px;width:min(100% - 1.2rem,900px);aspect-ratio:8 / 5;margin:0 auto;padding:.6rem;box-sizing:content-box}.cell2d{border-radius:6px;padding:3px;font-size:clamp(.5rem,1vw,.72rem);line-height:1.1;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;border:2px solid transparent;overflow:hidden}.cell2d b{font-size:.85em;opacity:.85}.cell2d.current{border-color:var(--focus);box-shadow:0 0 0 2px var(--focus)}.cell2d .pawns{display:flex;flex-wrap:wrap;gap:2px}.pawn2d{width:12px;height:12px;border-radius:50%;border:2px solid #fff}.center2d-unused{grid-column:2 / 9;grid-row:2 / 9;display:grid;place-items:center;text-align:center;color:var(--texte-2);border-radius:10px;background:#0003}.modal-backdrop{position:fixed;inset:0;background:#040a10b8;z-index:50;display:grid;place-items:center;padding:1rem}.modal{width:min(920px,100%);max-height:calc(100vh - 2rem);overflow:auto;background:var(--panneau);border:1px solid var(--bord);border-radius:16px;box-shadow:var(--ombre)}.modal-head{position:sticky;top:0;background:linear-gradient(180deg,var(--panneau-2),var(--panneau));padding:1rem 1.2rem .8rem;border-bottom:1px solid var(--bord);z-index:2}.modal-body{padding:1rem 1.2rem 1.2rem}.modal-foot{position:sticky;bottom:0;background:var(--panneau);border-top:1px solid var(--bord);padding:.8rem 1.2rem;display:flex;gap:.6rem;flex-wrap:wrap;justify-content:space-between;align-items:center}.mission-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1rem}.annex{background:var(--nuit-2);border:1px solid var(--bord);border-radius:10px;padding:.7rem;margin-bottom:.75rem;font-size:.92rem}.annex h4{font-size:.9rem;color:var(--or-clair)}.annex table{width:100%;border-collapse:collapse}.annex th,.annex td{text-align:left;padding:.3rem .4rem;border-bottom:1px solid var(--bord);vertical-align:top}.annex th{color:var(--texte-2);font-weight:600}.chart{display:grid;gap:.3rem}.chart-row{display:grid;grid-template-columns:9.5rem 1fr 3.5rem;gap:.4rem;align-items:center;font-size:.82rem}.chart-row .barv{height:14px;background:var(--petrole-clair);border-radius:3px}.profiles{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.profile{border:1px solid var(--bord);border-radius:8px;padding:.5rem}.profile ul{margin:.3rem 0 0;padding-left:1rem}.speaker{background:var(--nuit-2);border-left:4px solid var(--violet-clair);padding:.6rem .8rem;border-radius:8px;margin-bottom:.75rem;font-style:italic}.options{display:grid;gap:.5rem}.option{text-align:left;justify-content:flex-start;width:100%;border:2px solid var(--bord);background:var(--nuit-2);padding:.7rem .9rem;border-radius:10px;transition:opacity .4s,transform .4s,background .2s,border-color .2s}.option[aria-pressed=true]{border-color:var(--petrole-clair);background:#163a4a}.option.ok{border-color:var(--vert-clair);background:#3c876559}.option.ko{border-color:var(--rouge-clair);background:#c44d4d59}.option.leaving{opacity:0;transform:translate(20px)}.option .mark{margin-left:auto;font-weight:800}.order-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.order-item{display:flex;align-items:center;gap:.5rem;padding:.55rem .6rem;border-radius:10px;border:2px solid var(--bord);background:var(--nuit-2);cursor:grab}.order-item.ok{border-color:var(--vert-clair);background:#3c87654d;cursor:default}.order-item.drag-over{border-color:var(--or-clair)}.order-item .pos{font-weight:800;width:1.4rem;text-align:center;color:var(--or-clair)}.order-item .txt{flex:1}.feedback{padding:.7rem .9rem;border-radius:10px;margin:.75rem 0;border:1px solid}.feedback.ok{background:#3c876538;border-color:var(--vert-clair)}.feedback.ko{background:#c44d4d2e;border-color:var(--rouge-clair)}.hint{background:#e0a9571f;border:1px dashed var(--or-clair);border-radius:10px;padding:.55rem .8rem;margin-top:.5rem;font-size:.92rem}.correction{background:#217c8a29;border:1px solid var(--petrole-clair);border-radius:10px;padding:.8rem;margin-top:.75rem}.timer{font-variant-numeric:tabular-nums;font-weight:800;padding:.2rem .6rem;border-radius:8px;background:var(--nuit-2);border:1px solid var(--bord)}.timer.low{color:var(--rouge-clair);border-color:var(--rouge-clair)}.steps-dots{display:flex;gap:.3rem}.steps-dots i{width:22px;height:6px;border-radius:4px;background:var(--bord)}.steps-dots i.done{background:var(--vert-clair)}.steps-dots i.cur{background:var(--or-clair)}.event-card{overflow:hidden}.table-wrap{overflow:auto;border:1px solid var(--bord);border-radius:10px}table.data{width:100%;border-collapse:collapse;font-size:.9rem}table.data th,table.data td{padding:.45rem .6rem;border-bottom:1px solid var(--bord);text-align:left;white-space:nowrap}table.data th{background:var(--nuit-2);position:sticky;top:0}table.data tr.clickable{cursor:pointer}table.data tr.clickable:hover{background:#4fb3c214}.pill-ok{color:var(--vert-clair);font-weight:700}.pill-ko{color:var(--rouge-clair);font-weight:700}.big-score{font-size:clamp(3rem,8vw,5rem);font-weight:900;color:var(--or-clair);line-height:1}.final-bg{position:relative}.final-bg:before{content:"";position:fixed;inset:0;background:url(/assets/backgrounds/audit.jpg) center top / cover;opacity:.08;pointer-events:none;z-index:-1}.grid-final{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}@media (max-width: 900px){.grid-final{grid-template-columns:1fr}}@media (max-width: 1200px){.game{grid-template-columns:260px 1fr;height:auto}.game>aside.right{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}.game>aside.right>*{flex:1 1 280px}.board-wrap{min-height:480px;height:calc(100vh - 92px);position:sticky;top:64px}}@media (max-width: 820px){.game{grid-template-columns:1fr;padding:.5rem}.game>aside.left{order:2}.board-wrap{min-height:380px;height:62vh;position:relative;top:0}.mission-grid{grid-template-columns:1fr}.chart-row{grid-template-columns:7rem 1fr 3rem}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{transition:none!important;animation:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modal{animation:pop .2s ease-out}.btn-primary{background:linear-gradient(180deg,#2a93a3,var(--petrole));box-shadow:0 2px #00000040,inset 0 1px #ffffff26}.btn-gold{background:linear-gradient(180deg,#ecc07a,var(--or-clair));box-shadow:0 3px #8a5a1a,inset 0 1px #fff6}.btn-gold:active:not(:disabled){box-shadow:0 1px #8a5a1a;transform:translateY(2px)}.roll-ready{animation:glow 1.8s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 3px #8a5a1a,0 0 #e0a9578c}50%{box-shadow:0 3px #8a5a1a,0 0 0 10px #e0a95700}}.panel{backdrop-filter:blur(4px)}.board-wrap .panel{background:#102131eb}.board-tip{background:#0b1622eb;border:1px solid var(--or-clair);color:var(--texte);padding:.25rem .6rem;border-radius:8px;white-space:nowrap;font-size:.85rem;box-shadow:var(--ombre)}.board-tip b{color:var(--or-clair);margin-right:.3rem}.notice{animation:slideup .35s ease-out}@keyframes slideup{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.banner{animation:slidedown .4s ease-out}@keyframes slidedown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.mission-banner{position:relative;display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;margin-bottom:.8rem;border-radius:12px;overflow:hidden;background:linear-gradient(120deg,var(--q),color-mix(in srgb,var(--q) 35%,#0b1622));border:1px solid color-mix(in srgb,var(--q) 60%,#fff 10%)}.mission-banner:after{content:"";position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:#ffffff14}.mission-banner .glyph{width:48px;height:48px;flex:none;display:grid;place-items:center;font-size:1.6rem;border-radius:12px;background:#00000040;border:1px solid rgba(255,255,255,.25)}.mission-banner small{color:#fffc}.card-banner{height:120px;display:grid;place-items:center;position:relative;overflow:hidden}.card-banner:before{content:"";position:absolute;inset:0;background:var(--img) center 20% / cover;opacity:.18}.card-banner span{position:relative;width:72px;height:72px;display:grid;place-items:center;font-size:2.2rem;border-radius:18px;background:#00000047;border:1px solid rgba(255,255,255,.3)}.card-evenement{background:linear-gradient(120deg,var(--violet),var(--petrole))}.card-crise{background:linear-gradient(120deg,#9a3b3b,#4b1f2a)}.card-opportunite{background:linear-gradient(120deg,var(--vert),#1d4a5a)}.card-decision{background:linear-gradient(120deg,var(--or),#4a3214)}.timeline{position:relative;height:6px;background:var(--nuit-2);border-bottom:1px solid var(--bord)}.timeline>i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--petrole-clair),var(--or-clair));transition:width .3s linear}.timeline>b{position:absolute;top:-3px;width:2px;height:12px;background:var(--texte-2);border-radius:2px}.timeline>b.done{background:var(--or-clair)}.lbl-short{display:none}@media (max-width: 820px){.topbar{padding:.4rem .6rem;gap:.35rem}.topbar .brand{font-size:.9rem;gap:.35rem}.topbar .brand .tag,.topbar .clock+small{display:none}.topbar .clock{font-size:1.15rem}.topbar .btn-sm{padding:.3rem .55rem;min-height:34px;font-size:.82rem}.lbl-long{display:none}.lbl-short{display:inline}.cam-rotate{display:none}.board-top{top:.4rem;left:.4rem;right:.4rem}.board-top .dice-result{font-size:.85rem;padding:.3rem .6rem}.board-overlay .notice{font-size:.88rem;padding:.6rem .8rem}.btn-lg{padding:.7rem 1.1rem;font-size:1rem}}.board-wrap.is-2d{display:flex;flex-direction:column;overflow:auto}.board-wrap.is-2d .board-top,.board-wrap.is-2d .board-overlay{position:static}.board-wrap.is-2d .board-top{padding:.6rem .6rem 0}.board-wrap.is-2d .board-top{order:-1}.modal-close{min-height:36px;width:36px;padding:0;border-radius:50%;background:var(--nuit-2);border:1px solid var(--bord);font-size:1rem;flex:none}.modal-close:hover:not(:disabled){background:#7a2a2a;border-color:var(--rouge-clair)}.topbar-id{display:flex;flex-direction:column;line-height:1.15;min-width:0}.topbar-id b{white-space:nowrap}.hud{gap:.9rem}.hud-item{display:flex;flex-direction:column;align-items:center;line-height:1.1}.hud-item small{color:var(--texte-2);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.hud-item b{font-variant-numeric:tabular-nums}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress{display:block;height:6px;background:var(--nuit);border-radius:99px;overflow:hidden;margin:4px 0 2px;border:1px solid var(--bord)}.progress>i{display:block;height:100%;background:var(--petrole-clair);transition:width .6s ease}.leader li.turn{box-shadow:inset 3px 0 0 var(--or-clair)}.perks{display:flex;flex-wrap:wrap;gap:.35rem}.perk{font-size:.8rem;padding:.2rem .5rem;border-radius:8px;border:1px solid var(--bord);color:var(--texte-2)}.perk.on{color:var(--texte);border-color:var(--or-clair);background:#e0a9571f}.legend{list-style:none;margin:0 0 .5rem;padding:0;display:grid;gap:.45rem}.legend li{display:flex;gap:.55rem;align-items:flex-start;font-size:.88rem}.legend-dot{width:26px;height:26px;flex:none;border-radius:7px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.4)}.journal li.special{color:var(--or-clair)}.turn-strip{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;background:#0b1622e0;border:1px solid var(--bord);border-radius:10px;padding:.3rem .55rem;max-width:100%}.turn-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;padding:.12rem .45rem;border-radius:99px;border:1px solid var(--bord);color:var(--texte-2)}.turn-chip i{width:9px;height:9px;border-radius:50%}.turn-chip b{color:var(--or-clair);font-size:.72rem}.turn-chip.cur{color:#1a1205;background:var(--or-clair);border-color:var(--or-clair);font-weight:700}.turn-chip.me:not(.cur){color:var(--texte);border-color:var(--petrole-clair)}.bottom-bar{display:flex;gap:.75rem;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap}.cell-info{display:flex;gap:.6rem;align-items:center;background:#0b1622e6;border:1px solid var(--bord);border-radius:12px;padding:.5rem .75rem;max-width:420px;font-size:.9rem}.cell-badge{width:40px;height:40px;flex:none;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}.action-zone{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-left:auto;margin-right:auto;text-align:center}.toasts{position:fixed;right:1rem;bottom:1rem;z-index:45;display:grid;gap:.4rem;width:min(360px,calc(100% - 2rem));pointer-events:none}.toast{background:#102131f5;border:1px solid var(--bord);border-left:4px solid var(--petrole-clair);border-radius:10px;padding:.5rem .75rem;font-size:.88rem;box-shadow:var(--ombre);animation:slideup .3s ease-out}.toast.special{border-left-color:var(--or-clair)}.countdown{position:absolute;top:3.6rem;left:50%;transform:translate(-50%);font-size:clamp(2.4rem,6vw,4.5rem);font-weight:900;color:var(--rouge-clair);text-shadow:0 4px 24px rgba(0,0,0,.6);pointer-events:none;font-variant-numeric:tabular-nums;animation:beat 1s ease-in-out infinite}@keyframes beat{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.06)}}.phase-acceleration .timeline>i,.phase-compte .timeline>i{background:linear-gradient(90deg,var(--or-clair),var(--rouge-clair));animation:pulsebar 1.2s ease-in-out infinite}@keyframes pulsebar{50%{filter:brightness(1.5)}}.phase-compte .clock{animation:beat2 1s ease-in-out infinite}@keyframes beat2{50%{transform:scale(1.08)}}.board-wrap.flash-success{box-shadow:inset 0 0 0 3px var(--vert-clair),0 0 40px #6cc59a73}.board-wrap.flash-penalty{box-shadow:inset 0 0 0 3px var(--rouge-clair),0 0 40px #ff8f8f80}.board-wrap{transition:box-shadow .35s ease}.outcome{padding:.7rem .9rem;border-radius:10px;border:1px solid;font-size:1rem}.outcome.ok{background:#3c876538;border-color:var(--vert-clair)}.outcome.ko{background:#c44d4d2e;border-color:var(--rouge-clair)}.pawn-tag{background:#0b1622e6;color:var(--texte);border:1px solid var(--bord);padding:.1rem .45rem;border-radius:99px;font-size:.72rem;white-space:nowrap}.pawn-tag.turn{border-color:var(--or-clair);color:var(--or-clair)}.confetti{position:fixed;inset:0;pointer-events:none;z-index:60}.card-bonus{background:linear-gradient(120deg,#e0a957,#7a4f14)}.victory{text-align:center;padding:1.5rem 1rem;border-radius:18px;border:1px solid var(--or-clair);background:radial-gradient(circle at 50% 0%,#ffd27a4d,#102131e6 60%)}.victory h1{color:var(--or-clair);font-size:clamp(1.4rem,3.4vw,2.4rem);letter-spacing:.02em}.victory-tower{font-size:4rem;line-height:1;color:#ffd27a;text-shadow:0 0 30px rgba(255,210,122,.8);animation:glowtower 2.4s ease-in-out infinite}@keyframes glowtower{50%{text-shadow:0 0 60px rgba(255,210,122,1);transform:translateY(-4px)}}.victory-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:center 20%;border:4px solid var(--or-clair)}.cell2d span:not(.pawns){font-size:.95em}@media (max-width: 820px){.hud{gap:.5rem}.hud-item:nth-child(2){display:none}.cell-info{max-width:none;width:100%}.turn-strip{font-size:.75rem}}@media (max-width: 820px){.toasts{left:.5rem;right:.5rem;bottom:.5rem;width:auto}.toast{font-size:.78rem;padding:.35rem .6rem}.toast:not(:last-child){display:none}}.csv-copied{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);z-index:70;width:min(440px,calc(100% - 2rem));background:var(--panneau-2);border:1px solid var(--or-clair);border-radius:10px;padding:.7rem .9rem;box-shadow:var(--ombre)}.csv-copied textarea{margin-top:.5rem;font-size:.8rem}