/* Boss — feuille commune du site (base de l'accueil « Arena », étape 1). Nuit, ivoire, rouge, vert, or ; Silkscreen, DM Mono, DM Sans. */
:root{
  --night:#1B1530; --night-2:#150F27; --panel:#251D40; --panel-2:#2E2550; --line:#3C3263; --line-2:#52467F;
  --ivory:#F3EBDD; --muted:#B8ADCB; --red:#E5484D; --red-t:#F07075; --green:#46A758; --green-t:#5BC46E; --gold:#F5C542;
  --f-title:"Silkscreen",ui-monospace,monospace; --f-data:"DM Mono",ui-monospace,monospace; --f-text:"DM Sans",system-ui,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1); --gut:clamp(16px,4vw,56px); --max:1240px;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scrollbar-color:var(--line-2) var(--night-2)}
body{margin:0;background:var(--night);color:var(--ivory);font:16px/1.6 var(--f-text);-webkit-font-smoothing:antialiased;overflow-x:clip}
::selection{background:var(--gold);color:var(--night)}
a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
img,svg,canvas{display:block;max-width:100%}
h1,h2,h3{font-family:var(--f-title);font-weight:400;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:0}
p{margin:0;text-wrap:pretty}
.num,.data{font-family:var(--f-data);font-variant-numeric:tabular-nums}
.wrap{width:min(100% - 2*var(--gut),var(--max));margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:8px;top:8px;transform:translateY(-300%);z-index:99;background:var(--gold);color:var(--night);padding:10px 14px;font:500 14px/1 var(--f-data)}
.skip:focus{transform:none}
.muted{color:var(--muted)}

/* boutons */
.btn{display:inline-flex;align-items:center;gap:.6em;justify-content:center;min-height:44px;padding:0 20px;border:2px solid var(--ivory);background:transparent;color:var(--ivory);
  font:400 14px/1 var(--f-title);text-decoration:none;cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.btn:hover{background:var(--ivory);color:var(--night)}
.btn:active{transform:translateY(1px)}
.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--night);box-shadow:0 6px 18px -8px rgba(245,197,66,.55)}
.btn-gold:hover{background:#FFD866;border-color:#FFD866;color:var(--night);box-shadow:0 10px 26px -10px rgba(245,197,66,.7);transform:translateY(-1px)}
.btn-s{min-height:36px;padding:0 12px;font-size:12px;border-width:1px}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}

/* en-tête */
.bh{position:sticky;top:0;z-index:50;background:rgba(27,21,48,.92);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.2) blur(8px)}
.bh .wrap{display:flex;align-items:center;gap:20px;min-height:64px}
.bh-logo{display:flex;align-items:center;gap:10px;font:400 18px/1 var(--f-title);text-decoration:none;flex:none}
.bh-logo img{width:32px;height:32px;border:1px solid var(--line-2)}
.bh nav{flex:1;min-width:0}
.bh-tabs{display:flex;gap:2px;margin:0;padding:0;list-style:none}
.bh-tabs a{display:block;padding:8px 12px;font:500 14px/1 var(--f-data);color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.bh-tabs a:hover{color:var(--ivory)}
.bh-tabs a[aria-current]{color:var(--ivory);border-bottom-color:var(--gold)}
.bh-menu{display:none;position:relative}
.bh-menu summary{list-style:none;cursor:pointer;min-height:44px;display:grid;place-items:center;padding:0 12px;border:1px solid var(--line);font:400 12px/1 var(--f-title)}
.bh-menu summary::-webkit-details-marker{display:none}
.bh-menu ul{position:absolute;right:0;top:52px;background:var(--panel);border:2px solid var(--line-2);list-style:none;margin:0;padding:8px;min-width:200px;box-shadow:0 18px 40px -16px #000}
.bh-menu a{display:block;padding:12px;text-decoration:none;font:500 15px/1 var(--f-data)}
.bh-menu a:hover,.bh-menu a[aria-current]{background:var(--panel-2)}
@media (max-width:900px){.bh nav{display:none}.bh-menu{display:block;margin-left:auto}.bh .wrap{gap:10px}}
@media (max-width:420px){.bh .btn-gold{padding:0 14px}}

/* étiquette « simulé » */
.sim{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--f-data);letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.sim::before{content:"";width:6px;height:6px;background:var(--gold);animation:blink 1.6s steps(2) infinite}
@keyframes blink{50%{opacity:.2}}

/* barre de vie (public/js/bar.js) : la position 0 est à gauche (grosse tranche), la 11 à droite (petite, tombe en premier) */
.bb{display:flex;gap:4px;position:relative}
.bb-seg{position:relative;flex:var(--w) 1 0;min-width:0;height:100%;background:var(--night-2);border:2px solid var(--line-2);overflow:hidden;transition:border-color .4s}
.bb-seg i{position:absolute;inset:0;transform-origin:left;display:block}
.bb-ghost{background:var(--ivory);opacity:.85;transition:transform .9s var(--ease) .45s}
.bb-fill{background:var(--red);transition:transform .25s var(--ease)}
.bb-fill::after{content:"";position:absolute;inset:0 0 auto 0;height:28%;background:rgba(255,255,255,.18)}
.bb-seg.is-cur{border-color:var(--ivory)}
.bb-seg.is-down{border-color:var(--line);background:transparent}
.bb-seg.is-down i{transform:scaleX(0)!important}
.bb-seg.is-down::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 46%,var(--line-2) 46% 54%,transparent 54%)}
.bb-seg.is-x{border-color:var(--red-t)}
.bb-seg.is-x::after{background:linear-gradient(115deg,transparent 46%,var(--red-t) 46% 54%,transparent 54%)}
.bb-seg.is-falling{animation:segfall .7s var(--ease)}
@keyframes segfall{0%{background:var(--gold)}30%{transform:translateY(-3px)}100%{transform:none}}
.pop{position:absolute;pointer-events:none;font:400 20px/1 var(--f-title);white-space:nowrap;z-index:5;text-shadow:0 2px 0 var(--night),0 0 12px rgba(0,0,0,.4)}
.pop.hit{color:var(--gold)}.pop.heal{color:var(--green-t)}.pop.dev{color:var(--red-t)}

/* arène (accueil et page coin) */
.hero{position:relative;min-height:calc(100svh - 64px);display:grid;grid-template-rows:auto 1fr auto;padding:28px 0 40px;overflow:hidden;
  background:radial-gradient(ellipse 70% 55% at 50% 38%,#2A2050 0%,transparent 70%),var(--night)}
.hero-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font:500 13px/1 var(--f-data);color:var(--muted)}
.coin-id{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.coin-id b{font:400 15px/1 var(--f-title);color:var(--ivory)}
.chip{border:1px solid var(--line-2);padding:6px 9px;text-decoration:none}
a.chip:hover{border-color:var(--ivory);color:var(--ivory)}
.stage{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,72px);align-items:center;padding:28px 0}
.stage h1{font-size:clamp(40px,6.4vw,88px);line-height:1}
.stage h1 em{font-style:normal;color:var(--gold)}
.lede{margin-top:22px;max-width:46ch;font-size:clamp(17px,1.6vw,20px);color:var(--muted)}
.lede strong{color:var(--ivory);font-weight:500}
.ctas{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.boss-art{position:relative;justify-self:end;width:min(100%,460px);aspect-ratio:1;border:2px solid var(--line-2);background:#3a1626;overflow:hidden}
.boss-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease),filter .5s}
.boss-art.hit img{animation:shake .32s steps(3)}
.boss-art.dead img{filter:grayscale(1) brightness(.45)}
.boss-art .stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);font:400 clamp(28px,4vw,48px)/1 var(--f-title);color:var(--gold);border:3px solid var(--gold);padding:8px 14px;background:rgba(21,15,39,.8);display:none}
.boss-art.dead .stamp{display:block}
@keyframes shake{33%{transform:translate(-4px,2px)}66%{transform:translate(3px,-2px)}}
.arena{position:relative}
.bar-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.bar-row .lab{font:400 22px/1 var(--f-title)}
.bar-row .cnt{font:500 15px/1 var(--f-data);color:var(--muted);min-width:5ch;text-align:right}
.bar{height:clamp(44px,6vw,72px)}
.ticks{display:flex;gap:4px;margin:10px 0 0 calc(22px + 14px + 1.2ch);margin-right:calc(5ch + 14px)}
.ticks span{flex:var(--w) 1 0;font:500 11px/1.2 var(--f-data);color:var(--muted);text-align:center;min-width:0;overflow:hidden;white-space:nowrap}
.readouts{display:grid;grid-template-columns:repeat(4,1fr);margin:26px 0 0;border-top:1px solid var(--line)}
.ro{padding:16px 18px 0 0}
.ro dt{font:500 12px/1.3 var(--f-data);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.ro dd{margin:8px 0 0;font:400 clamp(20px,2.2vw,28px)/1 var(--f-title)}
.ro dd small{font:500 13px/1 var(--f-data);color:var(--muted);margin-left:6px}
.last-hit{font:500 14px/1.4 var(--f-data);color:var(--muted);margin-top:16px;min-height:1.4em}
.last-hit b{color:var(--gold);font-weight:500}.last-hit .h{color:var(--green-t)}.last-hit .d{color:var(--red-t)}
.replay{display:flex;align-items:center;gap:12px;margin-top:14px;font:500 12px/1 var(--f-data);color:var(--muted)}
.replay progress{flex:1;height:4px;appearance:none;border:0;background:var(--line)}
.replay progress::-webkit-progress-bar{background:var(--line)}.replay progress::-webkit-progress-value{background:var(--gold)}.replay progress::-moz-progress-bar{background:var(--gold)}

section{padding:clamp(72px,10vw,128px) 0}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;flex-wrap:wrap}
.sec-h h2{font-size:clamp(28px,3.6vw,46px);max-width:18ch}
.sec-h p{max-width:46ch;color:var(--muted)}
.page-h{padding:clamp(48px,7vw,88px) 0 clamp(28px,4vw,48px)}
.page-h h1{font-size:clamp(36px,5.4vw,72px)}
.page-h p{margin-top:18px;max-width:60ch;color:var(--muted);font-size:clamp(16px,1.5vw,19px)}

/* position du wallet */
.you{display:grid;grid-template-columns:1.2fr 1fr;border:2px solid var(--line-2);background:var(--panel)}
.you-l{padding:clamp(24px,4vw,48px);border-right:2px solid var(--line-2)}
.you-l .big{font:400 clamp(48px,8vw,104px)/.9 var(--f-title);color:var(--gold)}
.you-l .big small{font:500 18px/1 var(--f-data);color:var(--muted);margin-left:8px}
.you-l p{margin-top:18px;color:var(--muted);max-width:44ch}
.you-r{padding:clamp(24px,4vw,48px);display:grid;gap:22px;align-content:start}
.you-r h3{font-size:18px;color:var(--red-t)}
.kv{margin:0;padding:0;list-style:none;display:grid;gap:12px;font:500 15px/1.45 var(--f-data)}
.kv li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px dashed var(--line-2);padding-bottom:10px}
.kv li span:first-child{color:var(--muted)}.kv li span:last-child{text-align:right}
.wallet{display:flex;align-items:center;gap:10px;font:500 13px/1 var(--f-data);color:var(--muted);margin-bottom:22px}
.wallet i{width:8px;height:8px;background:var(--green)}

/* 12 tranches */
.twelve{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}
.tile{border:2px solid var(--line-2);padding:14px 10px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;background:var(--night-2);transition:border-color .3s,transform .3s var(--ease)}
.tile .n{font:400 14px/1 var(--f-title)}
.tile .w{font:500 12px/1.3 var(--f-data);color:var(--muted)}
.tile .st{font:500 11px/1 var(--f-data);letter-spacing:.06em}
.tile.cur{border-color:var(--gold)}.tile.cur .st{color:var(--gold)}
.tile.down{background:transparent;border-style:dashed}.tile.down .st{color:var(--muted)}
.tile a{color:var(--gold);font:500 11px/1.3 var(--f-data)}
.tile.x{border-color:var(--red-t);border-style:dashed}.tile.x .st{color:var(--red-t)}
.legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;font:500 13px/1 var(--f-data);color:var(--muted)}
.legend span{display:flex;gap:8px;align-items:center}.legend i{width:12px;height:12px;border:2px solid}

/* classement + sac du dev */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px)}
.duo h2,.duo h3{font-size:22px;margin-bottom:8px}
.sub{color:var(--muted);font-size:15px;margin-bottom:22px}
.tbl{overflow-x:auto}
table{width:100%;border-collapse:collapse;font:500 14px/1 var(--f-data);font-variant-numeric:tabular-nums}
th{font-weight:500;text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:0 8px 12px 0;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:13px 8px 13px 0;border-bottom:1px solid var(--line)}
td:last-child,th:last-child{text-align:right;padding-right:0}
tr.me td{color:var(--gold)}
td a{color:var(--gold)}
.empty{color:var(--muted);font:500 14px/1.5 var(--f-data);padding:18px 0}
.bag{border:2px solid var(--line-2);padding:24px}
.bag-bar{display:flex;height:22px;margin:16px 0 10px;border:2px solid var(--line-2)}
.bag-bar i{display:block;height:100%;transition:width .4s var(--ease)}
.bag-bar .r{background:var(--red)}.bag-bar .b{background:repeating-linear-gradient(90deg,var(--line-2) 0 3px,transparent 3px 6px)}.bag-bar .f{background:var(--muted)}
.bag-k{display:flex;gap:18px;flex-wrap:wrap;font:500 13px/1 var(--f-data);color:var(--muted)}
.bag-k b{color:var(--ivory);font-weight:500}
.devlog{margin:20px 0 0;padding:0;list-style:none;font:500 13px/1.5 var(--f-data)}
.devlog li{display:flex;gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.devlog time{color:var(--muted);min-width:8ch}
.devlog .s{color:var(--red-t)}
.note{margin-top:18px;padding:14px 16px;background:var(--night-2);font-size:14px;color:var(--muted)}
.note b{color:var(--ivory);font-weight:500}

/* fil des chutes (une page par événement) */
.falls{margin:0;padding:0;list-style:none;display:grid;gap:0}
.falls li{display:grid;grid-template-columns:5ch 1fr auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line);font:500 14px/1.4 var(--f-data)}
.falls li.on{background:var(--panel);outline:2px solid var(--gold);outline-offset:-2px;padding-inline:12px}
.falls .k{font:400 16px/1 var(--f-title)}
.falls .c{color:var(--muted)}.falls .c b{color:var(--ivory);font-weight:500}.falls .devsold b{color:var(--red-t)}
.falls .acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}

/* galerie */
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.coin{display:block;text-decoration:none;border:2px solid var(--line-2);padding:18px;background:var(--panel);transition:border-color .25s,transform .25s var(--ease),box-shadow .25s}
.coin:hover{border-color:var(--ivory);transform:translateY(-3px);box-shadow:0 18px 30px -18px #000}
.coin-t{display:flex;justify-content:space-between;align-items:center;gap:10px}
.coin-t b{font:400 16px/1.1 var(--f-title);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.coin-n{font:500 13px/1.3 var(--f-data);color:var(--muted);margin-top:6px}
.mini{display:flex;gap:3px;height:12px;margin:16px 0 12px}
.mini i{flex:var(--w) 1 0;background:var(--red);border:1px solid var(--line-2)}
.mini i.o{background:transparent}.mini i.x{background:transparent;border-color:var(--red-t)}
.coin-m{display:flex;justify-content:space-between;gap:10px;font:500 13px/1 var(--f-data);color:var(--muted)}
.tag{font:500 11px/1 var(--f-data);letter-spacing:.06em;padding:5px 7px;border:1px solid;white-space:nowrap}
.tag.live{color:var(--gold)}.tag.clr{color:var(--green-t)}.tag.can{color:var(--red-t)}.tag.sim{color:var(--muted)}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.filters button{min-height:40px;padding:0 14px;border:1px solid var(--line-2);background:transparent;color:var(--muted);font:500 13px/1 var(--f-data);cursor:pointer}
.filters button[aria-pressed="true"]{border-color:var(--gold);color:var(--ivory)}

/* argumentaire studio */
.studio-pitch{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:start}
.why{display:grid;margin:0;padding:0;list-style:none}
.why li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:20px 0;border-top:1px solid var(--line)}
.why svg{width:28px;height:28px;color:var(--gold)}
.why b{display:block;font:500 17px/1.3 var(--f-text);margin-bottom:4px}
.why p{color:var(--muted);font-size:15px}
.fees{margin-top:26px;font:500 14px/1.6 var(--f-data);color:var(--muted)}
.fees b{color:var(--ivory);font-weight:500}

/* questions */
.qa details{border-top:1px solid var(--line)}
.qa details:last-child{border-bottom:1px solid var(--line)}
.qa summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;position:relative;font:500 18px/1.35 var(--f-text)}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:4px;top:18px;font:400 20px/1 var(--f-title);color:var(--gold)}
.qa details[open] summary::after{content:"−"}
.qa details p{padding:0 0 22px;color:var(--muted);max-width:68ch}
.qa h2{font-size:20px;margin:48px 0 8px;color:var(--gold)}

/* lecture (how, proof) */
.prose{max-width:72ch}
.prose h2{font-size:clamp(22px,2.6vw,30px);margin:56px 0 16px}
.prose p,.prose li{color:var(--muted);font-size:17px}
.prose p+p{margin-top:14px}
.prose strong{color:var(--ivory);font-weight:500}
.prose ul,.prose ol{padding-left:1.2em;display:grid;gap:8px}
.prose code{font:500 14px/1 var(--f-data);color:var(--ivory);background:var(--panel);padding:2px 6px}
.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}
.rule{border:2px solid var(--line-2);padding:22px;background:var(--panel)}
.rule b{display:block;font:400 26px/1 var(--f-title);color:var(--gold);margin-bottom:10px}
.rule p{color:var(--muted);font-size:15px}
.checks{margin:0;padding:0;list-style:none}
.checks li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--line);font-size:16px}
.checks li::before{content:"";width:14px;height:14px;margin-top:5px;border:2px solid var(--green-t);background:var(--green)}
.checks li.wait::before{border-color:var(--line-2);background:transparent}
.checks li.bad::before{border-color:var(--red-t);background:var(--red)}
.checks b{font-weight:500}.checks span{display:block;color:var(--muted);font:500 13px/1.5 var(--f-data);margin-top:4px;word-break:break-word}

/* formulaire du studio */
.form-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,56px);align-items:start}
.field{display:grid;gap:8px;margin-bottom:20px}
.field label,.field .lab{font:500 13px/1.3 var(--f-data);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.field input[type=text],.field input[type=url],.field textarea,.field select{width:100%;min-height:46px;padding:10px 12px;background:var(--night-2);border:2px solid var(--line-2);color:var(--ivory);font:500 15px/1.4 var(--f-data)}
.field textarea{min-height:96px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold);outline:none}
.field input[type=file]{font:500 13px/1 var(--f-data);color:var(--muted)}
.field input[type=range]{width:100%;accent-color:var(--gold)}
.field .hint{font:500 12px/1.5 var(--f-data);color:var(--muted)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.out{font:400 18px/1 var(--f-title);color:var(--gold)}
.pv{border:2px solid var(--line-2);background:var(--panel);padding:22px;position:sticky;top:88px}
.pv-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.pv-img{width:72px;height:72px;border:2px solid var(--line-2);background:var(--night-2) center/cover no-repeat;flex:none}
.pv-head b{font:400 18px/1.1 var(--f-title);display:block}
.pv-head span{font:500 13px/1 var(--f-data);color:var(--muted)}
.pv .bar{height:34px;margin:6px 0 18px}
.pv dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:8px 16px;font:500 13px/1.4 var(--f-data)}
.pv dt{color:var(--muted)}.pv dd{margin:0;text-align:right}
.msg{font:500 14px/1.5 var(--f-data);color:var(--red-t);min-height:1.5em;margin:12px 0}
.msg .ok{color:var(--green-t)}
.steps{margin:18px 0 0;padding:0;list-style:none;font:500 14px/1.4 var(--f-data)}
.steps li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.steps li.done span:last-child{color:var(--green-t)}.steps li.bad span:last-child{color:var(--red-t)}
.banner-net{border:1px solid var(--line-2);padding:12px 14px;font:500 13px/1.5 var(--f-data);color:var(--muted);margin-bottom:24px}
.admin-flag{border:2px solid var(--red-t);color:var(--red-t);padding:10px 14px;font:500 13px/1.5 var(--f-data);margin-bottom:24px}

/* pied */
.foot{border-top:1px solid var(--line);padding:56px 0 28px;overflow:hidden}
.foot-cols{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}
.foot-p{max-width:40ch;color:var(--muted)}
.foot-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font:500 14px/1 var(--f-data)}
.foot-cols a{color:var(--muted);text-decoration:none}.foot-cols a:hover{color:var(--ivory)}
.wordmark{font:400 clamp(90px,25vw,380px)/.8 var(--f-title);margin:48px 0 0;color:var(--panel-2);user-select:none;white-space:nowrap;letter-spacing:-.02em;overflow:hidden}
.legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:500 12px/1.5 var(--f-data);color:var(--muted);margin-top:18px}

@media (max-width:1000px){.twelve{grid-template-columns:repeat(6,1fr)}.gal{grid-template-columns:1fr 1fr}.rules{grid-template-columns:1fr}}
@media (max-width:820px){
  .stage{grid-template-columns:1fr}.boss-art{justify-self:start;width:min(100%,280px)}
  .readouts{grid-template-columns:1fr 1fr}.you,.duo,.studio-pitch,.form-grid{grid-template-columns:1fr}.you-l{border-right:0;border-bottom:2px solid var(--line-2)}
  .ticks{display:none}.pv{position:static}
  .falls li{grid-template-columns:4ch 1fr}.falls .acts{grid-column:1/-1;justify-content:start}
}
@media (max-width:560px){.twelve{grid-template-columns:repeat(3,1fr)}.tile{min-height:120px}.gal{grid-template-columns:1fr}.bar-row .lab{font-size:16px}.hero-top .chip:nth-child(n+4){display:none}.row2{grid-template-columns:1fr}.boss-art{width:min(100%,200px)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}