/* Seabound Journeys — Asia visual layer (asia-ui.css)
   Three worlds: .asia-sg tropical night harbour · .asia-hk vertical harbour city · .asia-ty bay at dusk.
   Palette tokens override accent/tone only inside injected components and hero overlays. */

/* ------------------------------------------------------------- tokens */
body.asia-sg{--a-ink:#03141a;--a-deep:#07303a;--a-mid:#0f4f5a;--a-acc:#f3c76b;--a-acc2:#2fd1c0;--a-hot:#ffb866;--a-text:#eaf6f4;--a-dim:#a8cbcf;--a-line:#f3c76b;--a-line2:#2c7a85;--a-link:#0b6468;--a-pill:#0b5a64;--a-focus:#0b6468;--a-spot:rgba(243,199,107,.2);--a-btn-glow:rgba(243,199,107,.5);
  --a-disp:"Syne","Bricolage Grotesque",system-ui,sans-serif;--a-dw:800;--a-dls:-.028em}
body.asia-hk{--a-ink:#0a0c0f;--a-deep:#141a1f;--a-mid:#222c32;--a-acc:#59f0ff;--a-acc2:#ff5a4d;--a-hot:#ffd38a;--a-text:#eef7f8;--a-dim:#a9bec3;--a-line:#59f0ff;--a-line2:#2a6b72;--a-link:#a81d19;--a-pill:#b3231e;--a-focus:#a81d19;--a-spot:rgba(89,240,255,.2);--a-btn-glow:rgba(255,90,77,.5);
  --a-disp:"Big Shoulders Display","Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;--a-dw:900;--a-dls:.01em}
body.asia-ty{--a-ink:#0e1034;--a-deep:#191d55;--a-mid:#2a2b73;--a-acc:#ff8a63;--a-acc2:#f4e6cc;--a-hot:#ffd9a0;--a-text:#f6efe0;--a-dim:#c4c3e6;--a-line:#ff8a63;--a-line2:#4e54ad;--a-link:#a92f19;--a-pill:#222668;--a-focus:#a92f19;--a-spot:rgba(255,138,99,.2);--a-btn-glow:rgba(226,69,42,.5);
  --a-disp:"Shippori Mincho B1","Newsreader",Georgia,serif;--a-dw:800;--a-dls:-.01em}
html{scroll-padding-top:var(--aui-sticky,120px)}
body.aui :focus-visible{outline:3px solid var(--a-focus);outline-offset:3px;border-radius:4px}
.aui-board :focus-visible,.aui-race :focus-visible,.aui-scrub :focus-visible,.aui-term :focus-visible,.aui-mini :focus-visible,.aui-hero :focus-visible{outline-color:var(--a-acc)}

/* --------------------------------------------------------------- hero */
.aui-hero{--ah:clamp(300px,36vw,560px);position:relative;overflow:hidden;isolation:isolate}
.aui-hero>svg.scene,.aui-hero>[data-art],.aui-hero>.hero-scene{display:none!important}
.aui-hero .aui-stage{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.aui-hero .aui-sky{position:absolute;inset:0;will-change:transform}
.aui-hero .aui-sky .aui-l{position:absolute;inset:0;width:100%;height:100%}
.aui-hero .aui-art{position:absolute;left:-2%;right:-2%;bottom:0;height:var(--ah);max-height:100%}
.aui-hero .aui-art .aui-l{position:absolute;left:0;bottom:0;width:100%;height:100%;will-change:transform}
.aui-hero--lite{--ah:clamp(200px,26.2vw,420px)}
body.asia-sg .aui-hero{--hz:.432}body.asia-hk .aui-hero{--hz:.382}body.asia-ty .aui-hero{--hz:.407}
body.asia-sg .aui-hero--lite{--hz:.576}body.asia-hk .aui-hero--lite{--hz:.51}body.asia-ty .aui-hero--lite{--hz:.543}
.aui-hero--lite .aui-sky .aui-ff{display:none}
.aui-hero>.wrap,.aui-hero>div:not(.aui-stage){position:relative;z-index:2}
.aui-hero .aui-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.2;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")}
body.asia-ty .aui-hero .aui-grain{opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .55' numOctaves='3' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 .45  0 0 0 0 .32  0 0 0 0 .2  0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' seed='8'/%3E%3CfeColorMatrix values='0 0 0 0 .3  0 0 0 0 .2  0 0 0 0 .1  0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23m)'/%3E%3C/svg%3E")}

@media(max-width:760px){.aui-hero{padding-bottom:calc(var(--ah)*.66)!important}.aui-hero--lite{padding-bottom:calc(var(--ah)*.5)!important}}
/* sky colours per port, glowing at the horizon the art draws */
body.asia-sg .aui-hero{background:
  radial-gradient(ellipse 80% 280px at 60% calc(100% - var(--ah)*var(--hz)),rgba(255,176,96,.5),transparent 72%),
  linear-gradient(180deg,#02101a 0%,#052631 34%,#0a4350 66%,#0e5a66 100%)}
body.asia-hk .aui-hero{background:
  radial-gradient(ellipse 60% 260px at 72% calc(100% - var(--ah)*var(--hz)),rgba(200,35,31,.34),transparent 72%),
  radial-gradient(ellipse 50% 200px at 20% calc(100% - var(--ah)*(var(--hz) + .1)),rgba(31,176,122,.14),transparent 70%),
  linear-gradient(180deg,#07090c 0%,#101519 45%,#1b1417 100%)}
body.asia-ty .aui-hero{background:
  radial-gradient(ellipse 52% 300px at 62% calc(100% - var(--ah)*var(--hz)),rgba(255,206,160,.55),transparent 70%),
  linear-gradient(180deg,#0d1034 0%,#1f2060 28%,#5d3a86 52%,#c9566a 74%,#f08a5f 100%)}
/* the site's own overlay is replaced by a scrim that serves the new art (text side only) */
body.aui .aui-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(2,10,14,.62) 0%,rgba(2,10,14,.34) 46%,rgba(2,10,14,0) 74%),linear-gradient(180deg,rgba(2,10,14,.38) 0%,rgba(2,10,14,0) 30%,rgba(2,10,14,0) 60%,rgba(2,10,14,.34) 100%)}
body.asia-ty .aui-hero::before{background:linear-gradient(90deg,rgba(9,10,40,.6) 0%,rgba(9,10,40,.3) 46%,rgba(9,10,40,0) 74%),linear-gradient(180deg,rgba(9,10,40,.3) 0%,rgba(9,10,40,0) 30%,rgba(9,10,40,0) 62%,rgba(9,10,40,.3) 100%)}
body.aui .aui-hero::after{z-index:1;opacity:calc(var(--dawn,0)*.3)}
body.asia-hk .aui-hero{border-bottom:4px solid #b3231e}
body.asia-hk .aui-hero::after{display:none}
.aui-hero .eyebrow,.aui-hero h1,.aui-hero .governing,.aui-hero .hero-stats,.aui-hero .quickfacts,.aui-hero .hp-medal,.aui-hero .hp-keys{text-shadow:0 1px 14px rgba(0,0,0,.45)}

/* display type: h1, hero numbers, section kickers */
body.aui .aui-hero h1,body.aui .hp-h1{font-family:var(--a-disp);font-weight:var(--a-dw);letter-spacing:var(--a-dls)}
body.asia-hk .aui-hero h1,body.asia-hk .hp-h1{text-transform:uppercase;line-height:.98}
body.asia-ty .aui-hero h1,body.asia-ty .hp-h1{line-height:1.12}
body.aui .aui-hero .hero-stats b,body.aui .aui-hero .qf-v{font-family:var(--a-disp);font-weight:var(--a-dw)}
body.aui .aui-hero .eyebrow{color:var(--a-acc);display:flex;align-items:center;gap:12px}
body.aui .aui-hero .eyebrow::before{content:"";flex:none;width:34px;height:2px;background:currentColor;opacity:.9}
body.asia-hk .aui-hero .eyebrow::before{width:14px;height:14px;background:#d42a22;clip-path:polygon(0 0,100% 0,60% 100%,0 100%)}
body.asia-ty .aui-hero .eyebrow::before{width:12px;height:12px;border-radius:2px;background:#e2452a}
body.asia-hk .aui-hero .hero-stats div,body.asia-hk .aui-hero .quickfacts>div{border-left:2px solid #d42a22;padding-left:12px}
body.asia-ty .aui-hero .hero-stats{border-top-color:rgba(246,239,224,.4)}
body.aui .section-head .num{font-family:"Space Mono",monospace;color:var(--a-link);display:inline-flex;align-items:center;gap:10px}
body.asia-sg .section-head .num::before{content:"";width:26px;height:2px;background:linear-gradient(90deg,#f3c76b,#2fd1c0)}
body.asia-hk .section-head .num{font-family:var(--a-disp);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:15px;color:#fff;background:#b3231e;padding:2px 12px 2px 9px;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%)}
body.asia-ty .section-head .num{font-family:var(--a-disp);font-weight:700;font-size:14px;letter-spacing:.06em;color:#a92f19;border:1.5px solid #a92f19;border-radius:2px;padding:1px 9px}
body.asia-ty .section-head .num::before{display:none}

/* ------------------------------------------------- hero art animation */
@keyframes aui-glide{from{transform:translateX(-480px)}to{transform:translateX(2100px)}}
@keyframes aui-fly{0%,100%{transform:translate(0,0);opacity:.15}50%{transform:translate(var(--dx),var(--dy));opacity:.95}}
@keyframes aui-tw{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes aui-wf{0%,8%,100%{opacity:.1}10%,26%{opacity:1}28%,34%{opacity:.22}36%,62%{opacity:.95}64%,72%{opacity:.3}74%{opacity:.8}}
@keyframes aui-shim{0%,100%{transform:scaleX(.55) translateX(0);opacity:.15}50%{transform:scaleX(1.5) translateX(3px);opacity:.55}}
@keyframes aui-shimh{0%,100%{transform:translateX(-10px);opacity:.25}50%{transform:translateX(10px);opacity:.9}}
@keyframes aui-trail{from{transform:translateX(calc(var(--k)*-1))}to{transform:translateX(var(--k))}}
@keyframes aui-dash{to{stroke-dashoffset:-76}}
@keyframes aui-dashr{from{stroke-dashoffset:-66}to{stroke-dashoffset:0}}
@keyframes aui-neon{0%,100%{opacity:.5}45%{opacity:1}52%{opacity:.35}58%{opacity:1}}
@keyframes aui-blink{0%,60%,100%{opacity:.15}30%{opacity:1}}
@keyframes aui-tick{0%{transform:translateY(0);opacity:0}15%{opacity:.7}100%{transform:translateY(160px);opacity:0}}
@keyframes aui-wake{0%{transform:scaleX(.8);opacity:.5}100%{transform:scaleX(1.12);opacity:.9}}
@keyframes aui-spin{to{transform:rotate(360deg)}}
@keyframes aui-spinr{to{transform:rotate(-360deg)}}
@keyframes aui-sei{to{transform:translateX(-80px)}}
@keyframes aui-seir{from{transform:translateX(-80px)}to{transform:translateX(0)}}
@keyframes aui-drift{from{transform:translateX(-120px)}to{transform:translateX(120px)}}
@keyframes aui-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
.aui-ship{animation:aui-glide 130s linear infinite;animation-delay:-38s}
.asia-hk .aui-ship{animation-duration:62s;animation-delay:-18s}
.asia-ty .aui-ship{animation-duration:170s;animation-delay:-60s}
.aui-ff{opacity:.55;animation:aui-fly var(--t,12s) ease-in-out infinite;animation-delay:var(--d,0s)}
.aui-tw{animation:aui-tw 4.5s ease-in-out infinite;animation-delay:var(--d,0s)}
.aui-tw.a{animation-duration:7s}.aui-tw.b{animation-duration:5s;animation-delay:-2s}
.aui-wf{animation:aui-wf var(--t,6s) linear infinite;animation-delay:var(--d,0s)}
.aui-shim{transform-box:fill-box;transform-origin:center;animation:aui-shim var(--t,4s) ease-in-out infinite;animation-delay:var(--d,0s)}
.aui-shim.h{animation-name:aui-shimh}
.aui-trail{animation:aui-trail var(--t,12s) ease-in-out infinite alternate;animation-delay:var(--d,0s)}
.aui-dash{animation:aui-dash 2.2s linear infinite}.aui-dash.rev{animation:aui-dashr 3s linear infinite}
.aui-neon{animation:aui-neon 3.4s ease-in-out infinite;animation-delay:var(--d,0s)}
.aui-blink{animation:aui-blink 2.8s ease-in-out infinite;animation-delay:var(--d,0s)}
.aui-tick{animation:aui-tick var(--t,9s) ease-in infinite;animation-delay:var(--d,0s)}
.aui-wake{transform-box:fill-box;transform-origin:right center;animation:aui-wake 2.2s ease-in-out infinite alternate}
.aui-wake2{animation:aui-tw 2.2s ease-in-out infinite}
.aui-wl{animation:aui-tw 6s ease-in-out infinite;animation-delay:var(--d,0s)}
.aui-wheel{animation:aui-spin 150s linear infinite}
.aui-gond{animation:aui-spinr 150s linear infinite}
.aui-rimlights{animation:aui-tw 2.4s ease-in-out infinite}
.aui-sei{animation:aui-sei var(--t,30s) linear infinite}.aui-sei.rev{animation-name:aui-seir}
.aui-mist{animation:aui-drift var(--t,50s) ease-in-out infinite alternate}
.aui-sun{transform-box:fill-box;transform-origin:center;animation:aui-breathe 14s ease-in-out infinite}
.aui-hero.aui-paused *{animation-play-state:paused!important}

/* ---------------------------------------------- card art: each port's own place over the site's scenes */
body.asia-sg{--aui-sil:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 150%22 preserveAspectRatio=%22xMidYMax slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%230a343d%22/%3E%3Cstop offset=%221%22 stop-color=%22%2303141a%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill=%22url(%23g)%22%3E%3Crect x=%22-6%22 y=%2265%22 width=%2237%22 height=%2285%22/%3E%3Cpath d=%22M33 150V132L55 118V150z%22/%3E%3Crect x=%2259%22 y=%2261%22 width=%2220%22 height=%22111%22/%3E%3Crect x=%2262%22 y=%2247%22 width=%2214%22 height=%2220%22/%3E%3Crect x=%2265%22 y=%2233%22 width=%228%22 height=%2216%22/%3E%3Cpath d=%22M80 150V131L127 117V150z%22/%3E%3Cpath d=%22M131 150V106L173 92V150z%22/%3E%3Crect x=%22177%22 y=%22139%22 width=%2228%22 height=%2233%22/%3E%3Crect x=%22181%22 y=%22125%22 width=%2220%22 height=%2220%22/%3E%3Crect x=%22185%22 y=%22111%22 width=%2211%22 height=%2216%22/%3E%3Crect x=%22210%22 y=%22105%22 width=%2239%22 height=%2245%22/%3E%3Crect x=%22252%22 y=%22113%22 width=%2234%22 height=%2237%22/%3E%3Crect x=%22290%22 y=%22141%22 width=%2240%22 height=%2231%22/%3E%3Crect x=%22296%22 y=%22127%22 width=%2229%22 height=%2220%22/%3E%3Crect x=%22302%22 y=%22113%22 width=%2216%22 height=%2216%22/%3E%3Crect x=%22333%22 y=%22102%22 width=%2236%22 height=%2270%22/%3E%3Crect x=%22338%22 y=%2288%22 width=%2226%22 height=%2220%22/%3E%3Crect x=%22344%22 y=%2274%22 width=%2215%22 height=%2216%22/%3E%3Crect x=%22372%22 y=%22132%22 width=%2231%22 height=%2240%22/%3E%3Crect x=%22376%22 y=%22118%22 width=%2222%22 height=%2220%22/%3E%3Crect x=%22381%22 y=%22104%22 width=%2212%22 height=%2216%22/%3E%3C/g%3E%3Cg fill=%22%23ffd98a%22 opacity=%22.85%22%3E%3Crect x=%22-3%22 y=%22101%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%224%22 y=%2271%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%224%22 y=%22121%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%2211%22 y=%22111%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%2211%22 y=%22131%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%2211%22 y=%22141%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%2236%22 y=%22134%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%2262%22 y=%2265%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%2262%22 y=%22105%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%2262%22 y=%22115%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%2269%22 y=%22115%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%2297%22 y=%22143%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22111%22 y=%22133%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22134%22 y=%2298%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22134%22 y=%22118%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22141%22 y=%2298%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22148%22 y=%2298%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22213%22 y=%22131%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22300%22 y=%22145%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22307%22 y=%22145%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22314%22 y=%22125%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22321%22 y=%22135%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22336%22 y=%2296%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22336%22 y=%22136%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22343%22 y=%2296%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22343%22 y=%22116%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22364%22 y=%2286%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22364%22 y=%2296%22 width=%222.4%22 height=%223%22 /%3E%3Crect x=%22396%22 y=%22136%22 width=%222.4%22 height=%223%22 /%3E%3C/g%3E%3Crect y=%22144%22 width=%22400%22 height=%226%22 fill=%22%2303141a%22/%3E%3C/svg%3E");--aui-tint:linear-gradient(180deg,rgba(2,20,26,.4) 0%,rgba(8,64,74,.18) 55%,rgba(255,170,90,.16) 100%)}
body.asia-hk{--aui-sil:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 150%22 preserveAspectRatio=%22xMidYMax slice%22%3E%3Cg fill=%22%230b1013%22%3E%3Crect x=%22-4%22 y=%2279%22 width=%2218%22 height=%2271%22/%3E%3Crect x=%225%22 y=%2259%22 width=%221.4%22 height=%2220%22/%3E%3Crect x=%2216%22 y=%2221%22 width=%2223%22 height=%22129%22/%3E%3Crect x=%2241%22 y=%2235%22 width=%2213%22 height=%22115%22/%3E%3Crect x=%2246%22 y=%2215%22 width=%221.4%22 height=%2220%22/%3E%3Crect x=%2254%22 y=%22101%22 width=%2220%22 height=%2249%22/%3E%3Crect x=%2263%22 y=%2281%22 width=%221.4%22 height=%2220%22/%3E%3Crect x=%2275%22 y=%22109%22 width=%2215%22 height=%2241%22/%3E%3Crect x=%2282%22 y=%2289%22 width=%221.4%22 height=%2220%22/%3E%3Crect x=%2291%22 y=%2264%22 width=%2216%22 height=%2286%22/%3E%3Crect x=%22108%22 y=%2269%22 width=%2220%22 height=%2281%22/%3E%3Crect x=%22128%22 y=%2233%22 width=%2213%22 height=%22117%22/%3E%3Crect x=%22133%22 y=%2213%22 width=%221.4%22 height=%2220%22/%3E%3Crect x=%22141%22 y=%22107%22 width=%2216%22 height=%2243%22/%3E%3Crect x=%22149%22 y=%2287%22 width=%221.4%22 height=%2220%22/%3E%3Crect x=%22157%22 y=%2270%22 width=%2220%22 height=%2280%22/%3E%3Crect x=%22178%22 y=%2288%22 width=%2225%22 height=%2262%22/%3E%3Crect x=%22204%22 y=%2261%22 width=%2226%22 height=%2289%22/%3E%3Crect x=%22232%22 y=%22103%22 width=%2226%22 height=%2247%22/%3E%3Crect x=%22259%22 y=%2259%22 width=%2212%22 height=%2291%22/%3E%3Crect x=%22273%22 y=%2216%22 width=%2218%22 height=%22134%22/%3E%3Crect x=%22281%22 y=%22-4%22 width=%221.4%22 height=%2220%22/%3E%3Crect x=%22292%22 y=%2251%22 width=%2213%22 height=%2299%22/%3E%3Crect x=%22306%22 y=%2221%22 width=%2222%22 height=%22129%22/%3E%3Crect x=%22330%22 y=%2250%22 width=%2220%22 height=%22100%22/%3E%3Crect x=%22339%22 y=%2230%22 width=%221.4%22 height=%2220%22/%3E%3Crect x=%22350%22 y=%2217%22 width=%2225%22 height=%22133%22/%3E%3Crect x=%22375%22 y=%2297%22 width=%2217%22 height=%2253%22/%3E%3Crect x=%22392%22 y=%2242%22 width=%2212%22 height=%22108%22/%3E%3C/g%3E%3Crect x=%223%22 y=%22116%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%228%22 y=%2284%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%2218%22 y=%2258%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%2218%22 y=%2282%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%2223%22 y=%2226%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%2223%22 y=%2250%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%2223%22 y=%22146%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%2228%22 y=%22114%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%2233%22 y=%2290%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%2248%22 y=%2248%22 width=%222.2%22 height=%222.8%22 fill=%22%23e9fff8%22/%3E%3Crect x=%2248%22 y=%2296%22 width=%222.2%22 height=%222.8%22 fill=%22%23e9fff8%22/%3E%3Crect x=%2248%22 y=%22104%22 width=%222.2%22 height=%222.8%22 fill=%22%23e9fff8%22/%3E%3Crect x=%2256%22 y=%22114%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%2266%22 y=%22114%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%2282%22 y=%22122%22 width=%222.2%22 height=%222.8%22 fill=%22%23e9fff8%22/%3E%3Crect x=%2293%22 y=%2293%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%2293%22 y=%22133%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%2298%22 y=%2285%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22103%22 y=%2285%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22103%22 y=%22117%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22103%22 y=%22141%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22110%22 y=%2290%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22130%22 y=%2286%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%22130%22 y=%22126%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%22135%22 y=%2246%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%22135%22 y=%22110%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%22159%22 y=%22107%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%22185%22 y=%22141%22 width=%222.2%22 height=%222.8%22 fill=%22%23e9fff8%22/%3E%3Crect x=%22200%22 y=%22117%22 width=%222.2%22 height=%222.8%22 fill=%22%23e9fff8%22/%3E%3Crect x=%22206%22 y=%22114%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22211%22 y=%2266%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22211%22 y=%22138%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22221%22 y=%2298%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22244%22 y=%22124%22 width=%222.2%22 height=%222.8%22 fill=%22%23ffd38a%22/%3E%3Crect x=%22249%22 y=%22108%22 width=%222.2%22 height=%222.8%22 fill=%22%23ffd38a%22/%3E%3Crect x=%22249%22 y=%22116%22 width=%222.2%22 height=%222.8%22 fill=%22%23ffd38a%22/%3E%3Crect x=%22254%22 y=%22124%22 width=%222.2%22 height=%222.8%22 fill=%22%23ffd38a%22/%3E%3Crect x=%22261%22 y=%22112%22 width=%222.2%22 height=%222.8%22 fill=%22%23e9fff8%22/%3E%3Crect x=%22266%22 y=%22144%22 width=%222.2%22 height=%222.8%22 fill=%22%23e9fff8%22/%3E%3Crect x=%22275%22 y=%2245%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22275%22 y=%22109%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22275%22 y=%22125%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22285%22 y=%22125%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22294%22 y=%2272%22 width=%222.2%22 height=%222.8%22 fill=%22%23e9fff8%22/%3E%3Crect x=%22294%22 y=%2296%22 width=%222.2%22 height=%222.8%22 fill=%22%23e9fff8%22/%3E%3Crect x=%22294%22 y=%22136%22 width=%222.2%22 height=%222.8%22 fill=%22%23e9fff8%22/%3E%3Crect x=%22308%22 y=%2234%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%22308%22 y=%22130%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%22313%22 y=%2234%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%22323%22 y=%22122%22 width=%222.2%22 height=%222.8%22 fill=%22%23ff5a4d%22/%3E%3Crect x=%22332%22 y=%2279%22 width=%222.2%22 height=%222.8%22 fill=%22%23e9fff8%22/%3E%3Crect x=%22337%22 y=%2271%22 width=%222.2%22 height=%222.8%22 fill=%22%23e9fff8%22/%3E%3Crect x=%22342%22 y=%22119%22 width=%222.2%22 height=%222.8%22 fill=%22%23e9fff8%22/%3E%3Crect x=%22352%22 y=%2286%22 width=%222.2%22 height=%222.8%22 fill=%22%23ffd38a%22/%3E%3Crect x=%22357%22 y=%2222%22 width=%222.2%22 height=%222.8%22 fill=%22%23ffd38a%22/%3E%3Crect x=%22362%22 y=%2238%22 width=%222.2%22 height=%222.8%22 fill=%22%23ffd38a%22/%3E%3Crect x=%22362%22 y=%2254%22 width=%222.2%22 height=%222.8%22 fill=%22%23ffd38a%22/%3E%3Crect x=%22362%22 y=%2278%22 width=%222.2%22 height=%222.8%22 fill=%22%23ffd38a%22/%3E%3Crect x=%22362%22 y=%22110%22 width=%222.2%22 height=%222.8%22 fill=%22%23ffd38a%22/%3E%3Crect x=%22362%22 y=%22118%22 width=%222.2%22 height=%222.8%22 fill=%22%23ffd38a%22/%3E%3Crect x=%22362%22 y=%22126%22 width=%222.2%22 height=%222.8%22 fill=%22%23ffd38a%22/%3E%3Crect x=%22367%22 y=%22118%22 width=%222.2%22 height=%222.8%22 fill=%22%23ffd38a%22/%3E%3Crect x=%22377%22 y=%22126%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22387%22 y=%22142%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22394%22 y=%2295%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22399%22 y=%2255%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect x=%22399%22 y=%2279%22 width=%222.2%22 height=%222.8%22 fill=%22%2359f0ff%22/%3E%3Crect y=%22145%22 width=%22400%22 height=%225%22 fill=%22%23b3231e%22/%3E%3C/svg%3E");--aui-tint:linear-gradient(180deg,rgba(6,8,10,.5) 0%,rgba(20,26,30,.2) 50%,rgba(200,35,31,.22) 100%)}
body.asia-ty{--aui-sil:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 150%22 preserveAspectRatio=%22xMidYMax slice%22%3E%3Cg fill=%22none%22 stroke=%22%230c0b2e%22 stroke-width=%221.6%22%3E%3Cpath d=%22M110 52Q205.0 94 300 52M14 126Q60 112 110 52M300 52Q350 112 392 126%22/%3E%3Cpath d=%22M118 61V128M127 71V128M136 79V128M145 87V128M154 93V128M163 99V128M172 103V128M181 106V128M190 109V128M199 110V128M208 110V128M217 109V128M226 107V128M235 104V128M244 100V128M253 95V128M262 89V128M271 82V128M280 74V128M289 65V128%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%2248%22 cy=%2292%22 r=%2232%22 stroke-width=%222%22/%3E%3Cpath d=%22M48 92L80.0 92.0M48 92L77.6 104.2M48 92L70.6 114.6M48 92L60.2 121.6M48 92L48.0 124.0M48 92L35.8 121.6M48 92L25.4 114.6M48 92L18.4 104.2M48 92L16.0 92.0M48 92L18.4 79.8M48 92L25.4 69.4M48 92L35.8 62.4M48 92L48.0 60.0M48 92L60.2 62.4M48 92L70.6 69.4M48 92L77.6 79.7%22 stroke-width=%22.7%22/%3E%3Cpath d=%22M48 92L32 132M48 92L64 132%22 stroke-width=%222.2%22/%3E%3C/g%3E%3Cg fill=%22%230c0b2e%22%3E%3Crect x=%22104%22 y=%2249%22 width=%2212%22 height=%2284%22/%3E%3Crect x=%22294%22 y=%2249%22 width=%2212%22 height=%2284%22/%3E%3Crect x=%228%22 y=%22126%22 width=%22384%22 height=%224%22/%3E%3C/g%3E%3Cg%3E%3Ccircle cx=%22-20%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%228%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%2236%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%2264%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%2292%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22120%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22148%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22176%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22204%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22232%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22260%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22288%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22316%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22344%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22372%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22400%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22428%22 cy=%22128%22 r=%2216%22 fill=%22%23242a78%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22-6%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%2222%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%2250%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%2278%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22106%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22134%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22162%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22190%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22218%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22246%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22274%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22302%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22330%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22358%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22386%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22414%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22442%22 cy=%22138%22 r=%2216%22 fill=%22%232f2f8c%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22-20%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%228%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%2236%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%2264%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%2292%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22120%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22148%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22176%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22204%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22232%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22260%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22288%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22316%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22344%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22372%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22400%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%22428%22 cy=%22148%22 r=%2216%22 fill=%22%233a3598%22 stroke=%22%236a6fd0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3C/g%3E%3C/svg%3E");--aui-tint:linear-gradient(180deg,rgba(14,16,60,.42) 0%,rgba(80,48,130,.18) 55%,rgba(255,120,80,.2) 100%)}
.aui .hc-art::before,.aui .pod .art::before,.aui .spc-art::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--aui-sil) center bottom/100% auto no-repeat,var(--aui-tint)}
.aui .hc-art,.aui .pod .art,.aui .spc-art{position:relative}
.aui .hc-art .num,.aui .hc-art .kind,.aui .pod .art .num,.aui .spc-art .spc-k{z-index:3}
body.aui:not(.asia-x) .hc-art svg,body.aui .pod .art svg{filter:saturate(.85)}

/* ---------------------------------------------------- progress line */
.aui-prog{position:fixed;left:0;right:0;top:0;height:3px;z-index:1200;pointer-events:none;opacity:0;transition:opacity .3s}
.aui-prog.on{opacity:1}
.aui-prog-bar{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--a-acc2),var(--a-acc));box-shadow:0 0 12px var(--a-acc)}
.aui-prog-ship{position:absolute;left:0;top:3px;width:30px;height:19px;padding:2px 4px;border-radius:0 0 9px 9px;background:var(--a-ink);color:var(--a-acc);display:block;will-change:transform}
.aui-prog-ship svg{display:block;width:100%;height:100%}

/* ----------------------------------------------- section chip nav */
.navbar .wrap{position:relative}
.navbar a{position:relative;z-index:1}
.aui-pill{position:absolute;left:0;top:12px;bottom:12px;width:0;border-radius:100px;background:var(--a-pill);z-index:0;opacity:0;pointer-events:none;transition:transform .38s cubic-bezier(.2,.8,.2,1),width .38s cubic-bezier(.2,.8,.2,1),opacity .2s;will-change:transform}
.navbar a.aui-on,.navbar a.aui-on:hover,.navbar a.aui-on:focus{color:#fff;background:transparent}
.navbar a:hover,.navbar a:focus{background:var(--a-pill)}

/* ----------------------------------------------- shared chips / kickers */
.aui-k{display:block;font:11px/1.2 "Space Mono",monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--a-acc)}
.aui-chip{font:12px/1.1 "Space Mono",monospace;letter-spacing:.03em;padding:10px 13px;min-height:40px;border-radius:100px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.07);color:var(--a-text);cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .2s,color .2s,border-color .2s,transform .2s}
.aui-chip:hover{border-color:var(--a-acc);transform:translateY(-1px)}
.aui-chip[aria-pressed="true"]{background:var(--a-acc);border-color:var(--a-acc);color:var(--a-ink);font-weight:700}
.aui-chip svg{width:14px;height:14px}
.aui-tabs{display:flex;flex-wrap:wrap;gap:6px}
.aui-replay svg{transition:transform .35s}.aui-replay:hover svg{transform:translateX(3px)}

/* ----------------------------------------------------- hub board */
.aui-board{position:relative;margin:26px 0 24px;padding:22px 22px 14px;border-radius:22px;color:var(--a-text);background:radial-gradient(120% 80% at 90% 0%,var(--a-mid),transparent 60%),linear-gradient(165deg,var(--a-deep),var(--a-ink));box-shadow:0 30px 60px -34px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden;isolation:isolate}
.aui-board::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .7 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
.aui-board-top{display:flex;flex-wrap:wrap;gap:14px 20px;justify-content:space-between;align-items:flex-end}
.aui-board-h,.aui-race-h{font-family:var(--a-disp);font-weight:var(--a-dw);font-size:clamp(24px,3.4vw,32px);letter-spacing:var(--a-dls);line-height:1.05;color:#fff;margin:8px 0 0}
body.asia-hk .aui-board-h,body.asia-hk .aui-race-h{text-transform:uppercase}
.aui-strip{display:flex;flex-wrap:wrap;gap:6px}
.aui-board-stage{position:relative;margin:14px -6px 0}
.aui-board-svg{display:block;width:100%;height:auto;overflow:visible}
.aui-board-svg .ax{stroke:rgba(255,255,255,.1);stroke-dasharray:2 5}
.aui-board-svg .ax.brk{stroke:var(--a-acc);stroke-opacity:.5;stroke-dasharray:6 6}
.aui-board-svg .axt{fill:var(--a-dim);font:10px "Space Mono",monospace;letter-spacing:.04em}
.aui-board-svg .rt{fill:none;stroke:var(--a-line2);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);transition:stroke .25s,stroke-width .25s,opacity .3s}
.aui-board.aui-drawn .rt{stroke-dashoffset:0;transition:stroke-dashoffset 1.3s cubic-bezier(.2,.7,.2,1) calc(var(--n,0)*55ms),stroke .25s,stroke-width .25s,opacity .3s}
.aui-board-svg .rt.on{stroke:var(--a-acc);stroke-width:3}
.aui-board-svg .dot{fill:var(--a-acc);opacity:0;offset-rotate:0deg;offset-distance:0%;animation:aui-move 4s linear infinite;transition:opacity .4s .9s}
.aui-board:not(.aui-run) .dot{animation-play-state:paused}
@keyframes aui-move{to{offset-distance:100%}}
.aui-board.aui-drawn .dot{opacity:.85}
.aui-board-svg .tn circle{fill:var(--a-mid);stroke:var(--a-acc);stroke-width:2}
.aui-board-svg .tn .pulse{fill:none;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:aui-pulse 3.2s ease-out infinite}
.aui-board-svg .tg{color:var(--a-acc);fill:var(--a-acc)}
.aui-board-svg .tg path{fill:var(--a-acc);stroke:var(--a-acc)}
.aui-board-svg .tl{fill:#fff;font:600 12px "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:.01em}
.aui-board-svg .hn{cursor:pointer;opacity:0;transform-box:fill-box;transition:opacity .4s calc(var(--n,0)*55ms + .4s)}
.aui-board.aui-drawn .hn{opacity:1}
.aui-board-svg .hn .hr{fill:none;stroke:var(--a-acc);stroke-opacity:calc(.3 + var(--k,.5)*.7);stroke-width:2;transition:stroke-width .2s,r .2s}
.aui-board-svg .hn .hc2{fill:var(--a-deep);fill:color-mix(in srgb,var(--a-acc) calc(var(--k,.5)*55%),var(--a-ink));stroke:rgba(255,255,255,.2);transition:fill .2s}
.aui-board-svg .hn text{fill:#fff;font:700 11px "Space Mono",monospace;pointer-events:none;paint-order:stroke;stroke:rgba(0,0,0,.5);stroke-width:2.5px}
.aui-board-svg .hn.has-ride .hr{stroke-dasharray:none}
.aui-board-svg .hn:not(.has-ride) .hr{stroke-dasharray:3 3}
.aui-board-svg .hn:focus{outline:none}
.aui-board-svg .hn:focus-visible .hr{stroke:#fff;stroke-width:3.4}
.aui-board-svg .hn.on .hr{stroke:#fff;stroke-width:3.4;stroke-opacity:1}
.aui-board-svg .hn.on .hc2{fill:var(--a-acc);stroke:#fff}
.aui-board-svg .hn.on text{fill:var(--a-ink);stroke:none}
.aui-board.has-hot .hn:not(.on),.aui-board.has-hot .rt:not(.on),.aui-board.has-hot .dot:not(.on){opacity:.22}
.aui-board-svg .off{opacity:.07!important;pointer-events:none}
.aui-tip{position:absolute;left:0;top:0;z-index:5;pointer-events:none;background:#fff;color:#12262a;border-radius:12px;padding:10px 13px;max-width:270px;box-shadow:0 18px 34px -14px rgba(0,0,0,.6);font:14px/1.35 "Newsreader",Georgia,serif;transition:transform .12s ease-out}
.aui-tip[hidden]{display:none}
.aui-tip b{display:block;font:700 14px/1.25 "Bricolage Grotesque",system-ui,sans-serif;margin-bottom:3px}
.aui-tip span{display:block}.aui-tip .dim{color:#4a5b5b;font-size:13px}.aui-tip .ride{margin-top:4px;color:var(--a-link);font:700 11px/1.3 "Space Mono",monospace;letter-spacing:.03em}
.aui-board-foot{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;align-items:center;margin-top:8px;font:11px/1.3 "Space Mono",monospace;color:var(--a-dim);letter-spacing:.04em}
.aui-legend{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.aui-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid var(--a-acc);margin-right:-6px}
.aui-legend .lg-term{background:var(--a-mid)}.aui-legend .lg-hot{background:var(--a-ink)}.aui-legend .lg-bar{border:0;border-radius:2px;width:18px;height:2px;background:var(--a-line2)}
@keyframes aui-pulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.9);opacity:0}}
.hc.aui-hl,.spc.aui-hl{box-shadow:0 0 0 2px var(--a-link),0 24px 46px -26px rgba(11,49,56,.7)!important;transition:box-shadow .25s}
.aui-flash{animation:aui-flash 1.5s ease-out 1}
@keyframes aui-flash{0%{box-shadow:0 0 0 0 var(--a-link),0 0 0 0 rgba(255,255,255,0)}18%{box-shadow:0 0 0 3px var(--a-link),0 0 0 14px rgba(120,120,120,.16)}100%{box-shadow:0 0 0 0 rgba(0,0,0,0)}}
[data-aui-hide]{display:none!important}
.aui-leave{opacity:0!important;transform:scale(.97)!important;transition:opacity .2s,transform .2s!important}
.aui-enter{animation:aui-pop .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes aui-pop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}

/* ----------------------------------------------- hotel: scrubber */
.aui-scrub{position:relative;margin:18px 0 22px;padding:18px 18px 14px;border-radius:20px;background:linear-gradient(170deg,var(--a-deep),var(--a-ink));color:var(--a-text);box-shadow:0 26px 50px -32px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden}
.aui-sc-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.aui-sc-n{font:12px "Space Mono",monospace;color:var(--a-dim)}
.aui-sc-track{position:relative;height:96px;margin:14px 46px 0;touch-action:pan-y;cursor:ew-resize}
.aui-sc-line,.aui-sc-fill{position:absolute;left:0;right:0;top:27px;height:3px;border-radius:2px}
.aui-sc-line{background:rgba(255,255,255,.18)}
.aui-sc-fill{background:linear-gradient(90deg,var(--a-acc2),var(--a-acc));transform-origin:0 50%;transform:scaleX(0);transition:transform .7s cubic-bezier(.3,.8,.2,1);box-shadow:0 0 14px var(--a-acc)}
.aui-scrub.drag .aui-sc-fill,.aui-scrub.drag .aui-sc-ship{transition:none}
.aui-sc-ship{position:absolute;top:2px;left:0;width:34px;height:22px;margin-left:-17px;color:var(--a-acc);transition:left .7s cubic-bezier(.3,.8,.2,1);pointer-events:none;filter:drop-shadow(0 0 8px var(--a-acc));animation:aui-bob 3.4s ease-in-out infinite}
.aui-sc-ship svg{display:block;width:100%;height:100%}
@keyframes aui-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-1.5deg)}}
.aui-sc-step{position:absolute;top:10px;left:var(--p);transform:translateX(-50%);background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:48px;cursor:pointer;color:var(--a-dim);font-family:inherit}
.aui-sc-step .g{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:16px;line-height:1;background:var(--a-ink);border:2px solid rgba(255,255,255,.3);color:var(--a-text);transition:transform .3s,background .3s,border-color .3s,color .3s}
.aui-sc-step .l{font:10px/1.25 "Space Mono",monospace;letter-spacing:.07em;text-transform:uppercase;max-width:88px;text-align:center}
.aui-sc-step:hover .g{border-color:var(--a-acc)}
.aui-sc-step.done .g{border-color:var(--a-acc2)}
.aui-sc-step.on .g{background:var(--a-acc);border-color:var(--a-acc);color:var(--a-ink);transform:scale(1.14);box-shadow:0 0 0 6px rgba(255,255,255,.08)}
.aui-sc-step.on{color:#fff}
.aui-sc-cap{margin-top:2px;min-height:2.7em;display:flex;align-items:center}
.aui-sc-cap b{font:var(--a-dw) clamp(17px,2.4vw,21px)/1.25 var(--a-disp);color:#fff;letter-spacing:var(--a-dls)}
body.asia-hk .aui-sc-cap b{text-transform:uppercase;font-weight:900}
.aui-sc-ctl{display:flex;gap:8px;margin-top:8px}
.aui-sc-b{min-height:40px;min-width:44px;padding:0 14px;border-radius:100px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07);color:var(--a-text);font:12px "Space Mono",monospace;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}
.aui-sc-b:hover{border-color:var(--a-acc)}
.aui-sc-b svg{width:16px;height:16px}.aui-sc-b.prev svg{transform:scaleX(-1)}
.tl-i.aui-active .tl-h{color:var(--a-link)}
.tl-i.aui-active .tl-dot{box-shadow:0 0 0 5px rgba(120,160,170,.22);transform:scale(1.12);transition:box-shadow .3s,transform .3s}
.tl-i{transition:opacity .5s ease,transform .5s ease,background .3s}
.tl-i.aui-active{background:linear-gradient(90deg,rgba(120,160,170,.13),transparent 70%);border-radius:10px}
@media(max-width:560px){.aui-sc-track{margin:14px 34px 0}.aui-sc-step .l{max-width:64px;font-size:9px;letter-spacing:.04em}.aui-sc-step{min-width:42px}}

/* hotel: sticky mini header */
.aui-mini{position:fixed;left:0;right:0;top:0;z-index:40;transform:translateY(-120%);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s;background:rgba(10,14,18,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-bottom:2px solid var(--a-acc);pointer-events:none}
.aui-mini.on{transform:none;opacity:1;pointer-events:auto}
.aui-mini-in{max-width:920px;margin:0 auto;padding:8px 24px;display:flex;align-items:center;gap:12px;min-height:50px}
.aui-mini-rk{font:700 12px "Space Mono",monospace;letter-spacing:.06em;color:var(--a-acc);white-space:nowrap}
.aui-mini-n{flex:1;min-width:0;font:700 16px/1.2 "Bricolage Grotesque",system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aui-mini-sc{display:flex;align-items:center;gap:6px;font:700 15px "Space Mono",monospace;white-space:nowrap}
.aui-mini-sc i{width:26px;height:26px;border-radius:50%;background:conic-gradient(var(--a-acc) calc(var(--v)*1%),rgba(255,255,255,.2) 0);-webkit-mask:radial-gradient(circle 8px,transparent 98%,#000);mask:radial-gradient(circle 8px,transparent 98%,#000)}
.aui-mini-sc em{font-style:normal}.aui-mini-sc small{font-size:11px;opacity:.75}
.aui-mini-key{font:12px "Space Mono",monospace;color:var(--a-acc);white-space:nowrap}
.aui-mini-bk{flex:none;min-height:40px;padding:0 16px;border-radius:100px;border:0;background:var(--a-acc);color:var(--a-ink);font:700 13px "Bricolage Grotesque",system-ui,sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s}
.aui-mini-bk:hover{transform:translateY(-1px);box-shadow:0 8px 18px -8px var(--a-btn-glow)}
@media(max-width:600px){.aui-mini-in{padding:6px 14px;gap:8px}.aui-mini-key{display:none}.aui-mini-n{font-size:14px}.aui-mini-bk{padding:0 12px;font-size:12px}}

/* score ring / bars in the port's colours */
body.aui .hp-dial .val{stroke:var(--a-acc)}
body.asia-sg .hp-dial .val{stroke:#f3c76b;filter:drop-shadow(0 0 6px rgba(243,199,107,.55))}
body.asia-hk .hp-dial .val{stroke:#59f0ff;filter:drop-shadow(0 0 6px rgba(89,240,255,.5))}
body.asia-ty .hp-dial .val{stroke:#ff8a63;filter:drop-shadow(0 0 6px rgba(255,138,99,.5))}
.sm-bar i{background-image:linear-gradient(90deg,var(--a-acc2),var(--a-acc))}
.sm-anim .sm-bar i{transition-timing-function:cubic-bezier(.2,.8,.2,1)}

/* ------------------------------------------------- races + routes */
.aui-race{position:relative;margin:22px 0 26px;padding:22px;border-radius:22px;color:var(--a-text);background:radial-gradient(110% 90% at 0% 0%,var(--a-mid),transparent 55%),linear-gradient(165deg,var(--a-deep),var(--a-ink));box-shadow:0 30px 60px -36px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden}
.aui-race[hidden]{display:none}
.aui-race-top{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;align-items:flex-end;margin-bottom:14px}
.aui-race-ctl{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.aui-lanes{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.aui-lane{position:relative;display:grid;grid-template-columns:minmax(130px,34%) 1fr 108px;gap:4px 14px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}
.aui-lane:first-child{border-top:0}
.aui-lane .nm{font:15px/1.3 "Newsreader",Georgia,serif;color:var(--a-text)}
.aui-lane.rental .nm{color:var(--a-hot);font-weight:600}
.aui-lane .bar{position:relative;height:16px;border-radius:8px;background:rgba(255,255,255,.07)}
.aui-lane .b1,.aui-lane .b2{position:absolute;top:0;bottom:0;left:0;border-radius:8px;width:0}
.aui-lane .b1{background:linear-gradient(90deg,var(--a-line2),var(--a-acc2))}
.aui-lane.best .b1{background:linear-gradient(90deg,var(--a-acc2),var(--a-acc))}
.aui-lane.rental .b1{background:linear-gradient(90deg,#8a3b2c,var(--a-hot))}
.aui-lane .b2{left:var(--w);background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 4px,transparent 4px 8px);opacity:0}
.aui-lane .rider{position:absolute;top:50%;left:0;width:30px;height:19px;margin-top:-9.5px;color:#fff;transform:translateX(-100%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));opacity:0}
.aui-lane .rider svg{display:block;width:100%;height:100%}
.aui-lane .v{font:700 15px/1.2 "Space Mono",monospace;text-align:right;color:#fff;display:flex;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap}
.aui-lane .flag{font:700 9px/1 "Space Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--a-ink);background:var(--a-acc);padding:3px 6px;border-radius:99px;font-style:normal}
.aui-race.go .b1{animation:aui-bar 1.25s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*110ms)}
.aui-race.go .b2{animation:aui-bar2 .6s ease-out both;animation-delay:calc(var(--i,0)*110ms + 1.1s)}
.aui-race.go .rider{animation:aui-rider 1.25s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*110ms)}
.aui-race:not(.go) .rider{opacity:0}
@keyframes aui-bar{from{width:0}to{width:var(--w)}}
@keyframes aui-bar2{from{opacity:0;width:0}to{opacity:1;width:calc(var(--w2) - var(--w))}}
@keyframes aui-rider{from{left:0;opacity:1}to{left:var(--w);opacity:1}}
.aui-race:not(.go) .b1{width:0}
.aui-race.go .rider{opacity:1}
.aui-race-note{margin:12px 0 0;font:12px/1.5 "Space Mono",monospace;color:var(--a-dim)}
.aui-race-top .aui-chip{min-height:36px;padding:8px 12px}
@media(max-width:620px){.aui-lane{grid-template-columns:1fr auto;grid-template-areas:"nm v" "bar bar"}.aui-lane .nm{grid-area:nm}.aui-lane .v{grid-area:v;flex-direction:row;align-items:center;gap:8px}.aui-lane .bar{grid-area:bar}.aui-race{padding:18px 16px}}

.aui-routes{display:grid;gap:12px;margin:14px 16px 4px;padding:14px 14px 12px;border-radius:14px;background:linear-gradient(165deg,var(--a-deep),var(--a-ink));color:var(--a-text)}
.aui-rt-row{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"b b" "a line";gap:5px 10px;align-items:center}
.aui-rt-b{grid-area:b;font:13px/1.3 "Newsreader",Georgia,serif;color:var(--a-text)}
.aui-rt-a{grid-area:a;font:700 11px "Space Mono",monospace;letter-spacing:.08em;color:var(--a-acc)}
.aui-rt-line{grid-area:line;position:relative;height:18px}
.aui-rt-line i{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,var(--a-line2) 0 8px,transparent 8px 14px);opacity:.9}
.aui-rt-line::after{content:"";position:absolute;right:0;top:50%;width:9px;height:9px;margin:-4.5px -2px 0 0;border-radius:50%;background:var(--a-acc);box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.aui-rt-ic{position:absolute;top:0;left:0;width:26px;height:17px;color:var(--a-acc);animation:aui-travel 5.2s cubic-bezier(.45,.05,.4,.95) infinite;animation-delay:calc(var(--i,0)*.45s)}
.aui-rt-ic svg{display:block;width:100%;height:100%}
@keyframes aui-travel{0%{left:0;opacity:0}12%{opacity:1}78%{left:calc(100% - 30px);opacity:1}92%,100%{left:calc(100% - 30px);opacity:0}}

/* ------------------------------------------------- splurge hub */
.aui-rail{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 16px;margin:6px 0 10px;scroll-snap-type:x proximity;scrollbar-width:thin}
.aui-rate{flex:none;scroll-snap-align:start;display:grid;gap:3px;min-width:170px;max-width:240px;padding:12px 15px 13px;border-radius:14px;text-decoration:none!important;color:#fff!important;background:linear-gradient(160deg,var(--a-deep),var(--a-ink));border:1px solid rgba(255,255,255,.1);transition:transform .25s,box-shadow .25s,border-color .25s;background-image:none,linear-gradient(160deg,var(--a-deep),var(--a-ink))}
.aui-rate:hover,.aui-rate:focus-visible{transform:translateY(-3px);border-color:var(--a-acc);box-shadow:0 16px 30px -16px rgba(0,0,0,.6)}
.aui-rate .n{font:var(--a-dw) 16px/1.2 var(--a-disp);letter-spacing:var(--a-dls)}
body.asia-hk .aui-rate .n{text-transform:uppercase}
.aui-rate .r{font:700 10px/1.35 "Space Mono",monospace;letter-spacing:.06em;color:var(--a-acc);text-transform:uppercase}
.aui-rate .d{font:11px/1.3 "Space Mono",monospace;color:var(--a-dim)}
.aui-dimother .spc:not(.aui-hl){opacity:.55;transition:opacity .25s}
.spc-art{overflow:hidden}
.spc.rv .spc-art svg{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.sm-anim .spc.rv:not(.in) .spc-art{clip-path:inset(0 0 100% 0)}
.sm-anim .spc.rv .spc-art{clip-path:inset(0 0 0 0);transition:clip-path 1s cubic-bezier(.2,.8,.2,1) .15s}
.sm-anim .spc.rv:not(.in) .spc-art svg{transform:scale(1.14)}
.spc:hover .spc-art svg{transform:scale(1.06)}

/* ------------------------------------------------- guide terminals */
.aui-term{margin:22px 0 22px;padding:20px 20px 18px;border-radius:22px;color:var(--a-text);background:radial-gradient(110% 90% at 100% 0%,var(--a-mid),transparent 55%),linear-gradient(165deg,var(--a-deep),var(--a-ink));box-shadow:0 30px 60px -36px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.06)}
.aui-term-svg{display:block;width:100%;height:auto;margin:10px 0 6px;overflow:visible}
.aui-term-svg .shore{fill:#0b1218;fill:var(--a-ink);stroke:var(--a-line2);stroke-width:1.5}
.aui-term-svg .surf{fill:none;stroke:var(--a-line2);stroke-width:1.5;opacity:.7;animation:aui-surf 6s linear infinite}
@keyframes aui-surf{to{transform:translateX(-64px)}}
.aui-term-svg .pier{cursor:pointer}
.aui-term-svg .pier .stem{stroke:var(--a-line2);stroke-width:3}
.aui-term-svg .pier .deck{fill:var(--a-mid);stroke:var(--a-acc);stroke-width:1.4;transition:fill .3s}
.aui-term-svg .pier .lamp{fill:var(--a-dim);transition:fill .3s}
.aui-term-svg .pier.on .deck{fill:var(--a-acc)}
.aui-term-svg .pier.on .lamp{fill:#fff;animation:aui-tw 1.6s ease-in-out infinite}
.aui-term-ship{transition:transform .9s cubic-bezier(.3,.8,.2,1);color:var(--a-acc)}
.aui-term-ship .v{animation:aui-bob 3.4s ease-in-out infinite}
.aui-term-ship svg{overflow:visible}
.aui-term-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.aui-term-card{margin-top:8px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06);min-height:96px;border-left:3px solid var(--a-acc)}
.aui-term-card .n{display:block;font:var(--a-dw) 19px/1.2 var(--a-disp);letter-spacing:var(--a-dls);color:#fff}
body.asia-hk .aui-term-card .n{text-transform:uppercase}
.aui-term-card .l{display:block;margin:3px 0 6px;font:12px/1.4 "Space Mono",monospace;color:var(--a-acc)}
.aui-term-card .t{margin:0;font:16px/1.5 "Newsreader",Georgia,serif;color:var(--a-text)}
.aui-pick{margin-top:18px;padding-top:14px;border-top:1px dashed rgba(255,255,255,.2)}
.aui-pick-out{margin-top:8px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;min-height:0}
.aui-pick-out.on{opacity:1;transform:none}
.aui-pick-out b{display:block;font:700 14px/1.3 "Bricolage Grotesque",system-ui,sans-serif;color:#fff;margin-bottom:3px}
.aui-pick-out span{font:15px/1.5 "Newsreader",Georgia,serif}

/* --------------------------------------------- reveals + motion language */
.aui-rv{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--si,0)*70ms)}
.aui-rv.aui-in{opacity:1;transform:none}
.sm-anim body.asia-sg .rv{transform:translateY(24px) scale(.985);transition-delay:calc(var(--si,0)*75ms)}
.sm-anim body.asia-hk .rv{transform:translateX(-26px);transition-delay:calc(var(--si,0)*55ms);transition-duration:.55s}
.sm-anim body.asia-ty .rv{transform:translateY(12px);transition-delay:calc(var(--si,0)*90ms);transition-duration:.9s}
.sm-anim body.asia-sg .rv.in,.sm-anim body.asia-hk .rv.in,.sm-anim body.asia-ty .rv.in{transform:none}
.aui-verdict{animation:aui-verdict 1.6s ease-out 1}
@keyframes aui-verdict{0%{box-shadow:0 0 0 0 rgba(255,138,99,0)}25%{box-shadow:0 0 0 6px rgba(150,150,150,.18)}100%{box-shadow:0 0 0 0 rgba(0,0,0,0)}}

/* ------------------------------------------------ micro-interactions */
.aui-card{--mx:50%;--my:50%}
.aui-spot{position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(380px circle at var(--mx) var(--my),var(--a-spot),transparent 62%)}
.aui-card:hover>.aui-spot{opacity:1}
main .btn,main .cta-bk{translate:var(--tx,0px) var(--ty,0px);transition:translate .18s ease-out,transform .25s,box-shadow .25s,background .25s,color .25s}
main .btn:hover,main .cta-bk:hover{transform:translateY(-2px);box-shadow:0 14px 26px -12px var(--a-btn-glow)}
main .btn:active{transform:translateY(0) scale(.98)}
.prose a,.lede a,.calc-note a,.cta-note a,.verdict a,.faq a{text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(100,110,110,.5);background:linear-gradient(var(--a-link),var(--a-link)) 0 100%/0 2px no-repeat;transition:background-size .3s ease,color .2s}
.prose a:hover,.lede a:hover,.calc-note a:hover,.cta-note a:hover,.verdict a:hover,.faq a:hover{background-size:100% 2px}

/* ----------------------------------------------------- reduced motion */
@media(prefers-reduced-motion:reduce){
  .aui-hero *,.aui-board *,.aui-race *,.aui-scrub *,.aui-term *,.aui-routes *,.aui-prog *,.aui-rv,.aui-mini,.aui-rate,.aui-spot{animation:none!important;transition:none!important}
  .aui-rv{opacity:1;transform:none}
  .aui-board .rt{stroke-dashoffset:0}.aui-board .hn,.aui-board .dot{opacity:1}
  .aui-race .b1{width:var(--w)}.aui-race .rider{left:var(--w);opacity:1}.aui-race .b2{opacity:1;width:calc(var(--w2) - var(--w))}
  .aui-rt-ic{left:calc(100% - 30px);opacity:1}
  .spc .spc-art{clip-path:none!important}
}
@media print{.aui-stage,.aui-prog,.aui-mini,.aui-board,.aui-race,.aui-scrub,.aui-routes,.aui-term,.aui-rail{display:none!important}}

/* 320px safety: the page's own nearby-list values are nowrap; let them wrap instead of widening the page */
@media(max-width:420px){body.aui .nb li b{white-space:normal;overflow-wrap:anywhere;text-align:right;max-width:46vw}}