@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/IBMPlexMono-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/IBMPlexMono-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Oswald-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Oswald-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Oswald-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Oswald-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/ZenKakuGothicNew-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/ZenKakuGothicNew-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/ZenKakuGothicNew-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/ZenKakuGothicNew-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/ZenKakuGothicNew-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/ZenKakuGothicNew-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Two spaces: CLIENT (warm marble paper like the food photos, navy ink, pink order buttons) and PRO (navy-dominant).
   Brand tokens taken from halashi.fr: navy #0f1340, pink #e0556a. */
:root{
  --navy:#0f1340; --navy-2:#0a0d2e; --navy-3:#1a1f5c;
  --pink:#be2f49; --pink-2:#a82640; --pink-ink:#ffffff; --pink-text:#be2f49; --brand-pink:#e0556a;
  --paper:#faf6f2; --paper-2:#f1e9e1; --card:#ffffff;
  --ink:#0f1340; --ink-2:#4d5590; --line:#e3dcd4; --ok:#1fbf6f;
  --on-navy:#ffffff; --on-navy-2:#b9bee8;
  --f-display:"Oswald","Arial Narrow",Impact,sans-serif;
  --f-body:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic","Noto Sans JP","Segoe UI",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --r:6px; --w:1160px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#0f1340; --paper-2:#0a0d2e; --card:#161a52; --ink:#ffffff; --ink-2:#a9afe0; --line:#272d6e;
  --navy:#0a0d2e; --navy-3:#161a52; --pink-text:#ff8a9b; color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#0f1340; --paper-2:#0a0d2e; --card:#161a52; --ink:#ffffff; --ink-2:#a9afe0; --line:#272d6e;
  --navy:#0a0d2e; --navy-3:#161a52; --pink-text:#ff8a9b; color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
img[width][height]{height:auto}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6}
a{color:inherit}
img{display:block;max-width:100%}
.wrap{max-width:var(--w);margin:0 auto;padding-inline:20px}
h1,h2,h3{font-family:var(--f-display);font-weight:700;text-transform:uppercase;line-height:1.02;text-wrap:balance;margin:0}
h1{font-size:clamp(2.5rem,6.4vw,4.8rem)}
h2{font-size:clamp(1.9rem,4vw,2.9rem)}
h3{font-size:1.3rem;letter-spacing:.02em}
p{margin:0;max-width:62ch}
.eyebrow{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pink-text)}
.lead{font-size:1.12rem;color:var(--ink-2)}
.fine{font-size:.84rem;color:var(--ink-2)}
:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.stack{display:grid;gap:18px}
.band{padding-block:64px}
.band.alt{background:var(--paper-2)}
.navyband{background:var(--navy);color:var(--on-navy)}
.navyband .lead,.navyband .fine{color:var(--on-navy-2)}

/* space switch strip */
.switch{background:var(--navy-2);color:var(--on-navy-2);font-size:.82rem}
.switch .wrap{display:flex;gap:4px;justify-content:flex-end;padding-block:6px}
.switch a{text-decoration:none;padding:3px 10px;border-radius:99px}
.switch a.on{background:var(--pink);color:var(--pink-ink)}

header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--navy);color:var(--on-navy);border-bottom:1px solid rgba(255,255,255,.08)}
body.pro header.top{background:var(--navy);color:var(--on-navy);border-color:var(--navy-3)}
.top .wrap{display:flex;align-items:center;gap:18px;min-height:64px}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none}
.mark-bar{display:grid;font-family:var(--f-display);font-weight:700;font-size:15px;line-height:.95;border-top:4px solid currentColor;padding-top:3px}
.dots{display:flex;gap:4px}.dots i{width:9px;height:9px;border-radius:50%;background:var(--pink);display:block}
.mark small{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid currentColor;padding:2px 6px;border-radius:3px}
nav.main{display:flex;gap:2px}
.mark{margin-right:auto}
nav.main a{text-decoration:none;font-family:var(--f-display);text-transform:uppercase;font-size:.95rem;letter-spacing:.04em;padding:8px 11px;opacity:.75}
nav.main a:hover{opacity:1}
nav.main a[aria-current]{opacity:1;box-shadow:inset 0 -3px 0 var(--pink)}
@media(max-width:899px){nav.main{display:none}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:1rem;text-decoration:none;padding:13px 22px;border-radius:var(--r);border:2px solid currentColor;background:transparent;color:inherit;cursor:pointer;transition:transform .12s,background .12s}
.btn:hover{transform:translateY(-1px)}
.btn.pink{background:var(--pink);border-color:var(--pink-text);color:var(--pink-ink)}
.btn.pink:hover{background:var(--pink-2);border-color:var(--pink-2)}
.btn.sm{padding:8px 14px;font-size:.88rem}


.dock{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--navy);color:var(--on-navy);padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));display:flex;gap:8px;align-items:center}
.dock nav{display:flex;gap:2px;overflow-x:auto;flex:1;min-width:0}
.dock nav a{flex:0 0 auto;text-decoration:none;font-size:.8rem;padding:8px 9px;color:var(--on-navy-2);white-space:nowrap}
.dock nav a[aria-current]{color:var(--on-navy);font-weight:700}
@media(min-width:900px){.dock{display:none}body{padding-bottom:0}}



/* client hero */
.hero{position:relative;background:var(--navy);color:var(--on-navy);overflow:hidden}
.hero .wrap{display:grid;gap:28px;padding-block:48px;position:relative}
@media(min-width:900px){.hero .wrap{grid-template-columns:1.05fr 1fr;align-items:center;padding-block:64px}}
.hero-copy{display:grid;gap:20px;min-width:0}
.hero .lead{color:var(--on-navy-2)}
.hero-img{border-radius:var(--r);overflow:hidden;aspect-ratio:1;max-width:100%;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.hero-img img{width:100%;height:100%;object-fit:cover}
.cta-row{display:flex;flex-wrap:wrap;gap:10px}
.facts{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.9rem;color:var(--on-navy-2)}
.open{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 11px;border:1px solid currentColor;border-radius:99px;width:max-content;opacity:.9}
.open i{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.5}
.open.yes i{background:var(--ok);opacity:1;box-shadow:0 0 0 4px rgba(31,191,111,.25)}

/* dish cards */
.dishes{display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.dishes{grid-template-columns:repeat(4,1fr)}}
.dish{display:grid;grid-template-rows:auto 1fr;background:var(--card);border-radius:var(--r);overflow:hidden;text-decoration:none;border:1px solid var(--line);transition:transform .15s}
.dish:hover{transform:translateY(-3px)}
.dish .ph{aspect-ratio:1;overflow:hidden;position:relative;max-width:100%}
.dish .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.dish:hover .ph img{transform:scale(1.04)}
.tag{position:absolute;top:10px;left:10px;background:var(--pink);color:var(--pink-ink);font-family:var(--f-display);text-transform:uppercase;font-size:.74rem;letter-spacing:.06em;padding:3px 8px;border-radius:3px}
.dish .body{padding:14px 14px 16px;display:grid;gap:4px;align-content:start}
.dish h3{font-size:1.12rem}
.dish p{font-size:.88rem;color:var(--ink-2)}

/* menu */
.cats{position:sticky;top:calc(env(safe-area-inset-top,0px) + 64px);z-index:10;background:var(--paper);border-bottom:1px solid var(--line);overflow-x:auto}
.cats .wrap{display:flex;gap:6px;padding-block:10px}
.cats a{flex:0 0 auto;text-decoration:none;font-size:.88rem;padding:6px 13px;border:1px solid var(--line);border-radius:99px;background:var(--card)}
.cats a:hover{border-color:var(--pink-text)}
.mcat{padding-block:44px;scroll-margin-top:130px;border-bottom:1px solid var(--line)}
.mcat>header{display:flex;align-items:baseline;gap:14px;margin-bottom:20px;flex-wrap:wrap}
.mcat .k{font-size:2rem;line-height:1;font-weight:700;color:var(--pink-text)}
.mitems{display:grid;gap:18px}
@media(min-width:760px){.mitems{grid-template-columns:repeat(3,1fr)}}
.mitem{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:10px;min-width:0}
@media(min-width:760px){.mitem{grid-template-columns:1fr;padding:0;overflow:hidden}.mitem .body{padding:0 16px 16px}}
.mitem .ph{aspect-ratio:1;border-radius:4px;overflow:hidden;max-width:100%}
@media(min-width:760px){.mitem .ph{border-radius:0;aspect-ratio:4/3}}
.mitem .ph{position:relative;min-height:0}
.mitem .ph img,.mitem .ph img[width][height]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mitem .body{display:grid;gap:4px;min-width:0}
.mitem p{font-size:.9rem;color:var(--ink-2)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);padding:2px 7px;border-radius:3px}

/* photo strip */
.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media(min-width:760px){.strip{grid-template-columns:repeat(6,1fr)}}
.strip img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:4px}

/* keepcool */
.offer{display:grid;gap:28px;align-items:center}
@media(min-width:900px){.offer{grid-template-columns:1.2fr 1fr}}
.ticket{border:2px dashed var(--pink);border-radius:var(--r);padding:28px;display:grid;gap:10px;background:var(--card)}
.ticket .big{font-family:var(--f-display);font-weight:700;font-size:clamp(3rem,8vw,4.6rem);line-height:.9;text-transform:uppercase}
.ticket .big em{font-style:normal;color:var(--pink-text)}
.steps{display:grid;gap:16px}
@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{border-top:3px solid var(--pink);padding-top:14px;display:grid;gap:6px}
.step .n{font-family:var(--f-mono);font-size:.78rem;color:var(--pink-text)}

/* order */
.platforms{display:grid;gap:12px}
@media(min-width:760px){.platforms{grid-template-columns:repeat(3,1fr)}}
.plat{border:1px solid var(--line);border-radius:var(--r);padding:22px;display:grid;gap:8px;text-decoration:none;background:var(--card)}
.plat:hover{border-color:var(--ink)}
.plat.rec{border:2px solid var(--pink)}
.plat .plat-h{font-size:1.3rem;display:flex;justify-content:space-between}
.split{display:grid;gap:30px}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr;align-items:start}}
.hours{display:grid;grid-template-columns:auto 1fr;gap:4px 20px;font-variant-numeric:tabular-nums;margin:0}
.hours dd{margin:0}.hours .today{font-weight:700;color:var(--pink-text)}

/* ===== PRO space ===== */
.pro-hero{background:var(--navy);color:var(--on-navy)}
.pro-hero .wrap{padding-block:64px;display:grid;gap:22px}
.pro-hero .lead{color:var(--on-navy-2)}
.doors{display:grid;gap:18px}
@media(min-width:760px){.doors{grid-template-columns:1fr 1fr}}
.door{display:grid;grid-template-rows:auto 1fr;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none}
.door .ph{aspect-ratio:16/9;overflow:hidden;max-width:100%}
.door .ph img{width:100%;height:100%;object-fit:cover}
.door .body{padding:22px;display:grid;gap:10px;align-content:start}
.who{border:1px solid var(--line);border-radius:var(--r);padding:22px;display:grid;gap:10px;background:var(--card)}
.who ul{margin:0;padding-left:18px;display:grid;gap:4px}
.who.you{border:2px solid var(--pink)}
.sim{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);padding:24px;display:grid;gap:18px}
.range{display:grid;gap:6px}
.range .row{display:flex;justify-content:space-between;gap:10px;font-size:.9rem}
.range output{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
input[type=range]{accent-color:var(--pink-text);width:100%}
.res{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.res div{background:var(--paper-2);border-radius:var(--r);padding:14px;display:grid;gap:2px}
.res b{font-family:var(--f-display);font-size:1.8rem;font-variant-numeric:tabular-nums;line-height:1.1}
.res .hl{background:var(--pink);color:var(--pink-ink)}.res .hl .eyebrow{color:var(--pink-ink)}
.sim-note{font-size:.85rem;color:var(--ink-2);margin:0}
.note{border-left:3px solid var(--pink);padding:10px 14px;font-size:.9rem;background:var(--paper-2)}
.case{display:grid;border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--line)}
@media(min-width:900px){.case{grid-template-columns:1fr 1.3fr}}
.case .num{background:var(--pink);color:var(--pink-ink);padding:30px;display:grid;align-content:center;gap:2px}
.case .num b{font-family:var(--f-display);font-size:clamp(4.5rem,11vw,7rem);line-height:.9}
.case .txt{padding:30px;display:grid;gap:12px;align-content:center}
.fmts{display:grid;gap:16px}
@media(min-width:760px){.fmts{grid-template-columns:repeat(4,1fr)}}
.fmt{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:8px;align-content:start}
.fmt .k{font-size:1.8rem;font-weight:700;line-height:1;color:var(--pink-text)}

form{display:grid;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.f2{display:grid;gap:14px}@media(min-width:640px){.f2{grid-template-columns:1fr 1fr}}
label{display:grid;gap:5px;font-size:.85rem;font-weight:500}
input:not([type=range]),select,textarea{font:inherit;font-size:1rem;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);color:var(--ink);width:100%;min-width:0}
input:focus,select:focus,textarea:focus{border-color:var(--pink-text);outline:none}
.done{border:2px solid var(--ok);border-radius:var(--r);padding:14px;display:grid;gap:8px}
.copy{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.copy code{font-family:var(--f-mono);background:var(--paper-2);padding:6px 10px;border-radius:var(--r);user-select:all}

/* ===== PRO = black world ===== */
body.pro{--paper:#0b0b0c;--paper-2:#141415;--card:#18181a;--ink:#f5f4f2;--ink-2:#a3a1a6;--line:#2a2a2d;--navy:#000000;--navy-2:#000000;--navy-3:#222224;--on-navy:#ffffff;--on-navy-2:#b3b1b6;color-scheme:dark}
body.pro .sim{border-color:var(--line)}
body.pro .switch{background:#000}

/* ===== HOME v3 ===== */
.h-hero{position:relative;min-height:min(86vh,760px);display:grid;align-items:end;color:#fff;overflow:hidden;background:#0f1340}
.h-hero>img,.h-hero>img[width][height]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.h-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,19,64,.92) 0%,rgba(15,19,64,.7) 38%,rgba(15,19,64,.05) 75%),linear-gradient(0deg,rgba(15,19,64,.85),transparent 45%)}
.h-hero .wrap{position:relative;z-index:1;padding-block:48px 40px;display:grid;gap:22px;width:100%}
.h-word{font-family:var(--f-display);font-weight:700;font-size:clamp(5.5rem,17vw,12rem);line-height:.84;display:grid;width:max-content;border-top:clamp(10px,1.6vw,16px) solid #fff;padding-top:10px}
.h-sub{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(1.3rem,2.6vw,1.9rem);line-height:1.15;max-width:22ch}
.h-sub em{font-style:normal;color:var(--pink-text)}
.h-hero .open{color:#fff}
.marquee{background:var(--pink);color:#fff;overflow:hidden;white-space:nowrap;font-family:var(--f-display);text-transform:uppercase;font-size:1.15rem;letter-spacing:.06em}
.marquee div{display:inline-block;padding-block:12px;animation:mq 28s linear infinite}
.marquee span{padding-inline:22px}
@keyframes mq{to{transform:translateX(-50%)}}
.duo{display:grid}
@media(min-width:760px){.duo{grid-template-columns:1fr 1fr}}
.bowl{position:relative;aspect-ratio:1;overflow:hidden;color:#fff;text-decoration:none;display:block;max-width:100%}
.bowl img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.bowl:hover img{transform:scale(1.04)}
.bowl .cap{position:absolute;left:0;right:0;bottom:0;padding:24px;background:linear-gradient(0deg,rgba(15,19,64,.9),transparent);display:flex;justify-content:space-between;align-items:end;gap:12px}
.bowl h3{font-size:clamp(2rem,4.4vw,3.4rem);line-height:.95}
.bowl .k{font-size:.85rem;font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.sechead{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;padding-block:56px 22px}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(70vw,280px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:20px;padding-bottom:12px;max-width:var(--w);margin:0 auto}
.rail a{scroll-snap-align:start;position:relative;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;color:#fff;text-decoration:none;display:block}
.rail img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rail a:hover img{transform:scale(1.05)}
.rail .cap{position:absolute;inset:auto 0 0 0;padding:16px;background:linear-gradient(0deg,rgba(15,19,64,.92),transparent);display:grid;gap:2px}
.rail .cap b{font-family:var(--f-display);text-transform:uppercase;font-size:1.5rem;line-height:1}
.rail .cap span{font-size:.85rem;opacity:.85}
.kc{background:var(--pink);color:#fff;margin-top:56px}
.kc .wrap{display:grid;gap:22px;padding-block:56px;align-items:center}
@media(min-width:900px){.kc .wrap{grid-template-columns:1.4fr 1fr}}
.kc .big{font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:clamp(2.6rem,6.5vw,5rem);line-height:.92}
.kc .big small{display:block;font-size:.4em;letter-spacing:.06em;opacity:.9;margin-bottom:8px}
.kc .btn{color:#fff}
.kc .btn.solid{background:#0f1340;border-color:#0f1340}
.go{background:var(--navy);color:var(--on-navy)}
.go .wrap{display:grid;gap:28px;padding-block:56px}
@media(min-width:900px){.go .wrap{grid-template-columns:1fr 1.3fr;align-items:center}}
.go-btns{display:grid;gap:10px}
.go-btns a{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border:1px solid rgba(255,255,255,.2);border-radius:var(--r);text-decoration:none;font-family:var(--f-display);text-transform:uppercase;font-size:1.3rem;letter-spacing:.03em}
.go-btns a:hover{border-color:var(--pink-text)}
.go-btns a.rec{background:var(--pink);border-color:var(--pink-text)}
.go-btns a small{font-family:var(--f-body);text-transform:none;font-size:.82rem;letter-spacing:0;opacity:.85}

/* ===== PRO landing v3 ===== */
.px-hero .wrap{padding-block:72px 40px;display:grid;gap:18px}
.px-title{font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:clamp(4rem,13vw,10rem);line-height:.85;margin:0}
.px-title em{font-style:normal;color:var(--pink-text)}
.panels{display:grid}
@media(min-width:900px){.panels{grid-template-columns:1fr 1fr}}
.panel{position:relative;min-height:min(78vh,620px);display:grid;align-items:end;color:#fff;text-decoration:none;overflow:hidden;border-top:1px solid #222}
@media(min-width:900px){.panel+.panel{border-left:1px solid #222}}
.panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.35) brightness(.55);transition:filter .4s,transform .6s}
.panel:hover img{filter:grayscale(0) brightness(.6);transform:scale(1.03)}
.panel .in{position:relative;padding:32px 24px;display:grid;gap:12px}
@media(min-width:900px){.panel .in{padding:44px}}
.panel .num{font-family:var(--f-mono);font-size:.8rem;letter-spacing:.14em;color:var(--pink-text)}
.panel h2{font-size:clamp(2.4rem,5vw,4rem);line-height:.92}
.panel p{color:#d8d6da}
.panel .arrow{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.06em;display:inline-flex;gap:10px;align-items:center;border-bottom:2px solid var(--pink);width:max-content;padding-bottom:4px}
.proofs{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
@media(min-width:900px){.proofs{grid-template-columns:repeat(4,1fr)}}
.proofs div{padding:28px 20px;border-bottom:1px solid var(--line);display:grid;gap:4px}
@media(min-width:900px){.proofs div+div{border-left:1px solid var(--line)}}
.proofs b{font-family:var(--f-display);font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;font-variant-numeric:tabular-nums}
.proofs span{font-size:.88rem;color:var(--ink-2)}

/* ===== v4 additions ===== */
body.ev{--paper:#0f1340;--paper-2:#0a0d2e;--card:#161a52;--ink:#ffffff;--ink-2:#b9bee8;--line:#2a3075;--navy:#0a0d2e;--navy-2:#070920;--navy-3:#161a52;color-scheme:dark}
body.ev header.top,body.pro header.top{background:var(--navy);color:var(--on-navy);border-color:var(--line)}
.switch a{font-weight:500}
/* simple hero */
.hx{display:grid;background:var(--navy);color:#fff}
@media(min-width:900px){.hx{grid-template-columns:minmax(380px,40%) 1fr;min-height:min(82vh,720px)}}
.hx-copy{display:grid;align-content:center;gap:26px;padding:44px 24px}
@media(min-width:900px){.hx-copy{padding:56px clamp(28px,5vw,72px)}}
.hx-logo{font-family:var(--f-display);font-weight:700;font-size:clamp(3.4rem,7vw,5.2rem);line-height:.86;display:grid;width:max-content;border-top:10px solid #fff;padding-top:8px}
.hx-logo .dots{margin-top:12px;gap:8px}.hx-logo .dots i{width:22px;height:22px}
.hx h1{font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.02}
.hx h1 em{font-style:normal;color:var(--pink-text)}
.hx .meta{font-size:.95rem;color:var(--on-navy-2)}
.hx-img{position:relative;min-height:340px;order:-1}
@media(min-width:900px){.hx-img{order:0}}
.hx-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* keepcool gym world */
.gym{background:#141414;color:#fff;position:relative;overflow:hidden}
.gym::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1.2px,transparent 1.4px);background-size:14px 14px}
.gym .wrap{position:relative;display:grid;gap:30px;padding-block:56px}
@media(min-width:900px){.gym .wrap{grid-template-columns:1.15fr 1fr;align-items:center}}
.gym h1{font-size:clamp(2.8rem,7vw,5.4rem);line-height:.9}
.gym h1 em{font-style:normal;color:var(--pink-text)}
.gym .lead{color:#c9c9c9}
.timer{background:#000;border:3px solid #2b2b2b;border-radius:10px;padding:18px 20px;display:grid;gap:8px;box-shadow:inset 0 0 30px rgba(224,85,106,.12)}
.timer .lbl{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;color:#8a8a8a}
.timer .led{font-family:var(--f-mono);font-weight:500;font-size:clamp(3.4rem,9vw,5.6rem);line-height:1;color:var(--pink-text);text-shadow:0 0 18px rgba(224,85,106,.55);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.timer .row2{display:flex;gap:8px;flex-wrap:wrap}
.timer .row2 span{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.1em;border:1px solid #333;color:#bbb;padding:3px 8px;border-radius:3px}
.pass{background:linear-gradient(135deg,#0f1340,#1d2380);color:#fff;border-radius:14px;padding:22px;display:grid;gap:14px;aspect-ratio:1.6;max-width:420px;width:100%;box-shadow:0 24px 50px rgba(0,0,0,.4);transform:rotate(-3deg)}
.pass .top{display:flex;justify-content:space-between;align-items:start;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.pass .v{font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:clamp(2rem,5vw,2.8rem);line-height:.95;align-self:end}
.pass .v em{font-style:normal;color:var(--pink-text)}
.pass .chip{width:42px;height:30px;border-radius:5px;background:linear-gradient(135deg,#e7c77a,#b8924a)}
.wod{background:#1b1b1b;color:#eee;border-radius:8px;padding:26px;border:8px solid #2a2a2a;display:grid;gap:16px;font-family:var(--f-mono)}
.wod h2{font-family:var(--f-display);color:#fff}
.wod ol{margin:0;padding:0;list-style:none;display:grid;gap:14px;counter-reset:w}
.wod li{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;border-bottom:1px dashed #3a3a3a;padding-bottom:14px}
.wod li b{color:var(--pink-text);font-weight:500;font-size:.78rem;letter-spacing:.14em;grid-row:span 2;padding-top:4px;min-width:84px}
.wod li strong{font-family:var(--f-display);font-size:1.4rem;text-transform:uppercase;font-weight:700;color:#fff;letter-spacing:.02em}
.wod li span{font-family:var(--f-body);color:#bdbdbd;font-size:.95rem}
.barbell{width:100%;height:auto;display:block;max-width:100%}
.recup{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}
.recup figure{margin:0;position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4}
.recup img{width:100%;height:100%;object-fit:cover}
.recup figcaption{position:absolute;inset:auto 0 0 0;padding:12px;color:#fff;font-family:var(--f-display);text-transform:uppercase;font-size:1.1rem;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent)}
.ph-slot{border:2px dashed var(--line);border-radius:var(--r);display:grid;place-items:center;text-align:center;padding:20px;color:var(--ink-2);font-size:.88rem;aspect-ratio:3/4}
/* event hero with photo */
.evh{position:relative;color:#fff;overflow:hidden}
.evh>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.evh::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,46,.95),rgba(10,13,46,.75) 50%,rgba(10,13,46,.35))}
.evh .wrap{position:relative;z-index:1;padding-block:80px;display:grid;gap:20px}
.evh .lead{color:#d0d4f5}
/* pro hero with photo */
.prh{display:grid;background:#000;color:#fff}
@media(min-width:900px){.prh{grid-template-columns:1.1fr 1fr}}
.prh .c{padding:56px 24px;display:grid;gap:20px;align-content:center}
@media(min-width:900px){.prh .c{padding:72px clamp(28px,5vw,72px)}}
.prh .c .lead{color:#b3b1b6}
.prh .i{position:relative;min-height:320px}
.prh .i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kx{display:grid;place-items:center;padding:28px 16px;background:radial-gradient(80% 70% at 60% 40%,#2a0f17 0%,#000 70%);min-height:440px;overflow:hidden}
.kx-tab{width:min(420px,100%);background:#141415;border:1px solid #2a2a2d;border-radius:22px;padding:16px;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 6px #0b0b0c,0 0 0 7px #2a2a2d;display:grid;gap:12px}
.kx-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.kx-title{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;color:#fff}
.kx-brands{display:flex;gap:6px}
.kx-b{font-style:normal;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:99px;border:1px solid #3a3a3e;color:#b3b1b6}
.kx-b.hal{background:#be2f49;border-color:#be2f49;color:#fff;animation:kxpop 1.2s ease-out .4s both}
@keyframes kxpop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}
.kx-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;min-height:272px;align-content:start}
.kx-t{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#1d1d20;border:1px solid #2a2a2d;animation:kxin .6s cubic-bezier(.2,.9,.3,1.2) both}
.kx-t.h{border-color:#be2f49;background:linear-gradient(90deg,rgba(190,47,73,.22),#1d1d20 60%)}
.kx-t.old{opacity:.55}
@keyframes kxin{from{transform:translateY(-16px) scale(.96);opacity:0}to{transform:none;opacity:1}}
.kx-logo{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:.62rem;line-height:.9;text-align:center;background:#2a2a2d;color:#b3b1b6}
.kx-t.h .kx-logo{background:#0f1340;color:#fff;border-top:3px solid #fff}
.kx-t b{display:block;color:#fff;font-size:.9rem}
.kx-t small{color:#b3b1b6;font-size:.75rem}
.kx-p{font-family:var(--f-display);font-size:1.05rem;color:#fff}
.kx-t.h .kx-p{color:#ff8a9b}
.kx-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kx-foot div{background:#0b0b0c;border-radius:12px;padding:10px 12px;display:grid}
.kx-foot small{color:#b3b1b6;font-size:.72rem}
.kx-foot b{font-family:var(--f-display);font-size:1.6rem;color:#fff;font-variant-numeric:tabular-nums}
.kx-foot div:last-child b{color:#ff8a9b}
.kx-pause{position:absolute;right:14px;bottom:14px;width:36px;height:36px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.kx-pause:focus-visible{outline:3px solid #fff;outline-offset:2px}
.kx-pause .i-play{display:none}.kx.paused .kx-pause .i-play{display:inline}.kx.paused .kx-pause .i-pause{display:none}
@media(prefers-reduced-motion:reduce){.kx-t,.kx-b.hal{animation:none}.kx-pause{display:none}}


/* v5 */
.h-title{font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:clamp(3.4rem,9vw,7rem);line-height:.88;margin:0}
.h-title em{font-style:normal;color:var(--pink-text)}
.h-hero .h-sub{font-family:var(--f-body);text-transform:none;font-size:1.15rem;max-width:34ch;color:#e3e5fb}
.rating{font-size:.9rem;color:#e3e5fb;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);width:max-content}.rating:hover{border-color:var(--pink-text)}
.menus{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.menus{grid-template-columns:repeat(4,1fr)}}
.menu-card{display:grid;grid-template-rows:auto 1fr;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none}
.menu-card .ph{position:relative;aspect-ratio:1;overflow:hidden;max-width:100%}
.menu-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.menu-card:hover img{transform:scale(1.04)}
.menu-card .pr,.rail .cap span.pr{position:absolute;top:10px;right:10px;background:var(--pink);color:#fff;font-family:var(--f-display);font-size:1.15rem;padding:4px 10px;border-radius:4px}
.menu-card .body{padding:14px;display:grid;gap:4px;align-content:start}
.menu-card h3{font-size:1.15rem}
.menu-card p{font-size:.86rem;color:var(--ink-2)}
.menu-card .mc-sub{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}
.rail .cap span{font-family:var(--f-display);font-size:1.1rem;opacity:1;color:#fff}
.mitem{text-decoration:none}
.mitem .nm{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.mitem .price{font-family:var(--f-display);font-weight:700;font-size:1.2rem;color:var(--pink-text);white-space:nowrap;font-variant-numeric:tabular-nums}
.mitem p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:760px){.mitems{grid-template-columns:repeat(4,1fr)}.mitems .mitem .body{padding:12px 14px 14px}}
.mitems.drinks .mitem{grid-template-columns:72px 1fr}
@media(min-width:760px){.mitems.drinks{grid-template-columns:repeat(5,1fr)}.mitems.drinks .mitem{grid-template-columns:1fr}}

/* v7 keepcool */
.kc-hero{position:relative;color:#fff;overflow:hidden;background:#0b0f2a}
.kc-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,30,.94) 0%,rgba(8,10,30,.8) 45%,rgba(8,10,30,.35))}
.kc-hero .wrap{position:relative;z-index:1;display:grid;gap:34px;padding-block:64px}
@media(min-width:900px){.kc-hero .wrap{grid-template-columns:1.15fr 1fr;align-items:center}}
.kc-hero h1{font-size:clamp(2.8rem,6.6vw,5.2rem);line-height:.9}
.kc-hero h1 em{font-style:normal;color:var(--pink-text)}
.kc-hero .lead{color:#d5d8f3}
.kc-side{justify-items:center;gap:28px}
.timer{width:100%;max-width:420px}
.timer .led{white-space:nowrap;font-size:clamp(2.6rem,7vw,4.2rem)}
.timer .rec{animation:blink 1.4s steps(1) 3}
@keyframes blink{50%{opacity:0}}
.lift{background:#141414;padding-block:10px;overflow:hidden}
.lift .barbell{max-width:1000px;margin:0 auto}
.lift .pl.l{animation:loadL 1.1s cubic-bezier(.2,.8,.2,1) both}
.lift .pl.r{animation:loadR 1.1s cubic-bezier(.2,.8,.2,1) both}
.lift .bar{animation:press 3.2s ease-in-out 1.2s 1;transform-origin:600px 100px}
@keyframes loadL{from{transform:translateX(-260px);opacity:0}to{transform:none;opacity:1}}
@keyframes loadR{from{transform:translateX(260px);opacity:0}to{transform:none;opacity:1}}
@keyframes press{0%,100%{transform:translateY(22px)}45%,60%{transform:translateY(-34px)}}
.kc-gal-wrap{grid-template-columns:1fr!important}
@media(min-width:900px){.kc-gal-wrap{grid-template-columns:1fr 1.5fr!important}}
.kc-gal{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kc-gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.kc-gal img.a{grid-column:1/-1}
.meter{background:#000;border:2px solid #2b2b2b;border-radius:10px;padding:18px 20px;display:grid;gap:12px}
.meter-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.meter-top b{font-family:var(--f-mono);font-weight:500;font-size:2.2rem;color:var(--pink-text);text-shadow:0 0 14px rgba(224,85,106,.5);font-variant-numeric:tabular-nums}
.meter-top span{color:#cfcfcf}
.meter.ok .meter-top span{color:#5fe39a;font-weight:700}
.bar-track{position:relative;height:18px;background:#1f1f1f;border-radius:99px;overflow:hidden}
.bar-fill{height:100%;width:0;background:repeating-linear-gradient(45deg,var(--pink) 0 14px,#ea6f82 14px 28px);transition:width .4s cubic-bezier(.2,.8,.2,1)}
.meter.ok .bar-fill{background:repeating-linear-gradient(45deg,#1fbf6f 0 14px,#35d184 14px 28px)}
.goal{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:var(--f-mono);font-size:.7rem;color:#fff}
.picks{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.picks{grid-template-columns:repeat(4,1fr)}}
.pick{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-rows:auto auto auto;gap:4px;background:#1b1b1b;border:2px solid #2a2a2a;border-radius:8px;overflow:hidden;position:relative;color:#fff;padding-bottom:12px}
.pick:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.pick .ph{aspect-ratio:1;overflow:hidden;display:block}
.pick img{width:100%;height:100%;object-fit:cover}
.pick .nm{font-family:var(--f-display);text-transform:uppercase;font-size:1.05rem;padding-inline:12px;line-height:1.1}
.pick .pr{font-family:var(--f-mono);color:#bbb;padding-inline:12px;font-size:.9rem}
.pick .add{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.7);display:grid;place-items:center;font-size:1.4rem;font-weight:700;transition:background .2s,transform .2s}
.pick[aria-pressed="true"]{border-color:var(--pink-text)}
.pick[aria-pressed="true"] .add{background:var(--pink);transform:rotate(45deg)}

.boxes{display:grid;gap:16px}
@media(min-width:900px){.boxes{grid-template-columns:repeat(3,1fr)}}
.box{background:#1b1b1b;border:2px solid #2a2a2a;border-radius:10px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;color:#fff}
.box:hover{border-color:var(--pink-text)}
.collage{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;aspect-ratio:3/2;position:relative;background:#000}
.collage img{width:100%;height:100%;object-fit:cover;min-height:0}
.collage .big{grid-row:1/3}
.ok-badge{position:absolute;left:10px;bottom:10px;background:#1fbf6f;color:#04220f;font-family:var(--f-display);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;padding:4px 9px;border-radius:4px}
.box .body{padding:18px;display:grid;gap:10px;align-content:start}
.box .nm{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.box .pr{font-family:var(--f-display);font-weight:700;font-size:1.6rem;color:var(--pink-text);white-space:nowrap}
.box ul{margin:0;padding:0;list-style:none;display:grid;gap:3px;color:#cfcfcf;font-size:.95rem}
.box li::before{content:"+ ";color:var(--pink-text);font-weight:700}
.box .btn{width:max-content}
.meter{margin-top:6px}

.ctabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}
.ctab{all:unset;cursor:pointer;flex:0 0 auto;font-size:.88rem;padding:7px 13px;border:1px solid #333;border-radius:99px;color:#ccc}
.ctab[aria-pressed="true"]{background:var(--pink);border-color:var(--pink-text);color:#fff}
.ctab:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.ctab .n{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;border-radius:99px;background:#fff;color:#000;font-size:.7rem;font-weight:700}
.pick[hidden]{display:none!important}

#wod,#recup,#simulateur,#devis,#contact-pro,#prestations,#au-menu{scroll-margin-top:96px}
.dock .btn[aria-current]{box-shadow:0 0 0 2px var(--navy),0 0 0 4px #fff}
.kc-home{position:relative;color:#fff;background:#0b0f2a;overflow:hidden;margin-top:56px}
.kc-home>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kc-home::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,30,.95) 0%,rgba(8,10,30,.82) 50%,rgba(8,10,30,.45))}
.kc-home .wrap{position:relative;z-index:1;display:grid;gap:28px;padding-block:56px;align-items:center}
@media(min-width:900px){.kc-home .wrap{grid-template-columns:1.3fr 1fr}}
.kc-home h2 em{font-style:normal;color:var(--pink-text)}
.kc-home .lead{color:#d5d8f3}
.kc-home .pass{justify-self:center}

.nav-promo{display:inline-flex!important;flex-direction:column;line-height:1.05;background:#141414;color:#fff!important;opacity:1!important;border-radius:6px;padding:6px 12px!important;box-shadow:none!important}
.nav-promo small{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.14em;color:var(--pink-text)}
.nav-promo[aria-current]{outline:2px solid var(--pink)}
.dock .nav-promo{flex-direction:row;background:var(--pink);color:#fff!important}
.doc{display:grid;gap:16px;max-width:760px}
.doc h2{font-size:1.5rem;margin-top:14px}
.doc ul{margin:0;padding-left:20px;display:grid;gap:4px}
.doc a{color:var(--pink-text)}
.todo{background:#fff4d6;color:#5a4300;border-left:4px solid #e0a800;padding:10px 14px;border-radius:4px;font-size:.9rem}
blockquote{margin:8px 0;padding:18px 22px;border-left:4px solid var(--pink);background:var(--paper-2);font-size:1.1rem;display:grid;gap:8px}
blockquote cite{font-style:normal;font-size:.85rem;color:var(--ink-2)}
.kv2{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0}
.kv2 dt{font-family:var(--f-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);padding-top:3px}
.kv2 dd{margin:0}
.chk{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.chk input{width:auto;margin-top:4px}
.sitemap{display:grid;gap:24px}
@media(min-width:760px){.sitemap{grid-template-columns:repeat(3,1fr)}}
.sitemap ul{list-style:none;padding:0}

.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--pink);color:#fff;padding:10px 14px;border-radius:6px}
.skip:focus{left:12px}
.h-eyebrow{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#fff;opacity:.85}
@media(max-width:600px){.switch .wrap{justify-content:center}.switch a{padding:10px 12px}.btn{padding:12px 16px}.cta-row .btn{flex:1 1 auto}.h-hero{min-height:78vh}.band{padding-block:44px}}
.top .btn[aria-current]{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--pink)}
.mitem{cursor:pointer}
.mitem:hover{border-color:var(--pink-text)}
.sheet{border:0;padding:0;border-radius:14px;max-width:min(560px,calc(100vw - 24px));width:100%;background:var(--card);color:var(--ink);overflow:hidden;max-height:calc(100dvh - 24px)}
.sheet::backdrop{background:rgba(10,13,46,.65)}
.sheet[open]{display:grid;grid-template-rows:auto 1fr}
.sheet img{width:100%;height:auto;aspect-ratio:16/11;object-fit:cover}
.sheet-body{padding:20px;display:grid;gap:12px;overflow:auto}
.sheet .nm{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.sheet h2{font-size:1.7rem}
.sheet .price{font-family:var(--f-display);font-weight:700;font-size:1.6rem;color:var(--pink-text);white-space:nowrap}
.sheet p{color:var(--ink-2)}
.sheet .chip{width:max-content}
.sheet-cta{display:flex;flex-wrap:wrap;gap:8px}
.sheet-cta .btn.pink{flex:1 1 100%}
.sheet-cta .btn:not(.pink){flex:1 1 0}
.sheet-x{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:1.5rem;cursor:pointer;z-index:2}
@media(max-width:600px){.sheet{margin:auto auto 0;border-radius:14px 14px 0 0;max-width:100vw}}
.cats a[aria-current]{background:var(--pink);border-color:var(--pink-text);color:#fff}
.cats a{transition:background .15s,color .15s}
.dt{display:inline-flex;align-items:center;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:3px;border:1px solid var(--line);white-space:nowrap}
.dt.halal{border-color:var(--ink-2);color:var(--ink)}
.dt.veg{background:#e3f6ea;border-color:#1f9a55;color:#0d5a2e}
.dt.hot{background:#fde5e8;border-color:var(--pink-2);color:#8a1f33}
.sheet-tags{display:flex;gap:6px;flex-wrap:wrap}
.allerg{font-size:.85rem;color:var(--ink-2)}
.mitem .tags{display:flex;gap:4px;margin-top:4px}
.mitem .nm{flex-wrap:wrap}
.mitem .nm .tags{flex-basis:100%;order:3}
.mitem .nm{flex-direction:column;align-items:flex-start;gap:2px}
.mitem .nm .tags{flex-basis:auto;order:3;margin-top:2px}
@media(min-width:760px){.mitem{align-items:start;align-content:start}}
.mcat .mitem>.body>p,.mcat .mitem .nm .tags{display:none}
@media(min-width:760px){.mcat .mitem .nm>:first-child{min-height:0}}
.mitem .body{align-content:start}
@media(min-width:760px){.mitem .nm>:first-child{min-height:2.04em}}
.top .wrap{position:relative;gap:10px}
.mark{margin-right:0}
.spaces{margin-right:auto}
nav.main{margin-right:8px}
.ico-btn{all:unset;box-sizing:border-box;cursor:pointer;width:42px;height:42px;display:grid;place-items:center;border-radius:8px;color:inherit;border:1px solid var(--line)}
body.pro .ico-btn,body.ev .ico-btn{border-color:rgba(255,255,255,.2)}
.ico-btn:hover,.ico-btn[aria-expanded="true"]{border-color:var(--pink-text);color:var(--pink-text)}
.ico-btn:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.spaces{position:relative}
.sp-menu{position:absolute;left:0;top:calc(100% + 10px);width:min(320px,calc(100vw - 32px));background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.25);padding:8px;display:grid;gap:2px;z-index:40}
.sp-title{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);padding:6px 10px 4px}
.sp-menu a{display:grid;gap:2px;padding:10px 12px 10px 34px;border-radius:8px;text-decoration:none;position:relative}
.sp-menu a:hover{background:var(--paper-2)}
.sp-menu a b{font-family:var(--f-display);text-transform:uppercase;font-size:1.05rem;letter-spacing:.02em}
.sp-menu a span{font-size:.82rem;color:var(--ink-2)}
.sp-menu a::before{content:"";position:absolute;left:12px;top:15px;width:12px;height:12px;border-radius:50%;border:2px solid var(--line)}
.sp-menu a.on::before{border-color:var(--pink-text);background:var(--pink);box-shadow:inset 0 0 0 2px var(--card)}
.burger{display:none}
.burger path{transition:transform .2s,opacity .2s;transform-origin:12px 12px}
.burger[aria-expanded="true"] .l1{transform:translateY(5px) rotate(45deg)}
.burger[aria-expanded="true"] .l2{opacity:0}
.burger[aria-expanded="true"] .l3{transform:translateY(-5px) rotate(-45deg)}
@media(max-width:899px){
  .burger{display:grid}
  nav.main{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;margin:0;background:var(--paper);border-bottom:1px solid var(--line);padding:8px 16px 16px;box-shadow:0 18px 30px rgba(0,0,0,.12)}
  body.pro nav.main,body.ev nav.main{background:var(--navy)}
  body.menu-open nav.main:not([hidden]){display:flex}
  nav.main a{padding:14px 6px;font-size:1.15rem;border-bottom:1px solid var(--line);opacity:1}
  nav.main a[aria-current]{box-shadow:none;color:var(--pink-text)}
  nav.main a.nav-promo{flex-direction:row;gap:10px;align-items:center;margin-top:10px;border-bottom:0;justify-content:center;padding:12px!important}
  .hide-m{display:none}
  .top .btn.sm{padding:9px 12px;font-size:.85rem}
}
.sp-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px 0 12px;border-radius:99px;border:1px solid var(--line);font-family:var(--f-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:inherit;white-space:nowrap}
body.pro .sp-btn,body.ev .sp-btn{border-color:rgba(255,255,255,.25)}
.sp-btn:hover,.sp-btn[aria-expanded="true"]{border-color:var(--pink-text);color:var(--pink-text)}
.sp-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.sp-btn svg{transition:transform .2s}
.sp-btn:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.show-m{display:none}
@media(max-width:899px){.sp-menu{position:fixed;left:16px;right:16px;width:auto;top:calc(env(safe-area-inset-top,0px) + 72px)}.show-m{display:inline}.sp-btn{padding:0 8px 0 10px;font-size:.68rem;letter-spacing:.06em}.top .wrap{gap:8px}}
@media(max-width:380px){.mark .dots{display:none}}
/* Events = Matcha : vert thé profond, blanc, rose HALASHI */
body.ev{--pink-text:#ffc4cd;--paper:#1f4d3a;--paper-2:#183f2f;--card:#275a44;--ink:#ffffff;--ink-2:#e2ede6;--line:rgba(255,255,255,.22);--navy:#173c2d;--navy-2:#122f23;--navy-3:#245841;--on-navy:#ffffff;--on-navy-2:#e2ede6;--pink:#ff7d90;--pink-2:#ff6a80;--pink-ink:#14261d;color-scheme:dark}
body.ev header.top{background:var(--navy);color:#fff;border-color:var(--line)}
body.ev .evh::after{background:linear-gradient(90deg,rgba(18,47,35,.97),rgba(23,60,45,.88) 55%,rgba(31,77,58,.45))}
body.ev .eyebrow{color:#ffc4cd}
body.ev .evh .lead,body.ev .lead{color:#e2ede6}
body.ev .fmt .fine{color:#e2ede6;font-size:.95rem}
body.ev .fmt .k{color:var(--pink-text)}
body.ev form{background:#ffffff;color:#14261d;border-color:transparent;color-scheme:light}
body.ev form label,body.ev form .fine{color:#14261d}
body.ev form a{color:#a3243b}
body.ev input:not([type=range]),body.ev select,body.ev textarea{background:#fff;color:#14261d;border-color:#9fb3a8}
body.ev .sp-menu{background:#fff;color:#14261d;color-scheme:light}
body.ev .sp-menu a span,body.ev .sp-title{color:#3a5a4b}
body.ev .sp-menu a:hover{background:#eef3f0}
body.ev .sp-menu a::before{border-color:#9fb3a8}
body.ev .sp-menu a.on::before{border-color:#c43a52;background:#c43a52}
body.ev .sp-btn,body.ev .ico-btn{border-color:rgba(255,255,255,.4)}
body.ev .copy code{background:rgba(255,255,255,.14)}
body.ev .btn.pink{color:#14261d}
body.ev .marquee{background:var(--pink);color:#14261d}
.ev-rail{grid-auto-columns:min(46vw,200px)}
.ev-dish{margin:0;scroll-snap-align:start;display:grid;gap:8px}
.ev-dish img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
.ev-dish figcaption{font-family:var(--f-display);text-transform:uppercase;font-size:1rem;line-height:1.1}
.rail:focus-visible{outline:3px solid var(--pink);outline-offset:4px}
.mq-wrap{position:relative}
.mq-pause{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.35);color:#fff}
.mq-pause:focus-visible{outline:3px solid #fff;outline-offset:2px}
.mq-wrap.paused .marquee div{animation-play-state:paused}
.marquee:hover div{animation-play-state:paused}
.req-note{font-size:.85rem;margin:0}
header.top,.sx-hero,.sx-zone,.game-band,.dojo,.dojo-teaser,.story-hero,.love,.h-hero,.hx,.kc-hero,.kc-home,.gym,.lift,.go,.navyband,.pro-hero,.prh,.nav-promo,.pass,.timer,.meter,.wod,.box,.pick,footer,body.pro{--pink-text:#ff8a9b}
.dots i{background:var(--brand-pink)}
.go .fine,.go p{color:var(--on-navy-2)}
.h-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;background:#0f1340}
.h-mosaic img{width:100%;height:100%!important;object-fit:cover;min-height:0}
.h-mosaic img:nth-child(1){object-position:50% 60%}
.h-mosaic img:nth-child(2){object-position:50% 55%}
.h-mosaic img:nth-child(3){object-position:50% 50%}
.h-mosaic img:nth-child(4){object-position:50% 55%}
@media(min-width:1100px){.h-mosaic{grid-template-columns:1fr 1.25fr 1fr;grid-template-rows:1fr 1fr}.h-mosaic img:nth-child(2){grid-row:1/3;grid-column:2}.h-mosaic img:nth-child(3){grid-column:3;grid-row:1}.h-mosaic img:nth-child(4){grid-column:3;grid-row:2}.h-mosaic img:nth-child(1){grid-row:1/3;grid-column:1}}
.story-hero{position:relative;overflow:hidden;background:var(--navy);color:#fff}
.story-hero .wrap{position:relative;z-index:1;padding-block:72px 64px}
.story-hero .lead{color:#dfe2f7}
.giant-k{position:absolute;right:-2vw;top:50%;transform:translateY(-50%);font-size:clamp(14rem,34vw,30rem);line-height:1;font-weight:700;color:rgba(255,255,255,.07);pointer-events:none;font-family:var(--f-body)}
.pillars{display:grid;gap:22px}
@media(min-width:900px){.pillars{grid-template-columns:repeat(3,1fr)}}
.pillar{display:grid;gap:10px;align-content:start}
.pk{font-size:5.5rem;line-height:1;font-weight:700;color:var(--pink-text)}
.pillar h2{font-size:1.6rem}
.founders{display:grid;gap:18px;margin-top:10px}
@media(min-width:760px){.founders{grid-template-columns:repeat(3,1fr)}}
.founder{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:grid;justify-items:center;padding:20px 16px 18px}
.founder .big-k{position:absolute;inset:0;display:grid;place-items:center;font-size:15rem;line-height:1;font-weight:700;color:var(--pink-text);opacity:.12;pointer-events:none}
.founder .chibi{position:relative;width:min(240px,78%);height:auto;transition:transform .3s}
.founder:hover .chibi{transform:translateY(-6px) rotate(-2deg)}
.f-body{position:relative;text-align:center}
.f-body h3{font-size:1.8rem}
.f-role{color:var(--ink-2);font-size:.9rem}
.love{position:relative;margin:0;padding:40px 24px;border-radius:14px;background:var(--navy);color:#fff;overflow:hidden;display:grid;gap:14px}
.love-k{position:absolute;right:10px;bottom:-30px;font-size:13rem;line-height:1;color:var(--brand-pink);opacity:.35;font-weight:700}
.love blockquote{position:relative;margin:0;padding:0;border:0;background:none;font-size:clamp(1.2rem,2.4vw,1.6rem);max-width:40ch;color:#fff}
.love figcaption{position:relative;font-family:var(--f-mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#ff8a9b}
.founders-intro{display:grid;gap:28px;align-items:center;margin-bottom:28px}
@media(min-width:900px){.founders-intro{grid-template-columns:1fr 1fr}}
.f-group{width:100%;height:auto;border-radius:14px;box-shadow:0 20px 40px rgba(15,19,64,.25)}
.founder{padding:0}
.f-img{position:relative;width:100%;overflow:hidden}
.f-img img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top;display:block;transition:transform .4s}
.founder:hover .f-img img{transform:scale(1.03)}
.f-img .big-k{position:absolute;inset:auto 10px 6px auto;display:block;font-size:5rem;line-height:1;color:#fff;opacity:.9;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.founder .f-body{padding:14px 16px 18px}
.team-band{position:relative;overflow:hidden;padding-block:0}
.team-fig{margin:0;position:relative}
.team-fig .f-group{display:block;width:100%;height:auto;border-radius:0;box-shadow:none;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent);mask-image:linear-gradient(to bottom,#000 70%,transparent)}
.team-names{position:absolute;left:0;right:0;bottom:18%;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.85)}
.team-names span{display:grid;gap:0}
.team-names b{font-family:var(--f-display);text-transform:uppercase;font-size:1.5rem;letter-spacing:.03em}
.team-names small{font-size:.82rem}
.team{position:relative;padding-block:8px 56px}
@media(min-width:900px){
  .team-band{min-height:620px;display:flex;align-items:center}
  .team-fig{position:absolute;top:0;right:0;bottom:0;width:56%}
  .team-fig .f-group{height:100%;object-fit:cover;object-position:center 30%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 32%);mask-image:linear-gradient(to right,transparent 0,#000 32%)}
  .team-names{bottom:22px;padding-left:22%}
  .team-names b{font-size:1.6rem}
  .team{width:100%;padding-block:72px}
  .team-text{max-width:min(520px,42%)}
}
.love figcaption{color:#fff}
.taf b{color:#ff8a9b;font-size:1.6em;line-height:1;vertical-align:-0.12em;font-family:var(--f-display);font-weight:700}
@media(max-width:899px){.team-names{bottom:12%}}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.auto-rail-wrap{position:relative;margin-top:22px}
.auto-rail{scroll-snap-type:none;scrollbar-width:thin}
.ar-pause{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;right:24px;top:-52px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:inherit}
.ar-pause:hover,.ar-pause:focus-visible{border-color:var(--pink-text);color:var(--pink-text)}
.ar-pause:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.dojo{background:#0a0c24;color:#fff;padding-block:44px 64px}
.dojo .lead{color:#c9cdf0}
.hl-gift{color:#ffd54a;font-weight:700}
.dojo-head{margin-bottom:22px}
.dojo h1{font-size:clamp(2.8rem,7vw,5rem)}
.slash-stage{position:relative;height:clamp(500px,74vh,680px);height:clamp(500px,calc(100svh - 90px),720px);scroll-margin-top:76px;border-radius:18px;overflow:hidden;background:#0a0c24;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 30px 60px rgba(0,0,0,.45);user-select:none;-webkit-user-select:none;--aura:#ff5c8a;container-type:size}
#slash-cv{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}
.sl-screen{position:absolute;inset:0;display:grid;justify-items:center;align-content:safe center;gap:16px;padding:20px;text-align:center;background:rgba(8,10,30,.86);overflow:auto}
.sl-screen h2{font-size:clamp(1.8rem,4vw,2.6rem);outline:none}
.sl-heroes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(720px,100%)}
.hero-pick{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:4px;align-content:start;border-radius:14px;overflow:hidden;background:#141838;border:2px solid rgba(255,255,255,.14);padding-bottom:12px;transition:transform .2s,border-color .2s,box-shadow .2s}
.hero-pick:hover,.hero-pick:focus-visible{transform:translateY(-4px);border-color:var(--c);box-shadow:0 0 24px var(--c)}
.hero-pick:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hero-pick img{width:100%;height:auto;aspect-ratio:4/5;max-height:30vh;object-fit:cover;object-position:top}
@supports(height:1cqh){.slash-stage .hero-pick img{aspect-ratio:auto;max-height:none;height:clamp(80px,calc(100cqh - 360px),360px)}@media(max-width:600px){.slash-stage .hero-pick img{height:clamp(80px,calc(100cqh - 440px),300px)}}}
#slash-select{gap:12px;padding-top:16px}
#slash-select .sl-sound-sel{position:absolute;top:12px;right:12px;padding:8px 12px}
#slash-select .sl-prize{padding:4px 12px;font-size:.85rem}
#slash-select .sl-help{margin:0;font-size:.8rem}
.hero-pick b{font-family:var(--f-display);text-transform:uppercase;font-size:1.35rem;color:#fff;padding-top:4px}
.hero-pick span{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--c);padding-inline:6px}
.hero-pick small{font-size:.8rem;color:#c9cdf0;padding-inline:10px}
.sl-help{font-size:.85rem;color:#c9cdf0;max-width:60ch}
@media(max-width:600px){#slash-select h2{margin-top:34px}.hero-pick small{display:none}.hero-pick b{font-size:1.05rem}.sl-help{font-size:.78rem}}
.sl-hud{position:absolute;left:0;right:0;top:0;display:grid;grid-template-columns:1fr auto 1fr auto auto;align-items:center;gap:10px;padding:12px 14px;pointer-events:none;font-family:var(--f-display);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.hud-l{display:flex;gap:8px;align-items:center;font-size:1.1rem;text-transform:uppercase}
.hud-l img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--aura)}
.hud-c{display:flex;align-items:baseline;gap:3px}
#slash-time{font-size:2.3rem;line-height:1;font-variant-numeric:tabular-nums}
#slash-time.low{color:#ff5a4f}
.hud-r{justify-self:end;display:flex;align-items:baseline;gap:4px}
#slash-score{font-size:2rem;line-height:1;font-variant-numeric:tabular-nums;color:var(--aura)}
.hud-pause{all:unset;box-sizing:border-box;pointer-events:auto;cursor:pointer;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff}
.hud-pause:focus-visible{outline:3px solid #fff;outline-offset:2px}
.sl-power{position:absolute;left:14px;right:14px;bottom:14px;display:flex;gap:10px;align-items:center;pointer-events:none}
.power-bar{flex:1;height:10px;border-radius:99px;background:rgba(255,255,255,.15);overflow:hidden}
.power-bar i{display:block;height:100%;width:0;background:var(--aura);box-shadow:0 0 12px var(--aura);transition:width .15s}
#slash-special{pointer-events:auto;font-family:var(--f-display);text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;padding:10px 14px;border-radius:99px;border:2px solid var(--aura);background:rgba(10,12,36,.7);color:#fff;cursor:pointer}
#slash-special:disabled{opacity:.5;cursor:default}
#slash-special.ready{background:var(--aura);color:#0a0c24;animation:pwr 1s ease-in-out infinite}
@keyframes pwr{50%{box-shadow:0 0 0 8px rgba(255,255,255,.12)}}
.sl-final{font-family:var(--f-display);font-size:clamp(3.6rem,11vw,6.5rem);line-height:1;color:var(--aura);margin:0}
.sl-final small{font-size:.3em;color:#fff}
.sl-rank{font-family:var(--f-display);text-transform:uppercase;font-size:1.4rem;margin:0}
.sl-best{color:#c9cdf0;margin:0}
.slash-stage .sl-save{display:grid;gap:6px;width:min(340px,100%);margin:0 auto;text-align:left;background:none;border:0;padding:0;color:#fff;border-radius:0}
.sl-save.saved label,.sl-save.saved .sl-save-row,.sl-save.saved small{display:none}
.sl-save.saved .sl-save-msg{text-align:center}
#slash-over.has-promo .sl-final{font-size:clamp(2.4rem,7vw,3.6rem)}
#slash-over.has-promo .sl-best,#slash-over.has-promo .sl-order{display:none}
.sl-save label{font-weight:700;font-size:.9rem}
.sl-save-row{display:flex;gap:8px}
.sl-save input{flex:1;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.08);color:#fff;font:inherit}
.sl-save input:focus-visible{outline:3px solid #ff8a9b;outline-offset:2px}
.sl-save small{color:#c9cdf0;font-size:.75rem}
.sl-save-msg{margin:0;font-size:.9rem;color:#ff8a9b;min-height:1.2em}
.sl-save-msg.ok{color:#8ff0b0}
.sl-tobeat{margin:0;color:#ffd54a;font-weight:700}
.sl-prize{margin:0;font-size:.9rem;color:#fff;background:rgba(190,47,73,.35);border:1px dashed #ff8a9b;border-radius:999px;padding:6px 14px}
.sl-promo{width:min(360px,100%);margin:0 auto;padding:14px 16px;border-radius:14px;background:#fff;color:#0f1340;display:grid;gap:8px;text-align:center;box-shadow:0 0 0 3px #ffd54a,0 0 30px rgba(255,213,74,.45)}
.sl-promo p{margin:0}
.sl-promo .code{font-family:var(--f-display);font-size:1.8rem;letter-spacing:.08em;color:#be2f49;border:2px dashed #be2f49;border-radius:10px;padding:4px 10px;user-select:all;-webkit-user-select:all}
.sl-promo .cta-row{justify-content:center;gap:8px}
.sl-promo small{color:#4a4d6b}
.board-rules{margin-top:12px;color:#c9cdf0;font-size:.85rem}
.board-rules summary{cursor:pointer;font-weight:700;color:#fff}
.board-rules ul{margin:8px 0 0;padding-left:1.2em;display:grid;gap:4px}
.board{margin-top:28px;background:#12153a;border-radius:18px;padding:22px clamp(16px,3vw,28px);box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.board-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}
.board h2{font-size:clamp(1.6rem,3.4vw,2.2rem);margin:0}
.board-tabs{display:flex;gap:6px;background:rgba(255,255,255,.08);padding:4px;border-radius:999px}
.board-tabs button{border:0;background:none;color:#fff;font:inherit;font-weight:700;font-size:.88rem;padding:8px 14px;border-radius:999px;cursor:pointer}
.board-tabs button[aria-pressed=true]{background:#be2f49}
.board-tabs button:focus-visible{outline:3px solid #ff8a9b;outline-offset:2px}
.board ol{list-style:none;margin:0;padding:0;display:grid;gap:6px;counter-reset:r}
.board li{display:grid;grid-template-columns:2.2em 1fr auto;gap:10px;align-items:center;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.05);counter-increment:r}
.board li::before{content:counter(r);font-family:var(--f-display);font-size:1.2rem;color:#c9cdf0;text-align:center}
.board li:nth-child(1)::before{content:"🥇"}.board li:nth-child(2)::before{content:"🥈"}.board li:nth-child(3)::before{content:"🥉"}
.board li.me{background:rgba(190,47,73,.35);box-shadow:inset 0 0 0 1px #ff8a9b}
.board .bn{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board .bn small{font-weight:400;color:#c9cdf0;margin-left:6px}
.board .bs{font-family:var(--f-display);font-size:1.25rem;color:#ff8a9b}
.board-note{color:#c9cdf0;font-size:.85rem;margin:12px 0 0}
.board-empty{color:#c9cdf0;margin:0}
.sl-actions{justify-content:center}
.sl-order{color:#ff8a9b;font-weight:700;font-size:.9rem;text-decoration:underline;text-underline-offset:3px}
#slash-over{gap:10px}
#slash-over h2{margin:0}
.sl-actions .btn{padding:10px 16px;font-size:.9rem}
@container (max-height:660px){#slash-over{gap:7px;padding:14px}#slash-over-title.win,#slash-over h2{font-size:clamp(1.6rem,5vw,2.4rem)}.sl-final{font-size:clamp(2.4rem,8vw,3.6rem)}.sl-rank{font-size:1.1rem}.sl-promo{padding:10px 12px;gap:6px}.sl-promo .code{font-size:1.4rem}.sl-promo small{display:none}#slash-over.has-promo .sl-rank{display:none}}
@container (max-height:560px){#slash-over .sl-best,#slash-over .sl-order{display:none}.sl-actions{gap:6px}.sl-actions .btn{padding:8px 12px;font-size:.82rem}}
.dojo-teaser{background:#0a0c24;color:#fff}
.dojo-teaser .lead{color:#c9cdf0}
.teaser{display:grid;gap:20px;align-items:center}
@media(min-width:900px){.teaser{grid-template-columns:1fr auto}}
.reg-link{display:inline-block;font-size:.85rem;color:inherit;text-decoration:underline;text-underline-offset:3px;opacity:.9}
.reg-link:hover{opacity:1}
.wod-fine{color:#b5b5b5;font-family:var(--f-body);font-size:.8rem;margin:0;line-height:1.45;max-width:none}
@media(max-width:600px){.wod{padding:18px 16px;border-width:4px;gap:12px}.wod ol{gap:10px}.wod li{grid-template-columns:1fr;gap:2px;padding-bottom:10px}.wod li b{grid-row:auto;padding-top:0;font-size:.7rem}.wod li strong{font-size:1.15rem;line-height:1.15}.wod li span{font-size:.9rem;line-height:1.4}}
.wod-fine .reg-link{font-size:inherit;color:#fff}
.clubs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.clubs li{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(255,255,255,.3);border-radius:99px;padding:6px 14px;font-size:.95rem}
.reg{border:0;padding:0;border-radius:14px;width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 40px);background:#fff;color:#14142a;overflow:hidden}
.reg[open]{display:grid;grid-template-rows:auto 1fr}
.reg::backdrop{background:rgba(10,13,46,.7)}
.reg-head{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:20px 22px 14px;border-bottom:1px solid #e6e3dc}
.reg-head .eyebrow{color:#be2f49}
.reg-head h2{font-size:1.7rem;margin-top:4px}
.reg-x{all:unset;cursor:pointer;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;background:#f1eee8;color:#14142a;flex:0 0 auto}
.reg-x:focus-visible{outline:3px solid #be2f49;outline-offset:2px}
.reg-body{overflow:auto;padding:6px 22px 26px;display:grid;gap:10px;font-size:.95rem}
.reg-body h3{font-size:1.1rem;margin-top:12px;color:#0f1340}
.reg-body ul,.reg-body ol{margin:0;padding-left:20px;display:grid;gap:4px}
.reg-body p{margin:0}
.reg-date{font-size:.82rem;color:#5a5f80;margin-top:14px!important}
@media(max-width:600px){.reg{margin:auto auto 0;border-radius:14px 14px 0 0;width:100vw;max-height:88dvh}}
header.top .sp-btn,header.top .ico-btn{border-color:rgba(255,255,255,.25)}
@media(max-width:899px){nav.main{background:var(--navy)!important;color:var(--on-navy)}nav.main a{border-color:rgba(255,255,255,.12)}}
.nav-game{display:inline-flex!important;flex-direction:column;line-height:1.05;border:1px solid rgba(255,255,255,.28);border-radius:6px;padding:6px 12px!important;opacity:1!important;box-shadow:none!important}
.nav-game small{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.14em;color:#ff8a9b}
.nav-game[aria-current]{border-color:#ff8a9b}
@media(max-width:899px){.nav-game{flex-direction:row;gap:10px;align-items:center;margin-top:10px;justify-content:center}}
.sx-hero{background:radial-gradient(90% 120% at 80% 0%,#2b1a4f 0%,#0f1340 60%);color:#fff;padding-block:52px 46px;overflow:hidden}
.sx-hero h1{font-size:clamp(2.4rem,6vw,4.2rem)}
.sx-hero .lead{color:#d6d9f5;max-width:52ch}
.sx-ghost{color:#fff;border-color:rgba(255,255,255,.6)}
.sx-back{justify-self:start;color:#fff;font-weight:700;font-size:.9rem;text-decoration:underline;text-underline-offset:4px}
.sx-end{padding-block:8px 48px}
.sx-drops{list-style:none;margin:6px 0 4px;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.sx-drops li{width:28px;height:36px;background:var(--c);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;transform:rotate(180deg);box-shadow:inset -4px -6px 0 rgba(0,0,0,.18),0 0 0 2px rgba(255,255,255,.15)}
.sx-filters{display:flex;gap:8px;flex-wrap:wrap}
.sx-filters button{font:inherit;font-weight:700;font-size:.9rem;padding:8px 16px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}
.sx-filters button[aria-pressed=true]{background:#be2f49;border-color:#be2f49;color:#fff}
.sx-filters button:focus-visible{outline:3px solid var(--pink-text);outline-offset:2px}
.sauces{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.sauce{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;scroll-margin-top:90px}
.sauce[hidden]{display:none}
.sauce-top{position:relative;height:86px;background:var(--c);color:var(--c)}
.sauce-top .drip{position:absolute;left:0;right:0;bottom:-30px;width:100%;height:32px}
.sauce-k{position:absolute;right:12px;top:6px;font-size:2.6rem;line-height:1;font-weight:700;color:rgba(255,255,255,.55)}
.sauce-body{padding:34px 16px 16px;display:grid;gap:8px;align-content:start}
.sauce-body p{margin:0}
.sauce-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sauce-h h2{font-size:1.5rem}
.sauce-prof{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.sauce-where{font-size:.88rem;color:var(--ink-2)}
.heat{display:inline-flex;gap:1px;font-size:.95rem}
.heat i{font-style:normal;filter:grayscale(1);opacity:.28}.heat i.on{filter:none;opacity:1}
#trouve-ta-sauce,#toutes-les-sauces{scroll-margin-top:72px}
.sx-quiz-wrap{display:grid;gap:24px}
@media(min-width:900px){.sx-quiz-wrap{grid-template-columns:1fr 1.2fr;align-items:start}}
.sx-quiz{display:grid;gap:16px}
form.sx-quiz{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}
.sx-quiz fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sx-quiz legend{font-weight:700;margin-bottom:8px;width:100%}
.sx-quiz label{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--line);border-radius:99px;cursor:pointer;font-weight:500;font-size:.95rem;background:var(--paper)}
.sx-quiz label:has(input:checked){border-color:#be2f49;box-shadow:inset 0 0 0 1px #be2f49}
.sx-quiz input{accent-color:#be2f49;margin:0;width:auto;padding:0}
.sx-result{min-height:84px;border-radius:12px;padding:14px;background:var(--paper-2)}
.sx-result p{margin:0}
.sx-wait{color:var(--ink-2)}
.sx-alt{margin:8px 0 0;font-size:.92rem;color:var(--ink-2)}
.sx-surprise{justify-self:start}
.sx-res{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center}
.sx-res .dot{grid-row:span 3;width:46px;height:58px;background:var(--c);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;transform:rotate(180deg)}
.sx-res b{font-family:var(--f-display);text-transform:uppercase;font-size:1.5rem}
.sx-pairs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sx-pairs li{display:grid;gap:2px;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:12px}
@media(min-width:760px){.sx-pairs li{grid-template-columns:1fr 1.3fr;align-items:center}}
.sx-pairs span{color:var(--ink-2)}
.sx-note{color:var(--ink-2);font-size:.85rem;margin:0}
.sx-zone{background:#0f1340;color:#fff;border-radius:18px;padding:28px clamp(16px,3vw,32px);margin-block:28px;border:0}
.sx-zone .k{color:#ff8a9b}.sx-zone .eyebrow{color:#ff8a9b}
.sx-zone-lead{color:#d6d9f5;margin:0 0 14px}
.sx-chips{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sx-chips a{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font-weight:700;font-size:.9rem}
.sx-chips a:hover{border-color:#ff8a9b}
.sx-chips i{width:16px;height:20px;background:var(--c);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;transform:rotate(180deg);box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.sx-zone .btn:not(.pink){color:#fff;border-color:rgba(255,255,255,.6)}
.trust{padding-block:24px 40px}
.trust-in{display:grid;gap:16px;align-items:stretch}
.trust-in:has(.trust-quotes:not([hidden])){grid-template-columns:1fr}
@media(min-width:900px){.trust-in:has(.trust-quotes:not([hidden])){grid-template-columns:auto 1fr}}
.trust-big{display:grid;justify-items:start;align-content:center;gap:2px;height:100%;text-decoration:none;color:var(--ink);padding:16px 22px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.trust-big .stars{color:#e8a33c;letter-spacing:2px}
.trust-big b{font-family:var(--f-display);font-size:2.4rem;line-height:1}
.trust-big>span:last-child{font-size:.9rem;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.trust-quotes{position:relative;min-width:0}
.tq-viewport{overflow:hidden;border-radius:16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.tq-viewport:focus-visible{outline:3px solid var(--pink-text);outline-offset:3px}
.tq-track{display:flex;gap:12px;width:max-content;animation:tqscroll var(--tq-dur,40s) linear infinite}
.trust-quotes.paused .tq-track,.tq-viewport:hover .tq-track,.tq-viewport:focus-within .tq-track{animation-play-state:paused}
@keyframes tqscroll{to{transform:translateX(calc(-50% - 6px))}}
@media(prefers-reduced-motion:reduce){.tq-track{animation:none}.tq-viewport{overflow-x:auto}.tq-pause{display:none}}
.tq-pause{position:absolute;right:8px;top:8px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(15,19,64,.75);color:#fff;cursor:pointer}
.tq-pause:focus-visible{outline:3px solid var(--pink-text);outline-offset:2px}
.tq-pause .i-play{display:none}.trust-quotes.paused .tq-pause .i-play{display:inline}.trust-quotes.paused .tq-pause .i-pause{display:none}
.tq{width:300px;flex:0 0 auto}
@media(max-width:600px){.tq{width:250px}}
.tq{margin:0;padding:16px;border-radius:14px;background:var(--card);border:1px solid var(--line);display:grid;gap:8px}
.tq blockquote{margin:0;font-size:.98rem;border:0;padding:0;background:none;font-style:normal;color:var(--ink)}
.tq .stars{color:#e8a33c;letter-spacing:2px}
.tq figcaption{font-size:.82rem;color:var(--ink-2)}
.ask{padding-block:28px}
.ask-in{display:grid;gap:14px;align-items:center}
@media(min-width:900px){.ask-in{grid-template-columns:auto 1fr auto;gap:28px}}
.ask h2{font-size:clamp(1.4rem,2.6vw,1.9rem)}
.ask-links{display:flex;flex-wrap:wrap;gap:8px}
.ask-links a{padding:8px 14px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;font-weight:500;font-size:.92rem}
.ask-links a:hover{border-color:var(--pink-text)}
.faq h1{font-size:clamp(2rem,5vw,3.2rem)}
.hours-msg{margin:0 0 10px;padding:10px 14px;border-radius:10px;background:#fff3cd;color:#5c4400;font-weight:700}
.faq-in{display:grid;gap:20px}
@media(min-width:900px){.faq-in{grid-template-columns:1fr 2fr;align-items:start}}
.faq-list{display:grid;gap:8px}
.faq-q{scroll-margin-top:90px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.faq-q summary{cursor:pointer;list-style:none;padding:14px 46px 14px 16px;font-weight:700;position:relative}
.faq-q summary::-webkit-details-marker{display:none}
.faq-q summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.4rem;line-height:1;color:var(--pink-text)}
.faq-q[open] summary::after{content:"−"}
.faq-q summary:focus-visible{outline:3px solid var(--pink-text);outline-offset:2px;border-radius:12px}
.faq-a{padding:0 16px 14px;color:var(--ink-2)}
.faq-a p{margin:0;max-width:none}
.faq-a a{color:var(--pink-text);font-weight:700}
.vrai{padding-block:44px 8px}
.more-link{font-weight:700;color:var(--pink-text);text-decoration:underline;text-underline-offset:4px}
.vrai-lead{margin:0;font-size:1rem}
.vrai-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
@media(max-width:900px){.vrai-rail{grid-auto-columns:62%}}
.vrai-rail:focus-visible{outline:3px solid var(--pink);outline-offset:4px}
.vf{position:relative;margin:0;scroll-snap-align:start;border-radius:14px;overflow:hidden;background:#222;aspect-ratio:9/16}
.vf img,.vf video,.vf img[width][height]{display:block;width:100%;height:100%;object-fit:cover}
.vf figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 12px 10px;font-size:.82rem;font-weight:700;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.vid-toggle{position:absolute;top:10px;right:10px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(0,0,0,.6);color:#fff;cursor:pointer}
.vid-toggle:focus-visible{outline:3px solid #fff;outline-offset:2px}
.vid-toggle .i-pause{display:none}.vid-toggle[aria-pressed=true] .i-pause{display:inline}.vid-toggle[aria-pressed=true] .i-play{display:none}
.vrai-ev-in{display:grid;gap:26px;align-items:center}
@media(min-width:800px){.vrai-ev-in{grid-template-columns:1.3fr 1fr}.vrai-ev .vf{max-width:340px;justify-self:center;width:100%}}
@media(max-width:799px){.vrai-ev .vf{max-width:300px;width:100%;margin-inline:auto}}
.game-band{background:radial-gradient(120% 120% at 85% 50%,#2a1f6a 0%,#0a0c24 60%);color:#fff;overflow:hidden}
.gb{display:grid;gap:22px;align-items:center;padding-block:36px}
@media(min-width:900px){.gb{grid-template-columns:1fr 1fr;gap:40px}}
.gb-text{gap:12px}
.gb-text h2{font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.05}
.gb-text .lead{font-size:1rem;margin:0}
.gb-beat{margin:0;color:#ffd54a;font-weight:700;font-size:.95rem}
.gb-gift{position:absolute;z-index:4;left:12px;bottom:12px;background:#ffd54a;color:#0a0c24;font-weight:700;font-size:.85rem;padding:6px 12px;border-radius:99px;box-shadow:0 4px 14px rgba(0,0,0,.35)}
@media(max-width:899px){.gb-visual{max-width:560px}}
@media(max-width:600px){.gb-gift{font-size:.74rem;padding:4px 10px;left:8px;bottom:8px}.gb-play{width:44px;height:44px;right:8px;bottom:8px}.gb-play svg{width:22px;height:22px}}
.gb-poster{aspect-ratio:16/10;background:radial-gradient(90% 80% at 50% 100%,#5a2a8a 0%,#24164f 45%,#0a0c24 100%);isolation:isolate}
.gp-kanji{position:absolute;right:-2%;top:-14%;font-size:clamp(9rem,26vw,17rem);line-height:1;color:rgba(255,255,255,.05);font-weight:700;z-index:-1}
.gp-team{position:absolute;left:0;right:0;bottom:0;height:72%;display:flex;justify-content:center;align-items:flex-end}
.gb-poster .gp-team img{display:block;width:auto;height:88%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:14px 14px 0 0;border:2px solid var(--c);border-bottom:0;box-shadow:0 0 28px var(--c);transition:transform .4s}
.gp-t{--c:#ff5c8a;transform:rotate(-7deg) translate(18%,6%);z-index:1}
.gp-a{--c:#5fe08a;transform:rotate(7deg) translate(-18%,6%);z-index:1}
.gb-poster .gp-team .gp-f{--c:#a77bff;height:100%;z-index:2}
.gb-poster:hover .gp-t{transform:rotate(-10deg) translate(10%,4%)}.gb-poster:hover .gp-a{transform:rotate(10deg) translate(-10%,4%)}
.gp-logo{position:absolute;left:50%;top:5%;transform:translateX(-50%) rotate(-4deg);z-index:3;display:grid;justify-items:center;line-height:.85;filter:drop-shadow(0 6px 18px rgba(0,0,0,.7))}
.gp-by{font-family:var(--f-display);font-weight:700;letter-spacing:.35em;font-size:clamp(.7rem,1.6vw,.95rem);color:#fff;background:#be2f49;padding:3px 6px 3px 10px;border-radius:3px;margin-bottom:4px}
.gp-word{position:relative;font-family:var(--f-display);font-weight:700;font-size:clamp(3.4rem,9vw,5.6rem);color:transparent;letter-spacing:.01em}
.gp-word::before,.gp-word::after{content:attr(data-t);position:absolute;inset:0;color:#fff;-webkit-text-stroke:2px #be2f49;paint-order:stroke fill}
.gp-word::before{clip-path:polygon(0 0,100% 0,100% 22%,0 78%)}
.gp-word::after{clip-path:polygon(0 78%,100% 22%,100% 100%,0 100%);transform:translate(7px,6px);color:#ffe3e8}
.gp-cut{position:absolute;z-index:1;left:-8%;right:-8%;top:calc(50% - 1px);height:2px;background:#fff;transform:rotate(-8.4deg);box-shadow:0 0 10px #fff,0 0 22px #ff5c8a;border-radius:2px}
.game-band .lead{color:#c9cdf0}
.gb-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.gb-chips li{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.28);border-radius:99px;padding:5px 12px;color:#fff}
.gb-visual{position:relative;display:block;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 2px rgba(255,138,155,.35)}
.gb-visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 40%;transition:transform .5s}
.gb-visual:hover img{transform:scale(1.04)}
.gb-play{position:absolute;z-index:4;right:14px;bottom:12px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#be2f49;color:#fff;box-shadow:0 0 0 10px rgba(190,47,73,.3),0 10px 30px rgba(0,0,0,.5);animation:gbp 1.6s ease-in-out infinite}
@keyframes gbp{50%{box-shadow:0 0 0 18px rgba(190,47,73,.12),0 10px 30px rgba(0,0,0,.5)}}
.gb-tag{position:absolute;left:14px;top:14px;font-family:var(--f-display);font-weight:700;letter-spacing:.12em;background:#fff;color:#0a0c24;padding:4px 10px;border-radius:4px}
.gb-visual:focus-visible{outline:3px solid #fff;outline-offset:4px}
.sl-sound .x{display:none}.sl-sound.off .x{display:inline}.sl-sound.off .w1,.sl-sound.off .w2{display:none}
.sl-sound-sel{color:#fff;border-color:rgba(255,255,255,.4);gap:6px}
#slash-over-title.win{font-size:clamp(2.4rem,7vw,4.2rem);color:#ff8a9b;letter-spacing:.04em;text-shadow:0 0 24px rgba(255,92,138,.6)}
.nav-game{flex-direction:row!important;gap:7px;align-items:center}
.nav-game svg{flex:0 0 auto}
footer{background:var(--navy-2);color:var(--on-navy-2);padding-block:32px 20px;font-size:.88rem}
footer p{margin:0}
footer a{text-decoration:none}footer a:hover{color:var(--on-navy);text-decoration:underline}
.ft{display:grid;gap:22px}
.ft-brand{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:start}
.ft-brand>div{display:grid;gap:3px}
.ft-brand p:first-child{color:var(--on-navy);font-weight:700}
.ft-ig{display:inline-flex;gap:6px;align-items:center}
.ft-cta{grid-column:1/-1;justify-self:start;margin-top:6px}
.ft-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px}
footer .ft-h{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;color:var(--on-navy)}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
footer li{margin:0;line-height:1.35}
footer ul a{display:inline-block;padding-block:3px}
.ft-legal{margin-top:22px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:.78rem}
.ft-legal ul{display:flex;flex-wrap:wrap;gap:0 14px}
.ft-legal ul a{padding-block:4px}
@media(min-width:760px){.ft{grid-template-columns:1.3fr 1fr;align-items:start}.ft-legal{justify-content:space-between}}