/* ===== v8 : sites indépendants par univers ===== */
.wallet{display:none!important}
.it,.intent,.ask{display:none}
/* header propre à l'univers */
.logo .lt{font-family:var(--disp2);font-weight:700;letter-spacing:-.02em;font-size:16px}
.logo .lt i{font-family:Allura,cursive;font-style:normal;font-weight:400;font-size:1.45em;color:var(--a1);margin-left:2px;letter-spacing:0}
body[data-u=worlds] .logo .lt{text-transform:uppercase;letter-spacing:.04em;font-size:14px}
body[data-u=worlds] .logo .lt i{font-family:var(--disp2);font-size:1em;color:var(--a1)}
.env-nav{margin:0 auto;display:flex;gap:2px;padding:4px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px)}
.env-nav a{padding:8px 14px;border-radius:99px;font-size:13px;font-weight:600;color:var(--mu);transition:.25s;white-space:nowrap}
.env-nav a:hover{color:var(--tx);background:rgba(255,255,255,.06)}
.env-nav a.hot{color:var(--a1)}
.env-nav a.site{color:var(--tx);border-left:1px solid var(--line);border-radius:0 99px 99px 0;margin-left:4px}
@media(max-width:1100px){.env-nav a:not(.hot):not(.site){display:none}}
@media(max-width:560px){.env-nav{display:none}}
/* hero : texte d'accroche puis switcher d'ambiance en premier */
.env-p{color:var(--mu);font-size:16px;max-width:560px;margin:4px 0 0}
.amb-sw{margin-top:14px}
.amb-sw>span::before{content:"◆";background:none;color:var(--a1);width:auto;height:auto;font-size:12px}
.amb-sw>span{font-size:12px;letter-spacing:.1em}
.amb-row{padding:8px;gap:8px}
.amb-row button{padding:14px 16px;font-size:15.5px}
.dest{margin-top:18px}
/* widget de hero posé sur la photo */
.hw{position:absolute;z-index:6;left:-48px;bottom:12%;width:270px;padding:16px 18px;border-radius:calc(var(--r) + 6px);background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(18px);border:1px solid color-mix(in srgb,var(--a1) 45%,transparent);box-shadow:0 30px 70px -24px color-mix(in srgb,var(--a1) 55%,#000);animation:bob 7s ease-in-out infinite}
.hw.swap{animation:swap .6s both,bob 7s ease-in-out .6s infinite}
.hw-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.hw-h span{color:var(--a1);font-size:9.5px}.hw-h em{font-style:normal;color:var(--mu);font-size:9px;font-family:"Geist Mono"}
.hw-l{display:flex;justify-content:space-between;font-size:12.5px;color:var(--mu);margin-bottom:4px}.hw-l b{color:var(--tx)}
.hw input[type=range]{width:100%;accent-color:var(--a1);margin-bottom:10px}
.hw small{display:block;color:var(--mu);font-size:8.5px;margin-top:8px;line-height:1.5}
.hw-m{display:flex;gap:12px;align-items:center}
.hw-ring{position:relative;width:62px;height:62px;flex:none}.hw-ring svg{width:62px;height:62px;transform:rotate(-90deg)}
.hw-ring circle{fill:none;stroke:rgba(255,255,255,.08);stroke-width:5}.hw-ring circle.p{stroke:var(--a1);stroke-linecap:round;stroke-dasharray:113;transition:stroke-dashoffset .6s}
.hw-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:20px;font-family:var(--disp2)}
.hw-tags{display:flex;flex-wrap:wrap;gap:4px}.hw-tags i{font-style:normal;font-size:10.5px;padding:3px 7px;border-radius:5px;background:color-mix(in srgb,var(--a1) 14%,transparent);color:var(--tx)}
.hw-big b{display:block;font-family:var(--disp2);font-size:44px;line-height:1;color:var(--a1);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.hw-big span{color:var(--mu);font-size:12px}
.hw-split{display:flex;height:10px;border-radius:99px;overflow:hidden;margin:2px 0 10px}
.hw-split i{transition:flex .6s}.hw-split .a{background:#FFB38A}.hw-split .g{background:#B99CFF}.hw-split .h{background:#7DD3FC}
.hw-cls{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}
.hw-cls button{font-size:11px;padding:5px 8px;border-radius:calc(var(--r) - 8px);border:1px solid rgba(255,255,255,.14);color:var(--mu)}
.hw-cls button.on{background:var(--a1);color:var(--ink);border-color:transparent}
.hw-xp{display:flex;align-items:center;gap:10px}.hw-xp span{color:var(--a2);font-size:10px;white-space:nowrap}.hw-xp div{flex:1;height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.hw-xp i{display:block;height:100%;background:linear-gradient(90deg,var(--a1),var(--a2));transition:width .8s;box-shadow:0 0 10px var(--a1)}
body[data-u=systems] .c2{top:auto;bottom:8%;right:-26px}
body[data-u=worlds] .hw{left:-40px}
/* footer : les autres univers */
.ft-envs{margin-bottom:28px}
.ft-envs>p{color:var(--mu);font-size:10px;margin-bottom:12px}
.ft-envs>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ft-envs a{display:block;padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);transition:.3s}
.ft-envs a:hover{border-color:var(--c);transform:translateY(-3px);box-shadow:0 20px 40px -24px var(--c)}
.ft-envs b{display:block;color:var(--c);font-size:16px}.ft-envs span{color:var(--mu);font-size:13px}
@media(max-width:980px){.hw{left:-6px;width:230px;bottom:6%}.ft-envs>div{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hw{position:relative;left:auto;bottom:auto;width:auto;margin-top:14px;animation:none}}
