.intro{--i-paper:#FBF9F2;--i-mist:#CDE9F4;--i-sky:#7FCDEB;--i-deep:#1F5E83;--i-river:#133246;--i-ink:#0A1C2A;--i-ink-700:#243747;--i-volt:#E2FF5C;--i-soft:rgba(205,233,244,.74);--i-line:rgba(205,233,244,.3);--intro-ease:cubic-bezier(.16,1,.3,1);--intro-gutter:max(var(--gutter,22px),calc((100vw - var(--maxw, 1280px)) / 2));--intro-step:34px;position:fixed;z-index:1100;inset:0;display:none;grid-template-rows:var(--header-h,64px) minmax(0,1fr) auto;overflow:hidden;background-color:var(--i-ink);background-image:radial-gradient(ellipse 58% 52% at 50% 47%,rgba(46,156,199,.16) 0,rgba(46,156,199,0) 70%),radial-gradient(130% 95% at 50% 42%,#133246 0,#0F293B 52%,#0A1C2A 100%);color:var(--i-paper);font-family:Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;isolation:isolate;touch-action:pinch-zoom;-webkit-tap-highlight-color:transparent}html.intro-active{overflow:hidden;overscroll-behavior:none}html.intro-active body{overflow:hidden}.intro.is-open,html.intro-active .intro{display:grid}.intro:focus{outline:none}html.intro-active .anim,html.intro-active .hero-ring{animation-play-state:paused!important}html:not(.intro-ready) .intro__board,html:not(.intro-ready) .intro__skip,html:not(.intro-ready) .intro__table{visibility:hidden}.intro ::-moz-selection{background:var(--i-sky);color:var(--i-ink)}.intro ::selection{background:var(--i-sky);color:var(--i-ink)}.intro :focus-visible{outline:2px solid var(--i-sky);outline-offset:3px;border-radius:3px}.intro .card :focus-visible{outline-color:var(--i-deep)}.intro__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.intro.is-zoomed{touch-action:manipulation}.intro__bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 var(--intro-gutter)}.intro__brand{display:inline-flex;align-items:center;gap:10px;opacity:0;transition:opacity .9s ease .2s}.intro__ring{display:block;width:30px;height:30px;overflow:visible}.intro__word{font-weight:900;font-size:22px;line-height:1;letter-spacing:-.024em}.intro.is-started .intro__brand{opacity:1}.intro__skip{min-height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 14px 0 17px;border:1px solid var(--i-line);border-radius:999px;background:rgba(10,28,42,.4);color:var(--i-paper);cursor:pointer;font-family:Roboto Condensed,Roboto,Arial Narrow,Arial,sans-serif;font-size:12px;font-weight:700;line-height:1;letter-spacing:.16em;text-transform:uppercase;transition:border-color .2s ease,background-color .2s ease,opacity .3s ease}.intro__skip svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.intro__skip:hover{border-color:var(--i-sky);background:rgba(10,28,42,.7)}.intro.is-final .intro__skip{opacity:0;visibility:hidden;transition:opacity .7s ease 1.15s,visibility 0s linear 1.85s}.intro__table{position:relative;container:introtable/size;perspective:1900px;cursor:pointer;opacity:0;transform:translate3d(0,14px,0);transition:opacity .9s ease .1s,transform 1.2s var(--intro-ease) .1s}.intro.is-started .intro__table{opacity:1;transform:none}.intro__table>*{--s:.5;--gap:clamp(28px,7cqw,150px);--W:min(80cqh * 5/7,500px,(100cqw - 40px - 2 * var(--gap))/(1 + 2 * var(--s)));--H:calc(var(--W) * 7 / 5);--card-y:0px;--side-x:calc(var(--W) * (1 + var(--s)) / 2 + var(--gap));--side-y:calc(var(--H) * (1 - var(--s)) / 2);--edge:2.2px}@container introtable (aspect-ratio <= 11 / 10){.intro__table>*{--s:.27;--W:min(100cqw - 44px,(100cqh - 40px)/(1 + var(--s)) * 5/7,440px);--card-y:calc(-1 * (var(--H) * var(--s) + 20px) / 2);--side-x:calc(var(--W) * (1 - var(--s)) / 2);--side-y:calc((var(--H) + 20px) / 2);--edge:1.5px}.intro__table>.card[data-beat="1"]{--px:2%}.intro__table>.card[data-beat="3"]{--px:0%;--pr:6deg}}@container introtable (height < 300px) and (aspect-ratio > 11 / 10){.intro__table>*{--W:min(94cqh * 5/7,500px,(100cqw - 40px - 2 * var(--gap))/(1 + 2 * var(--s)))}}.intro__halo{--size:min(122vmin,1180px);width:var(--size);height:var(--size);max-width:none;margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);overflow:visible;opacity:.03;pointer-events:none;transform:translate3d(0,var(--card-y),0) rotate(calc(var(--beat, 0) * -51.4286deg));transition:transform 2.4s var(--intro-ease)}.card,.deck__card,.intro__halo{position:absolute;left:50%;top:50%}.card,.deck__card{width:var(--W);height:var(--H);margin:calc(var(--H) / -2) 0 0 calc(var(--W) / -2);container-type:inline-size}.card__face{border-radius:4.6cqi;overflow:hidden;backface-visibility:hidden;box-shadow:0 .5cqi 1cqi rgba(3,12,20,.32),0 3cqi 7cqi -1cqi rgba(3,12,20,.5)}.card__flip>.card__face,.deck__card>.card__face{position:absolute;inset:0}.cback{background:var(--i-paper)}.cback:before{inset:3.4cqi;border-radius:2.6cqi;background:radial-gradient(120% 85% at 50% 46%,#1B4762 0,#133246 52%,#0C2434 100%)}.cback:after,.cback:before{content:"";position:absolute}.cback:after{inset:8.2cqi;border:1px solid rgba(205,233,244,.5);border-radius:1.4cqi;outline:1px solid rgba(205,233,244,.3);outline-offset:1.6cqi;background:repeating-linear-gradient(45deg,rgba(127,205,235,.16) 0 1px,rgba(127,205,235,0) 1px 3.1cqi),repeating-linear-gradient(-45deg,rgba(127,205,235,.16) 0 1px,rgba(127,205,235,0) 1px 3.1cqi)}.cback__medal{position:absolute;z-index:1;left:50%;top:50%;width:46cqi;height:46cqi;margin:-23cqi 0 0 -23cqi;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 42%,#10293A 0,var(--i-ink) 100%);box-shadow:0 0 0 1px rgba(205,233,244,.5),0 0 0 2.3cqi #163C54,0 0 0 calc(2.3cqi + 1px) rgba(226,255,92,.62)}.cback__medal svg{display:block;width:31cqi;height:31cqi;overflow:visible}.card__front{--frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Crect x='.5' y='.5' width='99' height='99' fill='none' stroke='%232E9CC7' stroke-opacity='.4' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-color:var(--i-paper);background-image:var(--suit,none),var(--frame),radial-gradient(150% 105% at 22% 0,#FFFDF8 0,var(--i-paper) 46%,#F2EEE3 100%);background-size:44% auto,calc(100% - 6.4cqi) calc(100% - 6.4cqi),auto;background-position:100% 0,50% 50%,0 0;background-repeat:no-repeat;color:var(--i-ink)}.card[data-beat="0"] .card__front{--suit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M240 0L178 0A62 62 0 0 0 240 62Z' fill='%23CDE9F4'/%3E%3Cg fill='none' stroke-linecap='butt'%3E%3Cpath d='M138.3 8.3A102 102 0 0 1 138 0' stroke='%232E9CC7' stroke-width='24'/%3E%3Cpath d='M141.5 26.4A102 102 0 0 1 139 13.9' stroke='%232E9CC7' stroke-width='24'/%3E%3Cpath d='M152.1 51.7A102 102 0 0 1 143.1 31.8' stroke='%232E9CC7' stroke-width='24'/%3E%3Cpath d='M179.5 82.1A102 102 0 0 1 155.1 56.5' stroke='%232E9CC7' stroke-width='24'/%3E%3Cpath d='M240 102A102 102 0 0 1 184.1 85.3' stroke='%232E9CC7' stroke-width='24'/%3E%3Cpath d='M240 144A144 144 0 0 1 220.4 142.7' stroke='%237FCDEB' stroke-width='12'/%3E%3Cpath d='M211.8 141.2A144 144 0 0 1 179.6 130.7' stroke='%237FCDEB' stroke-width='12'/%3E%3Cpath d='M171.9 126.9A144 144 0 0 1 129.5 92.3' stroke='%237FCDEB' stroke-width='12'/%3E%3Cpath d='M124.1 85.5A144 144 0 0 1 96 0' stroke='%237FCDEB' stroke-width='12'/%3E%3Cpath d='M240 176A176 176 0 0 1 64 0' stroke='%231F5E83' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E")}.card[data-beat="1"] .card__front{--suit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cg fill='%232E9CC7'%3E%3Ccircle cx='196' cy='0' r='9.5'/%3E%3Ccircle cx='201.9' cy='22' r='9.5'/%3E%3Ccircle cx='218' cy='38.1' r='9.5'/%3E%3Ccircle cx='240' cy='44' r='9.5'/%3E%3Ccircle cx='170' cy='0' r='8.3'/%3E%3Ccircle cx='175.3' cy='26.8' r='8.3'/%3E%3Ccircle cx='190.5' cy='49.5' r='8.3'/%3E%3Ccircle cx='213.2' cy='64.7' r='8.3'/%3E%3Ccircle cx='240' cy='70' r='8.3'/%3E%3Ccircle cx='144' cy='0' r='7.1'/%3E%3Ccircle cx='147.3' cy='24.8' r='7.1'/%3E%3Ccircle cx='156.9' cy='48' r='7.1'/%3E%3Ccircle cx='172.1' cy='67.9' r='7.1'/%3E%3Ccircle cx='192' cy='83.1' r='7.1'/%3E%3Ccircle cx='215.2' cy='92.7' r='7.1'/%3E%3Ccircle cx='240' cy='96' r='7.1'/%3E%3Ccircle cx='118' cy='0' r='5.9'/%3E%3Ccircle cx='121.1' cy='27.1' r='5.9'/%3E%3Ccircle cx='130.1' cy='52.9' r='5.9'/%3E%3Ccircle cx='144.6' cy='76.1' r='5.9'/%3E%3Ccircle cx='163.9' cy='95.4' r='5.9'/%3E%3Ccircle cx='187.1' cy='109.9' r='5.9'/%3E%3Ccircle cx='212.9' cy='118.9' r='5.9'/%3E%3Ccircle cx='240' cy='122' r='5.9'/%3E%3Ccircle cx='92' cy='0' r='4.7'/%3E%3Ccircle cx='94.2' cy='25.7' r='4.7'/%3E%3Ccircle cx='100.9' cy='50.6' r='4.7'/%3E%3Ccircle cx='111.8' cy='74' r='4.7'/%3E%3Ccircle cx='126.6' cy='95.1' r='4.7'/%3E%3Ccircle cx='144.9' cy='113.4' r='4.7'/%3E%3Ccircle cx='166' cy='128.2' r='4.7'/%3E%3Ccircle cx='189.4' cy='139.1' r='4.7'/%3E%3Ccircle cx='214.3' cy='145.8' r='4.7'/%3E%3Ccircle cx='240' cy='148' r='4.7'/%3E%3Ccircle cx='66' cy='0' r='3.5'/%3E%3Ccircle cx='67.8' cy='24.8' r='3.5'/%3E%3Ccircle cx='73' cy='49' r='3.5'/%3E%3Ccircle cx='81.7' cy='72.3' r='3.5'/%3E%3Ccircle cx='93.6' cy='94.1' r='3.5'/%3E%3Ccircle cx='108.5' cy='113.9' r='3.5'/%3E%3Ccircle cx='126.1' cy='131.5' r='3.5'/%3E%3Ccircle cx='145.9' cy='146.4' r='3.5'/%3E%3Ccircle cx='167.7' cy='158.3' r='3.5'/%3E%3Ccircle cx='191' cy='167' r='3.5'/%3E%3Ccircle cx='215.2' cy='172.2' r='3.5'/%3E%3Ccircle cx='240' cy='174' r='3.5'/%3E%3Ccircle cx='40' cy='0' r='2.3'/%3E%3Ccircle cx='41.7' cy='26.1' r='2.3'/%3E%3Ccircle cx='46.8' cy='51.8' r='2.3'/%3E%3Ccircle cx='55.2' cy='76.5' r='2.3'/%3E%3Ccircle cx='66.8' cy='100' r='2.3'/%3E%3Ccircle cx='81.3' cy='121.8' r='2.3'/%3E%3Ccircle cx='98.6' cy='141.4' r='2.3'/%3E%3Ccircle cx='118.2' cy='158.7' r='2.3'/%3E%3Ccircle cx='140' cy='173.2' r='2.3'/%3E%3Ccircle cx='163.5' cy='184.8' r='2.3'/%3E%3Ccircle cx='188.2' cy='193.2' r='2.3'/%3E%3Ccircle cx='213.9' cy='198.3' r='2.3'/%3E%3Ccircle cx='240' cy='200' r='2.3'/%3E%3C/g%3E%3C/svg%3E")}.card[data-beat="2"] .card__front{--suit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cdefs%3E%3CclipPath id='k0'%3E%3Ccircle cx='126.9' cy='45.7' r='56'/%3E%3C/clipPath%3E%3CclipPath id='k1'%3E%3Ccircle cx='153.7' cy='86.3' r='56'/%3E%3C/clipPath%3E%3CclipPath id='k2'%3E%3Ccircle cx='194.3' cy='113.1' r='56'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle cx='126.9' cy='45.7' r='56' fill='%23CDE9F4'/%3E%3Ccircle cx='153.7' cy='86.3' r='56' fill='%23CDE9F4'/%3E%3Ccircle cx='194.3' cy='113.1' r='56' fill='%23CDE9F4'/%3E%3Cg clip-path='url(%23k0)'%3E%3Ccircle cx='153.7' cy='86.3' r='56' fill='%237FCDEB' fill-opacity='.5'/%3E%3C/g%3E%3Cg clip-path='url(%23k1)'%3E%3Ccircle cx='194.3' cy='113.1' r='56' fill='%237FCDEB' fill-opacity='.5'/%3E%3C/g%3E%3Cg fill='none' stroke='%232E9CC7' stroke-width='3'%3E%3Ccircle cx='126.9' cy='45.7' r='56'/%3E%3Ccircle cx='153.7' cy='86.3' r='56'/%3E%3Ccircle cx='194.3' cy='113.1' r='56'/%3E%3C/g%3E%3C/svg%3E")}.card[data-beat="3"] .card__front{--suit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M44 0A196 196 0 0 0 44.7 16.4L124.4 9.7A116 116 0 0 1 124 0Z' fill='%23CDE9F4'/%3E%3Cpath d='M45.7 25.7A196 196 0 0 0 50.5 50.2L127.9 29.7A116 116 0 0 1 125 15.2Z' fill='%237FCDEB'/%3E%3Cpath d='M53.2 59.2A196 196 0 0 0 70.5 98.5L139.7 58.3A116 116 0 0 1 129.4 35.1Z' fill='%237FCDEB'/%3E%3Cpath d='M75.5 106.5A196 196 0 0 0 122.9 157.2L170.7 93A116 116 0 0 1 142.6 63Z' fill='%232E9CC7'/%3E%3Cpath d='M130.6 162.6A196 196 0 0 0 240 196L240 116A116 116 0 0 1 175.3 96.3Z' fill='%23277DA5'/%3E%3Cpath d='M240 0L154 0A86 86 0 0 0 240 86Z' fill='%23CDE9F4'/%3E%3Cpath d='M240 86A86 86 0 0 1 154 0' fill='none' stroke='%232E9CC7' stroke-width='4'/%3E%3C/svg%3E")}.card[data-beat="4"] .card__front{--suit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M58 0A182 182 0 0 0 58.6 15.2L104.5 11.3A136 136 0 0 1 104 0Z' fill='%23CDE9F4'/%3E%3Cpath d='M59.6 23.9A182 182 0 0 0 64.1 46.6L108.5 34.8A136 136 0 0 1 105.2 17.8Z' fill='%237FCDEB'/%3E%3Cpath d='M66.5 55A182 182 0 0 0 82.6 91.5L122.4 68.3A136 136 0 0 1 110.4 41.1Z' fill='%232E9CC7'/%3E%3Cpath d='M87.2 98.9A182 182 0 0 0 131.3 146L158.8 109.1A136 136 0 0 1 125.8 73.9Z' fill='%232E9CC7'/%3E%3Cpath d='M138.4 151A182 182 0 0 0 240 182L240 136A136 136 0 0 1 164.1 112.8Z' fill='%231F5E83'/%3E%3Cpath d='M240 112A112 112 0 0 1 128 0' fill='none' stroke='%237FCDEB' stroke-width='3'/%3E%3Cg fill='%232E9CC7'%3E%3Ccircle cx='184' cy='0' r='7'/%3E%3Ccircle cx='188.3' cy='21.4' r='7'/%3E%3Ccircle cx='200.4' cy='39.6' r='7'/%3E%3Ccircle cx='218.6' cy='51.7' r='7'/%3E%3Ccircle cx='240' cy='56' r='7'/%3E%3Ccircle cx='156' cy='0' r='5'/%3E%3Ccircle cx='160.1' cy='26' r='5'/%3E%3Ccircle cx='172' cy='49.4' r='5'/%3E%3Ccircle cx='190.6' cy='68' r='5'/%3E%3Ccircle cx='214' cy='79.9' r='5'/%3E%3Ccircle cx='240' cy='84' r='5'/%3E%3C/g%3E%3Ccircle cx='193.6' cy='152.1' r='11' fill='%23E2FF5C'/%3E%3C/svg%3E")}.card__front:before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,rgba(255,255,255,0) 34%,rgba(255,255,255,.7) 48%,rgba(255,255,255,0) 62%) 100% 0 /260% 100% no-repeat;pointer-events:none;transition:background-position 1.1s cubic-bezier(.3,.6,.3,1)}.card.is-up .card__front:before{background-position:0 0}.card__front:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(10,28,42,.07);background:rgba(10,28,42,0);pointer-events:none;transition:background-color .7s ease}.card__idx{position:absolute;top:4.8cqi;left:4.6cqi;width:10cqi;display:grid;justify-items:center}.card__idx svg{display:block;width:6.6cqi;height:6.6cqi;overflow:visible}.card__idx--end{top:auto;left:auto;right:4.6cqi;bottom:4.8cqi;transform:rotate(180deg)}.card__text{position:absolute;inset:28cqi 9cqi 24cqi 10.5cqi;display:grid;align-content:start;font-size:13cqi;line-height:1.02}.card[data-beat="0"] .card__text,.card[data-beat="4"] .card__text{inset-block:22cqi;align-content:center}.card[data-beat="0"] .card__text{font-size:18cqi}.card[data-beat="4"] .card__text{font-size:15.5cqi}.card__line,.card__stem{margin:0;text-wrap:balance}.card__line{font-weight:900;letter-spacing:-.03em;color:var(--i-ink)}.card__stem{font-weight:300;letter-spacing:-.025em;color:var(--i-ink-700)}.card{--layer:calc(7 - var(--k));z-index:calc(10 - var(--k));transform-style:preserve-3d;transform:translate3d(calc(var(--side-x) * -1 + var(--layer) * .6px),calc(var(--side-y) - var(--layer) * var(--edge)),0) scale(var(--s)) rotate(var(--dr));transition:transform .85s cubic-bezier(.65,0,.35,1)}.card__flip{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(-180deg);transition:transform .8s cubic-bezier(.5,0,.3,1)}.card__back{transform:rotateY(180deg)}.card.is-up{z-index:30;transform:translate3d(0,var(--card-y),0) scale(1) rotate(0deg);transition:transform 1.05s var(--intro-ease)}.card.is-played .card__flip,.card.is-up .card__flip{transform:rotateY(0deg);transition:transform .85s cubic-bezier(.45,.05,.25,1) .06s}.card.is-played{z-index:calc(20 + var(--k));transform:translate3d(calc(var(--side-x) + var(--px) * var(--s)),calc(var(--side-y) + var(--py) * var(--s)),0) scale(var(--s)) rotate(var(--pr));transition:transform .9s cubic-bezier(.3,.7,.2,1)}.card.is-played .card__front:after{background:rgba(10,28,42,.16)}.card[data-beat="0"]{--k:0;--dr:-.4deg;--px:-6%;--py:3%;--pr:-7deg}.card[data-beat="1"]{--k:1;--dr:.5deg;--px:8%;--py:-2%;--pr:5deg}.card[data-beat="2"]{--k:2;--dr:-.2deg;--px:-2%;--py:-4%;--pr:-2.5deg}.card[data-beat="3"]{--k:3;--dr:.3deg;--px:6%;--py:4%;--pr:9deg}.card[data-beat="4"]{--k:4;--dr:0deg;--px:0%;--py:0%;--pr:0deg}.intro__deck{position:absolute;inset:0;pointer-events:none}.deck__card{z-index:1;transform:translate3d(calc(var(--side-x) * -1 + var(--layer) * .6px),calc(var(--side-y) - var(--layer) * var(--edge)),0) scale(var(--s)) rotate(var(--dr))}.deck__card:first-child{--layer:0;--dr:.8deg}.deck__card:nth-child(2){--layer:1;--dr:-.5deg}.deck__card:nth-child(3){--layer:2;--dr:.2deg}.intro .w{display:inline-block;overflow:hidden;padding:.06em .02em .16em;margin:-.06em -.02em -.16em;vertical-align:top}.intro .w>span{display:inline-block;transform:translate3d(0,140%,0);transition:transform 1s var(--intro-ease);transition-delay:calc((var(--i, 0) + var(--lead, 0)) * 75ms)}.intro .is-in .w>span{transform:none}.intro [data-phrase].is-out{opacity:0;filter:blur(10px);transform:translate3d(0,-.22em,0);transition:opacity .5s ease,filter .5s ease,transform .55s cubic-bezier(.5,0,.75,0)}.intro .is-out .w>span{transform:none}.intro .is-reset,.intro .is-reset .w>span{transition:none!important}.intro .card.is-played [data-phrase]{opacity:1;filter:none;transform:none}.intro .card.is-played .w>span{transform:none;transition:none}.card__ask{display:grid;justify-items:start;gap:8cqi}.intro__play{min-height:clamp(44px,13cqi,60px);display:inline-flex;align-items:center;gap:clamp(8px,3cqi,12px);padding:0 clamp(14px,5.2cqi,22px) 0 clamp(16px,6.2cqi,26px);border:1px solid var(--i-ink);border-radius:999px;background:var(--i-ink);color:var(--i-paper);box-shadow:0 10px 24px -10px rgba(10,28,42,.55);cursor:pointer;font-family:inherit;font-size:clamp(13px,4.2cqi,19px);font-weight:500;line-height:1;letter-spacing:.005em;white-space:nowrap;opacity:0;transform:translate3d(0,14px,0);transition:visibility 0s linear 1.15s,opacity .7s ease 1.15s,transform .9s var(--intro-ease) 1.15s,background-color .2s ease,border-color .2s ease}.intro__play svg{width:16px;height:16px;flex:none;transition:transform .2s ease}.card__ask.is-in .intro__play{opacity:1;transform:none}.intro__play:hover{background:var(--i-river);border-color:var(--i-river);transition-delay:0s}.intro__play:hover svg{transform:translateX(2px)}.card__ask.is-in .intro__play:active{transform:scale(.98)}.card__ask:not(.is-in) .intro__play{visibility:hidden;transition-delay:0s}@media (pointer:coarse){@container (width < 360px){.card__ask{justify-items:stretch}.intro__play{justify-content:space-between;padding-inline:clamp(16px,6.2cqi,22px) clamp(14px,5.2cqi,20px)}}}@container (width < 200px){.card__text{inset-inline:7cqi}.intro__play{gap:6px;padding-inline:12px 10px;font-size:12px}.intro__play svg{width:13px;height:13px}}.intro__board{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px var(--intro-gutter) max(28px,env(safe-area-inset-bottom));opacity:0;transition:opacity .9s ease .5s}.intro.is-started .intro__board{opacity:1}.intro__progress{display:flex;align-items:center}.intro__track{--pos:0;position:relative}.intro__track ol{display:flex;margin:0;padding:0;list-style:none}.intro__fill,.intro__track:before{content:"";position:absolute;top:50%;left:calc(var(--intro-step) / 2);height:2px;margin-top:-1px;border-radius:999px}.intro__track:before{right:calc(var(--intro-step) / 2);background:rgba(205,233,244,.22)}.intro__fill{left:calc(var(--intro-step) / 2 + var(--pos) * var(--intro-step));width:var(--intro-step);background:var(--i-volt);transform:scaleX(0);transform-origin:left center}.intro.is-final .intro__fill{visibility:hidden}.intro__track li{position:relative}.intro__track button{width:var(--intro-step);height:44px;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}.intro__track button:before{content:"";width:9px;aspect-ratio:1;border:1.5px solid rgba(205,233,244,.55);border-radius:50%;background:var(--i-ink);transition:border-color .3s ease,background-color .3s ease,transform .3s var(--intro-ease)}.intro__track button:hover:before{border-color:var(--i-paper);transform:scale(1.25)}.intro__track button.is-past:before{border-color:var(--i-sky);background:var(--i-sky)}.intro__piece{position:absolute;z-index:1;top:50%;left:0;width:20px;height:20px;margin:-10px 0 0 calc(var(--intro-step) / 2 - 10px);padding:1px;overflow:visible;border-radius:50%;background:var(--i-ink);box-shadow:0 0 0 4px rgba(127,205,235,.14),0 3px 8px rgba(0,0,0,.4);pointer-events:none;transform:translate3d(calc(var(--pos) * var(--intro-step)),0,0);transition:transform .8s var(--intro-ease)}.intro__count{margin:0 0 0 16px;color:var(--i-soft);font-family:Roboto Condensed,Roboto,Arial Narrow,Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:.2em;white-space:nowrap}.intro__count span{color:var(--i-paper)}.intro__pause{width:44px;height:44px;flex:none;display:grid;place-items:center;padding:0;border:1px solid var(--i-line);border-radius:50%;background:rgba(10,28,42,.4);color:var(--i-paper);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.intro__pause:hover{border-color:var(--i-sky);background:rgba(10,28,42,.7)}.intro__pause svg{width:16px;height:16px;fill:currentColor}.intro__pause .icon-play{display:none}.intro.is-paused .intro__pause .icon-play{display:block}.intro.is-paused .intro__pause .icon-pause{display:none}.intro.is-final .intro__pause{visibility:hidden}.intro__hint{margin:0 18px 0 auto;color:var(--i-soft);font-size:13px;font-weight:400;line-height:1.4;transition:opacity .4s ease}.intro.is-final .intro__hint{opacity:0}.intro__hint-touch{display:none}@media (hover:none) and (pointer:coarse){.intro__hint-pointer{display:none}.intro__hint-touch{display:inline}}.intro.is-leaving{pointer-events:none}.intro.is-leaving .intro__bar,.intro.is-leaving .intro__board,.intro.is-leaving .intro__table{opacity:0;transition:opacity .35s ease}.site-header .ring.intro-landing{animation:intro-ring-landing 1s cubic-bezier(.16,1,.3,1)}@keyframes intro-ring-landing{0%{transform:scale(1.35)}to{transform:none}}@media (max-width:900px){.intro__hint{margin-right:14px;text-align:right}}@media (max-width:680px){.intro{--intro-step:30px}.intro__skip{padding-inline:14px 12px}.intro__board{flex-wrap:wrap;row-gap:4px;padding-top:6px}.intro__hint{order:-1;flex-basis:100%;margin:0;text-align:left}}@media (max-width:359.98px){.intro{--intro-step:26px}.intro__count{margin-left:10px}.intro__board{-moz-column-gap:12px;column-gap:12px}}@media (max-height:560px) and (orientation:landscape){.intro__hint{display:none}.card[data-beat="4"] .card__front{background-size:34% auto,calc(100% - 6.4cqi) calc(100% - 6.4cqi),auto}.intro__board{padding-bottom:max(14px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.intro .card,.intro .card.is-played,.intro .card.is-up{transform:translate3d(0,var(--card-y),0)!important;transition:none!important}.intro .card__flip{transform:none!important;transition:none!important}.intro .card__back,.intro .card__front:before{display:none}.intro .card__front{opacity:0;transition:opacity .01s linear .6s!important}.intro .card.is-up .card__front{opacity:1;transition:opacity .6s ease!important}.intro .w>span{transform:none!important;transition:none!important}.intro [data-phrase]{opacity:0;transition:opacity .6s ease!important}.intro [data-phrase].is-in{opacity:1}.intro [data-phrase].is-out{filter:none;transform:none;transition:opacity .35s ease!important}.intro .is-reset,.intro__halo{transition:none!important}.intro__halo{transform:translate3d(0,var(--card-y),0)!important}.intro__piece{transition:none!important}.intro__play{transform:none;transition:opacity .6s ease!important}.intro.is-final .intro__skip{transition:opacity .6s ease,visibility 0s linear .6s!important}.intro__board,.intro__brand,.intro__hint,.intro__table{transform:none;transition:opacity .6s ease!important}.intro.is-leaving .intro__bar,.intro.is-leaving .intro__board,.intro.is-leaving .intro__table{transition:opacity .35s ease!important}}@media (forced-colors:active){.intro .card__face{border:2px solid CanvasText}.intro .card__front{background-image:none}.intro .cback:after{border-color:CanvasText;outline-color:CanvasText}.intro__fill,.intro__track button.is-past:before{forced-color-adjust:none;background:Highlight;border-color:Highlight}.intro__pause,.intro__play,.intro__skip{border:1px solid ButtonText}}@media print{.intro{display:none!important}html.intro-active,html.intro-active body{overflow:visible!important}html.intro-active .anim,html.intro-active .hero-ring{animation-play-state:running!important}}