/* ADIMASTER R94 · PRESENTATION EXACT HUD Single active ARTIST stylesheet. The approved presentation provides the static environment/chrome; WebGL, i18n copy and interactive HUD elements remain live layers. No release override chain is loaded. Future ARTIST changes must edit this file rather than append release overrides. */ /* ===== SOURCE: artist-release-48-command-center.css ===== */ /* ADIMASTER RELEASE 48 · ARTIST DESKTOP COMMAND CENTER Visual-only overlay. Desktop Artist route only. No WebGL/canvas/player/routing/audio logic changes. */ @media (min-width:761px){ /* LEFT SIDE = one integrated command surface, not separate text/cards */ body[data-route="artist"] .artistCopy{ max-width:670px; padding:26px 24px 24px 22px; border-left:1px solid rgba(104,245,255,.18); border-radius:0 24px 24px 0; background: radial-gradient(520px 180px at 8% 5%,rgba(70,236,255,.10),transparent 60%), linear-gradient(100deg,rgba(2,9,16,.64),rgba(3,10,18,.24) 72%,transparent 100%); box-shadow: inset 18px 0 54px rgba(44,228,255,.035), 0 22px 70px rgba(0,0,0,.18); } body[data-route="artist"] .artistCopy::before{ content:""; position:absolute; left:-1px;top:4px;bottom:4px; width:1px; pointer-events:none; background:linear-gradient(180deg,transparent,var(--a48-cyan) 18%,rgba(103,246,255,.2) 52%,var(--a48-violet) 84%,transparent); box-shadow:0 0 14px rgba(93,246,255,.28); opacity:.78; } body[data-route="artist"] .artistCopy::after{ content:""; position:absolute; z-index:-1; right:-74px;top:54%; width:108px;height:1px; pointer-events:none; background:linear-gradient(90deg,rgba(92,245,255,.55),rgba(93,220,255,.18),transparent); box-shadow:0 0 12px rgba(82,235,255,.26); } body[data-route="artist"] .artistCopy .kicker{ letter-spacing:.23em; font-size:10px; } body[data-route="artist"] .artistCopy .kicker::before{ width:30px; background:linear-gradient(90deg,var(--a48-cyan),var(--a48-violet)); } body[data-route="artist"] .artistTitle{ margin:24px 0 19px!important; } body[data-route="artist"] .artistTitle::after{ width:min(520px,92%); margin-top:20px; height:1px; background:linear-gradient(90deg,var(--a48-cyan) 0%,var(--a48-blue) 34%,var(--a48-violet) 70%,transparent 100%); box-shadow:0 0 10px rgba(83,245,255,.65),0 0 24px rgba(132,88,255,.34); } body[data-route="artist"] .artistLead{ max-width:575px!important; margin:0 0 21px; color:#c7d6e3!important; font-size:clamp(16px,1.05vw,19px)!important; line-height:1.48!important; } /* MODULE BUS */ body[data-route="artist"] .artistDomains{ position:relative; max-width:600px; gap:9px; padding:7px 0 6px; } body[data-route="artist"] .artistDomains::before{ content:""; position:absolute; left:7px;right:-78px;top:50%; height:1px; z-index:0; pointer-events:none; background:linear-gradient(90deg,rgba(86,244,255,.18),rgba(89,223,255,.13) 62%,rgba(134,90,255,.16) 84%,transparent 100%); } body[data-route="artist"] .artistDomains::after{ content:""; position:absolute; right:-82px;top:calc(50% - 3px); width:7px;height:7px;border-radius:50%; pointer-events:none; background:#bdfdff; box-shadow:0 0 8px #65f6ff,0 0 20px rgba(117,94,255,.58); animation:a48DataNode 2.8s ease-in-out infinite; } body[data-route="artist"] .artistDomain{ min-height:108px; padding:15px 14px 13px; border-radius:9px; border-color:rgba(108,229,255,.25); background: linear-gradient(180deg,rgba(91,243,255,.035),transparent 34%), linear-gradient(145deg,rgba(3,14,24,.83),rgba(9,10,27,.64)); box-shadow: inset 0 1px rgba(255,255,255,.045), inset 0 0 22px rgba(74,222,255,.025), 0 14px 34px rgba(0,0,0,.23); } body[data-route="artist"] .artistDomain::after{ left:8px;right:8px; height:1px; background:linear-gradient(90deg,var(--a48-cyan),var(--a48-blue) 38%,var(--a48-violet) 72%,transparent); opacity:.78; } body[data-route="artist"] .artistDomainIcon{ display:grid; place-items:center; width:28px;height:28px; margin-bottom:10px; border:1px solid rgba(103,246,255,.18); border-radius:50%; background:radial-gradient(circle,rgba(93,242,255,.12),rgba(79,103,255,.035) 58%,transparent 60%); color:#82fff7; font-size:17px; box-shadow:inset 0 0 14px rgba(78,231,255,.05),0 0 14px rgba(78,231,255,.05); } body[data-route="artist"] .artistDomain strong{ color:#c7f9ff; font-size:8.5px; letter-spacing:.16em; } body[data-route="artist"] .artistDomainData{ height:22px; margin-top:10px; } body[data-route="artist"] .artistDomainPulse{ left:8px;right:8px; opacity:.48; } body[data-route="artist"] .artistDomain:hover{ transform:translateY(-2px); border-color:rgba(109,241,255,.52); background: linear-gradient(180deg,rgba(93,244,255,.07),transparent 38%), linear-gradient(145deg,rgba(4,18,30,.9),rgba(13,10,32,.68)); box-shadow:inset 0 1px rgba(255,255,255,.06),0 18px 40px rgba(0,0,0,.28),0 0 30px rgba(79,221,255,.08); } /* Each module speaks its own visual language but remains one system */ body[data-route="artist"] .artistDomainMusic .artistDomainData{ opacity:.76; filter:drop-shadow(0 0 6px rgba(81,241,255,.14)); } body[data-route="artist"] .artistDomainTravel .artistDomainData{ width:38px;height:38px; margin-top:4px; box-shadow:inset 0 0 12px rgba(79,235,255,.05),0 0 12px rgba(79,235,255,.05); } body[data-route="artist"] .artistDomainCreativity .artistDomainData{ opacity:.83; filter:drop-shadow(0 0 5px rgba(149,88,255,.15)); } /* Status line becomes a real system rail */ body[data-route="artist"] .artistSignal{ position:relative; max-width:595px; margin-top:15px; padding-top:9px; color:#9caebe; font-size:7.5px; letter-spacing:.17em; } body[data-route="artist"] .artistSignal::before{ content:""; position:absolute; left:0;right:0;top:0; height:1px; background:linear-gradient(90deg,rgba(92,245,255,.38),rgba(89,223,255,.12) 52%,rgba(147,89,255,.14),transparent); } body[data-route="artist"] .artistSignal i{ width:7px;height:7px; background:#7afff5; box-shadow:0 0 0 4px rgba(74,255,242,.07),0 0 15px rgba(85,255,241,.62); } /* Quiet visual handshake toward the globe; no canvas geometry touched */ body[data-route="artist"] .artistStage{ filter:drop-shadow(0 0 24px rgba(71,211,255,.035)); } @keyframes a48DataNode{ 0%,100%{opacity:.42;transform:scale(.72)} 50%{opacity:1;transform:scale(1.08);box-shadow:0 0 10px #65f6ff,0 0 26px rgba(117,94,255,.68)} } } @media (min-width:761px) and (max-width:1180px){ body[data-route="artist"] .artistCopy{padding-right:16px} body[data-route="artist"] .artistCopy::after{right:-46px;width:70px} body[data-route="artist"] .artistDomains::before{right:-50px} body[data-route="artist"] .artistDomains::after{right:-54px} } @media(prefers-reduced-motion:reduce){ body[data-route="artist"] .artistDomains::after{animation:none!important} } /* ===== SOURCE: artist-release-56-master-wallpaper-foundation.css ===== */ /* ADIMASTER RELEASE 56 · ARTIST MASTER WALLPAPER FOUNDATION Strategy: the approved concept image becomes the visual master, exactly as-is. Existing desktop Artist UI is hidden for now. Only the working interactive globe remains live. Later releases will selectively fade portions of the master and replace them with live panels. Mobile is intentionally untouched. */ @media (min-width:761px){ /* Disable the former Artist wallpaper/overlay. The approved master is now the scene. */ body[data-route="artist"] [data-view="artist"]::before, body[data-route="artist"] [data-view="artist"]::after{ content:none!important; display:none!important; } /* The current DOM becomes a transparent live-overlay layer over the master wallpaper. */ /* Phase 1: everything is already present in the master image. Hide duplicate live UI. */ /* Exact mapping from approved master image (1448 × 1086): master globe center = (975, 285), radius ≈ 204.24 px. WebGL renderer globe center inside stage = (44.6%, 39.2%), radius = 32.1% of min(stage W,H). These values solve the stage box so the LIVE globe lands precisely over the static master globe. */ body[data-route="artist"] .artistStage{ position:absolute!important; z-index:30!important; left:42.804254%!important; top:3.276742%!important; width:55%!important; height:58.587632%!important; min-height:0!important; margin:0!important; padding:0!important; overflow:visible!important; isolation:isolate!important; background:none!important; transform:none!important; filter:none!important; pointer-events:auto!important; } body[data-route="artist"] .artistStage::before, body[data-route="artist"] .artistStage::after{content:none!important;display:none!important} /* The approved wallpaper itself becomes the instant visual fallback. No separate fallback image = no black rectangle while WebGL initializes. */ body[data-route="artist"] #adiCoreFallback16, body[data-route="artist"] .adiCoreFallback16{display:none!important} /* The old WebGL shader also draws orbit lines. For the master-wallpaper workflow we reveal only the interactive sphere/atmosphere and leave the approved static HUD/rings underneath. 28.35% maps to the renderer's 0.321×stage-height globe radius for this exact stage ratio. */ body[data-route="artist"] #adiCoreCanvas16, body[data-route="artist"] .adiCoreCanvas16{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; transform:none!important; transform-origin:center!important; background:transparent!important; clip-path:circle(28.55% at 44.6% 39.2%)!important; -webkit-clip-path:circle(28.55% at 44.6% 39.2%)!important; cursor:grab!important; touch-action:none!important; pointer-events:auto!important; } body[data-route="artist"] #adiCoreCanvas16.is-dragging{cursor:grabbing!important} /* Master image is 4:3 by design. At desktop widths the complete concept remains 1:1 and naturally continues below the first viewport rather than being cropped or stretched. */ body[data-route="artist"] footer{position:relative;z-index:2} } /* R56 is desktop foundation only. Preserve the existing mobile Artist implementation verbatim. */ @media (max-width:760px){ } /* ===== SOURCE: artist-release-62-left-master-hard-lock.css ===== */ /* ADIMASTER RELEASE 62 · LEFT MASTER HARD LOCK Left Artist panel must be pixel-identical to the approved master wallpaper. No reconstructed left-panel UI, no decorative animation, no hover redraw. Only transparent navigation hit-zones remain interactive. */ @media (min-width:761px){ /* Defensive hard lock in case an old DOM fragment is injected/cached. */ body[data-route="artist"] .artistCopyR49, body[data-route="artist"] #artistIdentityMatrix, body[data-route="artist"] .artistCopyLegacy, body[data-route="artist"] .r49Scan, body[data-route="artist"] .r49Connection, body[data-route="artist"] .r49LogoOrbit, body[data-route="artist"] .r49DomainStack, body[data-route="artist"] .r49Quote, body[data-route="artist"] .r49Motto{ display:none!important; visibility:hidden!important; opacity:0!important; animation:none!important; transition:none!important; transform:none!important; pointer-events:none!important; } /* R88 cleanup: obsolete R62 pseudo-element hard-lock removed. */ /* Transparent click map only; it changes zero visible pixels. */ body[data-route="artist"] .r61LeftHitLayer{ position:absolute!important; z-index:52!important; left:3.9%!important; top:25.7%!important; width:41.2%!important; height:32.7%!important; pointer-events:none!important; background:transparent!important; border:0!important; box-shadow:none!important; opacity:1!important; } body[data-route="artist"] .r61LeftHit{ position:absolute!important; left:0!important; width:100%!important; height:29.5%!important; margin:0!important; padding:0!important; appearance:none!important; border:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; opacity:0!important; animation:none!important; transition:none!important; transform:none!important; cursor:pointer!important; pointer-events:auto!important; } body[data-route="artist"] .r61LeftHit[data-target="music"]{top:0!important} body[data-route="artist"] .r61LeftHit[data-target="travel"]{top:35.1%!important} body[data-route="artist"] .r61LeftHit[data-target="originals"]{top:70.2%!important} /* Do not draw a focus rectangle over the artwork; keep keyboard access through outline on page only. */ body[data-route="artist"] .r61LeftHit:focus, body[data-route="artist"] .r61LeftHit:focus-visible{ outline:0!important; box-shadow:none!important; } } @media (max-width:760px){ .r61LeftHitLayer{display:none!important} } /* ===== SOURCE: artist-release-66-composite-lock.css ===== */ /* ADIMASTER RELEASE 66 · ARTIST COMPOSITE LOCK Clean desktop composite based on the approved 1448x1086 master. One coordinate system, no accumulated Artist overlay cascade. LEFT master artwork = static exact source. LIVE globe = untouched. RIGHT telemetry + LOWER deck = exact master-coordinate overlays. */ @media (min-width:761px){ /* Header keeps the already-approved magenta -> cyan blend, but does not touch scene geometry. */ body[data-route="artist"] header{ background: radial-gradient(620px 100px at 4% 50%,rgba(238,67,203,.16),transparent 68%), radial-gradient(680px 110px at 96% 50%,rgba(65,226,255,.10),transparent 70%), linear-gradient(90deg,rgba(27,5,29,.91) 0%,rgba(7,9,19,.92) 28%,rgba(4,12,21,.92) 70%,rgba(3,20,27,.91) 100%)!important; border-color:rgba(108,228,255,.20)!important; box-shadow:-18px 0 54px rgba(238,73,204,.07),18px 0 54px rgba(72,229,255,.06),0 14px 48px rgba(0,0,0,.28),inset 0 0 38px rgba(105,98,255,.025)!important; backdrop-filter:blur(22px) saturate(1.35)!important; } body[data-route="artist"] header::before{ opacity:.82!important; background:linear-gradient(105deg,rgba(246,71,208,.62),rgba(145,72,255,.22) 31%,rgba(57,215,255,.18) 66%,rgba(75,246,237,.48))!important; } body[data-route="artist"] header .brandWords i{color:#ff63d9!important;text-shadow:0 0 18px rgba(244,78,211,.38)!important} /* -------------------------------------------------------------- RIGHT TELEMETRY — independent boxes, NOT a grid. Approved master coordinates: global x 1150..1408 / y 57..233 sound x 1150..1408 / y 244..401 energy x 1150..1408 / y 413..578 -------------------------------------------------------------- */ /* Live localized title occupies the exact text strip removed from master artwork. */ /* GLOBAL: master map stays intact; only faint data pulses are live. */ /* SOUND: exact static spectrum remains visible. Live bars only brighten it when sound runs. */ body.audioPlaying[data-route="artist"] .r53Sound .r53TelemetryBody{opacity:.56!important} body:not(.audioPlaying)[data-route="artist"] .r53Sound .r53TelemetryBody i{animation-play-state:paused!important} /* ENERGY: master rings/bars stay intact; live phase is deliberately subtle. */ body.audioPlaying[data-route="artist"] .r53Energy .r53TelemetryBody{opacity:.48!important} /* -------------------------------------------------------------- LOWER DECK — proportions measured from approved master. Outer deck x 10..1436 / y ~716..968. Vertical division ~x 515 => 35.5% overview / 64.5% transmissions. -------------------------------------------------------------- */ body[data-route="artist"] .artistIntelligenceR49{ display:grid!important;position:absolute!important;z-index:48!important; left:.69%!important;top:65.93%!important;width:98.48%!important;height:23.02%!important; min-height:0!important;max-width:none!important;margin:0!important; padding:13px 16px 15px!important;box-sizing:border-box!important; grid-template-columns:minmax(0,35.35%) minmax(0,64.65%)!important; grid-template-rows:28px minmax(0,1fr)!important;gap:8px 16px!important; border:1px solid rgba(79,220,255,.24)!important;border-radius:10px!important; background:linear-gradient(180deg,rgba(2,10,20,.982),rgba(3,8,18,.992))!important; box-shadow:inset 0 1px rgba(255,255,255,.025)!important; overflow:hidden!important;pointer-events:auto!important; } body[data-route="artist"] .artistIntelligenceR49::before{content:""!important;display:block!important;position:absolute!important;inset:7px!important;border:1px solid rgba(91,233,255,.045)!important;border-radius:6px!important;pointer-events:none!important} body[data-route="artist"] .r49OverviewLabel{ grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:8px!important; padding-left:5px!important;color:#b5c4d6!important;font-size:clamp(7px,.61vw,11px)!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important; } body[data-route="artist"] .r49OverviewLabel::before{content:"»"!important;color:#67f4ff!important;font-size:13px!important} body[data-route="artist"] .r49OverviewLabel i{flex:1!important;height:1px!important;background:linear-gradient(90deg,rgba(81,239,255,.28),transparent)!important} body[data-route="artist"] .artistStats{ grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important;margin:0!important;padding:0!important;min-height:0!important; } body[data-route="artist"] .artistStats .statCard, body[data-route="artist"] .artistStats .statCard:hover{ position:relative!important;height:100%!important;min-height:0!important;padding:12px 12px 10px!important;box-sizing:border-box!important; border:1px solid rgba(82,220,255,.20)!important;border-radius:10px!important; background:linear-gradient(180deg,rgba(5,16,29,.985),rgba(4,9,18,.997))!important; box-shadow:inset 0 1px rgba(255,255,255,.025)!important;transform:none!important; } body[data-route="artist"] .artistStats .statCard::before{ display:grid!important;place-items:center!important;width:30px!important;height:30px!important;margin-bottom:12px!important;border-radius:50%!important; border:1px solid rgba(83,235,255,.30)!important;color:#67f8ff!important;font-size:14px!important;background:radial-gradient(circle,rgba(63,219,255,.10),rgba(4,12,24,.78))!important; } body[data-route="artist"] .artistStats .statCard:nth-child(1)::before{content:"♫"!important} body[data-route="artist"] .artistStats .statCard:nth-child(2)::before{content:"◉"!important} body[data-route="artist"] .artistStats .statCard:nth-child(3)::before{content:"◎"!important;color:#ef63d6!important;border-color:rgba(225,81,213,.32)!important} body[data-route="artist"] .artistStats .statCard::after{display:none!important} body[data-route="artist"] .artistStats .statCard strong{display:block!important;font-size:clamp(29px,2.8vw,50px)!important;line-height:1!important;color:#eef9ff!important;white-space:nowrap!important} body[data-route="artist"] .artistStats .statCard:first-child strong{color:#62f7ff!important} body[data-route="artist"] .artistStats .statCard span{display:block!important;margin-top:7px!important;color:#8fa4ba!important;font-size:clamp(6px,.48vw,8px)!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase!important} body[data-route="artist"] .r53Sparkline{position:absolute!important;left:12px!important;right:12px!important;bottom:11px!important;width:calc(100% - 24px)!important;height:24%!important;display:block!important;overflow:visible!important} body[data-route="artist"] .r53Sparkline polyline{fill:none!important;stroke:#5befff!important;stroke-width:2!important;filter:drop-shadow(0 0 3px rgba(75,225,255,.24))!important} body[data-route="artist"] .statCard:nth-child(2) .r53Sparkline polyline{stroke:#52f6c9!important} body[data-route="artist"] .statCard:nth-child(3) .r53Sparkline polyline{stroke:#ef56cc!important} body[data-route="artist"] .artistWorkboard{ grid-column:2!important;grid-row:1/3!important;min-width:0!important; padding:0 0 0 16px!important;border:0!important;border-left:1px solid rgba(97,225,255,.14)!important;border-radius:0!important; background:transparent!important;box-shadow:none!important;backdrop-filter:none!important; } body[data-route="artist"] .artistWorkboard .sectionHead{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 8px!important;padding:0 2px!important} body[data-route="artist"] .artistWorkboard .sectionHead .kicker{display:flex!important;align-items:center!important;gap:7px!important;color:#b2c3d6!important;font-size:clamp(7px,.61vw,11px)!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important} body[data-route="artist"] .artistWorkboard .sectionHead .kicker::before{content:"»"!important;width:auto!important;height:auto!important;background:none!important;color:#68f4ff!important;font-size:13px!important;box-shadow:none!important} body[data-route="artist"] .artistWorkboard .sectionHead h2{display:none!important} body[data-route="artist"] .r49ViewAll{color:#f160d7!important;font-size:clamp(6px,.5vw,9px)!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important} body[data-route="artist"] .artistWorkboard .rail{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 48px)/5)!important;gap:12px!important;padding:0!important;height:calc(100% - 24px)!important;overflow:hidden!important} body[data-route="artist"] .artistWorkboard .card, body[data-route="artist"] .artistWorkboard .card:hover{ position:relative!important;height:100%!important;min-height:0!important;border-radius:9px!important;overflow:hidden!important; background:linear-gradient(180deg,rgba(8,18,31,.988),rgba(4,9,18,.998))!important;border:1px solid rgba(91,220,255,.18)!important; box-shadow:inset 0 1px rgba(255,255,255,.025)!important;transform:none!important; } body[data-route="artist"] .artistWorkboard .cover{aspect-ratio:16/9!important} body[data-route="artist"] .artistWorkboard .cardBody{padding:8px 9px!important} body[data-route="artist"] .artistWorkboard .cardTitle{font-size:clamp(8px,.72vw,12px)!important;line-height:1.16!important} body[data-route="artist"] .artistWorkboard .cardSub{font-size:clamp(5px,.45vw,7px)!important;line-height:1.28!important;min-height:13px!important;margin-top:4px!important;color:#8196ab!important} body[data-route="artist"] .artistWorkboard .tag{font-size:6px!important;padding:2px 6px!important} /* SYSTEM RAIL — reference y ~973..1070, substantially taller than R57. */ body[data-route="artist"] .r53SystemBar{ display:grid!important;position:absolute!important;z-index:48!important; left:.69%!important;top:89.60%!important;width:98.48%!important;height:8.94%!important; min-height:0!important;max-width:none!important;margin:0!important; grid-template-columns:1.27fr 1.02fr 1.16fr 1.52fr 1.45fr .94fr!important; border:1px solid rgba(76,220,255,.20)!important;border-radius:9px!important;overflow:hidden!important; background:linear-gradient(180deg,rgba(2,9,18,.988),rgba(3,8,17,.998))!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important; pointer-events:auto!important; } body[data-route="artist"] .r53SystemCell{position:relative!important;display:grid!important;grid-template-columns:clamp(30px,2.4vw,46px) 1fr!important;align-items:center!important;gap:9px!important;padding:8px 13px!important;border-right:1px solid rgba(75,218,255,.12)!important;min-width:0!important} body[data-route="artist"] .r53SystemCell:last-child{border-right:0!important} body[data-route="artist"] .r53SystemIcon{width:clamp(28px,2.2vw,42px)!important;height:clamp(28px,2.2vw,42px)!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#59efff!important;border:1px solid rgba(77,226,255,.28)!important;box-shadow:inset 0 0 13px rgba(70,224,255,.05)!important;font-size:clamp(10px,.8vw,14px)!important} body[data-route="artist"] .r53SystemCopy{min-width:0!important} body[data-route="artist"] .r53SystemCopy small{display:block!important;color:#899db2!important;font-size:clamp(5px,.38vw,7px)!important;letter-spacing:.13em!important;text-transform:uppercase!important} body[data-route="artist"] .r53SystemCopy strong{display:block!important;margin-top:3px!important;color:#b8c8d8!important;font-size:clamp(6px,.48vw,8.5px)!important;font-weight:700!important;letter-spacing:.07em!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body[data-route="artist"] .r53SystemCell:first-child .r53SystemCopy strong{color:#5dffe0!important} @keyframes a66DataPulse{0%,100%{opacity:.44}50%{opacity:.72}} @keyframes a66Eq{from{transform:scaleY(.46)}to{transform:scaleY(1.05)}} @keyframes a66Energy{to{transform:rotate(360deg)}} } @media (max-width:760px){ /* Desktop composite only. Existing mobile Artist remains untouched. */ } @media (prefers-reduced-motion:reduce){ } /* ===== SOURCE: artist-release-69-stable-lock.css ===== */ /* ADIMASTER RELEASE 69 · STABLE LOCK Based on R66 (last clean one-row composite). Purpose: undo R67/R68 lower-deck regression, slightly oversize the deck to hide master leakage, clean right-panel static labels, and keep the Artist header visually fused with the scene. Globe/core/left master are untouched. */ @media (min-width:761px){ /* Header: fused magenta -> cyan, but no geometry changes to the scene. */ body[data-route="artist"] header{ width:calc(100% - 24px)!important; max-width:none!important; border-radius:14px!important; border:1px solid rgba(92,224,245,.13)!important; background: radial-gradient(540px 96px at 0% 50%,rgba(238,58,203,.18),transparent 72%), radial-gradient(660px 104px at 100% 50%,rgba(49,220,255,.11),transparent 72%), linear-gradient(90deg,rgba(26,5,31,.78) 0%,rgba(7,9,19,.80) 32%,rgba(3,11,21,.81) 68%,rgba(2,19,27,.77) 100%)!important; box-shadow:inset 0 1px rgba(255,255,255,.028),0 10px 32px rgba(0,0,0,.18),-30px 0 64px rgba(235,57,207,.045),30px 0 64px rgba(59,226,255,.04)!important; backdrop-filter:blur(16px) saturate(1.18)!important; } body[data-route="artist"] header::before{ opacity:.48!important; background:linear-gradient(90deg,rgba(244,69,211,.74),rgba(138,78,255,.18) 34%,rgba(72,211,255,.14) 70%,rgba(73,244,235,.55))!important; } /* RIGHT TELEMETRY: keep the master frames; cover only baked-in English micro-labels. */ /* LOWER DECK: revert to R66 one-row behavior and make the replacement surface slightly larger. */ body[data-route="artist"] .artistIntelligenceR49{ left:.34%!important; top:65.72%!important; width:99.32%!important; height:23.62%!important; padding:13px 16px 15px!important; grid-template-columns:minmax(0,35.35%) minmax(0,64.65%)!important; grid-template-rows:28px minmax(0,1fr)!important; gap:8px 16px!important; border:1px solid rgba(79,220,255,.27)!important; border-radius:10px!important; background: radial-gradient(520px 190px at 12% 7%,rgba(45,204,255,.024),transparent 70%), radial-gradient(760px 220px at 84% 100%,rgba(111,65,255,.025),transparent 72%), linear-gradient(180deg,#020b17 0%,#020914 50%,#020812 100%)!important; box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 0 40px rgba(27,117,171,.018)!important; overflow:hidden!important; } /* hard guarantee: one row, first five only */ body[data-route="artist"] #artistRail{ display:grid!important; grid-auto-flow:column!important; grid-auto-columns:calc((100% - 48px)/5)!important; grid-template-rows:1fr!important; gap:12px!important; height:calc(100% - 24px)!important; overflow:hidden!important; padding:0!important; } body[data-route="artist"] #artistRail > :nth-child(n/**/+6){display:none!important} body[data-route="artist"] #artistRail > .card{height:100%!important;min-height:0!important;min-width:0!important;overflow:hidden!important} body[data-route="artist"] #artistRail .cover{aspect-ratio:16/9!important;height:auto!important;min-height:0!important} body[data-route="artist"] #artistRail .cardBody{padding:8px 9px!important;overflow:hidden!important} /* System rail stays directly below the enlarged deck; no overlap. */ body[data-route="artist"] .r53SystemBar{ left:.34%!important; top:89.55%!important; width:99.32%!important; height:8.94%!important; } } /* ===== SOURCE: artist-release-70-bottom-master-lock.css ===== */ /* ADIMASTER RELEASE 70 · BOTTOM MASTER LOCK Surgical correction from R69 using the approved 1448x1086 master geometry. No globe/core/left/right telemetry/header logic changes. Master-derived lower geometry: - Main lower deck top ~= y 734 / 1086 = 67.59% - Main lower deck bottom ~= y 963 / 1086 = 88.67% - System strip top ~= y 968 / 1086 = 89.13% - System strip bottom ~= y 1062 / 1086 = 97.79% */ @media (min-width:761px){ body[data-route="artist"] .artistIntelligenceR49{ left:.69%!important; top:67.59%!important; width:98.48%!important; height:21.08%!important; padding:13px 16px 15px!important; grid-template-columns:minmax(0,35.35%) minmax(0,64.65%)!important; grid-template-rows:28px minmax(0,1fr)!important; gap:8px 16px!important; overflow:hidden!important; } /* Exactly one visual row of five live transmissions. */ body[data-route="artist"] #artistRail{ display:grid!important; grid-auto-flow:column!important; grid-template-rows:minmax(0,1fr)!important; grid-auto-columns:calc((100% - 48px)/5)!important; gap:12px!important; height:calc(100% - 24px)!important; overflow:hidden!important; padding:0!important; align-items:stretch!important; } body[data-route="artist"] #artistRail > :nth-child(n/**/+6){display:none!important} body[data-route="artist"] #artistRail > .card{ height:100%!important; min-height:0!important; max-height:100%!important; overflow:hidden!important; } body[data-route="artist"] #artistRail .cover{ aspect-ratio:16/9!important; width:100%!important; height:auto!important; min-height:0!important; } body[data-route="artist"] #artistRail .cardBody{ padding:7px 9px 7px!important; overflow:hidden!important; } body[data-route="artist"] #artistRail .cardTitle{ font-size:clamp(8px,.70vw,11.5px)!important; line-height:1.14!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } body[data-route="artist"] #artistRail .cardSub{ font-size:clamp(5px,.42vw,6.8px)!important; line-height:1.22!important; margin-top:3px!important; min-height:0!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } /* Master-accurate lower system strip. */ body[data-route="artist"] .r53SystemBar{ left:.69%!important; top:89.13%!important; width:98.48%!important; height:8.66%!important; } /* Keep the strip cells visually centered after the height correction. */ body[data-route="artist"] .r53SystemCell{ padding:7px 13px!important; } } /* ===== SOURCE: artist-release-71-bottom-closure.css ===== */ /* ADIMASTER RELEASE 71 · ARTIST BOTTOM CLOSURE Final lower-edge composition pass based on the approved 1448×1086 master. Scope: system strip finish + remove the legacy site footer from desktop Artist. Globe/core/left/right telemetry/lower deck geometry remain untouched. */ @media (min-width:761px){ /* The approved Artist master ends with the system strip. The generic site footer creates a large purple/black void that is not present in the approved design. */ body[data-route="artist"] footer{ display:none!important; } /* Keep the page ending exactly at the 4:3 master canvas. */ /* System rail: preserve master coordinates from R70, only finish the visual treatment. */ body[data-route="artist"] .r53SystemBar{ background: radial-gradient(250px 80px at 4% 50%,rgba(75,220,255,.035),transparent 72%), radial-gradient(340px 90px at 86% 50%,rgba(120,75,255,.025),transparent 72%), linear-gradient(180deg,#020a15 0%,#020812 100%)!important; border-color:rgba(73,218,255,.18)!important; box-shadow:inset 0 1px rgba(255,255,255,.022)!important; } body[data-route="artist"] .r53SystemCell{ padding:7px 12px!important; border-right-color:rgba(76,218,255,.105)!important; } /* Master-like AM system mark instead of the temporary text-only disc. */ body[data-route="artist"] .r53SystemCell:first-child .r53SystemIcon{ font-size:0!important; width:clamp(34px,2.65vw,48px)!important; height:clamp(34px,2.65vw,48px)!important; border-color:rgba(89,228,255,.24)!important; background: radial-gradient(circle at 50% 50%,rgba(5,17,31,.90),rgba(2,8,17,.98) 70%), url("../../logo.png") center/82% auto no-repeat!important; box-shadow:inset 0 0 16px rgba(77,228,255,.05),0 0 12px rgba(61,219,255,.035)!important; } body[data-route="artist"] .r53SystemCopy small{ color:#7d94aa!important; letter-spacing:.145em!important; } body[data-route="artist"] .r53SystemCopy strong{ color:#b7c7d6!important; } body[data-route="artist"] .r53SystemCell:first-child .r53SystemCopy strong{ color:#60ffe0!important; } } /* ===== SOURCE: artist-release-72-cleanup-artifact-lock.css ===== */ /* ADIMASTER RELEASE 72 · ARTIST CLEANUP / ARTIFACT LOCK Surgical desktop-only cleanup over R71. Scope is deliberately narrow: 1) remove the baked FIELD STABILITY / 98.7% leakage in ENERGY FIELD, 2) restore a readable AM mark in the system strip, 3) matte-out the remaining master-art lines below the system strip, 4) reserve a small clean bay below the 4:3 Artist master for the collapsed player beacon. Globe/core/left master/right telemetry geometry/lower deck geometry remain untouched. */ @media (min-width:761px){ /* ENERGY FIELD: hard-mask only the baked-in bottom label strip. The frame/rings/bars from the approved master remain visible. */ /* Rebuild the bottom ENERGY meta as the single live source of truth. */ /* SYSTEM STRIP AM MARK: use the clean transparent AM asset and give it enough visual weight. */ body[data-route="artist"] .r53SystemCell:first-child .r53SystemIcon{ width:clamp(38px,2.8vw,50px)!important; height:clamp(38px,2.8vw,50px)!important; border-color:rgba(86,230,255,.30)!important; background: radial-gradient(circle at 50% 50%,rgba(4,18,31,.92),rgba(1,8,16,.99) 72%), url("../gateway/am-logo.webp") center 48% / 126% auto no-repeat!important; box-shadow: inset 0 0 17px rgba(77,228,255,.07), 0 0 13px rgba(64,224,255,.055)!important; filter:brightness(1.28) saturate(1.14)!important; opacity:1!important; } /* MATTE: hide the last 2.35% of baked master decoration below the system strip. z=47 keeps it below the live system rail (z=48) and above the master wallpaper. */ /* PLAYER BAY: do not modify the 4:3 master coordinates. Reserve a short external bay after the scene so the collapsed note is visually separate from the system rail. */ body[data-route="artist"] #adiPersistentPlayerDock.collapsed{ right:18px!important; bottom:14px!important; } } @media (max-width:760px){ /* R72 is desktop-only. */ } /* ===== SOURCE: artist-release-73-live-language-clean-lock.css ===== */ /* ADIMASTER RELEASE 73 · ARTIST LIVE LANGUAGE / CLEAN LOCK Desktop-only corrective pass over R72. Goals: - make the whole left identity copy truly live + translatable in PL/EN/DE/ES, - fully matte-out the baked lower command deck before live replacements, - clean the ENERGY FIELD lower strip and avoid doubled rings/bars, - make the top navigation a self-contained opaque HUD surface so the scene cannot bleed through. Globe/core/player logic/lower-deck geometry are not changed. */ @media (min-width:761px){ /* -------------------------------------------------------------- TOP NAV · isolated surface, no scene bleed-through -------------------------------------------------------------- */ body[data-route="artist"] header{ isolation:isolate!important; background: radial-gradient(520px 96px at 0% 50%,rgba(224,55,196,.14),transparent 72%), radial-gradient(620px 96px at 100% 50%,rgba(45,214,242,.10),transparent 72%), linear-gradient(90deg,#18071c 0%,#080a14 31%,#050b14 67%,#03151d 100%)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; border-color:rgba(88,220,238,.19)!important; box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025)!important; } body[data-route="artist"] header .nav{position:relative!important;z-index:2!important} body[data-route="artist"] header::before{ opacity:.64!important; background:linear-gradient(100deg,rgba(242,70,208,.58),rgba(130,73,255,.15) 34%,rgba(53,210,255,.12) 72%,rgba(74,240,232,.44))!important; } body[data-route="artist"] .navlinks{ background:linear-gradient(180deg,rgba(5,10,19,.90),rgba(4,8,16,.94))!important; border-color:rgba(95,213,239,.10)!important; box-shadow:inset 0 1px rgba(255,255,255,.018)!important; } /* -------------------------------------------------------------- LOWER MASTER MATTE · remove the baked table/system-bar entirely behind the live deck instead of masking only the last few pixels. -------------------------------------------------------------- */ /* Keep the short player bay from R72, but reduce the empty gap. */ body[data-route="artist"] #adiPersistentPlayerDock.collapsed{right:18px!important;bottom:10px!important} /* -------------------------------------------------------------- LEFT IDENTITY · live copy over exact static HUD artwork. The large ADI MASTER wordmark + orbital/logo/icon art remain baked. Only textual areas are matted and redrawn as live DOM. -------------------------------------------------------------- */ /* identity line */ /* content rows */ /* quote: leave the master quote marks/frame visible; cover only text center */ /* Connection HUD text is also live so every supported language is consistent. */ /* DE/ES text runs slightly longer; keep it inside the exact master windows. */ /* -------------------------------------------------------------- ENERGY FIELD · clean lower interior, no doubled live geometry. -------------------------------------------------------------- */ /* master rings/bars are already exact: suppress the duplicate live rings/bars */ } @media (max-width:760px){ } /* ===== SOURCE: artist-release-75-structure-story-fusion.css ===== */ /* ADIMASTER RELEASE 75 · ARTIST STRUCTURE / STORY FUSION R73 stable base. Desktop only. - real flow: command center -> creator story -> lower dashboard, - live translated left HUD with stronger text masks, - energy footer rebuilt as one clean live strip, - top navigation visually fused into the starfield. */ @media (min-width:761px){ /* -------------------------------------------------------------- TOP NAV: stop looking like a separate floating black card. It now overlaps the scene by a few pixels and fades into it. -------------------------------------------------------------- */ body[data-route="artist"] header{ top:0!important; width:100%!important; margin:0!important; border-radius:0!important; border:0!important; border-bottom:1px solid rgba(75,222,244,.22)!important; overflow:hidden!important; background: radial-gradient(600px 92px at 0% 50%,rgba(235,57,200,.22),transparent 75%), radial-gradient(700px 100px at 100% 50%,rgba(54,220,247,.16),transparent 76%), linear-gradient(90deg,rgba(18,5,26,.91),rgba(4,8,17,.90) 34%,rgba(3,10,18,.90) 68%,rgba(2,20,27,.91))!important; backdrop-filter:blur(16px) saturate(1.22)!important; -webkit-backdrop-filter:blur(16px) saturate(1.22)!important; box-shadow:0 10px 28px rgba(0,0,0,.25)!important; z-index:120!important; } body[data-route="artist"] header::before{ inset:0!important; border-radius:0!important; padding:0!important; -webkit-mask:none!important; mask:none!important; opacity:1!important; background:linear-gradient(90deg,rgba(255,71,205,.18),transparent 30%,transparent 70%,rgba(62,229,255,.14))!important; } body[data-route="artist"] header::after{ content:""!important; position:absolute!important; left:0!important;right:0!important;bottom:-1px!important;height:18px!important; background:linear-gradient(180deg,rgba(2,9,18,.42),rgba(2,9,18,0))!important; pointer-events:none!important; } body[data-route="artist"] header .nav{position:relative!important;z-index:2!important;max-width:1448px!important} body[data-route="artist"] .navlinks{ background:rgba(4,9,18,.48)!important; border-color:rgba(96,220,240,.10)!important; box-shadow:inset 0 1px rgba(255,255,255,.018)!important; } /* -------------------------------------------------------------- PAGE STRUCTURE Top master art remains fixed in its original 1448x1086 geometry. Baked lower dashboard is covered from y~=714 downward. Real story and real lower deck then continue in normal document flow. -------------------------------------------------------------- */ /* The absolute hero stays untouched and is allowed to live only in the top scene. */ /* -------------------------------------------------------------- LEFT LIVE HUD Broader masks cover the complete English copy. Edges are clipped to the portal geometry instead of leaving visible rectangular stickers. -------------------------------------------------------------- */ /* -------------------------------------------------------------- RIGHT ENERGY: one intentional footer strip, no duplicate percent / no small dark sticker around the label. -------------------------------------------------------------- */ /* -------------------------------------------------------------- CREATOR STORY: starts only after the command center artwork. Narrow centered HUD panels reveal one by one while scrolling. -------------------------------------------------------------- */ body[data-route="artist"] .artistStoryR75{ position:relative!important;z-index:52!important; width:100%!important; margin:0!important; padding:20px 20px 16px!important; box-sizing:border-box!important; } body[data-route="artist"] .artistStoryRailR75{ width:min(1040px,calc(100vw - 72px))!important; margin:0 auto!important; display:flex!important;flex-direction:column!important;gap:20px!important; } body[data-route="artist"] .artistStoryCardR75{ position:relative!important;overflow:hidden!important; padding:24px 28px 26px!important; border:1px solid rgba(83,220,242,.18)!important; border-radius:14px!important; background: linear-gradient(115deg,rgba(237,70,207,.035),transparent 28%,transparent 72%,rgba(66,223,248,.04)), linear-gradient(180deg,rgba(4,13,25,.985),rgba(2,9,19,.995))!important; box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 42px rgba(0,0,0,.22)!important; } body[data-route="artist"] .artistStoryCardR75::before{ content:"";position:absolute;left:14px;right:14px;top:10px;height:1px; background:linear-gradient(90deg,rgba(93,240,255,.52),transparent 38%,transparent 67%,rgba(239,92,216,.40)); opacity:.54; } body[data-route="artist"] .artistStoryKickerR75{ color:#6befff!important;font-size:10px!important;line-height:1!important;font-weight:850!important; letter-spacing:.20em!important;text-transform:uppercase!important;margin-bottom:12px!important; } body[data-route="artist"] .artistStoryCardR75 h2, body[data-route="artist"] .artistStoryCardR75 h3{ margin:0 0 13px!important;line-height:1!important;font-weight:760!important;letter-spacing:.02em!important; background:linear-gradient(90deg,#62e8ff,#83a8ff 55%,#ee72dc)!important; -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important; } body[data-route="artist"] .artistStoryCardR75 h2{font-size:clamp(30px,2.4vw,45px)!important} body[data-route="artist"] .artistStoryCardR75 h3{font-size:clamp(23px,1.65vw,31px)!important} body[data-route="artist"] .artistStoryCardR75 p{ margin:0 0 12px!important;color:#d3dce7!important;font-size:clamp(14px,.92vw,17px)!important;line-height:1.62!important; } body[data-route="artist"] .artistStoryCardR75 p:last-child{margin-bottom:0!important} body[data-route="artist"] .artistStoryFinalR75{ position:relative!important;text-align:center!important;padding:20px 24px 22px!important; border:1px solid rgba(95,225,245,.16)!important;border-radius:14px!important; background:linear-gradient(90deg,rgba(6,18,30,.96),rgba(9,8,25,.96),rgba(5,18,28,.96))!important; } body[data-route="artist"] .artistStoryFinalR75 strong{ display:block!important;color:#68eaff!important;font-size:11px!important;font-weight:850!important;letter-spacing:.24em!important;text-transform:uppercase!important; } body[data-route="artist"] .artistStoryFinalR75 span{ display:block!important;margin-top:10px!important;color:#f27ade!important;font-size:clamp(16px,1.15vw,21px)!important;font-weight:700!important;letter-spacing:.06em!important; } body[data-route="artist"] .artistRevealR75{opacity:0!important;transform:translateY(26px)!important;transition:opacity .62s ease,transform .62s ease!important} body[data-route="artist"] .artistRevealR75.is-visible{opacity:1!important;transform:none!important} /* -------------------------------------------------------------- LOWER DECK: same internal geometry as R70/R73, now placed AFTER story. -------------------------------------------------------------- */ body[data-route="artist"] .artistIntelligenceR49{ position:relative!important;z-index:52!important; left:auto!important;top:auto!important; width:98.48%!important;height:clamp(250px,15.81vw,322px)!important; margin:18px auto 0!important; } body[data-route="artist"] .r53SystemBar{ position:relative!important;z-index:52!important; left:auto!important;top:auto!important; width:98.48%!important;height:clamp(94px,6.50vw,132px)!important; margin:7px auto 0!important; } body[data-route="artist"] footer{display:none!important} body[data-route="artist"] #adiPersistentPlayerDock.collapsed{right:18px!important;bottom:12px!important} } @media (min-width:761px) and (max-width:1180px){ body[data-route="artist"] .artistStoryRailR75{width:min(920px,calc(100vw - 44px))!important} } @media (max-width:760px){ body[data-route="artist"] .artistStoryR75{display:none!important} } @media (prefers-reduced-motion:reduce){ body[data-route="artist"] .artistRevealR75{opacity:1!important;transform:none!important;transition:none!important} } /* ===== SOURCE: artist-release-76-hud-story-premium.css ===== */ /* ADIMASTER RELEASE 76 · HUD STORY PREMIUM Desktop corrective layer on R75. - top nav becomes an opaque fused system surface (no line bleeding through), - left translated copy uses integrated HUD plates instead of black stickers, - connection + energy metadata are rebuilt as framed HUD micro-surfaces, - creator story becomes an asymmetric transmission timeline rather than generic cards, - lower dashboard geometry stays untouched. */ @media (min-width:761px){ /* TOP NAV — no bleed line, no floating glass seam */ body[data-route="artist"] header, body[data-route="artist"] header.scrolled{ border:0!important; border-bottom:0!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; background: radial-gradient(720px 110px at -4% 45%,rgba(240,55,196,.30),transparent 72%), radial-gradient(760px 110px at 104% 48%,rgba(42,217,242,.24),transparent 72%), linear-gradient(90deg,#1b071f 0%,#090a14 31%,#050b14 68%,#041820 100%)!important; } body[data-route="artist"] header::before, body[data-route="artist"] header::after{content:none!important;display:none!important} body[data-route="artist"] header .nav{background:transparent!important} body[data-route="artist"] .navlinks{background:rgba(3,8,16,.42)!important;border-color:rgba(94,218,238,.10)!important;box-shadow:none!important} /* LEFT HUD — individual text boxes become seamless angular plates */ /* Connection status — fit inside the master frame, no oversized black rectangle */ /* ENERGY — metadata lives in the original HUD frame, not on a black sticker */ /* STORY — transmission timeline instead of ordinary cards */ body[data-route="artist"] .artistStoryR75{padding:18px 20px 20px!important} body[data-route="artist"] .artistStoryRailR75{ position:relative!important; width:min(1120px,calc(100vw - 84px))!important; gap:30px!important; } body[data-route="artist"] .artistStoryRailR75::before{ content:"";position:absolute;left:50%;top:30px;bottom:42px;width:1px;transform:translateX(-.5px); background:linear-gradient(180deg,transparent,rgba(69,226,247,.38) 12%,rgba(112,117,255,.22) 50%,rgba(239,93,218,.34) 88%,transparent); box-shadow:0 0 16px rgba(73,226,248,.12); } body[data-route="artist"] .artistStoryCardR75{ border:0!important;border-radius:0!important;box-shadow:none!important; background:transparent!important;clip-path:none!important; } body[data-route="artist"] .artistStoryCardR75::before{display:none!important} body[data-route="artist"] .artistStoryIntroR76{ width:88%!important;margin:0 auto 8px!important;padding:30px 42px 32px!important; background: linear-gradient(112deg,rgba(8,22,36,.94),rgba(3,10,20,.97) 62%,rgba(10,14,31,.94))!important; clip-path:polygon(18px 0,calc(100% - 28px) 0,100% 28px,100% calc(100% - 18px),calc(100% - 18px) 100%,28px 100%,0 calc(100% - 28px),0 18px)!important; } body[data-route="artist"] .artistStoryIntroR76::after{ content:"IDENTITY // ADI MASTER";position:absolute;right:30px;top:20px;color:rgba(102,233,255,.18);font-size:10px;font-weight:800;letter-spacing:.18em; } body[data-route="artist"] .artistStoryIntroR76 h2{font-size:clamp(34px,3vw,54px)!important;letter-spacing:.025em!important;margin-bottom:17px!important} body[data-route="artist"] .artistStoryIntroR76 p{max-width:92ch!important;font-size:clamp(15px,.98vw,18px)!important;line-height:1.68!important} body[data-route="artist"] .artistStoryModuleR76{ width:78%!important;min-height:210px!important;padding:28px 40px 30px!important; background: linear-gradient(110deg,rgba(6,19,31,.93),rgba(2,9,18,.97) 72%,rgba(7,12,28,.90))!important; clip-path:polygon(16px 0,calc(100% - 26px) 0,100% 26px,100% 100%,22px 100%,0 calc(100% - 22px),0 16px)!important; } body[data-route="artist"] .artistStoryModuleR76:nth-of-type(2), body[data-route="artist"] .artistStoryModuleR76:nth-of-type(4){align-self:flex-start!important;margin-right:auto!important} body[data-route="artist"] .artistStoryModuleR76:nth-of-type(3){align-self:flex-end!important;margin-left:auto!important} body[data-route="artist"] .artistStoryModuleR76::before{ content:""!important;display:block!important;position:absolute!important;left:0!important;top:0!important;width:42%!important;height:1px!important; background:linear-gradient(90deg,#56e8ff,rgba(89,232,255,.08))!important;opacity:.65!important; } body[data-route="artist"] .artistStoryModuleR76:nth-of-type(3)::before{left:auto!important;right:0!important;background:linear-gradient(270deg,#f06edc,rgba(240,110,220,.08))!important} body[data-route="artist"] .artistStoryModuleR76::after{ content:attr(data-r76-step)!important;position:absolute!important;right:26px!important;bottom:14px!important; color:rgba(99,229,249,.085)!important;font-size:clamp(72px,7vw,116px)!important;font-weight:900!important;line-height:.8!important;letter-spacing:-.08em!important; } body[data-route="artist"] .artistStoryModuleR76:nth-of-type(3)::after{right:auto!important;left:28px!important;color:rgba(241,101,219,.075)!important} body[data-route="artist"] .artistStoryKickerR75{ margin-bottom:10px!important;color:#70ebff!important;font-size:9px!important;letter-spacing:.24em!important } body[data-route="artist"] .artistStoryModuleR76 h3{font-size:clamp(28px,2.1vw,39px)!important;margin-bottom:16px!important;position:relative;z-index:2} body[data-route="artist"] .artistStoryModuleR76 p{max-width:72ch!important;font-size:clamp(14px,.90vw,16.5px)!important;line-height:1.66!important;color:#d6dee8!important;position:relative;z-index:2} body[data-route="artist"] .artistStoryModuleR76:nth-of-type(3){text-align:right!important} body[data-route="artist"] .artistStoryModuleR76:nth-of-type(3) p{margin-left:auto!important} body[data-route="artist"] .artistStorySealR76{ width:62%!important;margin:2px auto 0!important;display:flex!important;align-items:center!important;gap:16px!important; color:#7feeff!important;font-size:9px!important;font-weight:850!important;letter-spacing:.22em!important;text-transform:uppercase!important; } body[data-route="artist"] .artistStorySealR76::before{content:"";width:8px;height:8px;border-radius:50%;background:#35f1a2;box-shadow:0 0 12px rgba(53,241,162,.55)} body[data-route="artist"] .artistStorySealR76 i{height:1px;flex:1;background:linear-gradient(90deg,rgba(83,226,246,.42),rgba(235,86,216,.28),transparent)} /* Do not touch the lower dashboard/system bar geometry from R75 */ } @media (min-width:761px) and (max-width:1180px){ body[data-route="artist"] .artistStoryIntroR76{width:94%!important} body[data-route="artist"] .artistStoryModuleR76{width:86%!important} } /* ===== SOURCE: artist-release-77-cinematic-core.css ===== */ /* ADIMASTER RELEASE 77 · ARTIST CINEMATIC CORE Premium desktop visual system. Preserves globe/player/lower dashboard geometry. Rebuilds side HUD integration, interactive logo system and story into a single cinematic world. */ @media (min-width:761px){ /* ---------- NAV: freeze R76 result, remove any residual seams ---------- */ body[data-route="artist"] header, body[data-route="artist"] header.scrolled{ isolation:isolate!important; overflow:hidden!important; outline:0!important; background: radial-gradient(720px 105px at -3% 45%,rgba(238,51,193,.30),transparent 73%), radial-gradient(800px 105px at 103% 48%,rgba(43,218,243,.23),transparent 73%), linear-gradient(90deg,#1b071f 0%,#090a14 31%,#050b14 68%,#041820 100%)!important; } body[data-route="artist"] header::before, body[data-route="artist"] header::after{display:none!important;content:none!important} /* ---------- LEFT HUD: ONE integrated wash, no dark sticker boxes ---------- */ /* Connection status: text floats inside the existing baked frame */ /* ---------- INTERACTIVE AM SYSTEM ---------- */ body[data-route="artist"] .r77OrbitSvg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;mix-blend-mode:screen} body.audioPlaying[data-route="artist"] .r77AudioLine i{animation:r77Wave .72s ease-in-out infinite alternate} body.audioPlaying[data-route="artist"] .r77AudioLine i:nth-child(2n){animation-delay:-.22s}body.audioPlaying[data-route="artist"] .r77AudioLine i:nth-child(3n){animation-delay:-.46s} @keyframes r77RingCW{to{transform:rotate(360deg)}} @keyframes r77RingCCW{to{transform:rotate(-360deg)}} @keyframes r77NodePulse{from{opacity:.34}to{opacity:1}} @keyframes r77Wave{0%{height:3px;transform:scaleY(.7)}50%{height:15px;transform:scaleY(1)}100%{height:6px;transform:scaleY(.9)}} /* ---------- RIGHT HUD: remove text stickers; preserve native artwork ---------- */ /* ---------- STORY: full-width ADI WARP TRANSMISSION ---------- */ body[data-route="artist"] .artistStoryR75{ position:relative!important;z-index:51!important;overflow:hidden!important; padding:72px 20px 58px!important;margin-top:0!important; background: radial-gradient(900px 420px at 10% 22%,rgba(41,149,196,.055),transparent 70%), radial-gradient(880px 460px at 88% 78%,rgba(151,60,174,.06),transparent 72%), linear-gradient(180deg,#010712 0%,#020813 45%,#010611 100%)!important; } body[data-route="artist"] .r77WarpCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.82} body[data-route="artist"] .r77WarpSpine{position:absolute;z-index:1;left:50%;top:58px;bottom:240px;width:2px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(180deg,transparent,rgba(72,230,250,.18) 9%,rgba(105,116,255,.15) 52%,rgba(236,85,215,.18) 88%,transparent)} body[data-route="artist"] .r77WarpSpine i{position:absolute;left:50%;top:0;width:7px;height:160px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,#6af2ff,transparent);filter:blur(3px);opacity:.55;animation:r77Spine 6.5s linear infinite} body[data-route="artist"] .r77WarpSpine b{position:absolute;left:50%;top:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,#55dfff 20%,#866cff 55%,#ef61d3 82%,transparent);opacity:.24} @keyframes r77Spine{0%{top:-140px;opacity:0}12%{opacity:.6}82%{opacity:.45}100%{top:calc(100% - 20px);opacity:0}} body[data-route="artist"] .artistStoryRailR75{position:relative!important;z-index:2!important;width:min(1540px,calc(100vw - 44px))!important;max-width:none!important;margin:0 auto!important;gap:0!important} body[data-route="artist"] .artistStoryRailR75::before{display:none!important} body[data-route="artist"] .artistStoryCardR75, body[data-route="artist"] .artistStoryIntroR76, body[data-route="artist"] .artistStoryModuleR76{ width:100%!important;min-height:300px!important;margin:0!important;padding:50px clamp(44px,6vw,104px)!important;align-self:stretch!important;text-align:left!important; display:flex!important;flex-direction:column!important;justify-content:center!important; clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px)!important; background: linear-gradient(90deg,rgba(3,15,26,.80),rgba(2,8,17,.64) 44%,rgba(6,8,22,.64) 70%,rgba(15,5,22,.68))!important; border-top:1px solid rgba(78,224,245,.16)!important;border-bottom:1px solid rgba(221,79,204,.10)!important; box-shadow:inset 0 1px rgba(255,255,255,.012),0 18px 60px rgba(0,0,0,.14)!important; position:relative!important;overflow:hidden!important; } body[data-route="artist"] .artistStoryCardR75 + .artistStoryCardR75{margin-top:16px!important} body[data-route="artist"] .artistStoryIntroR76::after{content:"IDENTITY // ADI MASTER"!important;right:clamp(44px,6vw,104px)!important;top:34px!important;color:rgba(102,233,255,.16)!important} body[data-route="artist"] .artistStoryCardR75::before{ content:""!important;display:block!important;position:absolute!important;z-index:0!important;inset:0!important; background: radial-gradient(520px 220px at 8% 50%,rgba(68,220,250,.075),transparent 72%), radial-gradient(460px 220px at 94% 45%,rgba(237,91,214,.06),transparent 72%)!important; opacity:.75!important; } body[data-route="artist"] .artistStoryCardR75::after{ content:""!important;position:absolute!important;z-index:1!important;top:0!important;bottom:0!important;left:-28%!important;width:24%!important; background:linear-gradient(90deg,transparent,rgba(100,239,255,.16),rgba(255,255,255,.10),rgba(238,89,217,.12),transparent)!important; transform:skewX(-16deg)!important;opacity:0!important;pointer-events:none!important; } body[data-route="artist"] .artistStoryCardR75.is-visible::after{animation:r77RevealSweep 1.35s cubic-bezier(.2,.65,.2,1) .08s 1 both!important} @keyframes r77RevealSweep{0%{left:-30%;opacity:0}14%{opacity:.85}72%{opacity:.42}100%{left:112%;opacity:0}} body[data-route="artist"] .artistStoryKickerR75,body[data-route="artist"] .artistStoryCardR75 h2,body[data-route="artist"] .artistStoryCardR75 h3,body[data-route="artist"] .artistStoryCardR75 p{position:relative!important;z-index:2!important} body[data-route="artist"] .artistStoryKickerR75{font-size:10px!important;letter-spacing:.28em!important;color:#7ceeff!important;margin-bottom:13px!important} body[data-route="artist"] .artistStoryIntroR76 h2{font-size:clamp(40px,4vw,68px)!important;line-height:.96!important;margin:0 0 24px!important;background:linear-gradient(90deg,#73efff,#88a7ff 55%,#f16bd9);-webkit-background-clip:text;background-clip:text;color:transparent} body[data-route="artist"] .artistStoryModuleR76 h3{font-size:clamp(34px,3vw,50px)!important;line-height:1!important;margin:0 0 20px!important;color:#70eaff!important;text-shadow:0 0 22px rgba(91,225,255,.10)!important} body[data-route="artist"] .artistStoryModuleR76:nth-of-type(3) h3{color:#a4a7ff!important}body[data-route="artist"] .artistStoryModuleR76:nth-of-type(4) h3{color:#f07bdc!important} body[data-route="artist"] .artistStoryIntroR76 p,body[data-route="artist"] .artistStoryModuleR76 p{max-width:104ch!important;margin:0 0 14px!important;font-size:clamp(15px,1.03vw,18px)!important;line-height:1.68!important;color:#d8e0e9!important;text-align:left!important} body[data-route="artist"] .artistStoryModuleR76:nth-of-type(3){text-align:left!important}body[data-route="artist"] .artistStoryModuleR76:nth-of-type(3) p{margin-left:0!important} body[data-route="artist"] .artistStoryModuleR76::after{content:""!important} /* cinematic signature: solar -> energy -> singularity -> soft burst */ body[data-route="artist"] .r77Motto{ position:relative;width:100%;height:240px;margin:34px 0 0;display:flex;align-items:center;justify-content:center;overflow:hidden; background:linear-gradient(90deg,rgba(20,11,5,.30),rgba(2,8,17,.58) 34%,rgba(3,7,16,.62) 68%,rgba(11,4,18,.34)); border-top:1px solid rgba(104,231,250,.10);border-bottom:1px solid rgba(237,94,217,.10); clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px); } body[data-route="artist"] .r77MottoCopy{position:relative;z-index:6;text-align:center;padding:20px 42px;text-shadow:0 0 24px rgba(103,220,255,.12)} body[data-route="artist"] .r77MottoCopy small{display:block;margin-bottom:12px;color:#72eaff;font-size:9px;font-weight:900;letter-spacing:.26em} body[data-route="artist"] .r77MottoCopy strong{display:block;font-size:clamp(25px,2.8vw,44px);line-height:1.08;color:#eef8ff;letter-spacing:.015em} body[data-route="artist"] .r77MottoCopy em{display:block;margin-top:10px;color:#f37bdd;font-size:clamp(13px,1.1vw,18px);font-style:normal;font-weight:850;letter-spacing:.18em} body[data-route="artist"] .r77Solar{position:absolute;z-index:2;left:5.5%;top:50%;width:86px;height:86px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 42% 42%,#fff 0 4%,#ffeab1 8%,#ffc459 22%,#f57935 45%,rgba(242,91,40,.15) 68%,transparent 72%);box-shadow:0 0 24px #ffbc58,0 0 68px rgba(255,120,44,.26);animation:r77SolarBreathe 3.8s ease-in-out infinite alternate} body[data-route="artist"] .r77Solar i{position:absolute;inset:-28px;border-radius:50%;border:1px solid rgba(255,184,78,.18);box-shadow:0 0 30px rgba(255,132,55,.10)} body[data-route="artist"] .r77Singularity{position:absolute;z-index:3;right:5.5%;top:50%;width:90px;height:90px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,#000 0 36%,#090614 42%,#30124c 48%,rgba(126,64,217,.58) 51%,rgba(61,217,255,.34) 56%,transparent 66%);box-shadow:0 0 22px rgba(131,81,247,.28),0 0 56px rgba(59,206,255,.16);animation:r77Singularity 7s linear infinite} body[data-route="artist"] .r77Singularity i{position:absolute;inset:-13px;border-radius:50%;border:2px solid rgba(152,91,255,.26);transform:rotate(-20deg) scaleY(.48);box-shadow:0 0 18px rgba(127,78,255,.24)} body[data-route="artist"] .r77Singularity b{position:absolute;inset:-24px;border-radius:50%;border:1px solid rgba(69,226,255,.12);transform:rotate(28deg) scaleY(.38)} body[data-route="artist"] .r77EnergyStream{position:absolute;z-index:1;left:10.2%;right:10.2%;top:50%;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,#ffbc66,rgba(93,235,255,.78) 32%,rgba(106,117,255,.66) 65%,#d769ed);box-shadow:0 0 12px rgba(100,224,255,.30)} body[data-route="artist"] .r77EnergyStream i{position:absolute;top:50%;left:0;width:170px;height:18px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),rgba(97,237,255,.34),transparent);filter:blur(3px);animation:r77Stream 3.6s ease-in-out infinite} body[data-route="artist"] .r77EnergyStream b{position:absolute;inset:-26px 0;background:repeating-linear-gradient(90deg,transparent 0 42px,rgba(91,230,251,.045) 43px,transparent 44px);opacity:.45} body[data-route="artist"] .r77SoftBurst{position:absolute;z-index:4;right:15%;top:50%;width:12px;height:12px;border-radius:50%;transform:translateY(-50%);background:#fff;box-shadow:0 0 8px #fff,0 0 24px #6ff0ff,0 0 54px rgba(226,94,236,.55);animation:r77Burst 4.8s ease-out infinite} @keyframes r77SolarBreathe{to{transform:translateY(-50%) scale(1.08);filter:brightness(1.08)}} @keyframes r77Singularity{to{transform:translateY(-50%) rotate(360deg)}} @keyframes r77Stream{0%{left:-8%;opacity:0}18%{opacity:.85}70%{opacity:.55}100%{left:88%;opacity:0}} @keyframes r77Burst{0%,66%{transform:translateY(-50%) scale(.25);opacity:0}72%{opacity:1}84%{transform:translateY(-50%) scale(3.4);opacity:.48}100%{transform:translateY(-50%) scale(7);opacity:0}} /* ---------- LEGAL / PRODUCTION STRIP ---------- */ body[data-route="artist"] .r77LegalRail{ position:relative;z-index:55;width:calc(100% - 24px);margin:0 12px 58px;padding:12px 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px; color:#73879a;font-size:9px;line-height:1.35;letter-spacing:.045em;background:linear-gradient(90deg,rgba(3,10,19,.92),rgba(2,8,16,.80),rgba(4,9,18,.90));border-top:1px solid rgba(73,210,233,.10) } body[data-route="artist"] .r77LegalRail b{color:#8cdfea;font-size:8px;letter-spacing:.13em} body[data-route="artist"] .r77LegalLinks{display:flex;gap:14px;white-space:nowrap}body[data-route="artist"] .r77LegalLinks a{color:#8ea8ba;text-decoration:none}body[data-route="artist"] .r77LegalLinks a:hover{color:#67ebff} body[data-route="artist"] footer{display:none!important} } @media (min-width:761px) and (max-width:1180px){ body[data-route="artist"] .artistStoryRailR75{width:calc(100vw - 28px)!important} body[data-route="artist"] .r77Motto{height:220px} body[data-route="artist"] .r77LegalRail{grid-template-columns:1fr;gap:7px} } @media (prefers-reduced-motion:reduce){ .r77Ring,.r77Nodes circle,.r77WarpSpine i,.r77Solar,.r77Singularity,.r77EnergyStream i,.r77SoftBurst{animation:none!important} } @media (max-width:760px){ } /* ===== SOURCE: artist-release-78-hero-structure-restore.css ===== */ /* ADIMASTER RELEASE 78 · HERO STRUCTURE RESTORE Surgical structural fix over R77. R77 cinematic story accidentally removed the flow spacer inherited from R75, so the opaque story layer started at y=0 and covered the absolute command-center hero. This release restores the scene -> story -> dashboard sequence without changing globe/player/story effects or lower dashboard geometry. */ @media (min-width:761px){ /* Hero remains the first full command-center scene. */ /* Critical repair: put cinematic story AFTER the complete 1448x1086 master scene. At desktop width the lower master cut begins around 49.35vw; 50.35vw gives the same breathing room as the stable R75/R76 structure. */ body[data-route="artist"] .artistStoryR75{ margin-top:0!important; z-index:52!important; } /* Keep the R77 warp layer inside story only; it must never cover the hero. */ body[data-route="artist"] .r77WarpCanvas, body[data-route="artist"] .r77WarpSpine{ clip-path:inset(0)!important; pointer-events:none!important; } /* Prevent the story background from painting upward into the command center. */ body[data-route="artist"] .artistStoryR75::before, body[data-route="artist"] .artistStoryR75::after{ top:0!important; } /* Preserve lower dashboard as the final live block. */ body[data-route="artist"] .artistIntelligenceR49, body[data-route="artist"] .r53SystemBar, body[data-route="artist"] .r77LegalRail{ position:relative!important; z-index:55!important; } } @media (min-width:761px) and (max-width:1180px){ body[data-route="artist"] .artistStoryR75{margin-top:50.35vw!important} } /* ===== R82 CLEAN GEOMETRY FIX ===== The hero is absolutely positioned for exact master mapping, so the view itself must reserve the hero height in normal document flow. Older releases simulated this with a 50.35vw margin on the story, which produced a second empty spacer. R82 removes that workaround. */ @media (min-width:761px){ body[data-route="artist"] .artistStoryR75{ margin-top:0!important; } } /* ===== R94 · PRESENTATION EXACT HUD SURFACES ===== Authoritative desktop ARTIST hero layer. The accepted 1448×720 presentation crop is the visual master. Only language-dependent regions receive live HTML surfaces; all native chrome, power lines, icons, reactor and right-side graphics remain untouched underneath. */ @media (min-width:761px){ body[data-route="artist"] .view.active[data-view="artist"]{ --r94-hero-h:49.724vw; position:relative!important; isolation:isolate!important; overflow:visible!important; min-height:0!important; padding-top:var(--r94-hero-h)!important; box-sizing:border-box!important; background:#010611!important; } body[data-route="artist"] .view.active[data-view="artist"]::before, body[data-route="artist"] .view.active[data-view="artist"]::after{content:none!important;display:none!important} body[data-route="artist"] .artistHero{ position:absolute!important; z-index:20!important; left:0!important;right:0!important;top:0!important; width:100%!important;max-width:none!important; height:var(--r94-hero-h)!important;min-height:0!important; margin:0!important;padding:0!important; display:block!important;overflow:hidden!important; pointer-events:none!important;background:transparent!important; border:0!important;box-shadow:none!important; } body[data-route="artist"] #artistHero::before{ content:""!important;display:block!important; position:absolute!important;z-index:22!important;inset:0!important; pointer-events:none!important; background:url("../../artist-hero-master-r94.png") center top/100% 100% no-repeat!important; filter:none!important; } body[data-route="artist"] #artistHero::after{content:none!important;display:none!important} body[data-route="artist"] .artistHero>.artistCopy{display:none!important} /* LIVE EARTH — exact accepted presentation coordinates. */ body[data-route="artist"] .artistStage{ position:absolute!important;z-index:34!important; left:42.804254%!important;top:4.94%!important; width:55%!important;height:88.38%!important; min-height:0!important;margin:0!important;padding:0!important; overflow:visible!important;isolation:isolate!important; background:none!important;transform:none!important; filter:drop-shadow(0 0 18px rgba(56,191,255,.16))!important; pointer-events:auto!important; } body[data-route="artist"] .artistStage::before, body[data-route="artist"] .artistStage::after{content:none!important;display:none!important} body[data-route="artist"] #adiCoreFallback16, body[data-route="artist"] .adiCoreFallback16{display:none!important} body[data-route="artist"] #adiCoreCanvas16, body[data-route="artist"] .adiCoreCanvas16{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important; background:transparent!important;transform:none!important;transform-origin:center!important; clip-path:circle(28.55% at 44.6% 39.2%)!important; -webkit-clip-path:circle(28.55% at 44.6% 39.2%)!important; cursor:grab!important;touch-action:none!important;pointer-events:auto!important; } body[data-route="artist"] #adiCoreCanvas16.is-dragging{cursor:grabbing!important} /* ---------- LEFT HUD / LIVE COPY ---------- */ body[data-route="artist"] .r73LeftLive{ display:block!important;position:absolute!important;z-index:38!important;inset:0!important; width:100%!important;height:100%!important;pointer-events:none!important; color:#e6eff8!important;overflow:visible!important; } body[data-route="artist"] .r73LeftLive::before, body[data-route="artist"] .r73LeftLive::after{content:none!important;display:none!important} body[data-route="artist"] .r73LeftLive .r73Mask{ position:absolute!important;z-index:50!important;margin:0!important; box-sizing:border-box!important;pointer-events:none!important; filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important; text-shadow:0 1px 2px rgba(0,0,0,.88)!important; } /* Identity surface: below ADI MASTER, never touches the native title. */ body[data-route="artist"] .r73Identity{ left:23.72%!important;top:34.10%!important;width:20.9%!important;height:9.00%!important; display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important; padding:7px 10px 6px 12px!important; overflow:hidden!important; background:linear-gradient(90deg,#020a16 0%,#030b18 82%,rgba(3,11,24,.86) 100%)!important; border-top:1px solid rgba(84,232,255,.52)!important; border-bottom:1px solid rgba(130,99,255,.26)!important; clip-path:polygon(0 0,97% 0,100% 18%,100% 100%,0 100%)!important; } body[data-route="artist"] .r73Identity::before{ content:""!important;display:block!important;position:absolute!important; left:0!important;right:6%!important;bottom:0!important;height:1px!important; background:linear-gradient(90deg,#4feeff,rgba(86,116,255,.55),rgba(241,91,211,.34),transparent)!important; box-shadow:0 0 8px rgba(79,238,255,.18)!important; } body[data-route="artist"] .r73IdentityTop{display:flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;position:relative!important;z-index:2!important} body[data-route="artist"] .r73IdentityTop span{color:#f0f5fb!important;font-size:clamp(10px,.80vw,15px)!important;font-weight:800!important;letter-spacing:.01em!important} body[data-route="artist"] .r73IdentityTop b{color:#56efff!important;font-size:clamp(8px,.67vw,12.4px)!important;font-weight:900!important;letter-spacing:.04em!important;text-shadow:0 0 9px rgba(74,235,255,.24)!important} body[data-route="artist"] .r73Slash{color:#a8b2c1!important;opacity:.9!important} body[data-route="artist"] .r73DomainLine{display:flex!important;align-items:center!important;gap:11px!important;white-space:nowrap!important;color:#54f0ff!important;font-size:clamp(8px,.63vw,11.8px)!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important;position:relative!important;z-index:2!important} body[data-route="artist"] .r73DomainLine i{font-style:normal!important;color:#9ca8b8!important;opacity:.86!important} /* Three crisp native-looking modules. Full opaque fill hides old English copy; frames recreate presentation geometry. */ body[data-route="artist"] .r73Section{ left:14.95%!important;width:27.20%!important;padding:9px 12px 9px 11px!important; overflow:hidden!important; background:radial-gradient(circle at 88% 24%,rgba(92,239,255,.13) 0 1px,transparent 2px),radial-gradient(circle at 78% 72%,rgba(238,92,218,.11) 0 1px,transparent 2px),linear-gradient(90deg,#020a16 0%,#020b18 78%,#040a19 100%)!important; border-top:1px solid rgba(66,218,246,.36)!important; border-bottom:1px solid rgba(77,200,241,.28)!important; border-right:1px solid rgba(82,212,244,.18)!important; clip-path:polygon(0 0,96% 0,100% 13%,100% 87%,96% 100%,0 100%)!important; box-shadow:inset 0 0 18px rgba(73,194,245,.025)!important; } body[data-route="artist"] .r73Section::before{ content:""!important;position:absolute!important;z-index:0!important;left:0!important;top:0!important;bottom:0!important;width:1px!important; background:linear-gradient(180deg,#55eaff,rgba(77,144,255,.34) 58%,rgba(235,83,215,.28))!important; box-shadow:0 0 7px rgba(79,231,255,.18)!important; } body[data-route="artist"] .r73Section::after{ content:""!important;position:absolute!important;z-index:0!important;right:0!important;top:50%!important;width:34px!important;height:1px!important; background:linear-gradient(90deg,rgba(78,219,250,.22),transparent)!important; } body[data-route="artist"] .r73Music{top:41.50%!important;height:13.80%!important} body[data-route="artist"] .r73Travel{top:55.25%!important;height:14.65%!important} body[data-route="artist"] .r73Creativity{top:69.80%!important;height:15.30%!important} body[data-route="artist"] .r73Section strong{display:block!important;position:relative!important;z-index:2!important;margin:0 0 6px!important;color:#5bf1ff!important;font-size:clamp(12px,.92vw,17.5px)!important;font-weight:900!important;letter-spacing:.10em!important;line-height:1!important;text-transform:uppercase!important;text-shadow:0 0 8px rgba(82,232,255,.20)!important} body[data-route="artist"] .r73Section p{position:relative!important;z-index:2!important;margin:0!important;max-width:91%!important;color:#e1e8ef!important;font-size:clamp(9px,.69vw,13px)!important;line-height:1.36!important;font-weight:450!important} /* Quote becomes a deliberate HUD element, not loose copy. */ body[data-route="artist"] .r73Quote{ left:6.5%!important;top:85.0%!important;width:31.5%!important;height:8.5%!important; display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important; padding:0 42px!important;overflow:hidden!important; background:#020a16!important; border:1px solid rgba(74,218,248,.28)!important; clip-path:polygon(2.4% 0,97.6% 0,100% 19%,100% 81%,97.6% 100%,2.4% 100%,0 81%,0 19%)!important; box-shadow:inset 0 0 16px rgba(68,210,246,.025)!important; } body[data-route="artist"] .r73Quote::before, body[data-route="artist"] .r73Quote::after{display:block!important;position:absolute!important;top:50%!important;transform:translateY(-54%)!important;color:#40cfff!important;font-size:clamp(24px,1.8vw,34px)!important;font-weight:900!important;line-height:1!important;text-shadow:0 0 9px rgba(72,207,255,.35)!important} body[data-route="artist"] .r73Quote::before{content:"“"!important;left:18px!important} body[data-route="artist"] .r73Quote::after{content:"”"!important;right:18px!important} body[data-route="artist"] .r73Quote span{color:#eef3f8!important;font-size:clamp(9px,.65vw,12.2px)!important;line-height:1.28!important;font-weight:500!important} body[data-route="artist"] .r73Motto{ left:6.05%!important;top:93.65%!important;width:32.2%!important;height:6.15%!important; display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important; padding:3px 10px 0!important;overflow:hidden!important; background:#020a16!important;border-top:1px solid rgba(79,221,250,.20)!important; font-size:clamp(8px,.66vw,11.8px)!important;font-weight:900!important;letter-spacing:.20em!important;white-space:nowrap!important;text-transform:uppercase!important; } body[data-route="artist"] .r73Motto::before{content:""!important;display:block!important;position:absolute!important;left:8%!important;right:8%!important;top:0!important;height:1px!important;background:linear-gradient(90deg,transparent,#50e6ff 15%,#7f8cff 50%,#ef65d6 85%,transparent)!important;box-shadow:0 0 8px rgba(87,221,255,.18)!important} body[data-route="artist"] .r73Motto::after{content:none!important;display:none!important} body[data-route="artist"] .r73Motto .r73World{color:#57e7ff!important} body[data-route="artist"] .r73Motto .r73Stories{color:#9caaff!important} body[data-route="artist"] .r73Motto .r73Name{color:#f76bda!important} body[data-route="artist"] .r73Motto i{font-style:normal!important;color:#70dce9!important;opacity:.9!important} /* Connection status now has one clear job: live system-state readout. */ body[data-route="artist"] .r73Connection{ left:40.1%!important;top:80.65%!important;width:15.7%!important;height:10.6%!important; display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important; text-align:center!important;padding:7px 14px 6px!important;overflow:hidden!important; background:#020a16!important;border:1px solid rgba(74,220,246,.34)!important; clip-path:polygon(7% 0,93% 0,100% 20%,97% 82%,91% 100%,7% 100%,0 80%,2% 18%)!important; box-shadow:inset 0 0 18px rgba(46,244,164,.025),0 0 12px rgba(57,196,242,.04)!important; } body[data-route="artist"] .r73Connection::before{content:""!important;display:block!important;position:absolute!important;right:10%!important;top:18%!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#48f5a4!important;box-shadow:0 0 8px #48f5a4,0 0 18px rgba(72,245,164,.45)!important;animation:r94StatusPulse 1.8s ease-in-out infinite!important} body[data-route="artist"] .r73Connection::after{content:""!important;display:block!important;position:absolute!important;left:10%!important;right:10%!important;bottom:10%!important;height:1px!important;background:linear-gradient(90deg,transparent,#40efa4 25%,#6fffd0 50%,#40efa4 75%,transparent)!important;opacity:.78!important} body[data-route="artist"] .r73Connection small{color:#aab9c8!important;font-size:clamp(7px,.54vw,9.8px)!important;letter-spacing:.07em!important;position:relative!important;z-index:2!important} body[data-route="artist"] .r73Connection strong{color:#49f3a6!important;font-size:clamp(9px,.73vw,13.8px)!important;font-weight:900!important;letter-spacing:.035em!important;text-shadow:0 0 10px rgba(71,244,165,.28)!important;position:relative!important;z-index:2!important} @keyframes r94StatusPulse{0%,100%{opacity:.42;transform:scale(.72)}50%{opacity:1;transform:scale(1)}} /* Animated AM overlay — presentation title/logo remains completely unobscured. */ body[data-route="artist"] .r77LogoSystem{ display:block!important;position:absolute!important;z-index:52!important; left:3.15%!important;top:5.3%!important;width:20.3%!important;height:29.7%!important; pointer-events:auto!important;cursor:pointer!important;outline:none!important; filter:drop-shadow(0 0 9px rgba(86,235,255,.11))!important; } body[data-route="artist"] .r85CoreLogo{display:none!important} body[data-route="artist"] .r77LogoSystem::before{content:none!important;display:none!important} body[data-route="artist"] .r77LogoHint{display:none!important} body[data-route="artist"] .r77OrbitSvg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important;z-index:3!important} body[data-route="artist"] .r77Ring{fill:none!important;stroke:url(#r77OrbitCyan)!important;transform-origin:180px 155px!important;transform-box:view-box!important;filter:url(#r77Glow)!important} body[data-route="artist"] .r77RingA{opacity:.28!important;stroke-width:1!important;animation:r94OrbitA 13s linear infinite!important} body[data-route="artist"] .r77RingB{opacity:.22!important;stroke-width:.9!important;animation:r94OrbitB 18s linear infinite!important} body[data-route="artist"] .r77RingC{opacity:.15!important;stroke-width:.8!important;animation:r94OrbitA 26s linear infinite!important} @keyframes r94OrbitA{to{transform:rotate(360deg)}} @keyframes r94OrbitB{to{transform:rotate(-360deg)}} body[data-route="artist"] .r77Nodes circle{fill:url(#r77NodeGlow)!important;opacity:.62!important} body[data-route="artist"] .r77Plane{opacity:.78!important;filter:url(#r77Glow) drop-shadow(0 0 7px rgba(95,239,255,.72))!important} body[data-route="artist"] .r77AudioLine{position:absolute!important;z-index:5!important;left:40.4%!important;right:40.4%!important;bottom:27.4%!important;height:18px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:1.5px!important;pointer-events:none!important;opacity:.82!important} body[data-route="artist"] .r77AudioLine i{display:block!important;width:2px!important;min-height:2px!important;border-radius:2px!important;background:linear-gradient(180deg,#8affff,#5ea6ff 52%,#ff6ddd)!important;box-shadow:0 0 7px rgba(102,232,255,.38)!important;animation:r94IdleWave 2.1s ease-in-out infinite alternate!important} body[data-route="artist"] .r77AudioLine i:nth-child(3n){animation-delay:-.55s!important} body[data-route="artist"] .r77AudioLine i:nth-child(4n){animation-delay:-1s!important} body.audioPlaying[data-route="artist"] .r77AudioLine i{animation:r94AudioWave .5s ease-in-out infinite alternate!important} @keyframes r94IdleWave{0%{height:2px;opacity:.35}100%{height:9px;opacity:.84}} @keyframes r94AudioWave{0%{height:3px}100%{height:17px}} /* ---------- RIGHT HUD ---------- Native presentation artwork remains visible. Live labels occupy deliberate header/status rails only — no fog/blur. */ body[data-route="artist"] .r53Telemetry{display:block!important;position:absolute!important;z-index:39!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;pointer-events:none!important} body[data-route="artist"] .r53TelemetryPanel{position:absolute!important;display:block!important;overflow:visible!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;clip-path:none!important} body[data-route="artist"] .r53Global{left:79.45%!important;top:7.8%!important;width:17.1%!important;height:25.4%!important} body[data-route="artist"] .r53Sound{left:79.45%!important;top:34.0%!important;width:17.1%!important;height:22.4%!important} body[data-route="artist"] .r53Energy{left:79.45%!important;top:57.1%!important;width:17.1%!important;height:23.7%!important} body[data-route="artist"] .r53TelemetryPanel::before{content:none!important;display:none!important} body[data-route="artist"] .r53Energy::after{content:""!important;display:block!important;position:absolute!important;z-index:49!important;right:0!important;bottom:-5%!important;width:36%!important;height:24%!important;background:#020a16!important;pointer-events:none!important} body[data-route="artist"] .r53Global::after,body[data-route="artist"] .r53Sound::after{content:none!important;display:none!important} body[data-route="artist"] .r53TelemetryTitle{ position:absolute!important;z-index:50!important;left:3.8%!important;top:2.0%!important;right:3.8%!important;height:23.0%!important; display:flex!important;align-items:center!important;gap:6px!important;padding:0 7px!important; color:#6cf5ff!important;font-size:clamp(7px,.57vw,10.8px)!important;font-weight:900!important;letter-spacing:.055em!important;text-transform:uppercase!important;white-space:nowrap!important; text-shadow:0 0 8px rgba(91,237,255,.25)!important; background:#020a16!important;border-bottom:1px solid rgba(71,218,247,.22)!important;clip-path:polygon(0 0,96% 0,100% 35%,100% 100%,0 100%)!important; -webkit-backdrop-filter:none!important;backdrop-filter:none!important; } body[data-route="artist"] .r53TelemetryTitle i{display:block!important;width:5px!important;height:5px!important;flex:0 0 5px!important;border-radius:50%!important;background:#71fff0!important;box-shadow:0 0 9px #67f7ff!important} body[data-route="artist"] .r53TelemetryBody{position:absolute!important;overflow:hidden!important;background:transparent!important} body[data-route="artist"] .r53Global .r53TelemetryBody, body[data-route="artist"] .r53Sound .r53TelemetryBody, body[data-route="artist"] .r53Energy .r53TelemetryBody{display:none!important} body[data-route="artist"] .r66SoundMeta{position:absolute!important;z-index:50!important;left:24%!important;right:24%!important;bottom:0%!important;height:19%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 4px!important;color:#b6c4d0!important;font-size:clamp(5px,.34vw,6.7px)!important;letter-spacing:.04em!important;text-transform:uppercase!important;background:#020a16!important;border-top:1px solid rgba(87,145,224,.12)!important} body[data-route="artist"] .r53EnergyMeta{position:absolute!important;z-index:50!important;left:3.8%!important;right:0%!important;bottom:0%!important;height:18.5%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0 7px!important;background:#020a16!important;border-top:1px solid rgba(80,218,247,.20)!important;box-shadow:none!important} body[data-route="artist"] .r53EnergyMeta::before{content:none!important;display:none!important} body[data-route="artist"] .r53EnergyMeta span{color:#79efff!important;font-size:clamp(5px,.36vw,6.8px)!important;font-weight:900!important;letter-spacing:.055em!important;text-transform:uppercase!important;white-space:nowrap!important} body[data-route="artist"] .r53EnergyMeta b{display:block!important;color:#d9fbff!important;font-size:clamp(6.5px,.45vw,8.7px)!important;font-weight:900!important;letter-spacing:.02em!important;text-shadow:0 0 8px rgba(91,232,255,.18)!important} /* Navigation hit zones only; no visible overlays. */ body[data-route="artist"] .r61LeftHitLayer{position:absolute!important;z-index:58!important;left:4.7%!important;top:39.1%!important;width:37.8%!important;height:44.8%!important;pointer-events:none!important;background:transparent!important;border:0!important;box-shadow:none!important;opacity:1!important} body[data-route="artist"] .r61LeftHit{position:absolute!important;left:0!important;width:100%!important;height:29.7%!important;margin:0!important;padding:0!important;appearance:none!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;opacity:0!important;cursor:pointer!important;pointer-events:auto!important} body[data-route="artist"] .r61LeftHit:nth-child(1){top:0!important} body[data-route="artist"] .r61LeftHit:nth-child(2){top:34.4%!important} body[data-route="artist"] .r61LeftHit:nth-child(3){top:68.8%!important} /* Lower page remains independent. */ body[data-route="artist"] .artistStoryR75{position:relative!important;z-index:52!important;margin:0!important;padding-top:28px!important;background:radial-gradient(950px 430px at 50% 0,rgba(34,84,166,.07),transparent 72%),#010611!important} body[data-route="artist"] .artistIntelligenceR49, body[data-route="artist"] .r53SystemBar, body[data-route="artist"] .r77LegalRail{position:relative!important;z-index:55!important} } @media (min-width:761px) and (max-width:1180px){ body[data-route="artist"] .view.active[data-view="artist"]{--r94-hero-h:53vw!important} body[data-route="artist"] .r73Section p{font-size:clamp(7px,.61vw,10.2px)!important} } @media (max-width:760px){body[data-route="artist"] .r73LeftLive,body[data-route="artist"] .r53Telemetry,body[data-route="artist"] .r77LogoSystem{display:none!important}} @media (prefers-reduced-motion:reduce){body[data-route="artist"] .r77Ring,body[data-route="artist"] .r77AudioLine i,body[data-route="artist"] .r73Connection::before{animation:none!important}}