:root{
  --night:#0a0f1f; --night2:#121a33; --stone:#1b2442;
  --gold:#ffc23a; --orange:#ff8a1f; --blue:#2fb0ff; --red:#d8322b;
  --parch:#f4e4c1; --parch-ink:#3a2a16; --text:#e8ecf7; --muted:#a9b3cf;
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Nunito",system-ui,sans-serif;color:var(--text);background:var(--night);line-height:1.6;
  background-image:
    radial-gradient(ellipse at 20% 0%,rgba(47,176,255,.14),transparent 55%),
    radial-gradient(ellipse at 85% 30%,rgba(255,138,31,.10),transparent 50%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.015) 0 2px,transparent 2px 14px);
  background-attachment:fixed}
img{max-width:100%;display:block}
a{color:var(--gold)}
h1,h2,h3{font-family:"Lilita One",sans-serif;font-weight:400;letter-spacing:.5px;line-height:1.15;margin:0 0 .5em}
.gold{background:linear-gradient(180deg,#ffe07a 0%,var(--gold) 45%,var(--orange) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 0 #5a2a00) drop-shadow(0 0 14px rgba(47,176,255,.35))}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
section{padding:90px 0}

/* NAV */
nav{position:sticky;top:0;z-index:50;background:rgba(10,15,31,.86);backdrop-filter:blur(10px);border-bottom:1px solid rgba(47,176,255,.25)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-family:"Lilita One";font-size:1.35rem}
.brand img{height:42px;width:auto}
.menu{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.menu a{white-space:nowrap;color:var(--text);text-decoration:none;font-weight:800;font-size:.95rem;padding:8px 14px;border-radius:999px;transition:.2s}
.menu a:hover{background:rgba(255,194,58,.14);color:var(--gold)}
.burger{display:none;background:none;border:2px solid var(--gold);color:var(--gold);border-radius:10px;padding:6px 10px;font-weight:800;cursor:pointer}

/* HERO */
.hero{padding:70px 0 90px;text-align:center;position:relative;overflow:hidden}
.hero .logo{width:min(440px,78vw);margin:0 auto 10px;filter:drop-shadow(0 0 40px rgba(47,176,255,.35));animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px)}}
.hero h1{font-size:clamp(2rem,5vw,3.4rem)}
.hero p.lead{font-size:1.2rem;color:var(--muted);max-width:640px;margin:0 auto 34px}
.btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;font-family:"Lilita One";font-size:1.1rem;letter-spacing:.5px;text-decoration:none;padding:14px 28px;border-radius:14px;transition:.2s;cursor:pointer;border:none}
.btn-gold{color:#3b1d00;background:linear-gradient(180deg,#ffe07a,var(--gold) 50%,var(--orange));box-shadow:0 5px 0 #8a4300,0 0 24px rgba(255,194,58,.35)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 7px 0 #8a4300,0 0 34px rgba(255,194,58,.55)}
.btn-blue{color:var(--text);background:transparent;border:2px solid var(--blue);box-shadow:0 0 18px rgba(47,176,255,.25) inset}
.btn-blue:hover{background:rgba(47,176,255,.15)}

/* SECTION TITLES */
.sec-title{text-align:center;margin-bottom:48px}
.sec-title h2{font-size:clamp(2rem,4.5vw,3rem)}
.sec-title p{color:var(--muted);max-width:620px;margin:0 auto}
.divider{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--gold);margin:6px 0 14px;font-size:1.1rem}
.divider:before,.divider:after{content:"";height:2px;width:70px;background:linear-gradient(90deg,transparent,var(--gold))}
.divider:after{transform:scaleX(-1)}

/* GAME CARDS */
.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:24px}
.card{background:linear-gradient(180deg,var(--stone),var(--night2));border:2px solid rgba(255,194,58,.35);border-radius:var(--radius);overflow:hidden;transition:.25s;text-decoration:none;color:var(--text);display:flex;flex-direction:column}
.card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 0 0 2px rgba(47,176,255,.4),0 18px 40px rgba(0,0,0,.5),0 0 40px rgba(47,176,255,.25)}
.card .thumb{background:radial-gradient(circle at 50% 60%,#1d3a7a,#0c1430);padding:24px;aspect-ratio:16/11;display:grid;place-items:center}
.card .thumb img{width:100%;height:100%;object-fit:contain}
.card .thumb{overflow:hidden}
.card .body{padding:22px 24px 26px;flex:1;display:flex;flex-direction:column}
.card h3{font-size:1.7rem;margin-bottom:6px}
.card p{color:var(--muted);margin:0 0 16px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.tag{font-size:.82rem;font-weight:800;padding:5px 11px;border-radius:999px;background:rgba(47,176,255,.13);color:#9fd8ff;border:1px solid rgba(47,176,255,.35)}
.status{background:rgba(255,138,31,.15);color:#ffc08a;border-color:rgba(255,138,31,.5)}
.card.soon{border-style:dashed;border-color:rgba(169,179,207,.3)}
.card.soon .thumb{background:repeating-linear-gradient(45deg,#121a33 0 12px,#151f3d 12px 24px);font-size:4rem;color:rgba(255,194,58,.35);font-family:"Lilita One"}

/* GAME DETAIL */
.game-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.game-hero .glogo{filter:drop-shadow(0 18px 30px rgba(0,0,0,.6))}
.tagline{font-family:"Lilita One";font-size:1.5rem;color:var(--parch);margin:0 0 6px}
.tagline span{color:var(--red);text-shadow:0 0 1px #fff}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}
.stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,194,58,.3);border-radius:14px;padding:12px 16px}
.stat b{display:block;font-family:"Lilita One";font-size:1.35rem;color:var(--gold);font-weight:400}
.stat small{color:var(--muted);font-weight:600}

.parch{background:var(--parch);color:var(--parch-ink);border-radius:var(--radius);padding:30px;box-shadow:0 0 0 3px #b8925a inset,0 12px 30px rgba(0,0,0,.45);position:relative}
.parch h3{color:#2a1a08;font-size:1.6rem}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:40px}
.step{display:flex;gap:14px;align-items:flex-start}
.num{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#173b8a;color:#fff;font-family:"Lilita One";font-size:1.3rem;box-shadow:0 0 0 3px var(--gold)}
.step p{margin:0;font-weight:600}

.gammes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:22px}
.gamme{border-radius:16px;padding:20px 18px;color:#fff;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.18)}
.gamme h4{font-family:"Lilita One";font-weight:400;font-size:1.45rem;margin:0 0 8px;text-shadow:0 2px 0 rgba(0,0,0,.4)}
.gamme ul{margin:0;padding-left:18px;font-size:.93rem}
.gamme li{margin:2px 0}
.g1{background:linear-gradient(160deg,#2c4fd6,#1a2a7a)}
.g2{background:linear-gradient(160deg,#1f9a5c,#0f4d33)}
.g3{background:linear-gradient(160deg,#8a3ee0,#45207a)}
.g4{background:linear-gradient(160deg,#e8622a,#8a2d10)}
.g5{background:linear-gradient(160deg,#e0306a,#7a1036)}
.gamme .pts{position:absolute;top:14px;right:14px;font-family:"Lilita One";font-size:.95rem;background:rgba(0,0,0,.3);padding:2px 10px;border-radius:999px}

.coups{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px}
.coup{background:linear-gradient(180deg,var(--stone),var(--night2));border:2px solid rgba(47,176,255,.35);border-radius:16px;padding:24px;position:relative}
.coup .ico{font-size:2rem}
.coup h4{font-family:"Lilita One";font-weight:400;font-size:1.4rem;color:var(--gold);margin:6px 0}
.coup p{margin:0;color:var(--muted)}
.splat{position:absolute;top:-14px;right:-10px;background:var(--red);color:#fff;font-family:"Lilita One";font-size:1.3rem;padding:6px 12px;border-radius:40% 60% 55% 45%;transform:rotate(8deg);box-shadow:0 4px 12px rgba(0,0,0,.4)}
.splat.blue{background:#1e5fd0}

.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:40px}
.shot{background:none;border:2px solid rgba(255,194,58,.35);border-radius:16px;overflow:hidden;cursor:zoom-in;padding:0;transition:.25s;text-align:left;color:var(--text);font:inherit}
.shot:hover{border-color:var(--gold);transform:scale(1.02);box-shadow:0 0 30px rgba(47,176,255,.3)}
.shot span{display:block;padding:12px 16px;font-weight:800;background:var(--night2)}

/* FAST-CUISTO (thème cuisine) */
.fc{background:
   radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.6),transparent 60%),
   repeating-linear-gradient(90deg,#f7e6c4 0 120px,#f3dfb8 120px 240px);
  color:#3a2312;border-top:6px solid #8a4b22;border-bottom:6px solid #8a4b22}
.fc p{color:#4a2e18}
.fc-tag{font-family:"Lilita One";font-size:1.5rem;margin:0 0 6px;color:#5a3418!important}
.fc-tag span{color:#d8322b}
.fc-title{font-family:"Lilita One";color:#e2471d;text-shadow:0 3px 0 #7a2a0a33;font-size:2.4rem}
.fc-sub{color:#6b4a2e!important}
.fc .glogo{filter:drop-shadow(0 16px 24px rgba(120,60,20,.35))}
.fc .stat{background:#fff8ea;border:2px solid #e7b77a}
.fc .stat b{color:#e2471d}
.fc .stat small{color:#7a5a3c}
.btn-fc{color:#fff;background:linear-gradient(180deg,#ff6a3d,#d8322b);box-shadow:0 5px 0 #7a1a0f}
.btn-fc:hover{transform:translateY(-2px);box-shadow:0 7px 0 #7a1a0f}
.fc-board{background:linear-gradient(180deg,#9a5a2c,#7a4220);border-radius:var(--radius);padding:30px;color:#fff3dd;box-shadow:inset 0 0 0 3px #c58a4f,0 12px 30px rgba(90,40,10,.35)}
.fc-board h3{font-size:1.6rem;color:#ffe2a8}
.fc-board p{color:#fff3dd!important}
.fcn{background:#d8322b;box-shadow:0 0 0 3px #ffd36b}
.fc .coup{background:#fff8ea;border:2px solid #e7b77a;box-shadow:0 8px 20px rgba(120,60,20,.12)}
.fc .coup h4{color:#e2471d}
.fc .coup p{color:#5a3a20}
.fc-coups{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.splat.green{background:#3f9a3a}
.fc-cards{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:40px}
.fcard{background:none;border:none;padding:0;cursor:zoom-in;width:200px;transition:.3s;filter:drop-shadow(0 12px 18px rgba(90,40,10,.35))}
.fcard:nth-child(1){transform:rotate(-6deg)}.fcard:nth-child(2){transform:rotate(-2deg)}
.fcard:nth-child(3){transform:rotate(2deg)}.fcard:nth-child(4){transform:rotate(6deg)}
.fcard:hover{transform:translateY(-14px) rotate(0) scale(1.06);z-index:2}
.fc-gal{grid-template-columns:2fr 1fr 1fr}
.fc .shot{border-color:#c58a4f;background:#fff8ea}
.fc .shot span{background:#7a4220;color:#fff3dd}
.fc .shot img{width:100%;height:100%;object-fit:cover;max-height:520px}
.fc .shot{display:flex;flex-direction:column}
.fc .shot img{flex:1}
@media (max-width:860px){.fc-gal{grid-template-columns:1fr}.fcard{width:42%}}

/* OR NOT (thème mine) */
.on{background:
   radial-gradient(circle at 15% 10%,rgba(255,190,80,.22),transparent 30%),
   radial-gradient(circle at 85% 40%,rgba(255,170,60,.16),transparent 30%),
   repeating-linear-gradient(90deg,#2a160a 0 90px,#321b0c 90px 96px,#2a160a 96px 200px),#24120a;
  border-bottom:6px solid #5a3214}
.on p{color:#f2dcc0}
.on-tag{font-family:"Lilita One";font-size:1.5rem;margin:0 0 6px;color:#e8cfa8!important}
.on-tag span{color:#ffc23a}
.on-title{font-family:"Lilita One";font-size:2.4rem;background:linear-gradient(180deg,#fff0a0,#ffc23a 50%,#d98a10);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #3a1a04)}
.on-sub{color:#c9ab86!important}
.on .stat{background:rgba(0,0,0,.25);border:2px solid #8a5a2a}
.on .stat small{color:#c9ab86}
.btn-on{color:#2a1400;background:linear-gradient(180deg,#fff0a0,#ffc23a 50%,#d98a10);box-shadow:0 5px 0 #6a3a08,0 0 26px rgba(255,194,58,.4)}
.btn-on:hover{transform:translateY(-2px)}
.on-choice{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:70px}
.on-choice>div:not(.vs){border-radius:18px;padding:26px 28px}
.on-choice h3{font-size:2.6rem;margin:0}
.on-choice .or{background:linear-gradient(160deg,#ffcf4a,#d98a10);box-shadow:0 0 40px rgba(255,194,58,.3)}
.on-choice .or h3,.on-choice .or p{color:#2a1400!important;font-weight:700}
.on-choice .not{background:linear-gradient(160deg,#6b6f78,#2e3138);border:2px solid #e2471d}
.on-choice .not h3{color:#fff}.on-choice .not p{color:#e6e8ee!important}
.on-choice .vs{font-family:"Lilita One";font-size:1.6rem;color:#ffc23a}
.deck{max-width:760px;margin:36px auto 0;background:rgba(0,0,0,.3);border:2px solid #8a5a2a;border-radius:18px;padding:22px 26px}
.drow{display:grid;grid-template-columns:220px 1fr 50px;gap:14px;align-items:center;padding:7px 0}
.dl{font-weight:800;color:#f2dcc0}
.bar{height:16px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:999px;min-width:8px}
.drow b{font-family:"Lilita One";font-weight:400;color:#ffc23a;text-align:right;font-size:1.15rem}
.on .coup{background:rgba(0,0,0,.3);border:2px solid #8a5a2a}
.on .coup p{color:#e3c9a6}
.splat.gold2{background:#d98a10;color:#2a1400}
.on .fcard{filter:drop-shadow(0 14px 20px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(255,170,60,.2))}
.on .shot{border-color:#8a5a2a}.on .shot span{background:#3a1f0d;color:#f2dcc0}
@media (max-width:860px){.on-choice{grid-template-columns:1fr}.on-choice .vs{text-align:center}.drow{grid-template-columns:1fr 50px}.drow .bar{grid-column:1/-1;grid-row:2}}

/* KO-OK (duel bleu / rouge) */
.ko{background:
   radial-gradient(ellipse at 0% 30%,rgba(40,110,255,.35),transparent 45%),
   radial-gradient(ellipse at 100% 30%,rgba(255,40,50,.32),transparent 45%),
   linear-gradient(90deg,#0a1230,#120c1c 50%,#2a0a10);
  border-top:4px solid #6b6f78;border-bottom:4px solid #6b6f78}
.ko-tag{font-family:"Lilita One";font-size:1.4rem;margin:0 0 6px;color:#d8d0bf!important}
.ko-tag .b{color:#5cb8ff}.ko-tag .r{color:#ff5a5a}
.ko-title{font-family:"Lilita One";font-size:2.5rem;color:#f0dcae;text-shadow:0 3px 0 #4a3a20,0 0 22px rgba(255,255,255,.12)}
.ko-sub{color:#b9b3c9!important}
.ko .stat{background:rgba(255,255,255,.04);border:2px solid #6b6f78}
.ko .stat b{color:#f0dcae}
.btn-ko{color:#2a1a08;background:linear-gradient(180deg,#fff1cc,#e8cf98 50%,#c9a35c);box-shadow:0 5px 0 #6b5428,-10px 0 24px rgba(40,110,255,.35),10px 0 24px rgba(255,40,50,.35)}
.btn-ko:hover{transform:translateY(-2px)}
.ko-coups .coup{background:rgba(10,10,20,.55);border:2px solid #6b6f78}
.ko-coups .coup:nth-child(odd){border-color:#2f6fd6;box-shadow:0 0 22px rgba(40,110,255,.18)}
.ko-coups .coup:nth-child(even){border-color:#c8323a;box-shadow:0 0 22px rgba(255,40,50,.18)}
.ko-coups .coup h4{color:#f0dcae}
.splat.kob{background:#1e5fd0}
.ko .fcard:nth-child(-n+2){filter:drop-shadow(0 12px 18px rgba(0,0,0,.6)) drop-shadow(0 0 20px rgba(40,110,255,.45))}
.ko .fcard:nth-child(n+3){filter:drop-shadow(0 12px 18px rgba(0,0,0,.6)) drop-shadow(0 0 20px rgba(255,40,50,.45))}
.ko .shot{border-color:#6b6f78}

/* PLOKARIA */
nav .menu a.star{color:#7fdcff}
.feature{display:grid;grid-template-columns:1.2fr 1fr;gap:0;margin-bottom:28px;border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--text);border:2px solid rgba(63,200,255,.5);background:linear-gradient(120deg,#0b1b2a,#101a33);box-shadow:0 0 40px rgba(63,200,255,.18);transition:.25s}
.feature:hover{transform:translateY(-4px);box-shadow:0 0 60px rgba(63,200,255,.35)}
.feature img{width:100%;height:100%;object-fit:cover}
.feature-txt{padding:30px 32px;display:flex;flex-direction:column;justify-content:center}
.feature h3{font-size:2.6rem;color:#e9dcc0;text-shadow:0 0 18px rgba(63,200,255,.5)}
.feature p{color:var(--muted)}
.badge{align-self:flex-start;font-weight:800;font-size:.85rem;color:#0a1a26;background:#7fdcff;border-radius:999px;padding:4px 12px;margin-bottom:12px}
.pk{padding-top:0;background:radial-gradient(ellipse at 50% 0%,rgba(63,200,255,.18),transparent 50%),linear-gradient(180deg,#071219,#0c1622 40%,#0a1119);border-top:4px solid #2a6b86;border-bottom:4px solid #2a6b86}
.pk-banner{max-height:560px;overflow:hidden;position:relative}
.pk-banner img{width:100%;height:560px;object-fit:cover;object-position:center 40%}
.pk-banner:after{content:"";position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(transparent,#0a1520)}
.pk-intro{text-align:center;max-width:860px;margin:10px auto 0}
.pk-kicker{color:#7fdcff;font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:.85rem;margin:0}
.pk-title{font-family:"Lilita One";font-size:clamp(2rem,4.5vw,3rem);color:#eadcbc;text-shadow:0 3px 0 #1b3b4a,0 0 26px rgba(63,200,255,.45)}
.pk p{color:#c7d3dd}
.pk .stat{background:rgba(63,200,255,.06);border:2px solid rgba(63,200,255,.35)}
.pk .stat b{color:#eadcbc}
.pk-stats{grid-template-columns:repeat(4,1fr);text-align:left}
.pk-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px;position:static;background:none;border:none;backdrop-filter:none}
.pk-chips a{font-weight:800;font-size:.88rem;color:#bfeaff;text-decoration:none;padding:7px 14px;border-radius:999px;border:1px solid rgba(63,200,255,.4);background:rgba(63,200,255,.08)}
.pk-chips a:hover{background:rgba(63,200,255,.22)}
.pk-h{display:flex;align-items:center;gap:14px;margin:90px 0 18px;scroll-margin-top:80px}
.pk-h span{font-size:1.6rem;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(160deg,#173a4d,#0d1d28);border:2px solid #3fc8ff;box-shadow:0 0 18px rgba(63,200,255,.35)}
.pk-h h3{font-size:2.2rem;margin:0;color:#eadcbc}
.pk-lead{max-width:820px;font-size:1.05rem}
.pk-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.pka{background:#e9dcbc;color:#2b2214;border-radius:14px;padding:18px 18px 16px;position:relative;box-shadow:inset 0 0 0 3px #b39a68}
.pka h4{font-family:"Lilita One";font-weight:400;font-size:1.3rem;margin:0 0 6px;color:#1f3542}
.pka p{color:#4a3c26!important;margin:0;font-size:.95rem}
.pka i{position:absolute;top:-12px;right:14px;font-style:normal;font-family:"Lilita One";background:#1f6f95;color:#fff;padding:3px 12px;border-radius:999px;box-shadow:0 0 0 2px #7fdcff}
.pk-flow{display:flex;align-items:stretch;gap:12px;margin-top:28px;flex-wrap:wrap}
.pk-flow>div{flex:1;min-width:200px;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.12)}
.pk-flow b{display:block;font-family:"Lilita One";font-weight:400;font-size:1.2rem;color:#eadcbc}
.pk-flow small{color:#9fb2c0}
.pk-flow .cr{border-color:#3fc8ff;box-shadow:0 0 22px rgba(63,200,255,.25)}
.pk-flow .bo{border-color:#c8323a;box-shadow:0 0 22px rgba(200,50,58,.25)}
.pk-flow>span{align-self:center;color:#3fc8ff;font-size:1.4rem}
.pk-combat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pkc{background:rgba(255,255,255,.04);border:2px solid rgba(63,200,255,.3);border-radius:14px;padding:20px}
.pkc h4{font-family:"Lilita One";font-weight:400;font-size:1.35rem;margin:0 0 6px;color:#7fdcff}
.pkc.crit{border-color:#d8322b}.pkc.crit h4{color:#ff6a5a}
.pk-heroes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}
.pkhero{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center;background:linear-gradient(160deg,#122633,#0b151d);border:2px solid #2a6b86;border-radius:18px;padding:18px}
.hero-img,.pk-boss-main,.df-img{background:none;border:none;padding:0;cursor:zoom-in}
.hero-img img{border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.5);transition:.25s}
.hero-img:hover img{transform:scale(1.04)}
.pkhero h4,.hm h4,.bs h4{font-family:"Lilita One";font-weight:400;font-size:1.6rem;margin:0;color:#eadcbc}
.sig{color:#7fdcff!important;font-weight:800;font-size:.9rem;margin:2px 0 8px}
.pk-heroes-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
.hm{background:rgba(255,255,255,.04);border:1px dashed rgba(63,200,255,.4);border-radius:16px;padding:18px}
.hm h4{font-size:1.35rem}.hm p{font-size:.93rem;margin:0}
.hm-ico{font-size:1.6rem;margin-bottom:4px}
.pk-boss-main{display:block;max-width:760px;margin:22px auto 0;border-radius:16px;overflow:hidden;border:2px solid #c8323a;box-shadow:0 0 50px rgba(200,50,58,.25)}
.pk-boss-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.bs{background:linear-gradient(160deg,#2a1014,#120a0c);border:2px solid #7a2a2e;border-radius:16px;padding:18px}
.bs h4{font-size:1.3rem}.bs .sig{color:#ff8a7a!important}.bs p{font-size:.93rem;margin:0}
.bs p.sig{margin:2px 0 8px}
.pk-bestiary{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center}
.pk-crea{display:flex;gap:16px}
.pk-crea .fcard{width:200px}
.pk-tables{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pkt{width:100%;border-collapse:collapse;background:rgba(255,255,255,.03);border-radius:14px;overflow:hidden;font-size:.94rem}
.pkt caption{font-family:"Lilita One";font-size:1.25rem;color:#7fdcff;text-align:left;padding-bottom:6px}
.pkt.n2 caption{color:#ff8a7a}
.pkt th{text-align:left;padding:8px 10px;background:rgba(63,200,255,.12);color:#bfeaff}
.pkt.n2 th{background:rgba(200,50,58,.18);color:#ffc0b8}
.pkt td{padding:7px 10px;border-top:1px solid rgba(255,255,255,.06)}
.pkt td small{color:#8ea3b2;display:block;font-size:.78rem}
.pkt td:nth-child(n+2),.pkt th:nth-child(n+2){text-align:center;width:44px}
.pkt .mino td{color:#ffd36b;font-weight:800}
.pk-note{margin-top:18px;color:#9fb2c0}
.pk-decks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.deckbox{background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.1);border-radius:18px;padding:20px}
.deckbox h4{font-family:"Lilita One";font-weight:400;font-size:1.5rem;margin:0 0 4px}
.deckbox h4.g{color:#6fd36a}.deckbox h4.b{color:#7fdcff}.deckbox h4.o{color:#e8b56a}
.deckbox p{font-size:.93rem}
.deckbox .mini{display:flex;gap:10px;justify-content:center;margin-top:10px}
.deckbox .mini .fcard{width:46%}
.deckbox .mini .fcard:nth-child(1){transform:rotate(-4deg)}.deckbox .mini .fcard:nth-child(2){transform:rotate(4deg)}
.pk-sorts{margin-top:22px;padding:20px 24px;border-radius:16px;border:2px solid rgba(160,110,255,.45);background:rgba(120,80,220,.08)}
.pk-sorts h4{margin:0 0 10px;font-family:"Lilita One";font-weight:400;font-size:1.3rem;color:#cbb4ff}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{padding:6px 12px;border-radius:999px;background:rgba(160,110,255,.18);color:#e4d8ff;font-weight:800;font-size:.9rem}
.pk-defis{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px}
.df{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;background:#e9dcbc;border-radius:18px;padding:16px;box-shadow:inset 0 0 0 3px #b39a68}
.df img{border-radius:12px}
.df h4{font-family:"Lilita One";font-weight:400;font-size:1.6rem;margin:0;color:#1f3542}
.df p{color:#4a3c26!important;margin:6px 0 10px}
.df b,.q b{display:inline-block;font-family:"Lilita One";font-weight:400;background:#1f6f95;color:#fff;padding:3px 12px;border-radius:999px}
.pk-quotes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.q{background:rgba(233,220,188,.08);border:1px solid rgba(233,220,188,.3);border-radius:14px;padding:16px}
.q h5{font-family:"Lilita One";font-weight:400;font-size:1.15rem;margin:0;color:#eadcbc}
.q p{font-size:.92rem;margin:4px 0 10px}
.pk-mat{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}
.tiles img{filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}
.tiles img:first-child{transform:rotate(-6deg)}.tiles img:nth-child(2){transform:rotate(5deg)}
.tiles p{grid-column:1/-1;margin:0}
.matlist{list-style:none;padding:20px 24px;margin:0;border-radius:16px;background:#e9dcbc;box-shadow:inset 0 0 0 3px #b39a68}
.matlist li{color:#3a2e1c;padding:7px 0;border-bottom:1px dashed #b39a68;font-weight:600}
.matlist li:last-child{border:none}
.matlist b{color:#1f6f95}
@media (max-width:980px){
 .pk-actions,.pk-combat,.pk-decks{grid-template-columns:1fr 1fr}
 .pk-heroes,.pk-defis,.pk-mat,.pk-bestiary,.feature{grid-template-columns:1fr}
 .pk-heroes-mini,.pk-boss-grid,.pk-quotes{grid-template-columns:1fr 1fr}
 .pk-crea{justify-content:center}
}
@media (max-width:640px){
 .pk-actions,.pk-combat,.pk-decks,.pk-heroes-mini,.pk-boss-grid,.pk-quotes,.pk-tables{grid-template-columns:1fr}
 .pk-stats{grid-template-columns:1fr 1fr}
 .pkhero,.df{grid-template-columns:1fr}
 .hero-img img{max-width:240px;margin:0 auto}
 .pk-banner img{height:300px}
 .pk-crea .fcard{width:44%}
}

/* ATELIER */
.more{text-align:center;margin-top:30px}
.more a{font-weight:800;text-decoration:none;color:var(--gold);border-bottom:2px dashed rgba(255,194,58,.5)}
.atelier{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.015) 0 10px,transparent 10px 20px)}
.at-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.at{border-radius:var(--radius);overflow:hidden;min-width:0;border:2px dashed rgba(255,194,58,.35);background:var(--night2);display:flex;flex-direction:column;transition:.25s}
.at:hover{border-style:solid;border-color:var(--gold);transform:translateY(-4px)}
.at-logo{background:radial-gradient(circle at 50% 55%,var(--c1),var(--c2));padding:20px 30px;height:250px;display:flex;align-items:center;justify-content:center}
.at-logo img{height:100%;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 0 26px var(--glow))}
.at-txt{padding:20px 24px 24px}
.at h3{font-size:1.8rem;margin:0 0 4px;color:var(--text)}
.at h3 small{font-size:1rem;color:var(--muted);font-family:"Nunito";font-weight:800}
.acc{font-style:italic;color:#ffd98a!important;margin:0 0 8px;font-weight:600}
.at p{color:var(--muted);margin:0 0 14px}
@media (max-width:860px){.at-grid{grid-template-columns:1fr}}

/* SHARDSTORM */
.ss{background:radial-gradient(ellipse at 50% 20%,rgba(90,180,255,.16),transparent 55%),radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 60%,#cfe,transparent),radial-gradient(1px 1px at 40% 80%,#fff,transparent),radial-gradient(1px 1px at 85% 15%,#fff,transparent),#050b18;border-top:2px solid rgba(120,200,255,.3);border-bottom:2px solid rgba(120,200,255,.3)}
.ss-kick{color:#8fd3ff!important;font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:.85rem;margin:0 0 6px}
.ss-title{font-family:"Nunito";font-weight:800;letter-spacing:.18em;font-size:clamp(2.4rem,6vw,4rem);color:#fff;text-shadow:0 0 18px rgba(140,210,255,.8),0 0 40px rgba(80,160,255,.5);margin:0}
.ss-sub{color:#9fb8d6!important}
.ss-player{position:relative;border-radius:16px;overflow:hidden;border:2px solid rgba(120,200,255,.45);box-shadow:0 0 50px rgba(80,160,255,.25);aspect-ratio:16/10;background:#020611}
.ss-player iframe{width:100%;height:100%;border:0;display:block}
.ss-poster{position:absolute;inset:0;border:0;padding:0;background:#020611;display:block;width:100%}
.ss-poster img{width:100%;height:100%;object-fit:cover;opacity:.75;transition:.3s}
.ss-btn.soon{background:rgba(10,25,45,.85);color:#cfe9ff;border:2px solid #5cbcff;letter-spacing:.06em;font-size:1.15rem;white-space:nowrap}
.ss-btn{text-decoration:none;cursor:pointer;position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);font-family:"Nunito";font-weight:800;letter-spacing:.15em;font-size:1.4rem;color:#04121f;background:linear-gradient(180deg,#bfe9ff,#5cbcff);padding:16px 40px;border-radius:999px;box-shadow:0 0 30px rgba(92,188,255,.8)}
.ss-hint{position:absolute;left:0;right:0;bottom:18px;text-align:center;color:#cfe6ff;font-weight:700;font-size:.9rem;text-shadow:0 1px 3px #000}
.ss-mobile{text-align:center;color:#8fa8c6!important;font-size:.92rem;margin:14px 0 0}
.ss-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;margin-top:44px;align-items:start}
.ss-txt h3{font-size:1.8rem;color:#e6f4ff}
.ss-txt p{color:#b9cbe0}
.nova{color:#ff5a5a}
.ss-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.ss-modes div{background:rgba(120,200,255,.06);border:1px solid rgba(120,200,255,.3);border-radius:12px;padding:12px 14px}
.ss-modes b{display:block;color:#e6f4ff}.ss-modes small{color:#9fb8d6}
.ss-keys{background:rgba(120,200,255,.06);border:1px solid rgba(120,200,255,.3);border-radius:16px;padding:20px 22px}
.ss-keys h4{margin:0 0 10px;color:#8fd3ff;font-size:1.1rem}
.ss-keys ul{list-style:none;margin:0;padding:0}
.ss-keys li{padding:6px 0;color:#d6e6f5;border-bottom:1px dashed rgba(120,200,255,.18)}
.ss-keys .small{font-size:.85rem;color:#8fa8c6;margin:10px 0 0}
kbd{font-family:inherit;font-weight:800;font-size:.8rem;background:#0f2238;border:1px solid #3a6a96;border-bottom-width:3px;border-radius:6px;padding:1px 7px;color:#e6f4ff}
.ss-shots{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
.ss .shot{border-color:rgba(120,200,255,.4)}.ss .shot span{background:#0a1628}
@media (max-width:860px){.ss-grid,.ss-shots{grid-template-columns:1fr}.ss-modes{grid-template-columns:1fr}.ss-btn{font-size:1.1rem;padding:12px 28px}}

.pk-proof{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 6px}
.pk-proof span{font-weight:800;font-size:.88rem;padding:6px 12px;border-radius:999px;background:rgba(111,211,106,.12);border:1px solid rgba(111,211,106,.45);color:#c9f5c4}

.tag.tts{background:rgba(111,211,106,.12);color:#c9f5c4;border-color:rgba(111,211,106,.45)}
.tts-box{display:flex;align-items:center;gap:18px;text-align:left;margin:26px auto 0;padding:18px 22px;border-radius:16px;border:2px solid rgba(111,211,106,.5);background:rgba(111,211,106,.08)}
.tts-box .tts-ico{font-size:2rem;flex:none!important}
.tts-box b{color:#e6ffe2}
.tts-box div{color:#c7d3dd;flex:1}
.tts-box .btn{white-space:nowrap;border-color:#6fd36a}
.tts-line{margin-top:10px!important;color:#c9f5c4!important}
@media (max-width:700px){.tts-box{flex-direction:column;text-align:center}}

.on-sub-h{text-align:center;font-family:"Lilita One";font-size:1.3rem;color:#ffc23a;margin:40px 0 0}
.on-deck6 .fcard{width:150px}
.on-deck6 .fcard:nth-child(1){transform:rotate(-7deg)}.on-deck6 .fcard:nth-child(2){transform:rotate(-4deg)}.on-deck6 .fcard:nth-child(3){transform:rotate(-1deg)}.on-deck6 .fcard:nth-child(4){transform:rotate(1deg)}.on-deck6 .fcard:nth-child(5){transform:rotate(4deg)}.on-deck6 .fcard:nth-child(6){transform:rotate(7deg)}
.on-deck6 .fcard:hover{transform:translateY(-14px) rotate(0) scale(1.08)}
.dore{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:center;max-width:820px;margin:60px auto 0;padding:26px 30px;border-radius:20px;background:radial-gradient(circle at 20% 50%,rgba(255,210,80,.25),transparent 60%),rgba(0,0,0,.3);border:2px solid #ffc23a;box-shadow:0 0 50px rgba(255,194,58,.25)}
.dore .fcard{width:100%;transform:rotate(-4deg);filter:drop-shadow(0 0 26px rgba(255,200,60,.6))}
.dore h3{font-family:"Lilita One";font-weight:400;font-size:2rem;margin:6px 0 8px;background:linear-gradient(180deg,#fff0a0,#ffc23a 50%,#d98a10);-webkit-background-clip:text;background-clip:text;color:transparent}
.dore-tag{display:inline-block;font-weight:800;font-size:.85rem;color:#2a1400;background:#ffc23a;border-radius:999px;padding:4px 12px}
@media (max-width:860px){.on-deck6 .fcard{width:30%}.dore{grid-template-columns:1fr;text-align:center}.dore .fcard{max-width:200px;margin:0 auto}}

.ko-backs{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:30px}
.ko-backs .fcard{width:170px}
.ko-backs .fcard:first-child{transform:rotate(-6deg);filter:drop-shadow(0 0 24px rgba(40,110,255,.55))}
.ko-backs .fcard:last-child{transform:rotate(6deg);filter:drop-shadow(0 0 24px rgba(255,40,50,.55))}
.ko-backs .vs{font-family:"Lilita One";font-size:2.2rem;color:#f0dcae;text-shadow:0 0 18px rgba(255,255,255,.3)}
.ko-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.kcard{background:none;border:0;padding:0;cursor:zoom-in;transition:.25s;text-align:center;color:#d8d0bf;font:inherit}
.kcard img{border-radius:12px}
.kcard.b img{filter:drop-shadow(0 8px 14px rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(40,110,255,.4))}
.kcard.r img{filter:drop-shadow(0 8px 14px rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(255,40,50,.4))}
.kcard span{display:block;margin-top:8px;font-weight:800;font-size:.88rem}
.kcard:hover{transform:translateY(-8px) scale(1.04)}
@media (max-width:860px){.ko-grid{grid-template-columns:repeat(3,1fr)}.ko-backs .fcard{width:120px}}
@media (max-width:480px){.ko-grid{grid-template-columns:repeat(2,1fr)}}

.fc-sub-h{text-align:center;font-family:"Lilita One";font-size:1.4rem;color:#e2471d;margin:44px 0 18px}
.fc-sub-h small{display:block;font-family:"Nunito";font-size:.9rem;color:#7a5a3c;font-weight:700}
.fc-grid{display:grid;gap:16px}
.fc-grid.rec{grid-template-columns:repeat(5,1fr)}
.fc-grid.ing{grid-template-columns:repeat(6,1fr)}
.fcg{background:none;border:0;padding:0;cursor:zoom-in;transition:.25s;filter:drop-shadow(0 10px 14px rgba(90,40,10,.3))}
.fcg:hover{transform:translateY(-8px) scale(1.04)}
.fc-mat{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px;margin-top:30px;align-items:stretch}
.fm{background:#fff8ea;border:2px solid #e7b77a;border-radius:18px;padding:18px;text-align:center;box-shadow:0 8px 20px rgba(120,60,20,.12)}
.fm.big{grid-row:span 1}
.fmi{background:none;border:0;padding:0;cursor:zoom-in;display:block;margin:0 auto 10px}
.fmi img{max-height:200px;width:auto;margin:0 auto;filter:drop-shadow(0 8px 12px rgba(90,40,10,.3));transition:.3s}
.fm.big .fmi img{max-height:260px}
.fmi:hover img{transform:rotate(-6deg) scale(1.05)}
.fm h4{font-family:"Lilita One";font-weight:400;font-size:1.35rem;color:#e2471d;margin:0 0 4px}
.fm p{font-size:.92rem;margin:0}
@media (max-width:980px){.fc-grid.rec{grid-template-columns:repeat(3,1fr)}.fc-grid.ing{grid-template-columns:repeat(3,1fr)}.fc-mat{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.fc-grid.rec,.fc-grid.ing{grid-template-columns:repeat(2,1fr)}.fc-mat{grid-template-columns:1fr}}

.fc-note{text-align:center;margin:22px auto 0;max-width:640px;background:#fff8ea;border:2px dashed #e7b77a;border-radius:14px;padding:12px 18px;font-size:.95rem}

.pk-h6{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}
.h6,.bs4{background:linear-gradient(160deg,#122633,#0b151d);border:2px solid #2a6b86;border-radius:18px;padding:16px;text-align:center}
.h6 .hero-img img{border-radius:12px;max-height:380px;width:auto;margin:0 auto 10px;box-shadow:0 10px 24px rgba(0,0,0,.5)}
.h6 h4,.bs4 h4{font-family:"Lilita One";font-weight:400;font-size:1.5rem;margin:0;color:#eadcbc}
.h6 p,.bs4 p{font-size:.93rem;margin:0}
.h6 p.sig,.bs4 p.sig{margin:2px 0 8px}
.pk-sub{font-family:"Lilita One";font-size:1.4rem;color:#7fdcff;text-align:center;margin:46px 0 18px}
.pk-sub small{display:block;font-family:"Nunito";font-size:.9rem;color:#9fb2c0;font-weight:700}
.pkimg{background:none;border:0;padding:0;cursor:zoom-in;display:block;width:100%;color:#eadcbc;font:inherit}
.pkimg img{border-radius:12px;width:100%;transition:.25s;box-shadow:0 10px 24px rgba(0,0,0,.5)}
.pkimg:hover img{transform:scale(1.03)}
.pkimg span{display:block;margin-top:8px;font-weight:800}
.pk-comps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pk-boss4{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.bs4{background:linear-gradient(160deg,#2a1014,#120a0c);border-color:#7a2a2e}
.bs4 .pkimg{margin-bottom:12px}
.bs4 .sig{color:#ff8a7a!important}
.pk-mal{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.pk-mal .pkimg img{box-shadow:0 0 18px rgba(120,220,60,.25)}
@media (max-width:980px){.pk-h6,.pk-comps{grid-template-columns:1fr 1fr}.pk-mal{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.pk-h6,.pk-comps,.pk-boss4{grid-template-columns:1fr}.pk-mal{grid-template-columns:repeat(2,1fr)}}

.tts-gal{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:18px;margin-top:30px}
.tts-gal .big{grid-row:1/3}
.tts-gal .big img{height:auto}
.tts-gal{align-items:start}
.tts-gal .pkimg img{border:2px solid rgba(255,194,58,.35)}
.tts-gal .pkimg span{color:var(--muted);font-size:.92rem}
@media (max-width:860px){.tts-gal{grid-template-columns:1fr}.tts-gal .big{grid-row:auto}}

.ko-tts .pkimg img{border-color:#6b6f78}
.ko-tts .pkimg span{color:#b9b3c9}

.on-tts .pkimg img{border-color:#8a5a2a}
.on-tts .pkimg span{color:#c9ab86}
.on-tts{grid-template-columns:1.18fr 1.3fr .66fr}
.on-tts .big{grid-row:auto}
@media (max-width:860px){.on-tts{grid-template-columns:1fr}.on-tts .pkimg:last-child img{max-width:320px;margin:0 auto}}

.fc-tts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;align-items:start}
.fc-tts .wide{grid-column:1/-1}
.fc-tts .pkimg img{border:2px solid #c58a4f;aspect-ratio:auto}
.fc-tts .pkimg:not(.wide) img{height:260px;object-fit:cover}
.fc-tts .pkimg span{color:#6b4a2e}
@media (max-width:860px){.fc-tts{grid-template-columns:1fr}.fc-tts .pkimg:not(.wide) img{height:auto}}

.pk-tts-row{display:flex;gap:18px;margin-top:22px;align-items:flex-start}
.pk-tts-row .pkimg{min-width:0}
.pk-tts-row .pkimg img{border:2px solid #2a6b86}
.pk-tts-row .pkimg span{color:#9fb2c0;font-size:.9rem;font-weight:700}
.pk-tts-row.one{max-width:900px;margin-left:auto;margin-right:auto}
@media (max-width:760px){.pk-tts-row{flex-direction:column}.pk-tts-row .pkimg{flex:none!important;width:100%}}

.pk-extras{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:18px auto 0}
.pk-extras>div{background:rgba(63,200,255,.06);border:1px solid rgba(63,200,255,.3);border-radius:14px;padding:14px 16px}
.pk-extras b{color:#eadcbc}.pk-extras p{margin:4px 0 0;font-size:.92rem}
@media (max-width:760px){.pk-extras{grid-template-columns:1fr}}

.copy-mail{font:inherit;font-weight:800;font-size:.85rem;color:#3b1d00;background:var(--gold);border:0;border-radius:999px;padding:4px 12px;cursor:pointer;margin-left:6px}
.mail a{color:var(--text)}

/* VOTES */
.vote{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.vote[hidden]{display:none}
.vote-q{font-weight:800;font-size:.9rem;margin-right:4px;opacity:.85}
.vb{display:inline-flex;align-items:center;gap:6px;font:inherit;font-weight:800;font-size:.95rem;padding:6px 12px;border-radius:999px;cursor:pointer;background:rgba(255,255,255,.06);border:2px solid currentColor;transition:.2s}
.vb svg{width:18px;height:18px;fill:currentColor}
.vb b{color:var(--text);font-weight:800}
.vb.up{color:#3fbf4a}.vb.mid{color:#f08a1c}.vb.down{color:#e0383a}
.vb:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}
.vb.on{background:currentColor}.vb.on b,.vb.on svg{color:#fff;fill:#fff}
.vb:disabled{opacity:.6;cursor:wait}
.fc .vb b,.at .vb b{color:inherit}
.fc .vb{background:#fff8ea}.fc .vb b{color:#3a2312}
.ss .vote{justify-content:center;margin-top:14px}
.at .vote{margin:0 0 12px}
.vote-thx{font-size:.85rem;font-weight:700;opacity:.8}

/* DISCORD */
.btn-discord{color:#fff;background:#5865F2;box-shadow:0 5px 0 #3a43a8,0 0 24px rgba(88,101,242,.4)}
.btn-discord:hover{transform:translateY(-2px);background:#6b77ff}
.menu a.nav-discord{background:#5865F2;color:#fff}
.menu a.nav-discord:hover{background:#6b77ff;color:#fff}
.discord-box{display:flex;align-items:center;gap:18px;margin:0 0 34px;padding:20px 22px;border-radius:16px;border:2px solid #5865F2;background:rgba(88,101,242,.12)}
.discord-box .dico{font-size:2.2rem;flex:none}
.discord-box div{flex:1;color:var(--muted)}
.discord-box b{color:var(--text)}
.discord-box .btn{white-space:nowrap;font-size:1rem;padding:12px 20px}
footer a{color:var(--muted)}
@media (max-width:700px){.discord-box{flex-direction:column;text-align:center}}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rgpd{font-size:.82rem;color:var(--muted);margin:0}
.notice.ok{background:rgba(63,191,74,.14);border-color:#3fbf4a}
button.btn:disabled{opacity:.7;cursor:wait}

/* PRO */
.pro{background:linear-gradient(180deg,rgba(47,176,255,.06),transparent);border-top:1px solid rgba(47,176,255,.2);border-bottom:1px solid rgba(47,176,255,.2)}
.pro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media (max-width:860px){.pro-grid{grid-template-columns:1fr}}
.sheet{background:var(--night2);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:26px}
.sheet h3{color:var(--gold);font-size:1.4rem}
.sheet table{width:100%;border-collapse:collapse;font-size:.95rem}
.sheet td{padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.1);vertical-align:top}
.sheet td:first-child{color:var(--muted);width:46%;font-weight:600}
.pf{columns:2;column-gap:40px}.pf h3{column-span:all}.pf ul{break-inside:avoid}
@media (max-width:860px){.pf{columns:1}}
.sheet ul{padding-left:20px;margin:0;color:var(--muted)}
.sheet li{margin:6px 0}

/* ABOUT */
.about{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:center}
.about img{filter:drop-shadow(0 0 30px rgba(255,194,58,.3))}
.about p{font-size:1.08rem}

/* CONTACT */
.contact{max-width:720px;margin:0 auto}
form{display:grid;gap:14px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{font-weight:800;font-size:.9rem;display:block;margin-bottom:4px}
input,select,textarea{width:100%;font:inherit;color:var(--text);background:rgba(255,255,255,.05);border:2px solid rgba(47,176,255,.3);border-radius:12px;padding:12px 14px;outline:none;transition:.2s}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(255,194,58,.15)}
select option{background:var(--night2)}
textarea{min-height:130px;resize:vertical}
.notice{display:none;background:rgba(255,194,58,.12);border:1px solid var(--gold);border-radius:12px;padding:14px 16px}
.notice.show{display:block}
.mail{text-align:center;color:var(--muted);margin-top:20px}

footer{padding:40px 0;text-align:center;color:var(--muted);border-top:1px solid rgba(255,255,255,.08);font-size:.92rem}
footer img{height:60px;margin:0 auto 10px;opacity:.9}

/* LIGHTBOX */
.lb{position:fixed;inset:0;background:rgba(3,6,15,.94);display:none;place-items:center;z-index:100;padding:20px;cursor:zoom-out}
.lb.open{display:grid}
.lb img{max-height:92vh;border-radius:10px;box-shadow:0 0 60px rgba(47,176,255,.3)}
.lb button{position:absolute;top:16px;right:20px;background:var(--gold);border:none;border-radius:50%;width:44px;height:44px;font-size:1.4rem;font-weight:800;cursor:pointer;color:#3b1d00}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}

@media (max-width:1180px){.menu a{padding:8px 9px;font-size:.88rem}}
@media (max-width:1060px){
  .menu{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:var(--night);padding:12px 22px 20px;border-bottom:1px solid rgba(47,176,255,.25)}
  .menu.open{display:flex}
  .burger{display:block}
}
@media (max-width:860px){
  .game-hero,.about{grid-template-columns:1fr}
  .about img{max-width:220px;margin:0 auto}
  .row{grid-template-columns:1fr}
  .menu{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:var(--night);padding:12px 22px 20px;border-bottom:1px solid rgba(47,176,255,.25)}
  .menu.open{display:flex}
  .burger{display:block}
  section{padding:64px 0}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* PAGES JEUX */
.gamebar{background:rgba(18,26,51,.92);border-bottom:1px solid rgba(255,194,58,.18);position:sticky;top:64px;z-index:40}
.gamebar .wrap{display:flex;gap:6px;align-items:center;overflow-x:auto;padding-top:8px;padding-bottom:8px;scrollbar-width:none}
.gamebar .wrap::-webkit-scrollbar{display:none}
.gamebar a{white-space:nowrap;text-decoration:none;font-weight:800;font-size:.85rem;color:var(--muted);padding:6px 12px;border-radius:999px;border:1px solid transparent}
.gamebar a:hover{color:var(--text);border-color:rgba(255,255,255,.2)}
.gamebar a.cur{color:#3b1d00;background:var(--gold)}
.gamebar .back{color:var(--gold);margin-right:6px}
.page-cta{padding:70px 0}
.page-cta .box{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:var(--night2);border:2px solid rgba(255,194,58,.35);border-radius:var(--radius);padding:28px 30px}
.page-cta h3{font-size:1.7rem;margin:0 0 6px}
.page-cta p{margin:0;color:var(--muted)}
.page-cta .btns{justify-content:flex-end}
.others{padding:10px 0 80px}
.others h3{text-align:center;font-size:1.6rem;margin-bottom:24px}
.others .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}
.others a{display:block;background:var(--night2);border:2px solid rgba(255,194,58,.25);border-radius:16px;padding:14px;text-align:center;text-decoration:none;color:var(--text);font-weight:800;transition:.2s}
.others a:hover{border-color:var(--gold);transform:translateY(-4px)}
.others img{height:90px;width:auto;margin:0 auto 8px;object-fit:contain}
@media (max-width:860px){.gamebar{top:64px}.page-cta .box{grid-template-columns:1fr;text-align:center}.page-cta .btns{justify-content:center}}

.fiche-link{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

/* MENU DÉROULANT */
.menu .dd{position:relative}
.menu .car{font-size:.75em;opacity:.8}
.menu .sub{display:none;position:absolute;top:100%;left:0;min-width:210px;list-style:none;margin:0;padding:8px;background:rgba(14,20,40,.98);border:1px solid rgba(255,194,58,.3);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.5);z-index:60}
.menu .dd:hover .sub,.menu .dd:focus-within .sub,.menu .dd.open .sub{display:block}
.menu .sub a{display:block;border-radius:10px;padding:9px 12px}
.menu .sub a.cur{color:var(--gold)}
.menu .sub .sep{border-top:1px solid rgba(255,255,255,.1);margin-top:6px;padding-top:6px}
.menu .sub .sep a{font-size:.85rem;color:var(--muted)}
.gamebar .gb-l{font-size:.8rem;color:var(--muted);font-weight:700;margin-right:2px;white-space:nowrap}
.gamebar .gb-vg{margin-left:auto;color:#8fd3ff}
.others-vg{text-align:center;margin:26px 0 0}
.others-vg a{color:#8fd3ff;font-weight:800;text-decoration:none;border-bottom:2px dashed rgba(143,211,255,.5)}
@media (max-width:1060px){
  .menu .sub{display:block;position:static;min-width:0;background:none;border:0;box-shadow:none;padding:0 0 0 16px}
  .menu .dd-t .car{display:none}
  .gamebar .gb-l{display:none}
}

/* BIO */
.bio p{font-size:1.05rem;color:#cdd5ea}
.bio a{color:var(--gold)}
.bio-sub{color:#7fdcff!important;font-weight:800;letter-spacing:.5px;margin:0 0 18px}
.bio-lead{font-family:"Lilita One";font-size:1.45rem!important;color:var(--text)!important;line-height:1.35}
.bio blockquote{margin:18px 0;padding:14px 20px;border-left:4px solid var(--gold);background:rgba(255,194,58,.08);border-radius:0 12px 12px 0;font-style:italic;font-size:1.12rem;color:var(--text)}
.bio-end{font-family:"Lilita One";font-size:1.4rem!important;color:var(--gold)!important;margin-top:22px}


.bio{max-width:780px;margin:0 auto}
.bio p{color:#e3e8f5;line-height:1.75}
.bio-head{display:flex;align-items:center;gap:22px;margin-bottom:22px}
.bio-avatar{width:120px;height:120px;flex:none;border-radius:50%;object-fit:cover;background:#0c1430;padding:0;border:3px solid var(--gold);box-shadow:0 0 24px rgba(255,194,58,.25)}
.bio-head h2{font-size:2.4rem;margin:0}
.bio-sub{margin:4px 0 0!important}
@media (max-width:600px){.bio-head{gap:14px}.bio-avatar{width:90px;height:90px}.bio-head h2{font-size:1.8rem}}

.vote.empty .vb b{display:none}
.vote.empty .vb{padding:6px 10px}

/* ACCUEIL V2 */
.hero h1{max-width:900px;margin-left:auto;margin-right:auto}
.bandeau{background:linear-gradient(90deg,rgba(255,194,58,.08),rgba(47,176,255,.08));border-top:1px solid rgba(255,194,58,.25);border-bottom:1px solid rgba(255,194,58,.25)}
.bandeau .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px;padding-top:16px;padding-bottom:16px;font-weight:600;color:var(--muted)}
.bandeau b{color:var(--gold)}
.bandeau i{color:rgba(255,255,255,.25);font-style:normal}
.frow{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;margin:0 0 70px}
.frow:nth-of-type(even) .fimg{order:2}
.fimg{position:relative;display:block;padding-bottom:30px}
.fimg .m{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;border:2px solid rgba(255,194,58,.35);box-shadow:0 16px 40px rgba(0,0,0,.5);transition:.3s}
.fimg .s{position:absolute;right:-12px;bottom:0;width:38%;aspect-ratio:1;object-fit:cover;border-radius:14px;border:3px solid var(--night);box-shadow:0 10px 30px rgba(0,0,0,.6)}
.fimg:hover .m{transform:scale(1.015);border-color:var(--gold)}
.flogo{height:110px;width:auto;margin-bottom:10px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}
.ftxt p{font-size:1.08rem;color:#d6ddee}
.facts{font-weight:800;color:var(--muted)!important;font-size:.95rem!important}
.facts .ok{color:#7ee08a}
.frow.star .fimg .m{border-color:rgba(63,200,255,.6);box-shadow:0 0 40px rgba(63,200,255,.2),0 16px 40px rgba(0,0,0,.5)}
.frow-mini{display:flex;align-items:center;gap:18px;padding:14px 20px;border-radius:16px;border:1px dashed rgba(255,194,58,.35);background:var(--night2);color:var(--muted);text-decoration:none;transition:.2s}
.frow-mini:hover{border-style:solid;border-color:var(--gold)}
.frow-mini img{height:60px;width:auto}
.frow-mini b{color:var(--text)}
.frow-mini div{flex:1}
.fiches{max-width:860px;margin:0 auto;display:grid;gap:10px}
.fiche{background:var(--night2);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:0 20px}
.fiche summary{cursor:pointer;padding:16px 0;font-family:"Lilita One";font-size:1.25rem;color:var(--gold);display:flex;align-items:center;gap:12px;list-style:none}
.fiche summary::-webkit-details-marker{display:none}
.fiche summary::before{content:"▸";color:var(--muted);transition:.2s}
.fiche[open] summary::before{transform:rotate(90deg)}
.fiche summary a{margin-left:auto;font-family:"Nunito";font-size:.85rem;font-weight:800;color:#7fdcff;text-decoration:none}
.fiche table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:.95rem}
.fiche td{padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.1);vertical-align:top}
.fiche td:first-child{color:var(--muted);width:34%;font-weight:600}
.atelier.compact{padding:70px 0}
.atm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.atm{background:var(--night2);border:1px dashed rgba(255,194,58,.3);border-radius:16px;padding:12px;text-align:center}
.atm-logo{border-radius:12px;height:120px;display:flex;align-items:center;justify-content:center;padding:10px;margin-bottom:10px}
.atm-logo img{max-height:100%;max-width:100%;width:auto}
.atm b{font-size:1.05rem}
.atm p{font-size:.88rem;color:var(--muted);margin:4px 0 10px}
.atm .vote{justify-content:center;margin:0}
.atm .vote-q{display:none}
.atm .vb{padding:4px 9px;font-size:.85rem}
.ss-strip{padding:10px 0 50px}
.ss-strip a{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 22px;border-radius:16px;border:1px solid rgba(120,200,255,.35);background:rgba(5,11,24,.7);color:#cfe6ff;text-decoration:none}
.ss-strip a:hover{border-color:#5cbcff}
.ss-strip span{font-size:1.5rem}
.ss-strip b{color:#fff;letter-spacing:.08em}
.ss-strip em{margin-left:auto;font-style:normal;font-weight:800;color:#5cbcff}
@media (max-width:900px){.frow{grid-template-columns:1fr;gap:20px}.frow:nth-of-type(even) .fimg{order:0}.atm-grid{grid-template-columns:1fr 1fr}.flogo{height:80px}}
@media (max-width:900px){.fimg .s{right:8px;width:34%}}