body[data-page="sushi"] {
    --coral: #ff6f61; --coral-2: #ff9e86; --mint: #6ff5c4;
    --pg: 47,210,127; --pb: 70,150,255; --py: 255,201,58; --pu: 160,170,190;
}
.su {
    position: relative; overflow: hidden; border-radius: var(--r-xl); height: 700px;
    background: #2a1408;
    box-shadow: var(--sh-screen), 0 0 0 1px rgba(255,140,110,.3), 0 0 44px -10px rgba(255,110,90,.45);
    isolation: isolate; user-select: none; -webkit-user-select: none; touch-action: pan-y;
}
.su-cv { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; display: block; -webkit-tap-highlight-color: transparent; }
.su > :not(.su-cv) { pointer-events: none; }

.su-sign { position: absolute; left: 16px; top: 14px; z-index: 10; display: flex; align-items: center; gap: 9px;
    height: 40px; padding: 0 14px 0 10px; border-radius: 12px; white-space: nowrap;
    background: rgba(36,14,10,.66); box-shadow: inset 0 0 0 1px rgba(255,200,170,.18); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    transition: opacity .4s; }
.su-sign i { width: 22px; height: 22px; border-radius: 50%; background:
    radial-gradient(circle at 50% 50%, #fff 0 28%, #ff8f6b 30% 46%, #1d1d1d 48% 64%, transparent 66%); box-shadow: 0 0 12px rgba(255,120,90,.6); }
.su-sign span { font: 800 14px/1 Unbounded, sans-serif; letter-spacing: .02em; color: #fff; }
.su-sign em { font-style: normal; color: var(--coral-2); }
.su:not([data-phase="idle"]) .su-sign { opacity: 0; }

.su-hud { position: absolute; right: 16px; top: 16px; z-index: 10; display: flex; justify-content: flex-end; width: min(40%, 360px); transition: opacity .4s; }
.su:not([data-phase="idle"]) .su-hud { opacity: 0; }
.su-recent { flex: 1; min-width: 0; display: flex; justify-content: flex-end;

    flex-wrap: wrap; align-content: flex-start; gap: 40px 6px; max-height: 28px; overflow: hidden; }
.su-recent span { flex: none; display: flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px 0 8px; border-radius: 10px;
    font: 800 11.5px/1 Unbounded, sans-serif; color: rgba(255,255,255,.6);
    background: rgba(36,14,10,.62); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.su-recent span i { width: 9px; height: 9px; border-radius: 50%; background: rgb(var(--pc, var(--pu))); box-shadow: 0 0 8px rgba(var(--pc, var(--pu)),.8); }
.su-recent span.w { color: #05281b; background: linear-gradient(180deg, #d8fff0, var(--mint)); }
.su-recent span.st { color: #ffd2cc; background: linear-gradient(180deg, #6a2a26, #45201d); }
.su-recent span.big { color: #2a1606; background: linear-gradient(180deg, #fff3c4, #ffc93a); }
.su-recent span.new { animation: suChip .45s cubic-bezier(.3,1.6,.5,1); }
@keyframes suChip { from { transform: translateX(24px) scale(.6); opacity: 0; } }
.c-g { --pc: var(--pg); } .c-b { --pc: var(--pb); } .c-y { --pc: var(--py); } .c-u { --pc: var(--pu); }

.su-strip { position: absolute; z-index: 9; left: 50%; top: 14px; translate: -50% 0; display: flex; align-items: flex-end; gap: 8px;
    padding: 8px 12px; border-radius: 16px;
    background: rgba(36,14,10,.62); box-shadow: 0 14px 30px -16px rgba(0,0,0,.9), inset 0 0 0 1px rgba(255,210,180,.16);
    -webkit-backdrop-filter: blur(10px) saturate(1.2); backdrop-filter: blur(10px) saturate(1.2); }
.su-strip .p { position: relative; display: grid; justify-items: center; gap: 4px; width: 42px; }
.su-strip .p i { position: relative; width: 30px; height: 30px; border-radius: 50%;
    background: radial-gradient(circle at 50% 42%, #fff 0 36%, rgba(var(--pc),1) 38% 62%, rgba(0,0,0,.25) 64%, transparent 66%), radial-gradient(circle, rgba(var(--pc),.35), transparent 70%);
    box-shadow: 0 0 0 1px rgba(255,255,255,.08); transition: transform .3s, opacity .3s, filter .3s; }
.su-strip .p.u i { background: radial-gradient(circle at 50% 42%, #c9ced8 0 60%, #8a91a0 62%, transparent 66%); }
.su-strip .p.u i::after, .su-strip .p.nx i::after { content: '?'; position: absolute; inset: 0; display: grid; place-items: center;
    font: 800 12px/1 Unbounded, sans-serif; color: rgba(30,20,20,.55); }
.su-strip .p.nx i::after { color: rgba(var(--pc),1); }
.su-strip .p b { font: 800 10.5px/1 Unbounded, sans-serif; color: rgba(255,255,255,.5); white-space: nowrap; min-height: 10px; }
.su-strip .p.ate i { opacity: .38; filter: grayscale(.5); transform: scale(.82); }
.su-strip .p.ate b { color: rgba(255,255,255,.4); text-decoration: line-through; text-decoration-color: rgba(255,120,100,.7); }
.su-strip .p.cur i { transform: scale(1.18); box-shadow: 0 0 0 2px #fff, 0 0 16px 2px rgba(var(--pc),.9); animation: suPulse 1.4s ease-in-out infinite; }
.su-strip .p.cur b { color: #fff; }
.su-strip .p.tk i { transform: scale(1.18); box-shadow: 0 0 0 2px var(--mint), 0 0 18px 3px rgba(111,245,196,.8); }
.su-strip .p.tk b { color: var(--mint); }
.su-strip .p.tk::before { content: '✓'; position: absolute; top: -6px; right: 0; z-index: 1; width: 15px; height: 15px; border-radius: 50%; display: grid; place-items: center;
    font: 900 9px/1 Manrope, sans-serif; color: #05281b; background: var(--mint); }
.su-strip .p.after i { opacity: .55; }
.su-strip .p.after b { color: rgba(255,255,255,.55); }
.su-strip .p.after.hi b { color: #ffd65a; }
.su-strip .p.st i { opacity: .7; box-shadow: 0 0 0 2px #ff5a4e, 0 0 14px 2px rgba(255,90,78,.6); }
.su-strip .p.st b { color: #ff8a80; }
.su-strip .p.st::before { content: '✗'; position: absolute; top: -6px; right: 0; z-index: 1; width: 15px; height: 15px; border-radius: 50%; display: grid; place-items: center;
    font: 800 9px/1 Manrope, sans-serif; color: #fff; background: #e5483e; }
@keyframes suPulse { 50% { box-shadow: 0 0 0 2px #fff, 0 0 26px 6px rgba(var(--pc),.9); } }

.su-say { position: absolute; z-index: 9; left: 18px; top: 84px; max-width: min(42%, 330px); padding: 10px 14px; border-radius: 14px 14px 14px 4px;
    background: rgba(255,250,244,.94); color: #2b1608; box-shadow: 0 14px 30px -14px rgba(0,0,0,.8); }
.su-say b { font: 700 13px/1.35 Manrope, sans-serif; }
.su-say.pop { animation: suPop .4s cubic-bezier(.3,1.6,.5,1); }
@keyframes suPop { from { transform: scale(.7) translateY(8px); opacity: 0; } }

.su-dec { position: absolute; z-index: 9; left: 50%; bottom: 16px; translate: -50% 0; width: min(calc(100% - 32px), 520px);
    display: grid; gap: 10px; padding: 12px 16px 13px; border-radius: 18px;
    background: rgba(36,14,10,.72); box-shadow: 0 18px 36px -16px rgba(0,0,0,.95), inset 0 0 0 1px rgba(var(--pc, var(--pu)),.32);
    -webkit-backdrop-filter: blur(12px) saturate(1.2); backdrop-filter: blur(12px) saturate(1.2); }
.su-dec.pop { animation: suRise .45s cubic-bezier(.3,1.4,.5,1); }
@keyframes suRise { from { transform: translateY(18px); opacity: 0; } }
.su-dec-h { display: flex; align-items: center; gap: 10px; min-width: 0; }
.su-chip { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px 0 8px; border-radius: 999px;
    font: 800 11px/1 Manrope, sans-serif; letter-spacing: .04em; text-transform: uppercase; color: rgb(var(--pc, var(--pu)));
    background: rgba(var(--pc, var(--pu)),.14); box-shadow: inset 0 0 0 1px rgba(var(--pc, var(--pu)),.4); }
.su-chip::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
.su-dec-h b { font: 700 12.5px/1 Manrope, sans-serif; color: rgba(255,236,224,.7); white-space: nowrap; }
.su-dec-h em { margin-left: auto; font: 800 12px/1.2 Manrope, sans-serif; font-style: normal; color: #fff; text-align: right; }
.su-dec-h em.lo { color: rgba(255,200,190,.85); }
.su-dec-h em.hi { color: var(--mint); }

.su-range { position: relative; height: 34px; margin: 0 6px; }
.su-range .bar { position: absolute; left: 0; right: 0; top: 8px; height: 6px; border-radius: 3px;
    background: linear-gradient(90deg, rgba(255,255,255,.12), rgba(var(--pc, var(--pu)),.75)); }
.su-range .t { position: absolute; top: 5px; width: 2px; height: 12px; margin-left: -1px; border-radius: 1px; background: rgba(255,255,255,.28); }
.su-range .t.one { background: rgba(111,245,196,.8); height: 14px; top: 4px; }
.su-range .l { position: absolute; top: 21px; translate: -50% 0; font: 700 10px/1 Manrope, sans-serif; color: rgba(255,236,224,.5); white-space: nowrap; }
.su-range .l.one { color: rgba(111,245,196,.85); }
.su-range .mk { position: absolute; top: -9px; translate: -50% 0; display: grid; justify-items: center; transition: left .5s cubic-bezier(.3,1.3,.5,1); }
.su-range .mk b { padding: 4px 8px; border-radius: 8px; font: 800 12px/1 Unbounded, sans-serif; color: #1c0d06; background: #fff;
    box-shadow: 0 6px 14px -6px rgba(0,0,0,.8), 0 0 0 2px rgba(var(--pc, var(--pu)),.9); }
.su-range .mk::after { content: ''; width: 0; height: 0; border: 5px solid transparent; border-top-color: #fff; }
.su-range .mk.hi b { background: linear-gradient(180deg, #e8fff6, var(--mint)); }
.su-range .mk.big b { background: linear-gradient(180deg, #fff4c8, #ffc93a); }

.su-next { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font: 700 11.5px/1 Manrope, sans-serif; color: rgba(255,236,224,.6); }
.su-next span { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 9px 0 7px; border-radius: 8px; color: #fff;
    background: rgba(var(--pc),.14); box-shadow: inset 0 0 0 1px rgba(var(--pc),.35); }
.su-next span i { width: 9px; height: 9px; border-radius: 50%; background: rgb(var(--pc)); box-shadow: 0 0 8px rgba(var(--pc),.8); }
.su-next span small { font: 700 10.5px/1 Manrope, sans-serif; color: rgba(255,236,224,.6); }
.su-next .last { color: #ffd65a; }
.su-next .risk { flex-basis: 100%; color: #ff9b8f; }

.su-ask { position: absolute; z-index: 9; left: 50%; bottom: 22px; translate: -50% 0; display: flex; align-items: center; gap: 12px;
    padding: 12px 20px; border-radius: 999px; white-space: nowrap;
    background: rgba(36,14,10,.7); box-shadow: 0 16px 32px -16px rgba(0,0,0,.9), inset 0 0 0 1px rgba(255,160,130,.3);
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.su-ask b { font: 800 14px/1 Manrope, sans-serif; color: #fff; }
.su-ask small { font: 600 12px/1 Manrope, sans-serif; color: rgba(255,226,210,.65); }
.su[data-phase]:not([data-phase="idle"]) .su-ask { display: none; }

.su-res { position: absolute; z-index: 11; left: 50%; bottom: 22px; translate: -50% 0; display: grid; justify-items: center; gap: 6px; min-width: 260px;
    padding: 16px 26px 18px; border-radius: 22px; text-align: center;
    background: rgba(36,14,10,.8); box-shadow: 0 24px 50px -18px rgba(0,0,0,.95), inset 0 0 0 1px rgba(111,245,196,.35);
    -webkit-backdrop-filter: blur(14px) saturate(1.3); backdrop-filter: blur(14px) saturate(1.3);
    animation: suWin .55s cubic-bezier(.3,1.5,.5,1); }
.su-res small { font: 800 10.5px/1 Manrope, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,226,210,.7); }
.su-res strong { font: 800 46px/1 Unbounded, sans-serif; letter-spacing: -.03em;
    background: linear-gradient(180deg, #fff, #d8fff0 50%, var(--mint)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 3px 16px rgba(80,230,170,.45)); }
.su-res .w { font: 800 16px/1 Manrope, sans-serif; color: var(--mint); }
.su-res .l { font: 700 13px/1 Manrope, sans-serif; color: rgba(255,210,200,.8); }
.su-res .af { margin-top: 2px; font: 600 11.5px/1.3 Manrope, sans-serif; color: rgba(255,226,210,.6); }
.su-res .af b { color: #ffd65a; }
.su-res.big { box-shadow: 0 24px 50px -18px rgba(0,0,0,.95), inset 0 0 0 1px rgba(255,201,58,.5), 0 0 60px -10px rgba(255,201,58,.5); }
.su-res.big strong { background: linear-gradient(180deg, #fff, #fff1bf 45%, #ffc93a); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 3px 18px rgba(255,190,60,.6)); }
.su-res.miss { box-shadow: 0 24px 50px -18px rgba(0,0,0,.95), inset 0 0 0 1px rgba(255,150,130,.3); }
.su-res.miss strong { font-size: 38px; background: linear-gradient(180deg, #fff, #ffd2c8); -webkit-background-clip: text; background-clip: text; filter: none; }
.su-res.out { animation: suOut .3s ease-in forwards; }
@keyframes suWin { from { transform: scale(.6); opacity: 0; } }
@keyframes suOut { to { transform: scale(.85); opacity: 0; } }

.su-flash { position: absolute; inset: 0; z-index: 8; opacity: 0; }
.su-flash.on { animation: suFlash .7s ease-out; }
.su-flash.gold { background: radial-gradient(circle at 50% 60%, rgba(255,214,90,.55), rgba(255,170,60,.2) 40%, transparent 70%); }
.su-flash.mint { background: radial-gradient(circle at 50% 60%, rgba(111,245,196,.45), transparent 65%); }
@keyframes suFlash { 0% { opacity: 1; } 100% { opacity: 0; } }
.su-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.su-legend { display: grid; gap: 6px; margin-top: 12px; }
.su-legend span { display: grid; grid-template-columns: 14px auto 1fr; align-items: center; gap: 10px; height: 36px; padding: 0 12px; border-radius: 11px;
    background: linear-gradient(90deg, rgba(var(--pc),.14), rgba(var(--pc),.03) 70%), var(--surface-3); box-shadow: inset 0 0 0 1px rgba(var(--pc),.22); }
.su-legend i { width: 14px; height: 14px; border-radius: 50%; background: radial-gradient(circle at 50% 42%, #fff 0 30%, rgb(var(--pc)) 34%); box-shadow: 0 0 10px rgba(var(--pc),.7); }
.su-legend b { font: 800 12.5px/1 Manrope, sans-serif; color: var(--text); }
.su-legend small { justify-self: end; font: 800 12px/1 Unbounded, sans-serif; color: rgb(var(--pc)); }

.su-acts { display: grid; gap: 8px; margin-top: 12px; }
.su-acts .btn[hidden] { display: none; }
.su-go, .dock .su-go { color: #2a0f08 !important; background: linear-gradient(180deg, #ffe0d6, var(--coral-2) 45%, var(--coral)) !important;
    box-shadow: 0 14px 30px -12px rgba(255,110,90,.9) !important; }
.su-go.is-take, .dock .su-go.is-take { color: #05281b !important; background: linear-gradient(180deg, #e2fff4, var(--mint) 50%, #2fcf95) !important;
    box-shadow: 0 14px 30px -12px rgba(80,230,170,.9) !important; }
.su-skip, .dock .su-skip { color: #fff !important; background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.18) !important; }
.su-go.is-wait, .dock .su-go.is-wait, .su-skip.is-wait, .dock .su-skip.is-wait { opacity: .55; pointer-events: none; }
.su-go.nudge, .dock .su-go.nudge { animation: suNudge .5s ease-in-out; }
@keyframes suNudge { 20%, 60% { transform: translateX(-5px); } 40%, 80% { transform: translateX(5px); } }

.su-top-h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.su-top-tag { padding: 4px 8px; border-radius: 999px; font: 800 10px/1 Manrope, sans-serif; letter-spacing: .06em; color: var(--dim); background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); }
.su-top-row { --c: 255,211,90; position: relative; overflow: hidden; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 12px 12px 10px; border-radius: 14px;
    background: linear-gradient(100deg, rgba(var(--c),.13), rgba(var(--c),.03) 55%, transparent), var(--surface-3); box-shadow: inset 0 0 0 1px rgba(var(--c),.16); }
.su-top-row + .su-top-row { margin-top: 8px; }
.su-top-row.is-mult { --c: 255,140,110; }
.su-top-row::before { content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: rgb(var(--c)); box-shadow: 0 0 12px rgba(var(--c),.8); }
.su-top-row i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; font-style: normal; background: rgba(var(--c),.1); box-shadow: inset 0 0 0 1px rgba(var(--c),.25); }
.su-top-row svg { width: 20px; height: 20px; fill: none; stroke: rgb(var(--c)); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 4px rgba(var(--c),.6)); }
.su-top-row .v { min-width: 0; }
.su-top-row small { display: block; font: 800 10px/1 Manrope, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--faint); margin-bottom: 6px; }
.su-top-row b { display: block; font: 800 17px/1 Unbounded, sans-serif; letter-spacing: -.02em; color: rgb(var(--c)); text-shadow: 0 0 16px rgba(var(--c),.35); white-space: nowrap; }
.su-top-row em { display: grid; justify-items: end; gap: 6px; font-style: normal; min-width: 0; }
.su-top-row .nm { display: flex; align-items: center; gap: 6px; max-width: 110px; font: 700 12px/1 Manrope, sans-serif; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.su-top-row .nm.is-empty { color: var(--faint); }
.su-top-row .av { flex: none; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; font: 800 9.5px/1 Manrope, sans-serif; color: #1b1206; background: linear-gradient(180deg, #fff1bf, rgb(var(--c))); }
.su-top-row .px { padding: 4px 7px; border-radius: 7px; font: 800 11px/1 Manrope, sans-serif; color: var(--dim); background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px var(--line); }
.su-top-row.is-empty b { color: var(--faint); text-shadow: none; }

@media (max-width: 1300px), (max-height: 900px) {
    .su { height: 620px; }
}
@media (min-width: 761px) and (max-height: 800px) {
    .su { height: calc(100vh - 110px); min-height: 460px; }
}

.su.is-narrow .su-strip { top: 8px; gap: 3px; padding: 6px 7px; border-radius: 13px; max-width: calc(100% - 16px); }
.su.is-narrow .su-strip .p { width: 34px; gap: 3px; }
.su.is-narrow .su-strip .p i { width: 24px; height: 24px; }
.su.is-narrow .su-strip .p b { font-size: 9px; }
.su.is-narrow .su-say { left: 50%; translate: -50% 0; top: auto; bottom: 96px; max-width: calc(100% - 40px); padding: 8px 12px; border-radius: 14px; }
.su.is-narrow:not([data-phase="idle"]) .su-say { display: none; }
.su.is-narrow .su-say b { font-size: 12px; }
.su.is-narrow .su-dec { bottom: 10px; width: calc(100% - 20px); gap: 8px; padding: 10px 12px 11px; border-radius: 16px; }
.su.is-narrow .su-dec-h { gap: 8px; }
.su.is-narrow .su-dec-h b { font-size: 11.5px; }
.su.is-narrow .su-dec-h em { font-size: 11px; }
.su.is-narrow .su-range .l { font-size: 9px; }
.su.is-narrow .su-next { font-size: 11px; gap: 6px; }
.su.is-narrow .su-ask { flex-direction: column; gap: 5px; padding: 10px 16px; border-radius: 18px; bottom: 14px; }
.su.is-narrow .su-ask b { font-size: 13.5px; }
.su.is-narrow .su-ask small { font-size: 11.5px; line-height: 1.3; }

.su.is-narrow .su-ask { white-space: normal; text-align: center; width: max-content; max-width: calc(100% - 28px); }
.su.is-narrow .su-res { min-width: 0; width: calc(100% - 40px); max-width: 320px; padding: 12px 16px 14px; bottom: 12px; }
.su.is-narrow .su-res strong { font-size: 38px; }
.su.is-narrow .su-res.miss strong { font-size: 30px; }

.su.is-short .su-range { height: 22px; }
.su.is-short .su-range .l { display: none; }
.su.is-short .su-say { display: none; }

@media (max-width: 760px) {

    .su { height: max(320px, calc(var(--free, 640px) - 10px)); border-radius: var(--r-lg); }
    .su-sign, .su-hud { display: none; }
    .su-legend { margin-top: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
    .su-legend span { grid-template-columns: 10px minmax(0, 1fr); grid-template-rows: auto auto; height: auto; padding: 7px 8px; gap: 3px 6px; }
    .su-legend i { width: 10px; height: 10px; grid-row: 1; }
    .su-legend b { font-size: 11px; }
    .su-legend small { grid-column: 1 / -1; justify-self: start; font-size: 10.5px; }

    .su-legend.is-live { display: none; }
    body[data-page="sushi"] .dock-main.is-live .info { display: none; }
    body[data-page="sushi"] .dock-main .pair .btn[hidden] { display: none; }
    body[data-page="sushi"] .dock-main.is-live .pair { flex: 1; display: grid; grid-template-columns: 1fr 1.35fr; gap: 8px; }
    body[data-page="sushi"] .dock .su-skip { flex-direction: column; gap: 2px; line-height: 1.1; }
    body[data-page="sushi"] .dock .su-skip small { font: 700 11px/1 Manrope, sans-serif; color: #ff9b8f; }
}

.is-lite .su-recent span, .is-lite .su-sign, .is-lite .su-strip, .is-lite .su-dec, .is-lite .su-ask, .is-lite .su-res { -webkit-backdrop-filter: none; backdrop-filter: none; }
.is-lite .su-strip, .is-lite .su-dec, .is-lite .su-res { background: rgba(36,14,10,.94); }
@media (prefers-reduced-motion: reduce) {
    .su *, .su { animation-duration: .01s !important; animation-iteration-count: 1 !important; }
}

.su > .brandmark { --bm-y: 16%; }
@media (max-width: 760px) {

    .su > .brandmark { left: 3%; bottom: auto; top: 3.5%; transform: none; }
}