/* * MAESTRIA OS — SOFTWARE PROPRIETÁRIO * Copyright © 2026 Gabriel Freitas. Todos os direitos reservados. * Código first-party. Uso, reprodução ou redistribuição requer autorização expressa. */ /* Maestria OS 1.18.9 · global app-like interaction shell */ html, body{ width:100%; max-width:100%; overflow-x:hidden!important; overscroll-behavior-x:none; -webkit-text-size-adjust:100%; text-size-adjust:100%; } @supports (overflow:clip){ html,body{overflow-x:clip!important} } /* The document itself accepts vertical pan only. Internal programmatic rails keep working, while page-level horizontal drag/pinch gestures are rejected. */ html,body{touch-action:pan-y} body{position:relative;min-width:0} /* Stop Elementor/theme wrappers from becoming wider than the visual viewport. Children may still animate beyond their box; the document simply cannot pan horizontally to them. */ :where(#page,.site,.site-content,.elementor,.elementor-page,.elementor-location-header,.elementor-location-footer,main){ max-width:100%; min-width:0; } /* Avoid iOS Safari's automatic focus zoom on form controls. Do not force the desktop typography; the 16px floor is only necessary on touch/mobile widths. */ @media (max-width:1024px), (pointer:coarse){ :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select,[contenteditable="true"]){ font-size:max(16px,1em)!important; } } /* GSAP owns deliberate smooth transitions; native scroll-behavior remains deterministic so both systems never fight over the same movement. */ html{scroll-behavior:auto!important} @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto!important} } /* -------------------------------------------------------------------------- Maestria Launch Experience · 1.18.9 Three locked takes, street lettering above the subject, DM Mono UI, supplied barber props and a subtle CRT environment. Car frames never translate/scale. -------------------------------------------------------------------------- */ html{scrollbar-gutter:stable} html.mae-launch-loader-pending, html.mae-launch-loading{background:#040504} html.mae-launch-loading, html.mae-launch-loading body{overflow:hidden!important;overscroll-behavior:none!important} .mae-launch-loader{ --mae-loader-progress:0; --mae-loader-ink:#040504; --mae-loader-cream:#f1ead8; --mae-loader-lime:#d9ff72; --mae-loader-green:#88ff37; --mae-loader-lilac:#c2a8ff; --mae-loader-purple:#a458ff; --mae-loader-muted:rgba(241,234,216,.52); --mae-graffiti-spray-x:22%; --mae-graffiti-spray-y:31%; --mae-graffiti-line-progress:0; position:fixed;z-index:2147483600;inset:0;width:auto;height:auto;min-width:0;min-height:0; overflow:hidden;isolation:isolate;color:var(--mae-loader-cream); background: radial-gradient(ellipse at 50% 52%,rgba(217,255,114,.045),transparent 23%), radial-gradient(ellipse at 64% 48%,rgba(164,88,255,.058),transparent 28%), linear-gradient(180deg,#060706 0%,#030403 58%,#020302 100%); font-family:"DM Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; opacity:1; transition:opacity .34s ease,filter .34s ease; } .mae-launch-loader::before{ content:"";position:absolute;z-index:-2;inset:-4%; background: repeating-linear-gradient(0deg,transparent 0 61px,rgba(255,255,255,.018) 62px 63px), repeating-linear-gradient(90deg,transparent 0 119px,rgba(255,255,255,.012) 120px 121px); opacity:.6;transform:rotate(-.4deg) scale(1.02); } .mae-launch-loader::after{ content:"";position:absolute;z-index:-1;inset:0;pointer-events:none; background: linear-gradient(90deg,rgba(164,88,255,.025),transparent 22% 77%,rgba(136,255,55,.02)), radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.21) 77%,rgba(0,0,0,.52) 100%); } .mae-launch-loader__ambient{position:absolute;z-index:-1;inset:0;pointer-events:none} .mae-launch-loader__ambient::before, .mae-launch-loader__ambient::after{content:"";position:absolute;border-radius:50%;filter:blur(54px);opacity:.1} .mae-launch-loader__ambient::before{width:30vw;height:30vw;left:19%;top:31%;background:var(--mae-loader-lime)} .mae-launch-loader__ambient::after{width:33vw;height:33vw;right:16%;top:30%;background:var(--mae-loader-purple)} .mae-launch-loader, .mae-launch-loader *, .mae-launch-loader *::before, .mae-launch-loader *::after{box-sizing:border-box} .mae-launch-loader__frame{ position:relative;z-index:4;display:grid;grid-template-rows:auto minmax(0,1fr) auto; width:100%;height:100%;min-height:0;max-height:100%;overflow:hidden; padding:max(24px,env(safe-area-inset-top)) max(32px,env(safe-area-inset-right)) calc(max(22px,env(safe-area-inset-bottom)) + 4px) max(32px,env(safe-area-inset-left)); } .mae-launch-loader__top{position:relative;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0} .mae-launch-loader__brand{display:flex;align-items:center;gap:11px;min-width:0} .mae-launch-loader__brand>span:last-child{display:flex;flex-direction:column;line-height:1} .mae-launch-loader__brand strong{font-size:10px;line-height:1.1;letter-spacing:.22em;font-weight:500} .mae-launch-loader__brand small{margin-top:5px;color:rgba(241,234,216,.4);font:500 7px/1 "DM Mono",ui-monospace,monospace;letter-spacing:.25em} .mae-launch-loader__monogram{ display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(217,255,114,.23); color:var(--mae-loader-lime);background:rgba(217,255,114,.025);font:500 12px/1 "DM Mono",ui-monospace,monospace; transform:rotate(-2deg);box-shadow:inset 0 0 18px rgba(217,255,114,.03),0 0 14px rgba(217,255,114,.03) } .mae-launch-loader__topmeta{display:flex;align-items:center;justify-content:flex-end;gap:12px;color:rgba(241,234,216,.38);font:500 8px/1 "DM Mono",ui-monospace,monospace;letter-spacing:.15em;white-space:nowrap} .mae-launch-loader__topmeta i{display:block;width:34px;height:1px;background:linear-gradient(90deg,var(--mae-loader-lime),var(--mae-loader-lilac));opacity:.56} .mae-launch-loader__stage{position:relative;min-height:0;display:grid;place-items:center;isolation:isolate;padding:12px 0 46px} /* ----- Street lettering: per-letter ink, no reveal mask ----- */ .mae-launch-loader__graffiti{ position:absolute;z-index:9;left:50%;top:27.5%; width:min(940px,73vw,102vh);height:min(285px,24vw,31vh); transform:translate(-50%,-50%) rotate(-1.2deg); pointer-events:none;opacity:.9;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; } .mae-launch-loader__graffiti-word{ --mae-graffiti-rgb:206,177,255; position:absolute;left:50%;display:block;text-align:center; white-space:nowrap;font-family:"Permanent Marker","Arial Black",Impact,sans-serif; line-height:.78;font-weight:400;letter-spacing:-.045em;text-transform:uppercase; text-rendering:geometricPrecision;transform:translateX(-50%); background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; } .mae-launch-loader__graffiti-letter{ position:relative;display:inline-block;min-width:0;margin-right:-.04em; color:rgba(var(--mae-graffiti-rgb),0); -webkit-text-stroke:1px rgba(var(--mae-graffiti-rgb),0); text-shadow:none;opacity:0;filter:none!important;background:transparent!important;box-shadow:none!important; backdrop-filter:none!important;-webkit-backdrop-filter:none!important; transition:opacity .14s linear,color .18s ease,-webkit-text-stroke-color .16s ease,text-shadow .22s ease; will-change:auto; } .mae-launch-loader__graffiti-letter:last-child{margin-right:0} .mae-launch-loader__graffiti-letter.is-outline{ opacity:.68;color:rgba(var(--mae-graffiti-rgb),0); -webkit-text-stroke:1.05px rgba(var(--mae-graffiti-rgb),.66); text-shadow:0 0 6px rgba(var(--mae-graffiti-rgb),.12); } .mae-launch-loader__graffiti-letter.is-filled{ opacity:1;color:rgba(var(--mae-graffiti-rgb),.9); -webkit-text-stroke:.55px rgba(255,255,255,.14); text-shadow:0 0 5px rgba(var(--mae-graffiti-rgb),.34),0 0 18px rgba(var(--mae-graffiti-rgb),.16); animation:mae-graffiti-letter-settle .22s cubic-bezier(.2,.7,.2,1) both; } .mae-launch-loader__graffiti-word.is-barbearia{ --mae-graffiti-rgb:206,177,255; top:2%;font-size:clamp(36px,5.1vw,80px); } .mae-launch-loader__graffiti-word.is-maestria{ --mae-graffiti-rgb:216,255,114; top:42%;font-size:clamp(47px,6.7vw,108px); transform:translateX(-50%) rotate(-2deg); } .mae-launch-loader__graffiti-slash{ position:absolute;left:17%;bottom:2%;width:66%;height:4px;border-radius:999px; transform:rotate(-3.5deg) scaleX(var(--mae-graffiti-line-progress)); transform-origin:left center; background:linear-gradient(90deg,var(--mae-loader-lilac),var(--mae-loader-lime) 48%,var(--mae-loader-purple)); box-shadow:0 0 7px rgba(217,255,114,.25),0 0 14px rgba(164,88,255,.18); opacity:.82;will-change:transform; } .mae-launch-loader__graffiti-splat{position:absolute;width:4px;height:4px;border-radius:50%;opacity:0;box-shadow:0 0 5px currentColor;transition:opacity .2s ease} .mae-launch-loader__graffiti-splat.is-a{left:12%;top:31%;color:var(--mae-loader-lilac);background:currentColor} .mae-launch-loader__graffiti-splat.is-b{right:9%;top:59%;color:var(--mae-loader-lime);background:currentColor;width:3px;height:3px} .mae-launch-loader__graffiti-splat.is-c{right:17%;bottom:7%;color:var(--mae-loader-purple);background:currentColor;width:5px;height:5px} .mae-launch-loader.is-graffiti-dots .mae-launch-loader__graffiti-splat{opacity:.3} /* Tiny ink-point only. No cone, wipe, sheet or rectangular reveal. */ .mae-launch-loader__spray-cursor{ position:absolute;z-index:4;left:var(--mae-graffiti-spray-x);top:var(--mae-graffiti-spray-y); width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%);opacity:0; background:#f8ffe8;box-shadow:0 0 5px rgba(255,255,255,.75),0 0 12px rgba(217,255,114,.34),0 0 18px rgba(164,88,255,.2); transition:opacity .12s ease; } .mae-launch-loader__spray-cursor::before{content:none!important} .mae-launch-loader__spray-cursor i{position:absolute;inset:-4px;border:1px solid rgba(255,255,255,.13);border-radius:50%} .mae-launch-loader.is-graffiti-active .mae-launch-loader__spray-cursor{opacity:.42;animation:mae-loader-spray-flicker .22s steps(2,end) infinite} .mae-launch-loader__drip{position:absolute;z-index:2;width:2px;height:0;border-radius:0 0 3px 3px;opacity:0;transform-origin:top} .mae-launch-loader__drip.is-a{left:33%;top:38%;background:linear-gradient(var(--mae-loader-lilac),transparent)} .mae-launch-loader__drip.is-b{left:57%;top:78%;background:linear-gradient(var(--mae-loader-lime),transparent)} .mae-launch-loader__drip.is-c{left:73%;top:75%;background:linear-gradient(var(--mae-loader-purple),transparent)} .mae-launch-loader.is-graffiti-complete .mae-launch-loader__drip.is-a{animation:mae-loader-drip .65s .02s ease-out forwards} .mae-launch-loader.is-graffiti-complete .mae-launch-loader__drip.is-b{animation:mae-loader-drip .82s .08s ease-out forwards} .mae-launch-loader.is-graffiti-complete .mae-launch-loader__drip.is-c{animation:mae-loader-drip .58s .18s ease-out forwards} @keyframes mae-graffiti-letter-settle{ 0%{opacity:.72;text-shadow:0 0 8px rgba(var(--mae-graffiti-rgb),.2)} 100%{opacity:1;text-shadow:0 0 5px rgba(var(--mae-graffiti-rgb),.34),0 0 18px rgba(var(--mae-graffiti-rgb),.16)} } /* ----- Neon vocabulary around the central subject ----- */ .mae-launch-loader__neon-words{position:absolute;z-index:5;inset:0;pointer-events:none} .mae-launch-loader__neon-word{ position:absolute;display:block;white-space:nowrap;text-transform:uppercase; color:rgba(236,255,199,.86);font-family:"DM Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:500;line-height:.92;letter-spacing:.05em; text-shadow:0 0 4px currentColor,0 0 13px currentColor,0 0 26px rgba(217,255,114,.2); opacity:.2;filter:none!important;transform-origin:center; animation:mae-neon-breathe 2.8s ease-in-out infinite; } .mae-launch-loader__neon-word::after{content:none!important;display:none!important} .mae-launch-loader.is-neon-live .mae-launch-loader__neon-word{opacity:.82} .mae-launch-loader__neon-word.is-cut{left:9%;top:23%;font-size:clamp(30px,4.2vw,62px);transform:rotate(-7deg);color:var(--mae-loader-lime);animation:mae-neon-flicker-a 2.3s steps(1,end) .1s infinite} .mae-launch-loader__neon-word.is-beard{right:8%;top:21%;font-size:clamp(28px,3.9vw,58px);transform:rotate(6deg);color:var(--mae-loader-lilac);animation:mae-neon-flicker-b 2.8s steps(1,end) .45s infinite} .mae-launch-loader__neon-word.is-ruler{left:5%;top:49%;font:500 clamp(17px,2.1vw,30px)/1 "DM Mono",ui-monospace,monospace;letter-spacing:.015em;transform:rotate(-3deg);color:#eaffbf;animation:mae-neon-glitch 3.2s steps(1,end) .7s infinite} .mae-launch-loader__neon-word.is-attitude{right:5%;top:48%;font-size:clamp(16px,2vw,28px);letter-spacing:.1em;transform:rotate(3deg);color:#caaaFF;animation:mae-neon-flicker-a 3.6s steps(1,end) 1.05s infinite} .mae-launch-loader__neon-word.is-razor{left:12%;bottom:22%;font:500 clamp(10px,1.15vw,15px)/1 "DM Mono",ui-monospace,monospace;letter-spacing:.06em;transform:rotate(2deg);color:rgba(217,255,114,.82);animation:mae-neon-glitch 4.1s steps(1,end) 1.2s infinite} .mae-launch-loader__neon-word.is-scissor{right:12%;bottom:21%;font:500 clamp(10px,1.15vw,15px)/1 "DM Mono",ui-monospace,monospace;letter-spacing:.06em;transform:rotate(-2deg);color:rgba(194,168,255,.86);animation:mae-neon-flicker-b 4.3s steps(1,end) .8s infinite} .mae-launch-loader__neon-word.is-standard{left:18%;top:34%;font-family:"DM Mono",ui-monospace,monospace;font-size:clamp(10px,1.25vw,17px);font-weight:500;letter-spacing:.015em;text-align:right;transform:rotate(-9deg);color:rgba(194,168,255,.8);animation:mae-neon-breathe 2.4s ease-in-out .3s infinite} .mae-launch-loader__neon-word.is-place{right:17%;top:35%;font:500 clamp(8px,.9vw,12px)/1 "DM Mono",ui-monospace,monospace;letter-spacing:.22em;transform:rotate(8deg);color:rgba(217,255,114,.76);animation:mae-neon-glitch 4.7s steps(1,end) .2s infinite} /* ----- Optimized barber props: render-sized WebP + restrained neon motion ----- */ .mae-launch-loader__props{position:absolute;z-index:7;inset:0;pointer-events:none;overflow:visible} .mae-launch-loader__prop{ --prop-opacity:.24;--prop-delay:0s;--prop-glow:rgba(217,255,114,.32); --prop-rotate:0deg;--prop-drift-x:2px;--prop-drift-y:-3px;--prop-drift-rotate:.7deg; --prop-float-duration:4.8s;--prop-float-delay:0s; position:absolute;display:block;opacity:0;pointer-events:none;line-height:0; transform-origin:50% 50%; transform:translate3d(0,0,0) rotate(var(--prop-rotate)); transition:opacity .34s ease; will-change:opacity,transform; animation:mae-loader-prop-float var(--prop-float-duration) cubic-bezier(.45,0,.55,1) var(--prop-float-delay) infinite alternate; } .mae-launch-loader.is-props-live .mae-launch-loader__prop{opacity:var(--prop-opacity)} .mae-launch-loader__prop img{ width:100%;height:auto;max-height:100%;display:block;object-fit:contain;object-position:center; transform:none;translate:none;scale:none;rotate:none; animation:mae-loader-prop-neon 3.35s ease-in-out var(--prop-delay) infinite; filter:drop-shadow(0 0 2px var(--prop-glow)) drop-shadow(0 0 7px rgba(164,88,255,.1)); user-select:none;-webkit-user-drag:none; } .mae-launch-loader__prop::after{ content:"";position:absolute;left:var(--spark-x,72%);top:var(--spark-y,27%);width:3px;height:3px;border-radius:50%; background:#fff;box-shadow:0 0 4px #fff,0 0 9px var(--prop-glow),-4px 0 0 -1px rgba(255,255,255,.35),4px 0 0 -1px rgba(255,255,255,.28),0 -4px 0 -1px rgba(255,255,255,.28),0 4px 0 -1px rgba(255,255,255,.24); opacity:0;animation:mae-loader-prop-spark 5.4s steps(1,end) calc(var(--prop-delay) + .7s) infinite; } /* Desktop: props stay in the outer ring and deliberately avoid the word labels. */ .mae-launch-loader__prop.is-razor{ left:1.5%;top:8.5%;width:clamp(62px,5.4vw,88px); --prop-rotate:-12deg;--prop-opacity:.22;--prop-delay:.15s;--prop-float-delay:-.8s;--prop-float-duration:5.3s; --prop-drift-x:3px;--prop-drift-y:-4px;--prop-drift-rotate:.8deg;--spark-x:69%;--spark-y:23%;--prop-glow:rgba(194,168,255,.36) } .mae-launch-loader__prop.is-clipper-gold{ right:2.4%;top:7.5%;width:clamp(58px,5vw,82px); --prop-rotate:8deg;--prop-opacity:.19;--prop-delay:.52s;--prop-float-delay:-1.7s;--prop-float-duration:5.8s; --prop-drift-x:-3px;--prop-drift-y:4px;--prop-drift-rotate:-.65deg;--spark-x:58%;--spark-y:18%;--prop-glow:rgba(217,255,114,.31) } .mae-launch-loader__prop.is-clipper-silver{ left:12.5%;bottom:2.5%;width:clamp(56px,4.8vw,78px); --prop-rotate:-9deg;--prop-opacity:.17;--prop-delay:1.05s;--prop-float-delay:-2.1s;--prop-float-duration:6.1s; --prop-drift-x:3px;--prop-drift-y:-3px;--prop-drift-rotate:.55deg;--spark-x:45%;--spark-y:19%;--prop-glow:rgba(194,168,255,.31) } .mae-launch-loader__prop.is-comb{ right:12%;bottom:2.5%;width:clamp(66px,5.7vw,94px); --prop-rotate:9deg;--prop-opacity:.18;--prop-delay:.72s;--prop-float-delay:-1.2s;--prop-float-duration:5.6s; --prop-drift-x:-3px;--prop-drift-y:-4px;--prop-drift-rotate:-.55deg;--spark-x:78%;--spark-y:40%;--prop-glow:rgba(217,255,114,.3) } .mae-launch-loader__prop.is-scissors{ right:1.7%;top:58%;width:clamp(62px,5.2vw,86px); --prop-rotate:10deg;--prop-opacity:.21;--prop-delay:1.22s;--prop-float-delay:-2.7s;--prop-float-duration:5.1s; --prop-drift-x:-3px;--prop-drift-y:4px;--prop-drift-rotate:.75deg;--spark-x:65%;--spark-y:31%;--prop-glow:rgba(194,168,255,.36) } .mae-launch-loader__prop.is-spray{ left:1.7%;top:58%;width:clamp(58px,4.9vw,80px); --prop-rotate:-7deg;--prop-opacity:.17;--prop-delay:.88s;--prop-float-delay:-1.35s;--prop-float-duration:6.2s; --prop-drift-x:3px;--prop-drift-y:4px;--prop-drift-rotate:-.6deg;--spark-x:40%;--spark-y:18%;--prop-glow:rgba(217,255,114,.28) } /* ----- Barber / street marks ----- */ .mae-launch-loader__street-marks{position:absolute;z-index:3;inset:0;pointer-events:none} .mae-launch-loader__barber-stripe{ position:absolute;left:-10%;top:58%;width:120%;height:34px;transform:rotate(-4.5deg); background:repeating-linear-gradient(112deg,transparent 0 36px,rgba(217,255,114,.12) 37px 45px,transparent 46px 68px,rgba(164,88,255,.12) 69px 78px,transparent 79px 100px); opacity:.26;-webkit-mask-image:linear-gradient(90deg,transparent,#000 17% 83%,transparent);mask-image:linear-gradient(90deg,transparent,#000 17% 83%,transparent) } .mae-launch-loader__registration{position:absolute;width:26px;height:26px;opacity:.15} .mae-launch-loader__registration::before,.mae-launch-loader__registration::after{content:"";position:absolute;background:currentColor} .mae-launch-loader__registration::before{left:50%;top:0;width:1px;height:100%}.mae-launch-loader__registration::after{left:0;top:50%;width:100%;height:1px} .mae-launch-loader__registration.is-left{left:4%;top:41%;color:var(--mae-loader-lime)} .mae-launch-loader__registration.is-right{right:4%;top:39%;color:var(--mae-loader-lilac)} /* ----- True three-take car sequence · 1.19.2 ----- One fixed frame, three optimized WebP frames, one visible at a time. Nothing else exists inside the car figure. This intentionally avoids compensating FX or CSS layers that could make identical framing look like it shifts. */ .mae-launch-loader__car{ position:absolute;z-index:10;left:50%;top:52%; width:min(590px,41vw,54vh);aspect-ratio:1448/1086; margin:0;transform:translate(-50%,-50%);line-height:0; pointer-events:none;overflow:visible; } .mae-launch-loader__take{ position:absolute;inset:0;width:100%;height:100%;display:block; object-fit:contain;object-position:center; opacity:0;visibility:hidden; filter:none!important;backdrop-filter:none!important;mix-blend-mode:normal!important; transform:none!important;translate:none!important;scale:none!important;rotate:none!important; transition:none!important;animation:none!important; image-rendering:auto;-webkit-user-drag:none;user-select:none; } .mae-launch-loader__take.is-1{opacity:1;visibility:visible} .mae-launch-loader.is-take-2 .mae-launch-loader__take.is-1, .mae-launch-loader.is-take-3 .mae-launch-loader__take.is-1{opacity:0;visibility:hidden} .mae-launch-loader.is-take-2 .mae-launch-loader__take.is-2{opacity:1;visibility:visible} .mae-launch-loader.is-take-3 .mae-launch-loader__take.is-3{opacity:1;visibility:visible} .mae-launch-loader__copy{position:absolute;z-index:18;left:50%;bottom:1.4%;transform:translateX(-50%);width:min(430px,80vw);text-align:center} .mae-launch-loader__eyebrow{display:block;margin-bottom:6px;color:rgba(241,234,216,.43);font:500 7px/1 "DM Mono",ui-monospace,monospace;letter-spacing:.28em} .mae-launch-loader__copy h1{margin:0;font-size:clamp(23px,2.35vw,34px);line-height:1;letter-spacing:-.035em;font-weight:500;color:rgba(241,234,216,.92)} .mae-launch-loader__bottom{position:relative;z-index:25;display:grid;grid-template-columns:minmax(160px,.52fr) minmax(260px,1fr) 58px;gap:18px;align-items:center;min-height:28px;padding-top:13px;padding-bottom:2px;border-top:1px solid rgba(255,255,255,.045);overflow:visible} .mae-launch-loader__status{display:flex;align-items:center;gap:8px;color:rgba(241,234,216,.46);font:500 7.5px/1 "DM Mono",ui-monospace,monospace;letter-spacing:.18em;white-space:nowrap} .mae-launch-loader__status-dot{width:5px;height:5px;border-radius:50%;background:var(--mae-loader-lime);box-shadow:0 0 8px rgba(217,255,114,.7);animation:mae-status-dot 1.1s ease-in-out infinite} .mae-launch-loader__progress{position:relative;height:12px;min-width:0} .mae-launch-loader__progress-base{position:absolute;left:0;right:0;top:5px;height:2px;background:rgba(255,255,255,.07)} .mae-launch-loader__progress-fill{position:absolute;left:0;top:5px;width:100%;height:2px;transform-origin:left;transform:scaleX(var(--mae-loader-progress));background:linear-gradient(90deg,var(--mae-loader-lime),var(--mae-loader-lilac));box-shadow:0 0 8px rgba(217,255,114,.34)} .mae-launch-loader__progress-check{position:absolute;top:3px;width:6px;height:6px;transform:translateX(-50%) rotate(45deg);background:#0a0c0a;border:1px solid rgba(255,255,255,.18)} .mae-launch-loader__progress-check.is-a{left:25%}.mae-launch-loader__progress-check.is-b{left:50%}.mae-launch-loader__progress-check.is-c{left:75%} .mae-launch-loader.is-past-a .mae-launch-loader__progress-check.is-a, .mae-launch-loader.is-past-b .mae-launch-loader__progress-check.is-b, .mae-launch-loader.is-past-c .mae-launch-loader__progress-check.is-c{background:var(--mae-loader-lime);border-color:#eaffbd;box-shadow:0 0 7px rgba(217,255,114,.55)} .mae-launch-loader.is-past-c .mae-launch-loader__progress-check.is-c{background:var(--mae-loader-lilac);border-color:#efe7ff;box-shadow:0 0 7px rgba(194,168,255,.62)} .mae-launch-loader__progress-head{position:absolute;z-index:2;top:2px;left:clamp(3px,calc(var(--mae-loader-progress)*100%),calc(100% - 3px));width:8px;height:8px;border-radius:50%;transform:translateX(-50%);background:#fff;border:2px solid var(--mae-loader-lime);box-shadow:0 0 9px rgba(217,255,114,.82),0 0 16px rgba(164,88,255,.34)} .mae-launch-loader__percent{display:flex;align-items:flex-start;justify-content:flex-end;font:500 16px/1 "DM Mono",ui-monospace,monospace;letter-spacing:-.08em;color:rgba(241,234,216,.82)} .mae-launch-loader__percent small{font-size:7px;margin:1px 0 0 2px;color:rgba(241,234,216,.35)} /* ----- Subtle old-TV film. No random-noise texture. ----- */ .mae-launch-loader__crt-film{position:absolute;z-index:3;inset:0;pointer-events:none;overflow:hidden} .mae-launch-loader__crt-film::before{ content:"";position:absolute;inset:0; background: repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px), linear-gradient(90deg,rgba(255,40,100,.012),transparent 30% 70%,rgba(80,255,160,.011)); opacity:.7;mix-blend-mode:soft-light } .mae-launch-loader__crt-film::after{ content:"";position:absolute;inset:-1px; box-shadow:inset 0 0 30px rgba(0,0,0,.2),inset 0 0 95px rgba(0,0,0,.28); background:radial-gradient(ellipse at center,transparent 67%,rgba(0,0,0,.12) 84%,rgba(0,0,0,.31) 100%); } .mae-launch-loader__crt-roll{ position:absolute;left:-3%;right:-3%;top:-22%;height:18%; background:linear-gradient(180deg,transparent,rgba(255,255,255,.018) 46%,rgba(217,255,114,.025) 50%,rgba(164,88,255,.018) 55%,transparent); filter:blur(2px);opacity:.8;animation:mae-crt-roll 4.6s linear infinite } .mae-launch-loader__crt-edge{ position:absolute;inset:0; background:linear-gradient(90deg,rgba(164,88,255,.012),transparent 3% 97%,rgba(136,255,55,.012)); animation:mae-crt-flicker 5.4s steps(1,end) infinite } .mae-launch-loader.is-leaving{animation:mae-loader-screen-out .44s cubic-bezier(.4,0,.2,1) both} /* ----- motion ----- */ @keyframes mae-loader-prop-float{ 0%,12%{transform:translate3d(0,0,0) rotate(var(--prop-rotate))} 100%{transform:translate3d(var(--prop-drift-x),var(--prop-drift-y),0) rotate(calc(var(--prop-rotate) + var(--prop-drift-rotate)))} } @keyframes mae-loader-prop-neon{0%,100%{filter:brightness(.9) drop-shadow(0 0 2px var(--prop-glow)) drop-shadow(0 0 7px rgba(164,88,255,.1))}48%{filter:brightness(1.08) drop-shadow(0 0 4px var(--prop-glow)) drop-shadow(0 0 12px rgba(164,88,255,.16))}52%{filter:brightness(1.01) drop-shadow(0 0 3px var(--prop-glow)) drop-shadow(0 0 9px rgba(164,88,255,.12))}} @keyframes mae-loader-prop-spark{0%,77%,79%,100%{opacity:0;transform:scale(.55)}78%{opacity:.82;transform:scale(1)}78.7%{opacity:.2;transform:scale(.72)}} @keyframes mae-loader-spray-flicker{0%{filter:brightness(.82);transform:translate(-50%,-50%) scale(.96)}100%{filter:brightness(1.18);transform:translate(-50%,-50%) scale(1.04)}} @keyframes mae-loader-drip{0%{height:0;opacity:0}18%{opacity:.52}100%{height:clamp(14px,2vw,28px);opacity:.34}} @keyframes mae-neon-breathe{0%,100%{opacity:.72;text-shadow:0 0 3px currentColor,0 0 10px currentColor}50%{opacity:.9;text-shadow:0 0 4px currentColor,0 0 14px currentColor}} @keyframes mae-neon-flicker-a{0%,7%,10%,48%,52%,76%,79%,100%{opacity:.82;text-shadow:0 0 4px currentColor,0 0 13px currentColor}8%,49%,78%{opacity:.48;text-shadow:0 0 2px currentColor,0 0 7px currentColor}9%,50%{opacity:.94;text-shadow:0 0 5px currentColor,0 0 17px currentColor}} @keyframes mae-neon-flicker-b{0%,32%,36%,67%,72%,100%{opacity:.78;text-shadow:0 0 4px currentColor,0 0 12px currentColor}33%,68%{opacity:.42;text-shadow:0 0 2px currentColor,0 0 6px currentColor}34%,70%{opacity:.9;text-shadow:0 0 5px currentColor,0 0 16px currentColor}} @keyframes mae-neon-glitch{0%,58%,61%,100%{opacity:.76;text-shadow:0 0 3px currentColor,0 0 10px currentColor}59%{opacity:.55;text-shadow:1px 0 0 rgba(194,168,255,.34),-1px 0 0 rgba(136,255,55,.28),0 0 8px currentColor}60%{opacity:.86;text-shadow:-1px 0 0 rgba(194,168,255,.26),1px 0 0 rgba(136,255,55,.25),0 0 12px currentColor}} @keyframes mae-status-dot{0%,100%{opacity:.34;transform:scale(.78)}50%{opacity:1;transform:scale(1)}} @keyframes mae-crt-roll{from{top:-22%}to{top:112%}} @keyframes mae-crt-flicker{0%,15%,17%,73%,75%,100%{opacity:1}16%,74%{opacity:.75}} @keyframes mae-loader-screen-out{0%{opacity:1;filter:brightness(1)}60%{opacity:1;filter:brightness(1.05)}100%{opacity:0;filter:brightness(.92)}} @media (min-width:1440px){ .mae-launch-loader__frame{padding-left:max(48px,env(safe-area-inset-left));padding-right:max(48px,env(safe-area-inset-right))} .mae-launch-loader__car{width:min(610px,38vw,54vh)} } @media (max-width:1050px){ .mae-launch-loader__frame{padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(19px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))} .mae-launch-loader__car{width:min(560px,54vw,52vh)} .mae-launch-loader__graffiti{top:29%;width:min(880px,88vw);height:min(270px,29vw,31vh)} .mae-launch-loader__neon-word.is-standard{left:7%}.mae-launch-loader__neon-word.is-place{right:7%} .mae-launch-loader__bottom{grid-template-columns:minmax(150px,.5fr) minmax(190px,1fr) 52px;gap:14px} /* Tablet: shrink the outer ring before hiding anything. */ .mae-launch-loader__prop.is-razor{left:1%;top:10%;width:64px} .mae-launch-loader__prop.is-clipper-gold{right:1%;top:10%;width:60px} .mae-launch-loader__prop.is-spray{left:1%;top:61%;width:58px} .mae-launch-loader__prop.is-scissors{right:1%;top:61%;width:60px} .mae-launch-loader__prop.is-clipper-silver{left:10%;bottom:3%;width:56px} .mae-launch-loader__prop.is-comb{right:10%;bottom:3%;width:64px} } @media (max-width:700px){ .mae-launch-loader__frame{padding:max(17px,env(safe-area-inset-top)) max(15px,env(safe-area-inset-right)) calc(max(18px,env(safe-area-inset-bottom)) + 5px) max(15px,env(safe-area-inset-left))} .mae-launch-loader__monogram{width:34px;height:34px}.mae-launch-loader__topmeta span:last-child{display:none}.mae-launch-loader__topmeta i{width:18px} .mae-launch-loader__stage{padding:22px 0 70px} .mae-launch-loader__car{top:51%;width:min(470px,74vw,47vh)} .mae-launch-loader__graffiti{top:31%;width:96vw;height:34vw} .mae-launch-loader__neon-word.is-cut{left:2%;top:24%;font-size:clamp(29px,9vw,45px)} .mae-launch-loader__neon-word.is-beard{right:2%;top:25%;font-size:clamp(27px,8vw,42px)} .mae-launch-loader__neon-word.is-ruler{left:1%;top:47%;font-size:clamp(11px,3.6vw,17px)} .mae-launch-loader__neon-word.is-attitude{right:1%;top:48%;font-size:clamp(11px,3.6vw,17px)} .mae-launch-loader__neon-word.is-standard{left:3%;top:35%;font-size:9px}.mae-launch-loader__neon-word.is-place{right:3%;top:35%;font-size:7px} .mae-launch-loader__neon-word.is-razor{left:4%;bottom:22%;font-size:7px}.mae-launch-loader__neon-word.is-scissor{right:4%;bottom:22%;font-size:7px} /* Mobile: four props only, one per peripheral quadrant. No stacking beside labels. */ .mae-launch-loader__prop.is-clipper-silver,.mae-launch-loader__prop.is-comb{display:none} .mae-launch-loader__prop.is-razor{left:1.5%;top:12%;width:clamp(42px,12vw,54px);--prop-opacity:.17;--prop-drift-x:2px;--prop-drift-y:-2px} .mae-launch-loader__prop.is-clipper-gold{display:block;right:1.5%;top:12%;width:clamp(40px,11vw,50px);--prop-opacity:.15;--prop-drift-x:-2px;--prop-drift-y:2px} .mae-launch-loader__prop.is-spray{left:1.5%;top:63%;width:clamp(40px,11vw,50px);--prop-opacity:.14;--prop-drift-x:2px;--prop-drift-y:2px} .mae-launch-loader__prop.is-scissors{right:1.5%;top:63%;width:clamp(42px,12vw,54px);--prop-opacity:.17;--prop-drift-x:-2px;--prop-drift-y:2px} .mae-launch-loader__street-marks{opacity:.76} .mae-launch-loader__copy{bottom:1%;width:min(340px,84vw)}.mae-launch-loader__copy h1{font-size:clamp(24px,7.5vw,34px)} .mae-launch-loader__bottom{grid-template-columns:minmax(0,1fr) 50px;gap:10px;padding-top:10px}.mae-launch-loader__status{grid-column:1/-1;grid-row:1;font-size:6.8px}.mae-launch-loader__progress{grid-column:1;grid-row:2}.mae-launch-loader__percent{grid-column:2;grid-row:2} } @media (max-width:390px){ .mae-launch-loader__brand small{display:none}.mae-launch-loader__topmeta{display:none} .mae-launch-loader__car{width:76vw;top:50%}.mae-launch-loader__graffiti{width:102vw;height:36vw;top:30%} .mae-launch-loader__neon-word.is-standard,.mae-launch-loader__neon-word.is-place{display:none} /* Very narrow phones: keep only the top pair; lower copy/progress stays clean. */ .mae-launch-loader__prop.is-spray,.mae-launch-loader__prop.is-scissors,.mae-launch-loader__prop.is-comb,.mae-launch-loader__prop.is-clipper-silver{display:none} .mae-launch-loader__prop.is-razor{left:2%;top:13%;width:42px} .mae-launch-loader__prop.is-clipper-gold{right:2%;top:13%;width:40px} } @media (max-height:590px) and (orientation:landscape){ .mae-launch-loader__frame{padding-top:max(11px,env(safe-area-inset-top));padding-bottom:calc(max(12px,env(safe-area-inset-bottom)) + 4px)} .mae-launch-loader__monogram{width:30px;height:30px}.mae-launch-loader__brand small{display:none} .mae-launch-loader__stage{padding:2px 0 12px}.mae-launch-loader__car{top:49%;width:min(500px,41vw,64vh)} .mae-launch-loader__graffiti{top:26%;width:min(700px,62vw);height:min(190px,23vw,40vh)} .mae-launch-loader__copy{bottom:0;width:31vw}.mae-launch-loader__copy h1{font-size:clamp(21px,3vw,31px)} .mae-launch-loader__neon-word.is-cut{left:6%;top:24%}.mae-launch-loader__neon-word.is-beard{right:6%;top:23%} .mae-launch-loader__neon-word.is-ruler{left:3%;top:52%}.mae-launch-loader__neon-word.is-attitude{right:3%;top:51%} .mae-launch-loader__neon-word.is-standard,.mae-launch-loader__neon-word.is-place,.mae-launch-loader__neon-word.is-razor,.mae-launch-loader__neon-word.is-scissor{display:none} .mae-launch-loader__prop.is-clipper-silver,.mae-launch-loader__prop.is-comb{display:none} .mae-launch-loader__prop.is-razor{left:1%;top:11%;width:48px}.mae-launch-loader__prop.is-clipper-gold{display:block;right:1%;top:11%;width:46px} .mae-launch-loader__prop.is-scissors{right:1%;top:62%;width:48px}.mae-launch-loader__prop.is-spray{left:1%;top:62%;width:46px} .mae-launch-loader__bottom{padding-top:6px} } /* 1.26.62 — PWA safe-area hardening. In standalone mode the bottom HUD must stay above the home-indicator/navigation inset instead of being clipped by the fixed loader viewport. */ @media (display-mode:standalone){ .mae-launch-loader__frame{padding-bottom:calc(max(22px,env(safe-area-inset-bottom)) + 7px)} .mae-launch-loader__bottom{padding-bottom:3px} } @media (prefers-reduced-motion:reduce){ .mae-launch-loader__crt-roll,.mae-launch-loader__crt-edge,.mae-launch-loader__neon-word,.mae-launch-loader__prop,.mae-launch-loader__prop img,.mae-launch-loader__prop::after,.mae-launch-loader__status-dot{animation:none!important} .mae-launch-loader__spray-cursor{display:none!important}.mae-launch-loader__drip{animation:none!important;opacity:.18;height:12px}.mae-launch-loader__graffiti-letter{transition:none!important}.mae-launch-loader__graffiti-letter.is-filled{animation:none!important} .mae-launch-loader__take{transition:none!important} .mae-launch-loader__neon-word{opacity:.48!important;filter:none!important;translate:none!important}.mae-launch-loader__prop{opacity:.18!important} .mae-launch-loader.is-leaving{animation:none!important;opacity:0;transition:opacity .12s linear} } @media (forced-colors:active){ .mae-launch-loader{background:Canvas;color:CanvasText} .mae-launch-loader__graffiti,.mae-launch-loader__neon-words,.mae-launch-loader__props,.mae-launch-loader__street-marks,.mae-launch-loader__crt-film{display:none!important} .mae-launch-loader__progress-fill,.mae-launch-loader__status-dot{background:Highlight;box-shadow:none} .mae-launch-loader__progress-head{background:Highlight;border-color:HighlightText;box-shadow:none} } @media print{.mae-launch-loader{display:none!important}} /* -------------------------------------------------------------------------- Top scroll HUD · 1.18.9 Replaces only the document scrollbar. Internal drawers/sheets retain their own overflow affordances. If JS does not initialize the HUD, the browser's native scrollbar remains untouched as a safe fallback. -------------------------------------------------------------------------- */ html.mae-scroll-hud-enabled, html.mae-scroll-hud-enabled body{ scrollbar-width:none; -ms-overflow-style:none; } html.mae-scroll-hud-enabled::-webkit-scrollbar, html.mae-scroll-hud-enabled body::-webkit-scrollbar{ width:0!important; height:0!important; display:none!important; } .mae-scroll-hud{ --mae-scroll-progress:0; --mae-scroll-track:rgba(8,12,9,.76); --mae-scroll-line:rgba(217,255,114,.13); --mae-scroll-lime:#d9ff72; --mae-scroll-lilac:#bca8e2; position:fixed; z-index:2147482000; top:0; left:0; width:100%; height:10px; pointer-events:none; opacity:1; contain:layout style; transform:translateZ(0); transition:opacity .2s ease; } body.admin-bar .mae-scroll-hud{top:32px} .mae-scroll-hud[hidden]{display:none!important} .mae-scroll-hud.is-idle{opacity:.82} .mae-scroll-hud__rail{ position:absolute; inset:0; overflow:hidden; background: linear-gradient(180deg,rgba(3,7,4,.96) 0 20%,rgba(3,7,4,.72) 20% 70%,rgba(3,7,4,0) 100%); } .mae-scroll-hud__rail::before{ content:""; position:absolute; top:2px; left:0; right:0; height:4px; background: repeating-linear-gradient(90deg,transparent 0 24px,rgba(255,255,255,.035) 24px 25px), linear-gradient(90deg,rgba(217,255,114,.08),rgba(188,168,226,.06),rgba(217,255,114,.08)); border-top:1px solid rgba(255,255,255,.035); border-bottom:1px solid rgba(255,255,255,.045); box-shadow:inset 0 1px rgba(255,255,255,.025); } .mae-scroll-hud__fill{ position:absolute; z-index:2; top:2px; left:0; width:100%; height:4px; transform-origin:0 50%; transform:scaleX(var(--mae-scroll-progress)); background:linear-gradient(90deg,var(--mae-scroll-lime) 0%,#c9f879 38%,var(--mae-scroll-lilac) 76%,#e3ff96 100%); box-shadow: 0 0 7px rgba(217,255,114,.52), 0 0 14px rgba(188,168,226,.2); will-change:transform; } .mae-scroll-hud__fill::after{ content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 0 38%,rgba(255,255,255,.58) 48%,transparent 58% 100%); transform:translateX(-115%); animation:mae-scroll-hud-scan 3.6s cubic-bezier(.4,0,.2,1) infinite; mix-blend-mode:screen; } .mae-scroll-hud__cursor{ position:absolute; z-index:4; top:1px; left:clamp(4px,calc(var(--mae-scroll-progress) * 100%),calc(100% - 4px)); width:8px; height:8px; transform:translateX(-50%) rotate(45deg); border:1px solid rgba(245,255,209,.94); border-radius:2px; background:linear-gradient(135deg,#f4ffd4 0%,var(--mae-scroll-lime) 44%,var(--mae-scroll-lilac) 100%); box-shadow: 0 0 0 2px rgba(217,255,114,.08), 0 0 8px rgba(217,255,114,.9), 0 0 16px rgba(188,168,226,.46); will-change:left; } .mae-scroll-hud__cursor::after{ content:""; position:absolute; inset:2px; border-radius:1px; background:#fff; opacity:.72; animation:mae-scroll-hud-pulse 1.45s ease-in-out infinite; } .mae-scroll-hud__tick{ position:absolute; z-index:3; top:2px; width:5px; height:5px; transform:translateX(-50%) rotate(45deg) scale(.78); border:1px solid rgba(255,255,255,.18); background:#121712; box-shadow:0 0 0 2px rgba(0,0,0,.2); transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease; } .mae-scroll-hud__tick.is-passed{ transform:translateX(-50%) rotate(45deg) scale(.92); border-color:rgba(232,255,180,.76); background:var(--mae-scroll-lime); box-shadow:0 0 6px rgba(217,255,114,.68); } .mae-scroll-hud__tick[data-mae-scroll-tick="25"]{left:25%} .mae-scroll-hud__tick[data-mae-scroll-tick="50"]{left:50%} .mae-scroll-hud__tick[data-mae-scroll-tick="75"]{left:75%} .mae-scroll-hud__tick[data-mae-scroll-tick="75"].is-passed{background:var(--mae-scroll-lilac);border-color:rgba(237,229,255,.82);box-shadow:0 0 7px rgba(188,168,226,.72)} .mae-scroll-hud__tick.is-hit{animation:mae-scroll-hud-checkpoint .5s cubic-bezier(.2,.75,.2,1) both} .mae-scroll-hud.is-complete .mae-scroll-hud__fill{ box-shadow:0 0 9px rgba(217,255,114,.7),0 0 22px rgba(188,168,226,.32); } .mae-scroll-hud.is-complete .mae-scroll-hud__cursor{ border-color:#fff; box-shadow:0 0 0 3px rgba(217,255,114,.1),0 0 12px rgba(217,255,114,.95),0 0 26px rgba(188,168,226,.58); } .mae-scroll-hud.is-complete .mae-scroll-hud__cap--end{opacity:1;filter:brightness(1.24)} .mae-scroll-hud__cap{ position:absolute; z-index:5; top:1px; width:18px; height:7px; opacity:.8; } .mae-scroll-hud__cap--start{ left:0; clip-path:polygon(0 0,100% 0,70% 100%,0 100%); background:linear-gradient(90deg,var(--mae-scroll-lime),rgba(217,255,114,.1)); } .mae-scroll-hud__cap--end{ right:0; clip-path:polygon(30% 0,100% 0,100% 100%,0 100%); background:linear-gradient(90deg,rgba(188,168,226,.08),var(--mae-scroll-lilac)); } @keyframes mae-scroll-hud-scan{ 0%,52%{transform:translateX(-115%);opacity:0} 58%{opacity:.75} 78%{transform:translateX(115%);opacity:0} 100%{transform:translateX(115%);opacity:0} } @keyframes mae-scroll-hud-pulse{ 0%,100%{opacity:.25;transform:scale(.68)} 48%{opacity:.95;transform:scale(1)} } @keyframes mae-scroll-hud-checkpoint{ 0%{box-shadow:0 0 0 0 rgba(217,255,114,.52);transform:translateX(-50%) rotate(45deg) scale(.92)} 45%{box-shadow:0 0 0 7px rgba(217,255,114,0),0 0 12px rgba(217,255,114,.92);transform:translateX(-50%) rotate(45deg) scale(1.28)} 100%{box-shadow:0 0 6px rgba(217,255,114,.68);transform:translateX(-50%) rotate(45deg) scale(.92)} } @media (max-width:782px){ body.admin-bar .mae-scroll-hud{top:46px} } @media (max-width:680px){ .mae-scroll-hud{height:8px} .mae-scroll-hud__rail::before,.mae-scroll-hud__fill{top:1px;height:4px} .mae-scroll-hud__cursor{top:0;width:7px;height:7px} .mae-scroll-hud__tick{top:1px;width:5px;height:5px} .mae-scroll-hud__cap{top:0;height:6px} } @media (prefers-reduced-motion:reduce){ .mae-scroll-hud__fill::after, .mae-scroll-hud__cursor::after{animation:none!important} .mae-scroll-hud,.mae-scroll-hud__tick{transition:none!important} .mae-scroll-hud__tick.is-hit{animation:none!important} } @media (forced-colors:active){ .mae-scroll-hud__rail::before{background:Canvas;border-color:CanvasText} .mae-scroll-hud__fill{background:Highlight;box-shadow:none} .mae-scroll-hud__cursor{background:Highlight;border-color:HighlightText;box-shadow:none} .mae-scroll-hud__tick{background:Canvas;border-color:CanvasText;box-shadow:none} .mae-scroll-hud__tick.is-passed{background:Highlight;border-color:HighlightText} } @media print{ .mae-scroll-hud{display:none!important} } /* -------------------------------------------------------------------------- Launch loader 1.19.1 · true-take sequence + clean typography layers The supplied logo replaces the old monogram. The large wall graffiti was removed from markup. Neon words never use filters, masks or duplicate ghost glyphs, preventing Chromium/WebKit compositing rectangles over the text. -------------------------------------------------------------------------- */ .mae-launch-loader__top{z-index:40} .mae-launch-loader__brand{display:block;line-height:0;flex:0 0 auto} .mae-launch-loader__brand-logo{ display:block; width:clamp(58px,4.25vw,76px); height:auto; max-height:68px; object-fit:contain; object-position:left top; opacity:.92; filter:none!important; transform:none!important; mix-blend-mode:normal!important; background:transparent!important; user-select:none; -webkit-user-drag:none; } .mae-launch-loader__monogram, .mae-launch-loader__brand>span:last-child{display:none!important} /* Keep the old-TV atmosphere behind every readable/interface layer. */ .mae-launch-loader__crt-film{z-index:1!important;opacity:.72} .mae-launch-loader__frame{z-index:10!important} /* Graffiti was intentionally removed from markup in 1.18.9. This defensive rule also prevents cached/fragmented markup from surfacing it. */ .mae-launch-loader__graffiti{display:none!important} /* Typography is a clean compositor layer: no blur/filter, clipping mask, generated duplicate or blend mode may be applied to these glyphs. */ .mae-launch-loader__neon-words{ z-index:15!important; isolation:isolate; contain:none!important; overflow:visible!important; filter:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; mix-blend-mode:normal!important; } .mae-launch-loader__neon-word{ background:transparent!important; box-shadow:none!important; filter:none!important; clip-path:none!important; -webkit-clip-path:none!important; mask:none!important; -webkit-mask:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; mix-blend-mode:normal!important; will-change:opacity,text-shadow; backface-visibility:visible; } .mae-launch-loader__neon-word::before, .mae-launch-loader__neon-word::after{ content:none!important; display:none!important; } /* Flicker remains deliberately subtle and is implemented without rasterizing the glyph into a clipped/filter layer. */ @keyframes mae-neon-breathe{ 0%,100%{opacity:.72;text-shadow:0 0 3px currentColor,0 0 10px currentColor,0 0 20px rgba(217,255,114,.12)} 50%{opacity:.9;text-shadow:0 0 4px currentColor,0 0 14px currentColor,0 0 25px rgba(194,168,255,.14)} } @keyframes mae-neon-flicker-a{ 0%,7%,10%,48%,52%,76%,79%,100%{opacity:.82;text-shadow:0 0 4px currentColor,0 0 13px currentColor} 8%,49%,78%{opacity:.48;text-shadow:0 0 2px currentColor,0 0 7px currentColor} 9%,50%{opacity:.94;text-shadow:0 0 5px currentColor,0 0 17px currentColor} } @keyframes mae-neon-flicker-b{ 0%,32%,36%,67%,72%,100%{opacity:.78;text-shadow:0 0 4px currentColor,0 0 12px currentColor} 33%,68%{opacity:.42;text-shadow:0 0 2px currentColor,0 0 6px currentColor} 34%,70%{opacity:.9;text-shadow:0 0 5px currentColor,0 0 16px currentColor} } @keyframes mae-neon-glitch{ 0%,58%,61%,100%{opacity:.76;text-shadow:0 0 3px currentColor,0 0 10px currentColor} 59%{opacity:.55;text-shadow:1px 0 0 rgba(194,168,255,.34),-1px 0 0 rgba(136,255,55,.28),0 0 8px currentColor} 60%{opacity:.86;text-shadow:-1px 0 0 rgba(194,168,255,.26),1px 0 0 rgba(136,255,55,.25),0 0 12px currentColor} } /* Signal/traffic-light prop is retired. */ .mae-launch-loader__prop.is-signal{display:none!important} @media (max-width:700px){ .mae-launch-loader__brand-logo{width:54px;max-height:50px} } @media (max-height:590px) and (orientation:landscape){ .mae-launch-loader__brand-logo{width:48px;max-height:44px} } /* 1.26.43 — close controls are always an interactive top layer on PWA sheets. Do not elevate backdrop buttons here; only explicit visible controls. */ .mae-os-drawer-close, .mae-confirm-close, .mae-prepay-close, .mae-payment-choice-close, .mae-customer-pay-close, .mae-client-review-close, .mae-staff-whatsnew-close, .mae-staff-feedback-preview-close, .mae-development-close, .mae-footer-team-close, button[data-client-sheet-close], button[data-install-guide-close], button[data-staff-install-close], button[data-closeout-close], button[data-block-close], button[data-extra-close], button[data-quick-booking-close], button[data-pause-until-close], button[data-profile-photo-close], button[data-access-settings-close], button[data-team-close], button[data-close-day-dialog-close], button[data-test-cleanup-close], button[data-service-editor-close], button[data-customer-profile-close], button[data-day-close-sheet-close], button[data-totem-launcher-close] { pointer-events: auto !important; touch-action: manipulation !important; -webkit-tap-highlight-color: transparent; z-index: 2147483000 !important; }