@font-face{font-family:"Sofia Sans Extra Condensed";src:url(assets/fonts/display-latin.woff2) format("woff2");font-weight:1 1000;font-display:block;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sofia Sans Extra Condensed";src:url(assets/fonts/display-latin-ext.woff2) format("woff2");font-weight:1 1000;font-display:block;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Sofia Sans Condensed";src:url(assets/fonts/name-wide.woff2) format("woff2");font-weight:1000;font-display:block}
@font-face{font-family:"Sofia Sans Semi Condensed";src:url(assets/fonts/body-latin.woff2) format("woff2");font-weight:1 1000;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sofia Sans Semi Condensed";src:url(assets/fonts/body-latin-ext.woff2) format("woff2");font-weight:1 1000;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --red:#D0121F;
  --red-deep:#7A0A12;
  --ink:#0B0B0C;
  --ink-2:#26262B;
  --bone:#F4F1EA;
  --chrome:#C9CDD2;
  --g:clamp(14px,1.6vw,28px);
  --bar:44px;
  --out:cubic-bezier(.16,1,.3,1);
  --in-out:cubic-bezier(.76,0,.24,1);
  --display:"Sofia Sans Extra Condensed",Impact,"Arial Narrow",sans-serif;
  --body:"Sofia Sans Semi Condensed","Arial Narrow",sans-serif;
  /* Measured from the display face at weight 1000. */
  --k-name:2.2;
  --k-wide:2.52;
  --k-a:2.25;
  --k-b:3.25;
  --cap-r:.656;
  --speck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.42' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .816 0 0 0 0 .071 0 0 0 0 .122 0 0 0 -30 8.7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--ink);scrollbar-color:var(--red) var(--ink);-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;background:var(--red);color:var(--bone);font:500 18px/1.4 var(--body);-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ol,ul,figure{margin:0;padding:0}
ol,ul{list-style:none}
a{color:inherit}
img,svg,iframe{display:block}
::selection{background:var(--ink);color:var(--bone)}
:focus-visible{outline:3px solid var(--bone);outline-offset:3px}
::-webkit-scrollbar{width:12px}
::-webkit-scrollbar-track{background:var(--ink)}
::-webkit-scrollbar-thumb{background:var(--red);border:3px solid var(--ink)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ic{width:.8em;height:.8em;display:inline-block;vertical-align:-.04em;flex:none}

.curtain{position:fixed;inset:0;z-index:60;background:var(--ink);transform:scaleY(0);transform-origin:top;pointer-events:none}

/* ---------- Poster ---------- */
.bill{
  position:relative;background:var(--red);
  --F:min(calc((100vw - 2*var(--g))/var(--k-name)),84svh);
  --cap:calc(var(--F)*var(--cap-r));
  --gap-top:calc(var(--F)*.03);
}
.bar{height:var(--bar);padding-inline:var(--g);display:flex;align-items:center;justify-content:space-between;gap:12px;font:800 15px/1 var(--body);letter-spacing:.04em;white-space:nowrap}
.bar__age{background:var(--ink);color:var(--bone);padding:5px 7px 4px}

.name{
  position:relative;display:flex;align-items:flex-start;height:var(--cap);margin:var(--gap-top) var(--g) 0;
  font:1000 var(--F)/1 var(--display);color:var(--ink);letter-spacing:-.012em;white-space:nowrap;user-select:none;cursor:default;
}
.name__mr{flex:none;font-size:.27em;line-height:.8;color:var(--bone);margin-right:.09em;letter-spacing:0}
.name__word{position:relative;flex:none;display:flex;margin-top:calc(var(--F)*-.144)}
.name__word::after{content:"";position:absolute;inset:0;background:var(--speck);background-size:clamp(230px,30vw,520px);pointer-events:none}
.name__word>span{display:block;transform-origin:50% 62%}
.name__rest{display:none}

.event{position:relative;z-index:2;margin-top:calc(var(--cap)*-.1);box-shadow:0 -5px 0 var(--red)}
.event__frame{position:relative;aspect-ratio:16/9;background:var(--ink) url(assets/banner.webp) center/cover no-repeat}
.event__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.status{display:flex;align-items:center;gap:9px;height:40px;padding-inline:var(--g);background:var(--ink);color:var(--bone);font:700 15px/1 var(--body);letter-spacing:.02em}
.status__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status__dot{flex:none;width:9px;height:9px;background:var(--chrome);position:relative;border-radius:50%}
.status[data-state=live] .status__dot{background:var(--red)}
.status[data-state=live] .status__dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--red)}
.status[data-state=offline] .status__dot{background:transparent;box-shadow:inset 0 0 0 2px var(--chrome)}
.status__link{flex:none;font-weight:800;text-decoration:none;display:inline-flex;gap:6px;align-items:center;padding:8px 0;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 5px)/100% 2px no-repeat;transition:background-size .35s var(--out)}

.actions{position:relative;z-index:1}
.note{padding:11px var(--g) 10px;font:800 16px/1.2 var(--body);letter-spacing:.01em}

/* ID band */
.idband{
  position:relative;isolation:isolate;overflow:hidden;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label act" "num num";align-items:center;column-gap:14px;
  padding:9px var(--g) 5px;border:0;border-radius:0;background:var(--bone);color:var(--ink);font:inherit;text-align:left;cursor:pointer;
  transition:color .25s linear,transform .18s var(--out);-webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.idband::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--out)}
.idband.is-copied{color:var(--bone)}
.idband.is-copied::before{transform:scaleX(1)}
.club .idband::before,.last .idband::before{background:var(--red)}
.idband:active{transform:translateY(3px)}
.idband:focus-visible{outline-color:var(--ink);outline-offset:-7px}
.idband.is-copied:focus-visible{outline-color:var(--bone)}
.idband__label{grid-area:label;font:800 14px/1 var(--body);letter-spacing:.06em;white-space:nowrap}
.idband__num{grid-area:num;display:flex;font:1000 var(--num,84px)/1 var(--display);height:.84em;align-items:center}
.idband__act{grid-area:act;font:1000 clamp(28px,2.6vw,42px)/1 var(--display)}
.roller{display:grid;height:1.1em;overflow:hidden;text-align:right}
.roller>span{grid-area:1/1;display:flex;align-items:center;justify-content:flex-end;gap:.2em;height:1.1em;transition:transform .5s var(--out),opacity .25s linear;white-space:nowrap}
.roller>span:last-child{transform:translateY(110%);opacity:0}
.is-copied .roller>span:first-child{transform:translateY(-110%);opacity:0}
.is-copied .roller>span:last-child{transform:none;opacity:1}
.ic--check{stroke-dasharray:30;stroke-dashoffset:30;transition:stroke-dashoffset .4s var(--out) .12s}
.is-copied .ic--check{stroke-dashoffset:0}

.reel{display:block;width:.47em;height:1em;overflow:hidden;text-align:center;flex:none}
.reel__t{display:block;white-space:pre-line;line-height:1;transform:translateY(calc(var(--n,0)*-1em));will-change:transform}

/* Telegram band */
.tgband{
  position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon main arrow" "icon url arrow" "sub sub sub";align-items:center;column-gap:13px;
  padding:13px var(--g) 13px;background:var(--ink);color:var(--bone);text-decoration:none;transition:transform .18s var(--out);-webkit-tap-highlight-color:transparent;
}
.tgband::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--red-deep);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--out)}
.tgband:active{transform:translateY(3px)}
.tgband:focus-visible{outline-offset:-7px}
.tgband__icon{grid-area:icon;width:44px;height:44px}
.tgband__main{grid-area:main;font:1000 clamp(38px,3.4vw,56px)/.86 var(--display)}
.tgband__url{grid-area:url;font:700 15px/1.1 var(--body);color:var(--chrome);margin-top:3px}
.tgband__sub{grid-area:sub;font:500 15px/1.3 var(--body);color:var(--chrome);margin-top:8px;max-width:58ch}
.tgband__arrow{grid-area:arrow;font-size:40px;transition:transform .45s var(--out)}
.tgband--red{background:var(--red)}
.tgband--red .tgband__url,.tgband--red .tgband__sub{color:var(--bone)}
.tgband--red::before{background:var(--red-deep)}

/* Tape */
.tape{position:relative;z-index:5;margin-block:-16px;background:var(--ink);color:var(--bone);overflow:hidden;transform:rotate(-1.2deg) scaleX(1.03);padding-block:7px 3px;box-shadow:0 10px 24px -10px rgba(11,11,12,.7)}
.tape__track{display:flex;width:max-content;will-change:transform}
.tape__unit{flex:none;display:flex;align-items:center;gap:.34em;padding-right:.34em;font:1000 clamp(38px,4.2vw,66px)/1 var(--display);white-space:nowrap}
.tape__unit .alt{color:var(--red);-webkit-text-stroke:0}
.tape__chip{width:.68em;height:.68em;flex:none;transform:rotate(var(--rot,0deg));margin-top:-.08em}

/* Club */
.club{background:var(--ink);padding:clamp(76px,9vw,140px) var(--g) clamp(64px,8vw,130px);overflow-x:clip}
.club__t{font:1000 min(calc((100vw - 2*var(--g))/4.75),330px)/.8 var(--display);color:var(--bone);letter-spacing:-.012em;white-space:nowrap}
.club__wrap{--chip:clamp(38px,4vw,60px);position:relative;display:grid;grid-template-columns:var(--chip) minmax(0,1fr);column-gap:clamp(14px,3vw,48px);margin-top:clamp(40px,6vw,96px)}
.bigchip{display:none;position:absolute;top:0;bottom:0;right:calc(var(--g)*-1);width:var(--big);pointer-events:none;overflow:clip}
.bigchip__s{position:sticky;top:calc((100svh - var(--big))/2);display:block;width:var(--big);height:var(--big)}
.bigchip svg{width:calc(var(--big)*1.5);height:calc(var(--big)*1.5);margin-top:calc(var(--big)*-.25);will-change:transform;filter:drop-shadow(0 24px 30px rgba(0,0,0,.5))}
.rail{position:relative}
.rail::before,.rail__fill{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:var(--ink-2)}
.rail__fill{background:var(--red);transform:scaleY(var(--fill,1));transform-origin:50% 0}
.rail__chip{position:absolute;left:0;top:0;width:var(--chip);height:var(--chip);will-change:transform;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55))}
.steps{position:relative}
.step{display:grid;grid-template-columns:minmax(.5em,auto) minmax(0,1fr);column-gap:clamp(14px,3vw,48px);align-items:start;padding-block:clamp(26px,4vw,64px);font-size:clamp(96px,14vw,230px)}
.step__n{font:1000 1em/.76 var(--display);color:var(--red);transition:color .25s linear}
.step__b{font-size:18px;min-width:0;max-width:620px;container-type:inline-size;--num:min(calc((100cqw - 32px)/2.84),140px);position:relative;z-index:1}
.step h3{font:1000 clamp(46px,5.6vw,92px)/.9 var(--display);color:var(--bone);margin-bottom:.22em}
.step p{font:500 clamp(18px,1.5vw,22px)/1.4 var(--body);color:var(--chrome);max-width:60ch}
.step p+p{margin-top:.5em}
.step strong{font-weight:800;color:var(--bone)}
.step .tgband{margin-top:20px;max-width:560px}
.step .idband{max-width:640px;padding-inline:16px}
.step .tgband{padding-inline:16px}

/* Art */
.art{background:var(--ink)}
.art__pin{position:relative;overflow:hidden;background:var(--ink)}
.art__clip{position:relative}
.art__img{width:100%;height:auto}

/* Games */
.games{background:var(--red);--wa:calc((100vw - 2*var(--g))/var(--k-a));--wb:calc((100vw - 2*var(--g))/var(--k-b))}
.games__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;padding:clamp(52px,7vw,104px) var(--g) clamp(18px,2.4vw,34px)}
.games h2{font:1000 clamp(52px,7.4vw,118px)/.9 var(--display);color:var(--bone)}
.games__head p{font:800 clamp(17px,1.5vw,22px)/1.1 var(--body);letter-spacing:.03em}
.words{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;padding-inline:var(--g);row-gap:calc(var(--wa)*.04);padding-bottom:clamp(30px,4vw,60px)}
.word{position:relative;font:1000 var(--wb)/.74 var(--display);color:var(--ink);letter-spacing:-.008em;white-space:nowrap}
.word--a{flex:0 0 100%;font-size:var(--wa)}
.word__o{position:absolute;inset:0;display:none;color:transparent;-webkit-text-stroke:2px var(--ink)}
.word__f{display:block;--p:1;clip-path:inset(-10% calc((1 - var(--p))*102%) -10% -2%)}
.kickband{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:clamp(12px,1.6vw,26px);padding:clamp(10px,1.3vw,18px) var(--g);background:var(--bone);color:var(--ink);text-decoration:none;font:1000 min(calc((100vw - 2*var(--g))/9.2),170px)/1 var(--display);transition:color .25s linear}
.kickband::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleX(0);transform-origin:0 50%;transition:transform .55s var(--out)}
.kickband:focus-visible{outline-color:var(--ink);outline-offset:-7px}
.kickband__icon{width:.66em;height:.66em;flex:none}
.kickband__main{flex:1;min-width:0}
.kickband__arrow{transition:transform .45s var(--out)}

/* Close */
.last{background:var(--ink);padding:clamp(70px,9vw,140px) var(--g) clamp(44px,5vw,80px)}
.last h2{font:1000 min(calc((100vw - 2*var(--g))/6.85),250px)/.84 var(--display);color:var(--bone);white-space:nowrap;margin-bottom:clamp(26px,3.6vw,56px)}
.last__row{display:grid;gap:10px;grid-template-columns:minmax(0,1fr);--num:min(calc((100vw - 2*var(--g) - 32px)/2.84),130px)}
.last__row .idband,.last__row .tgband{padding-inline:16px}
.foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:18px var(--g) calc(18px + env(safe-area-inset-bottom));background:var(--ink);color:var(--chrome);font:500 15px/1.35 var(--body);border-top:1px solid var(--ink-2)}
.foot img{width:44px;height:44px;border-radius:50%}
.foot strong{color:var(--bone);font-weight:800}
.foot__tm{margin-left:auto}

/* Toast and chips */
.toast{position:fixed;z-index:50;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 24px);padding:12px 16px;background:var(--ink);color:var(--bone);box-shadow:0 0 0 2px var(--bone),0 14px 30px -8px rgba(0,0,0,.6);font:700 16px/1.25 var(--body);transform:translate(-50%,calc(100% + 40px));visibility:hidden;transition:transform .55s var(--out),visibility 0s linear .55s}
.toast.show{transform:translate(-50%,0);visibility:visible;transition:transform .55s var(--out),visibility 0s}
.toast b{font-weight:800;user-select:all}
.chips{position:fixed;inset:0;width:100%;height:100%;z-index:40;pointer-events:none}

/* ---------- Wider layouts ---------- */
@media (hover:hover){
  .status__link:hover{background-size:0 2px;background-position:100% calc(100% - 5px)}
  .idband:hover,.kickband:hover{color:var(--bone)}
  .idband:hover::before,.tgband:hover::before,.kickband:hover::before{transform:scaleX(1)}
  .idband:hover:focus-visible{outline-color:var(--bone)}
  .tgband:hover .tgband__arrow,.kickband:hover .kickband__arrow{transform:translate(5px,-5px)}
}
@media (max-width:379px){.bar__games{display:none}}
@media (max-width:519px){.hide-s{display:none}}
@media (max-width:719px){
  .tape{margin-top:-5px}
  .actions{--num:clamp(58px,19vw,84px)}
  .actions .idband{grid-template-areas:"label act" "num act"}
  .actions .idband__act{font-size:clamp(26px,8vw,32px)}
  .foot__tm{margin-left:0;width:100%}
}
@media (min-width:720px) and (max-width:1023px){
  .actions{display:grid;grid-template-columns:1fr 1fr;--num:min(14.5vw,118px)}
  .actions .note{grid-column:1/-1;grid-row:2}
}
@media (min-width:1024px),(min-width:640px) and (min-aspect-ratio:3/2){
  .bill{
    --k-name:var(--k-wide);
    /* The name takes what is left after a player at least 46vw wide: Kick comes first. */
    --F:min(calc((100vw - 2*var(--g))/var(--k-name)),calc((100svh - var(--bar) - 62px - 46vw*.5625)/.64));
    --pw:max(340px,min(60vw,calc((100svh - var(--bar) - var(--gap-top) - var(--cap)*.93 - 40px - 22px)*16/9)));
    display:grid;grid-template-columns:minmax(0,1fr) var(--pw);grid-template-rows:var(--bar) calc(var(--cap) + var(--gap-top)) minmax(0,1fr);min-height:100svh;padding-bottom:22px;
  }
  .bar{grid-column:1/-1;font-size:16px}
  .name{grid-column:1/-1;font-family:"Sofia Sans Condensed",var(--display)}
  .name__rest{display:block;flex:1;min-width:0;height:var(--cap);container-type:inline-size}
  .name__tag{display:block;font:1000 min(30cqw,calc(var(--cap)/3.25))/.92 var(--display);color:var(--bone);text-align:right;letter-spacing:0}
  .event{grid-column:2;grid-row:3;margin-top:calc(var(--cap)*-.07);align-self:start;box-shadow:0 0 0 5px var(--red),0 26px 50px -14px rgba(11,11,12,.6)}
  .actions{display:block;grid-column:1;grid-row:3;align-self:end;padding-top:16px;margin-right:clamp(16px,2vw,34px);container-type:inline-size;--num:min(calc((100cqw - 2*var(--g))/2.84),20svh)}
  .note{font-size:clamp(15px,1.3vw,20px)}
  .last__row{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);--num:min(8.4vw,130px)}
  .last__row .tgband{align-content:center}
}
@container (max-width:170px){.name__tag{display:none}}
@media (min-width:1100px){
  .motion .club__wrap{--big:min(37vw,72svh)}
  .motion .bigchip{display:block}
  .motion .steps{padding-right:var(--big)}
}

/* ---------- Motion ---------- */
.motion .rail__fill{transform:scaleY(var(--fill,0))}
.motion .step__n{color:var(--red-deep)}
.motion .step.is-on .step__n{color:var(--red);animation:num-slam .5s var(--out)}
.motion .reveal:not(.in){opacity:0}
.motion .reveal.in{animation:slam-s .65s var(--out) both}
.motion .word__o{display:block}
.motion .art{height:230vh}
.motion .art__pin{position:sticky;top:0;height:100svh}
.motion .art__clip{position:absolute;inset:0;overflow:hidden;clip-path:inset(calc((1 - var(--o,0))*38%) calc((1 - var(--o,0))*24%))}
.motion .art__img{position:absolute;left:0;top:50%;max-width:none;transform:translate3d(calc(var(--p,0)*var(--pan,0px)),-50%,0) scale(calc(1.16 - .16*var(--o,0)));transform-origin:50% 50%}
@media (max-aspect-ratio:1/1){
  .motion .art{height:180vh}
  .motion .art__pin{top:12svh;height:76svh}
  .motion .art__clip{clip-path:inset(calc((1 - var(--o,0))*30%) calc((1 - var(--o,0))*12%))}
}

@media (prefers-reduced-motion:no-preference){
  .curtain{animation:curtain .62s var(--in-out) both}
  .name__word>span{animation:slam .56s var(--out) both;animation-delay:calc(.34s + var(--i)*75ms)}
  .name__mr{animation:slam .5s var(--out) .78s both}
  .name__tag{animation:rise .6s var(--out) 1s both}
  .name{animation:impact .46s ease-out .86s}
  .bar>*{animation:rise .6s var(--out) .95s both}
  .event{animation:shutter .85s var(--out) .92s both}
  .actions .idband{animation:from-left .75s var(--out) 1.02s both}
  .actions .note{animation:rise .6s var(--out) 1.25s both}
  .actions .tgband{animation:from-left .75s var(--out) 1.14s both}
  .status[data-state=live] .status__dot::after{animation:pulse 1.6s var(--out) infinite}
  .reel__t{transition:transform 1s var(--out)}
}
@keyframes curtain{from{transform:scaleY(1)}to{transform:scaleY(0)}}
@keyframes slam{from{opacity:0;transform:scale(1.75) translateY(-5%);filter:blur(10px)}55%{opacity:1}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes slam-s{from{opacity:0;transform:scale(1.16);transform-origin:0 50%;filter:blur(6px)}to{opacity:1;transform:none;transform-origin:0 50%;filter:blur(0)}}
@keyframes num-slam{from{transform:scale(1.35);filter:blur(4px)}to{transform:none;filter:blur(0)}}
@keyframes impact{0%{transform:none}22%{transform:translateY(7px)}48%{transform:translateY(-3px)}72%{transform:translateY(1.5px)}100%{transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes shutter{from{clip-path:inset(50% -40px 50% -40px)}to{clip-path:inset(-40px -40px -60px -40px)}}
@keyframes from-left{from{transform:translateX(-102%)}to{transform:none}}
@keyframes pulse{from{transform:scale(1);opacity:.75}to{transform:scale(3);opacity:0}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .rail__chip{display:none}
}