/* TRE × TSAR Future Runtime — 2026-09-07 */
:root{--fx-x:50%;--fx-y:50%;--fx-depth:0;--fx-speed:1;--fx-glass:rgba(10,12,16,.56);--fx-line:rgba(255,255,255,.12);--fx-text:#f4f6fa;--fx-muted:#9da6b2;--fx-tre:#5affb0;--fx-tsar:#caa7ff}
html{scroll-behavior:smooth}
body.fx-ready{background:#050507}
#futureAura{position:fixed;inset:0;z-index:2147480000;pointer-events:none;opacity:.75;background:radial-gradient(700px circle at var(--fx-x) var(--fx-y),rgba(255,255,255,.045),transparent 56%);mix-blend-mode:screen;transition:opacity .6s ease}
#futureVeil{position:fixed;inset:0;z-index:2147483000;pointer-events:none;background:#050507;transform:scaleY(0);transform-origin:bottom;transition:transform .58s cubic-bezier(.76,0,.24,1)}
body.fx-leaving #futureVeil{transform:scaleY(1);transform-origin:top}
#futureProgress{position:fixed;left:0;top:0;height:1px;width:var(--fx-scroll,0%);z-index:2147483600;background:linear-gradient(90deg,var(--fx-tre),#7dc9ff,var(--fx-tsar));box-shadow:0 0 16px rgba(125,201,255,.55);pointer-events:none}
#futureDock{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:2147482000;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--fx-line);border-radius:999px;background:rgba(5,6,8,.67);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);box-shadow:0 20px 70px rgba(0,0,0,.38);font:500 10px/1 system-ui,-apple-system,sans-serif;letter-spacing:.15em;text-transform:uppercase;max-width:calc(100vw - 24px)}
#futureDock a,#futureDock button{appearance:none;border:0;background:transparent;color:rgba(244,246,250,.62);height:38px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .3s,color .3s,transform .3s}
#futureDock a:hover,#futureDock button:hover,#futureDock a:focus-visible,#futureDock button:focus-visible{color:#fff;background:rgba(255,255,255,.08);outline:none;transform:translateY(-1px)}
#futureDock .fx-brand{color:#fff}.fx-dot{width:6px;height:6px;border-radius:50%;background:var(--fx-brand,var(--fx-tre));box-shadow:0 0 16px var(--fx-brand,var(--fx-tre));margin-right:8px}
#futureDock .fx-q{min-width:42px;padding:0 10px;color:rgba(255,255,255,.76)}
#futurePortal{position:fixed;inset:0;z-index:2147482500;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s}
#futurePortal.fx-on{opacity:1;visibility:visible;pointer-events:auto}
#futurePortal::before{content:"";position:absolute;inset:0;background:rgba(2,3,5,.76);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
.fx-portal-card{position:relative;width:min(980px,100%);border:1px solid var(--fx-line);border-radius:28px;padding:clamp(24px,5vw,56px);background:linear-gradient(145deg,rgba(15,18,23,.9),rgba(5,6,8,.88));box-shadow:0 60px 180px rgba(0,0,0,.62);overflow:hidden}
.fx-portal-card::after{content:"";position:absolute;inset:-40%;background:conic-gradient(from 180deg,transparent,rgba(90,255,176,.08),transparent,rgba(202,167,255,.08),transparent);animation:fxspin 18s linear infinite;pointer-events:none}
.fx-portal-inner{position:relative;z-index:1}.fx-kicker{font:500 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.34em;text-transform:uppercase;color:var(--fx-muted)}
.fx-portal-title{margin:18px 0 8px;font:300 clamp(34px,6vw,74px)/.96 system-ui,-apple-system,sans-serif;letter-spacing:-.045em;color:#fff}.fx-portal-copy{max-width:62ch;color:var(--fx-muted);font:300 15px/1.7 system-ui,-apple-system,sans-serif}
.fx-worlds{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}.fx-world{min-height:220px;border:1px solid var(--fx-line);border-radius:20px;padding:24px;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:rgba(255,255,255,.025);transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .35s}
.fx-world::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 10%,var(--fx-c),transparent 65%);opacity:.18;transition:opacity .4s,transform .6s}.fx-world:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--fx-c) 50%,transparent)}.fx-world:hover::before{opacity:.32;transform:scale(1.08)}
.fx-world strong{font:300 clamp(24px,4vw,42px)/1 system-ui,-apple-system,sans-serif;letter-spacing:-.035em}.fx-world span{margin-top:10px;color:var(--fx-muted);font:400 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.fx-close{position:absolute;right:18px;top:18px;z-index:2;width:42px;height:42px;border:1px solid var(--fx-line);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;cursor:pointer}
.fx-depth{transform-style:preserve-3d;will-change:transform}.fx-depth:hover{transform:perspective(900px) rotateX(var(--fx-rx,0deg)) rotateY(var(--fx-ry,0deg)) translateZ(6px)}
@keyframes fxspin{to{transform:rotate(360deg)}}
@media(max-width:720px){#futureDock{left:12px;right:12px;transform:none;justify-content:space-between;overflow:auto}#futureDock a,#futureDock button{padding:0 11px}.fx-worlds{grid-template-columns:1fr}.fx-world{min-height:150px}.fx-hide-mobile{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fx-portal-card::after{animation:none}#futureVeil,.fx-world,#futureDock a,#futureDock button{transition:none!important}}