@font-face{font-family:Sofia Sans Extra Condensed;src:url(../fonts/sofia-sans-xc.woff2) format("woff2");font-weight:1 1000;font-style:normal;font-display:block}@font-face{font-family:Sofia Sans Extra Condensed;src:url(../fonts/sofia-sans-xc-italic.woff2) format("woff2");font-weight:1 1000;font-style:italic;font-display:block}@font-face{font-family:Sofia Sans;src:url(../fonts/sofia-sans.woff2) format("woff2");font-weight:1 1000;font-style:normal;font-display:block}@font-face{font-family:Sofia Sans;src:url(../fonts/sofia-sans-italic.woff2) format("woff2");font-weight:1 1000;font-style:italic;font-display:block}:root{--ink: #08070b;--ink-2: #140f1b;--bone: #f3eef6;--bone-2: rgba(243, 238, 246, .66);--bone-3: rgba(243, 238, 246, .42);--rule: rgba(243, 238, 246, .16);--rule-2: rgba(243, 238, 246, .28);--purple: #522b5f;--lilac: #b894d8;--violet: #9b5fff;--pink: #e84d7f;--ash: #8a8496;--magenta: #ff3d9a;--cyan: #3de8ff;--gold: #ffc94a;--red: #ff2a55;--display: "Sofia Sans Extra Condensed", "Arial Narrow", sans-serif;--text: "Sofia Sans", system-ui, sans-serif;--halo: 0 1px 2px rgba(8, 7, 11, .75), 0 0 22px rgba(8, 7, 11, .6);--halo-2: 0 1px 2px rgba(8, 7, 11, .9), 0 0 6px rgba(8, 7, 11, .85), 0 0 18px rgba(8, 7, 11, .6);--ease-film: cubic-bezier(.7, 0, .2, 1);--ease-out: cubic-bezier(.16, .84, .3, 1);--ease-snap: cubic-bezier(.2, 1.5, .35, 1);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--g: 20px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--ink);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{font-family:var(--text);color:var(--bone);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}p,h1,h2,h3{margin:0}#stage,#stage canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.num{font-variant-numeric:tabular-nums lining-nums}kbd{font:700 10px/1 var(--text);letter-spacing:.08em;color:var(--bone-2);border:1px solid var(--rule-2);border-radius:3px;padding:2px 5px 1px;white-space:nowrap}#loading{position:fixed;inset:0;z-index:50;background:var(--ink);display:flex;flex-direction:column;justify-content:flex-end;padding:0 20px calc(var(--sab) + 64px);gap:22px}#loading .lt{font:800 56px/.9 var(--display);letter-spacing:-.01em;color:var(--bone-2)}#loading .lt b{color:var(--bone)}#loading .lb{height:1px;background:var(--rule)}#loading .lf{height:100%;width:0;background:var(--bone);transition:width .6s var(--ease-out)}#loading.off{opacity:0;pointer-events:none;transition:opacity .5s}.label{font:700 10.5px/1 var(--text);letter-spacing:.24em;text-transform:uppercase;color:var(--bone-3)}.label.hi{color:var(--bone-2)}.rise{display:block;overflow:hidden}.rise>span,.rise>b{display:block}.on .rise>span,.on .rise>b{animation:rise .8s var(--d, .2s) var(--ease-out) both}@keyframes rise{0%{transform:translateY(104%)}}.on .fade{animation:fade .6s var(--d, .4s) var(--ease-out) both}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.on .stagger>*{animation:fade .55s calc(var(--d0, .5s) + var(--i, 0) * .06s) var(--ease-out) both}.on .stagger>*:nth-child(2){--i: 1}.on .stagger>*:nth-child(3){--i: 2}.on .stagger>*:nth-child(4){--i: 3}.on .stagger>*:nth-child(5){--i: 4}.on .stagger>*:nth-child(6){--i: 5}.on .stagger>*:nth-child(7){--i: 6}.on .stagger>*:nth-child(8){--i: 7}.on .stagger>*:nth-child(9){--i: 8}@media(prefers-reduced-motion:reduce){.on .rise>span,.on .rise>b,.on .fade,.on .stagger>*{animation-duration:.01s!important}}.btn{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;padding:0 18px 0 20px;font:800 26px/1 var(--display);letter-spacing:.07em;text-transform:uppercase;transition:transform .12s,background .2s}.btn small{font:700 10.5px/1 var(--text);letter-spacing:.22em;display:flex;align-items:center;gap:10px}.btn.primary{background:var(--bone);color:var(--ink)}.btn.primary small{color:#08070b8c}.btn.primary small:after{content:"";width:18px;height:1.5px;background:currentColor}.btn.ghost{box-shadow:inset 0 0 0 1px var(--rule-2);color:var(--bone)}.btn.ghost small{color:var(--bone-3)}.btn:active{transform:scale(.985)}.grid{display:grid;grid-template-columns:1fr 1fr;box-shadow:inset 0 1px 0 var(--rule)}.grid>button{height:48px;font:700 10.5px/1 var(--text);letter-spacing:.22em;text-transform:uppercase;color:var(--bone-2);box-shadow:inset 0 -1px 0 var(--rule);text-align:left;padding-left:2px}.grid>button:nth-child(2n){text-align:right;padding-right:2px}.list>button{display:flex;align-items:center;justify-content:space-between;width:100%;height:54px;font:700 22px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--bone-2);box-shadow:inset 0 -1px 0 var(--rule)}.list>button small{font:700 10.5px/1 var(--text);letter-spacing:.22em;color:var(--bone-3)}.back{display:flex;align-items:center;gap:10px;height:44px;font:700 10.5px/1 var(--text);letter-spacing:.22em;color:var(--bone-2)}.back:before{content:"";width:18px;height:1.5px;background:currentColor}button:focus-visible,button.nav{outline:1.5px solid var(--magenta);outline-offset:3px}button:focus:not(:focus-visible){outline:0}.ctl{position:fixed;inset:0;z-index:1}.ctl .half{position:absolute;top:0;bottom:0;width:50%}.ctl .half.l{left:0}.ctl .half.r{right:0}.ctl .pull{position:absolute;right:calc(var(--sar) + 8px);bottom:calc(var(--sab) + 10px);width:48px;height:128px;display:none;--k: 0;touch-action:none}.ctl.touch .pull{display:block}.ctl .pull .track{position:absolute;inset:4px 6px 26px;border-radius:18px;box-shadow:inset 0 0 0 1.5px var(--rule-2);background:#08070b24}.ctl .pull .track i{position:absolute;left:3px;right:3px;top:3px;height:30px;border-radius:15px;box-shadow:inset 0 0 0 2px var(--bone),0 1px 6px #08070b73;background:#f3eef624;transform:translateY(calc(var(--k) * 62px))}.ctl .pull.on .track i{background:#f3eef64d}.ctl .pull[data-t="4"] .track i{box-shadow:inset 0 0 0 2px var(--pink),0 0 12px #e84d7f99;background:#e84d7f59}.ctl .pull .track s{position:absolute;left:50%;width:10px;height:1.5px;margin-left:-5px;background:var(--rule-2)}.ctl .pull .track s:nth-of-type(1){top:33.5px}.ctl .pull .track s:nth-of-type(2){top:49px}.ctl .pull .track s:nth-of-type(3){top:64.5px}.ctl .pull .track s:nth-of-type(4){top:80px}.ctl .pull[data-t="1"] s:nth-of-type(-n+1),.ctl .pull[data-t="2"] s:nth-of-type(-n+2),.ctl .pull[data-t="3"] s:nth-of-type(-n+3),.ctl .pull[data-t="4"] s{background:var(--bone)}.ctl .pull[data-t="4"] s{background:var(--pink)}.ctl .pull span{position:absolute;left:0;right:0;bottom:6px;text-align:center;font:700 10px/1 var(--text);letter-spacing:.22em;color:var(--bone-3);text-shadow:var(--halo)}.ctl .pull.on span{color:var(--bone)}body.screen .ctl{display:none}.hud{position:fixed;inset:0;z-index:2;pointer-events:none}.hud .top{position:absolute;left:calc(var(--sal) + 16px);top:calc(var(--sat) + 8px);width:190px}.hud .score{font:800 46px/.9 var(--display);letter-spacing:-.012em;color:var(--bone);text-shadow:var(--halo);white-space:nowrap}.hud .score[data-d=long]{font-size:38px}.hud .score.rolling{color:#fff}.hud .sub{margin-top:5px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font:700 10.5px/1 var(--text);letter-spacing:.24em;color:var(--bone-2);text-transform:uppercase;text-shadow:var(--halo)}.hud .sub i{font-style:normal;color:var(--bone-3)}.hud .sub .m{color:var(--lilac)}.hud .sub .x{color:var(--red)}.hud .sub .sv{display:none;align-items:center;gap:5px;color:var(--cyan)}.hud .sub .sv.on{display:inline-flex}.hud .sub .sv svg{width:14px;height:14px;transform:rotate(-90deg);overflow:visible}.hud .sub .sv circle{fill:none;stroke-width:2.4}.hud .sub .sv .bg{stroke:var(--rule-2)}.hud .sub .sv .fg{stroke:var(--cyan);stroke-linecap:butt}.hud .sub .sv.late{animation:blink .5s steps(2,jump-none) infinite}@keyframes blink{50%{opacity:.25}}.hud .side{position:absolute;right:calc(var(--sar) + 12px);top:calc(var(--sat) + 10px);display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:92px}.hud .status{text-align:right;font:700 10.5px/1.3 var(--text);letter-spacing:.24em;color:var(--bone-2);text-transform:uppercase;text-shadow:var(--halo);opacity:0;transition:opacity .25s;min-height:14px;padding:0 4px}.hud .status.on{opacity:1}.hud .pz{width:44px;height:44px;display:none;place-items:center;pointer-events:auto;margin:-8px -6px -6px 0}body.touch .hud .pz{display:grid}.hud .pz:before{content:"";width:10px;height:14px;box-shadow:inset 3px 0 0 var(--bone-2),inset -3px 0 0 var(--bone-2);filter:drop-shadow(0 1px 2px rgba(8,7,11,.8))}.hud .mode{display:none;width:180px;text-align:left;text-shadow:var(--halo);margin-top:6px}.hud .mode.on{display:block}.hud .mode .ml{display:none;justify-content:flex-start;align-items:baseline;gap:12px}.hud .mode.timed .ml,.hud .mode.named .ml{display:flex}.hud .mode .lbl{font:700 10.5px/1 var(--text);letter-spacing:.2em;color:var(--bone-2);text-transform:uppercase;white-space:nowrap}.hud .mode .sec{font:300 22px/.8 var(--display);color:var(--bone)}.hud .mode .hv{display:none;font:300 26px/.85 var(--display);letter-spacing:-.01em;color:var(--gold);margin-top:2px}.hud .mode.hurry .hv,.hud .mode.named .hv{display:block}.hud .mode .bar{display:none;height:2px;background:var(--rule-2);margin-top:5px;overflow:hidden}.hud .mode.timed .bar{display:block}.hud .mode .bar i{display:block;height:100%;background:var(--bone);transform-origin:0 50%;transform:scaleX(1)}.hud .mode.last .sec,.hud .mode.last .bar i{color:var(--red);background:var(--red)}.hud .mode.last .sec{background:none;animation:blink .5s steps(2,jump-none) infinite}.hud .call{position:absolute;left:16px;right:16px;top:30%;text-align:center;opacity:0;--dur: 1.6s}.hud .call.on{animation:callin var(--dur) var(--ease-out) both}@keyframes callin{0%{opacity:0;transform:translateY(16px) scale(.9)}9%{opacity:1;transform:none}84%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.hud .call .w{font:900 min(84px,17vw)/.86 var(--display);letter-spacing:-.012em;text-transform:uppercase;color:var(--bone);text-shadow:var(--halo)}.hud .call.long .w{font-size:min(64px,13vw)}.hud .call .s{display:inline-block;margin-top:10px;padding:6px 11px 7px;background:#08070bd1;font:700 11px/1.3 var(--text);letter-spacing:.26em;color:var(--bone)}.hud .call.gold .w{color:var(--gold)}.hud .call.pink .w{color:var(--pink)}.hud .call.cyan .w{color:var(--cyan)}.hud .call.red .w{color:var(--red)}.hud .call.lilac .w{color:var(--lilac)}.hud .call.dim .w{color:var(--bone-2)}.hud .call.dim .w,.hud .call.lc .w{font-weight:300;font-style:italic;text-transform:none;font-size:min(64px,13vw)}.hud .bonus{position:absolute;left:0;right:0;top:76%;text-align:center;text-shadow:var(--halo-2);opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s var(--ease-out)}.hud .bonus.on{opacity:1;transform:none}.hud .bonus .e,.hud .bonus .d{font:700 11px/1 var(--text);letter-spacing:.26em;color:var(--gold);text-transform:uppercase}.hud .bonus .n{font:300 min(88px,20vw)/.85 var(--display);letter-spacing:-.01em;color:var(--bone);margin:8px 0 6px;text-transform:uppercase}.hud .bonus .n.word{font-weight:500;font-size:min(56px,13vw)}.hud .bonus .e:empty+.n{font:300 min(44px,11vw)/.9 var(--display);color:var(--bone-2)}.hud.screen .top,.hud.screen .side,.hud.screen .call,.hud.screen .bonus{display:none}.hud .pops{position:absolute;inset:0;overflow:hidden}.hud.screen .pops{display:none}.hud .pop{position:absolute;left:0;top:0;opacity:0;font:800 17px/1 var(--display);letter-spacing:-.01em;color:var(--bone);text-shadow:var(--halo);white-space:nowrap;will-change:transform,opacity}.hud .pop.t2{font-size:24px;color:#fff}.hud .pop.t3{font-size:33px;color:var(--gold)}.hud .pop.t4{font-size:46px;font-weight:900;color:var(--gold);text-shadow:0 0 22px rgba(232,77,127,.85),0 0 6px rgba(232,77,127,.6),var(--halo)}.hud .pop.lilac{color:var(--lilac)}.hud .pop.pink{color:var(--pink)}.hud .pop.cyan{color:var(--cyan)}@media(min-width:900px){.hud .pop{font-size:21px}.hud .pop.t2{font-size:30px}.hud .pop.t3{font-size:42px}.hud .pop.t4{font-size:60px}}body.dmd .hud .top,body.dmd .hud .status{display:none}.dmdband{position:absolute;z-index:1;padding:4px;border-radius:5px;background:#000;box-shadow:inset 0 0 0 1px #f3eef612,0 0 0 1px #08070be6,0 8px 22px #0000008c;pointer-events:none;display:none}.dmdband.on{display:block}.dmdband canvas{display:block;width:100%;aspect-ratio:4 / 1;border-radius:2px}.dmdband .glass{position:absolute;inset:4px;border-radius:2px;background:linear-gradient(172deg,#f3eef60f,#f3eef600 38%);pointer-events:none}.dmdband.phone{left:calc(var(--sal) + 8px);right:calc(var(--sar) + 8px);top:calc(var(--sat) + 6px)}.dmdband.desk{left:28px;top:22px;width:clamp(240px,calc(50vw - 300px),470px)}body.dmd-phone .hud .side{top:calc(var(--sat) + 6px + (100vw - var(--sal) - var(--sar) - 24px) / 4 + 20px);right:calc(var(--sar) + 6px)}.hud .combo{position:absolute;left:16px;right:16px;top:56%;text-align:center;opacity:0;pointer-events:none}.hud .combo.on{animation:comboin 1.1s var(--ease-out) both}@keyframes comboin{0%{opacity:0;transform:scale(1.5)}12%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.hud .combo .cn{display:block;font:900 min(54px,11vw)/.9 var(--display);letter-spacing:-.01em;color:var(--gold);text-shadow:var(--halo),0 0 24px rgba(255,201,74,.55)}.hud .combo .cp{display:inline-block;margin-top:6px;padding:4px 9px 5px;background:#08070bd1;font:700 11px/1.2 var(--text);letter-spacing:.24em;color:var(--bone)}.hud .combo.hot .cn{color:var(--pink);text-shadow:var(--halo),0 0 28px rgba(232,77,127,.65)}.hud.sad:after{content:"";position:absolute;inset:0;pointer-events:none;--b: var(--beat, 0);box-shadow:inset 0 0 0 2px rgba(232,77,127,calc(.18 + .62 * var(--b))),inset 0 0 calc(26px + 60px * var(--b)) rgba(232,77,127,calc(.1 + .4 * var(--b)))}@media(min-width:900px){.hud .combo{top:56%}.hud .combo .cn{font-size:60px}.hud .combo .cp{font-size:12.5px}}.scr{position:absolute;inset:0;z-index:3;display:none;pointer-events:auto;background:linear-gradient(to top,#08070bf2,#08070bcc 42%,#08070b4d 72%,#08070b14)}.scr.on{display:flex;flex-direction:column;justify-content:flex-end;padding:0 calc(var(--sar) + var(--g)) calc(var(--sab) + 24px) calc(var(--sal) + var(--g))}.scr .in{display:grid;gap:14px;max-width:520px;width:100%;margin:0 auto;min-height:0}.scr .eyebrow{font:700 10.5px/1 var(--text);letter-spacing:.26em;color:var(--bone-2);text-transform:uppercase;text-shadow:var(--halo)}.scr .line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:700 10.5px/1.4 var(--text);letter-spacing:.24em;color:var(--bone-2);text-transform:uppercase;text-shadow:var(--halo)}.scr .line .best{color:var(--gold);white-space:nowrap}.scr .hint{display:flex;flex-wrap:wrap;gap:8px 18px;font:700 10px/1.6 var(--text);letter-spacing:.2em;color:var(--bone-3);text-transform:uppercase}.scr .hint span{display:flex;align-items:center;gap:6px}.h2{font:800 56px/.84 var(--display);letter-spacing:-.005em;text-transform:uppercase}.hdr{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:14px;box-shadow:inset 0 -1px 0 var(--rule)}.s-howto .in,.s-settings .in,.s-credits .in,.s-scores .in{height:100%;grid-template-rows:auto minmax(0,1fr);padding-top:calc(var(--sat) + 22px)}.s-howto,.s-settings,.s-credits,.s-scores{background:linear-gradient(to top,#08070bf7,#08070beb 55%,#08070bb3)}.how,.set,.roll,.board{display:flex;flex-direction:column;min-height:0;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none}.how::-webkit-scrollbar,.set::-webkit-scrollbar,.roll .scroll::-webkit-scrollbar,.board::-webkit-scrollbar{display:none}.how .done,.set .done,.roll .end,.board+.end{margin-top:auto;flex:none}.s-title .eyebrow{position:relative;height:11px}.s-title .eyebrow span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0}.s-title .eyebrow span:first-child{opacity:1}.hud.attract .s-title .eyebrow span{animation:cyc 12s var(--cd, 0s) ease-in-out infinite both}.hud.attract .s-title .eyebrow span:nth-child(2){--cd: 4s}.hud.attract .s-title .eyebrow span:nth-child(3){--cd: 8s}@keyframes cyc{0%{opacity:0;transform:translateY(4px)}4%{opacity:1;transform:none}30%{opacity:1}34%{opacity:0}to{opacity:0}}.s-title .big{font:900 min(132px,30vw)/.8 var(--display);letter-spacing:-.014em;color:var(--bone);margin-left:-3px}.s-title .big .rise>span,.s-title .big .rise>b{padding-top:.06em}.s-title .big b{color:var(--pink);font-weight:inherit}.s-title .menu{display:grid;gap:12px}.s-title .snd{display:none;margin:0;font:700 10px/1 var(--text);letter-spacing:.24em;color:var(--bone-3);text-align:center;animation:fade .4s both}.s-title.nosound .snd{display:block}.how{gap:0}.how h3{margin:6px 0 4px}.how h3+*{margin-top:2px}.how .dev{display:none}body.touch .how .dev.touch{display:block}body:not(.touch) .how .dev.keys{display:block}.how .it{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center;padding:9px 0;box-shadow:inset 0 -1px 0 var(--rule)}.how .it p{font:400 13.5px/1.34 var(--text);color:var(--bone-2)}.how .it p b{font-weight:700;color:var(--bone);letter-spacing:.02em}.how .glyph{width:46px;height:46px;border-radius:50%;background:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--rule-2);display:grid;place-items:center;font:800 11px/1 var(--display);letter-spacing:.06em;color:var(--bone);text-align:center}.how .glyph.nd{box-shadow:inset 0 0 0 1.5px var(--pink);color:var(--pink)}.how .it.pad{display:none}.how.has-pad .it.pad,.s-howto.has-pad .it.pad{display:grid}.how .rules .it{grid-template-columns:76px 1fr;align-items:baseline}.how .rules .it b{font:800 17px/1 var(--display);letter-spacing:.08em;color:var(--bone)}.how .rules .it p{font-size:13px}.how .fine{margin:10px 0 12px;font:400 italic 12.5px/1.4 var(--text);color:var(--bone-3)}.set{padding-top:4px}.set .it{padding:14px 0 16px;box-shadow:inset 0 -1px 0 var(--rule);flex:none}.set .it .k{display:flex;justify-content:space-between;align-items:baseline}.set .it .k .v{font:300 30px/.8 var(--display);color:var(--bone)}.ticks{display:grid;grid-template-columns:repeat(24,1fr);height:34px;margin-top:8px;align-items:end;touch-action:none;cursor:ew-resize}.ticks i{justify-self:center;width:2px;height:14px;background:var(--rule-2);pointer-events:none}.ticks i.on{background:var(--bone)}.ticks i.head{height:26px;background:var(--bone);box-shadow:0 0 0 3px var(--ink)}.set .it.tg{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.toggle{display:flex;align-items:center;gap:6px}.toggle button{min-width:52px;height:44px;font:800 20px/1 var(--display);letter-spacing:.1em;color:var(--bone-3)}.toggle button.on{color:var(--bone);box-shadow:inset 0 -2px 0 var(--bone)}.set .done{margin-top:18px}.roll{padding-top:12px}.roll .scroll{overflow-y:auto;min-height:0;flex:1;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:12px;mask-image:linear-gradient(180deg,#000 88%,transparent);scrollbar-width:none}.roll .lead{font:400 14px/1.4 var(--text);color:var(--bone-2);margin-bottom:8px}.roll .lead b{color:var(--bone);font-weight:600}.roll h3{margin:20px 0 10px}.roll .src{margin:0 0 10px;font:400 12.5px/1.4 var(--text);color:var(--bone-2)}.roll .src b{color:var(--bone);font-weight:600}.roll .src em{font-style:normal;color:var(--bone-3)}.roll .src.req{color:var(--bone)}.roll .end{margin-top:12px}.board{padding-top:10px}.tbl .r{display:grid;grid-template-columns:28px 1fr auto 54px;align-items:baseline;column-gap:10px;height:36px;box-shadow:inset 0 -1px 0 var(--rule)}.on .tbl .r{animation:fade .45s calc(.25s + var(--i, 0) * .04s) var(--ease-out) both}.tbl .rk{font:700 10.5px/1 var(--text);letter-spacing:.1em;color:var(--bone-3)}.tbl .ini{font:800 22px/1 var(--display);letter-spacing:.14em;color:var(--bone)}.tbl .sc{font:300 24px/1 var(--display);letter-spacing:-.01em;color:var(--bone)}.tbl .dt{font:700 10px/1 var(--text);letter-spacing:.18em;color:var(--bone-3);text-align:right}.tbl .r.new .ini,.tbl .r.new .sc,.tbl .r.new .rk{color:var(--pink)}.tbl .r.new{box-shadow:inset 0 -1px 0 var(--rule),inset 2px 0 0 var(--pink);padding-left:10px}.board+.end{margin-top:14px}.s-pause{background:linear-gradient(to top,#08070bf5,#08070bd1 46%,#08070b66 78%,#08070b2e)}.s-pause .hdr{box-shadow:none;padding-bottom:4px}.s-pause .cap{font:400 italic 15px/1.2 var(--text);color:var(--bone-2);margin-top:10px}.s-pause .meta{display:grid;gap:8px;justify-items:end;text-align:right}.s-pause .meta b{font:300 34px/.8 var(--display);letter-spacing:-.01em;color:var(--bone)}.s-pause .menu{display:grid;gap:10px}.s-over{background:linear-gradient(to top,#08070bf7,#08070be6 50%,#08070b80 80%,#08070b33)}.s-over .final{font:200 min(96px,22vw)/.85 var(--display);letter-spacing:-.01em;color:var(--bone)}.s-over .final>span{padding-top:.04em}.s-over .best.new{color:var(--pink)}.s-over .entry{display:none;gap:12px}.s-over.placing .entry{display:grid}.s-over .after{display:grid;gap:12px}.s-over.placing .after{display:none}.entry .erow{display:flex;align-items:baseline;gap:10px}.entry .rank{font:300 34px/.8 var(--display);color:var(--pink)}.entry .help{margin-left:auto;text-align:right}.entry .slots{display:flex;gap:12px}.entry .slots .s{width:64px;height:74px;display:grid;place-items:center;font:800 64px/1 var(--display);color:var(--bone);box-shadow:inset 0 -2px 0 var(--rule-2)}.entry .slots .s.on{color:#fff;animation:caret 1s steps(2,jump-none) infinite}@keyframes caret{0%{box-shadow:inset 0 -3px 0 var(--magenta)}50%{box-shadow:inset 0 -3px 0 var(--rule-2)}}.entry .slots .s.blank:before{content:"·";color:var(--bone-3)}.entry .wheel{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.entry .wheel button{height:44px;font:700 17px/1 var(--display);letter-spacing:.04em;color:var(--bone-2);box-shadow:inset 0 0 0 1px var(--rule)}.entry .wheel button.on{color:var(--ink);background:var(--bone)}.entry .acts{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.entry .skip{height:44px;padding:0 14px;font:700 10.5px/1 var(--text);letter-spacing:.22em;color:var(--bone-3)}.s-over .after .acts{display:grid;grid-template-columns:1.6fr 1fr;gap:10px}.s-over .after .btn.ghost{justify-content:center}.s-over .after .tbl .r{height:32px}.rot{position:fixed;inset:0;z-index:60;display:none;background:var(--ink);color:var(--bone);text-align:center}.rot.on{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.rot .ph{width:26px;height:46px;border:2px solid var(--bone);border-radius:5px;animation:turn 2.6s var(--ease-film) infinite}@keyframes turn{0%,20%{transform:rotate(-90deg)}60%,to{transform:rotate(0)}}.rot .big{font:900 56px/.84 var(--display);letter-spacing:-.01em;text-transform:uppercase}.rot .big b{display:block;color:var(--pink);font-weight:inherit}.rot p{font:400 italic 15px/1.3 var(--text);color:var(--bone-2)}@media(min-width:900px){.hud .top{left:28px;top:22px;width:300px}.hud .score{font-size:64px}.hud .score[data-d=long]{font-size:54px}.hud .side{right:28px;top:26px;max-width:320px;gap:10px}.hud .status{font-size:12px}.hud .mode{width:240px;margin-top:12px}.hud .mode .sec{font-size:28px}.hud .mode .hv{font-size:36px}.hud .call{top:30%}.hud .call .w{font-size:84px}.hud .call.long .w,.hud .call.dim .w,.hud .call.lc .w{font-size:64px}.hud .call .s{font-size:12.5px;margin-top:12px;padding:7px 13px 8px}.hud .bonus{top:76%}.hud .bonus .e,.hud .bonus .d{font-size:12px}.scr{background:linear-gradient(to right,#08070bf2,#08070bc7 30%,#08070b2e 56%,#08070b00)}.s-howto,.s-settings,.s-credits,.s-scores,.s-pause,.s-over{background:linear-gradient(to right,#08070bf7,#08070be6 34%,#08070b4d 58%,#08070b00)}.scr.on{justify-content:flex-end;padding:0 0 48px 56px}.scr .in{max-width:440px;margin:0}.s-howto .in,.s-settings .in,.s-credits .in,.s-scores .in{height:calc(100% - 48px);padding-top:44px;max-width:460px}.s-title .big{font-size:150px}.h2{font-size:64px}.how .it{padding:8px 0}.rot{display:none!important}}.hud .vw{position:relative;width:44px;height:44px;display:none;place-items:center;pointer-events:auto;margin:0 -6px -6px 0}body.touch .hud .vw{display:grid}.hud .vw:before,.how .glyph.vwg:before{content:"";width:17px;height:12px;border-radius:3px;box-shadow:inset 0 0 0 1.5px var(--bone-2);filter:drop-shadow(0 1px 2px rgba(8,7,11,.8))}.hud .vw:after,.how .glyph.vwg:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--bone-2)}.how .glyph.vwg{position:relative}.how .glyph.vwg:before,.how .glyph.vwg:after{background-color:transparent}.how .glyph.vwg:before{box-shadow:inset 0 0 0 1.5px var(--bone)}.how .glyph.vwg:after{background:var(--bone)}.hud .vw:active:before{box-shadow:inset 0 0 0 1.5px var(--bone)}.hud .vtag{font:700 10.5px/1.3 var(--text);letter-spacing:.24em;color:var(--bone);text-transform:uppercase;text-shadow:var(--halo);white-space:nowrap;opacity:0;padding:0 4px;pointer-events:none}.hud .vtag.on{animation:vtag 1.7s var(--ease-out) both}@keyframes vtag{0%{opacity:0;transform:translateY(-4px)}10%{opacity:1;transform:none}76%{opacity:1}to{opacity:0}}.hud .fpsc{position:absolute;left:calc(var(--sal) + 10px);bottom:calc(var(--sab) + 8px);display:none;align-items:baseline;gap:6px;font:700 10px/1 var(--text);letter-spacing:.2em;color:var(--bone-3);text-shadow:var(--halo);pointer-events:none;z-index:4}.hud .fpsc.on{display:flex}.hud .fpsc b{font:800 17px/1 var(--display);letter-spacing:0;color:var(--bone)}.hud .fpsc i{font-style:normal;letter-spacing:.1em}.hud.clean .call,.hud.clean .pops,.hud.clean .combo,.hud.clean .bonus{display:none}.set .tabs{display:grid;grid-template-columns:repeat(3,1fr);box-shadow:inset 0 1px 0 var(--rule);flex:none}.set .tabs button{height:40px;font:700 10.5px/1 var(--text);letter-spacing:.22em;color:var(--bone-3);box-shadow:inset 0 -1px 0 var(--rule);text-align:left;padding-left:2px}.set .tabs button.on{color:var(--bone);box-shadow:inset 0 -2px 0 var(--bone)}.set .when{margin:10px 0 2px;font:400 italic 12.5px/1.3 var(--text);color:var(--bone-3);flex:none}.set .grp{display:none;flex:none}.set .grp.on{display:block}.on .stagger>.grp.on{animation:fade .3s 0s var(--ease-out) both}.set .it .n{font:400 italic 12px/1.25 var(--text);color:var(--bone-3);letter-spacing:0;text-transform:none}.set .it.ch{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;min-height:56px}.set .it.ch .k{display:grid;gap:5px;justify-items:start}.set .it.ch.wide{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:4px;padding:12px 0 6px}.set .it.ch.wide .k{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.set .it.ch.wide .n{text-align:right}.set .it.ch.next .n{color:var(--gold)}.seg{display:flex;gap:4px}.set .it.ch.wide .seg button{flex:1;min-width:0;font-size:18px;letter-spacing:.05em}.seg button{min-width:52px;height:44px;font:800 20px/1 var(--display);letter-spacing:.1em;color:var(--bone-3)}.seg button.on{color:var(--bone);box-shadow:inset 0 -2px 0 var(--bone)}.set .it.sl{padding:14px 0 16px}.set .views{display:grid}.set .views button{display:grid;justify-items:start;gap:5px;padding:11px 0 11px 14px;text-align:left;box-shadow:inset 0 -1px 0 var(--rule)}.set .views b{font:800 24px/1 var(--display);letter-spacing:.06em;color:var(--bone-3)}.set .views span{font:400 italic 12.5px/1.25 var(--text);color:var(--bone-3)}.set .views button.on{box-shadow:inset 0 -1px 0 var(--rule),inset 2px 0 0 var(--pink)}.set .views button.on b{color:var(--bone)}.set .views button.on span{color:var(--bone-2)}.set .fine{margin:12px 0 0;font:400 italic 12.5px/1.4 var(--text);color:var(--bone-3)}.set .fine b{font:700 12px/1 var(--text);font-style:normal;color:var(--bone)}.set .keys{margin-top:6px}.set .keys p{display:flex;justify-content:space-between;align-items:baseline;height:38px;padding-top:13px;box-shadow:inset 0 -1px 0 var(--rule)}.set .keys b{font:700 11px/1 var(--text);letter-spacing:.14em;color:var(--bone-2)}.set .it.act{display:grid;gap:8px;padding:14px 0 12px}.set .it.act .k{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.set .ask{display:flex;align-items:center;gap:8px;min-height:44px}.set .ask .q{flex:1;font:400 italic 14px/1.3 var(--text);color:var(--bone-2)}.set .ask button{height:44px;padding:0 16px;font:800 18px/1 var(--display);letter-spacing:.1em;color:var(--bone-2);box-shadow:inset 0 0 0 1px var(--rule-2)}.set .ask .yes,.set .ask .no,.set .it.act.asking .go{display:none}.set .it.act.asking .yes,.set .it.act.asking .no{display:block}.set .ask .yes{color:var(--ink);background:var(--pink);box-shadow:none}.set .it.act.done .q{color:var(--bone);font-style:normal;font-weight:700;letter-spacing:.02em}.set .tabs.nav,.set .it.nav,.set .views.nav{outline:1.5px solid var(--magenta);outline-offset:-1.5px}.set .tabs.nav button:focus-visible,.set .views.nav button:focus-visible,.set .it.ch.nav button:focus-visible{outline:0}.how .it{padding:6px 0}.how .it p{line-height:1.3}.how h3{margin:4px 0 2px}.how .fine{margin:6px 0 8px}@media(orientation:landscape){.dmdband.phone{left:auto;right:calc(var(--sar) + 10px);top:calc(var(--sat) + 8px);width:clamp(200px,30vw,300px)}body.dmd-phone .hud .side{top:calc(var(--sat) + 8px + clamp(200px,30vw,300px) / 4 + 16px);right:calc(var(--sar) + 10px);max-width:160px}}@media(orientation:landscape)and (max-height:560px){.scr{background:linear-gradient(to right,#08070bf2,#08070bcc 36%,#08070b33 62%,#08070b00)}.s-howto,.s-settings,.s-credits,.s-scores,.s-pause,.s-over{background:linear-gradient(to right,#08070bf7,#08070beb 44%,#08070b59 68%,#08070b00)}.scr.on{justify-content:flex-end;padding:0 0 calc(var(--sab) + 12px) calc(var(--sal) + 22px)}.scr .in{max-width:400px;margin:0;gap:9px}.s-howto .in,.s-settings .in,.s-credits .in,.s-scores .in{height:100%;padding-top:calc(var(--sat) + 12px);max-width:430px}.s-title .big{font-size:min(76px,19vh)}.s-title .menu{gap:8px}.btn{height:44px;font-size:22px}.grid>button{height:38px}.list>button{height:42px;font-size:19px}.h2{font-size:40px}.hdr{padding-bottom:8px}.s-pause .meta b{font-size:26px}.s-over .final{font-size:64px}.entry .slots .s{width:48px;height:52px;font-size:46px}.entry .wheel{grid-template-columns:repeat(14,1fr);gap:3px}.entry .wheel button{height:36px;font-size:15px}.s-over .after .tbl .r{height:26px}.hud .call{top:22%}.hud .bonus{top:70%}}.s-title .demo-go{display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;margin-top:-12px;padding:0 2px;font:700 10.5px/1 var(--text);letter-spacing:.22em;text-transform:uppercase;color:var(--bone-2);box-shadow:inset 0 -1px 0 var(--rule)}.s-title .demo-go small{font:inherit;letter-spacing:.18em;color:var(--bone-3)}body.demo .ctl .pull{display:none}.demo-ui{position:fixed;inset:0;z-index:5;pointer-events:none;display:none}body.demo .demo-ui{display:block}.demo-ui .dpanel{position:absolute;left:calc(var(--sal) + 8px);right:calc(var(--sar) + 8px);bottom:calc(var(--sab) + 6px);pointer-events:auto;padding:8px 6px 4px 12px;background:#08070bdb;box-shadow:inset 0 0 0 1px var(--rule)}.demo-ui .dcap{display:flex;align-items:baseline;gap:8px;min-width:0;padding-right:6px}.demo-ui .dk{font:700 9.5px/1 var(--text);letter-spacing:.26em;color:var(--pink)}.demo-ui .dn{font:700 10px/1 var(--text);letter-spacing:.12em;color:var(--bone-3)}.demo-ui .dt{font:800 19px/1 var(--display);letter-spacing:.05em;text-transform:uppercase;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.demo-ui .dt.lc{text-transform:none;font-weight:300;font-style:italic;letter-spacing:.01em}.demo-ui .ds{margin:4px 6px 0 0;font:400 italic 12px/1.25 var(--text);color:var(--bone-2);min-height:15px}.demo-ui .dfoot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:4px}.demo-ui .dprog{display:flex;gap:2px}.demo-ui .dprog i{flex:1;height:2px;background:var(--rule)}.demo-ui .dprog i.d{background:var(--bone-3)}.demo-ui .dprog i.on{background:var(--pink)}.demo-ui .dbar{display:flex;align-items:center}.demo-ui .dbar button{height:40px;min-width:38px;display:grid;place-items:center;color:var(--bone)}.demo-ui .dbar button.tx{min-width:0;padding:0 9px;font:700 10px/1 var(--text);letter-spacing:.2em;color:var(--bone-2)}.demo-ui .dbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.demo-ui .dbar .pp .ir svg{fill:currentColor;stroke-width:1.5}.demo-ui .dbar .pp .ir,.demo-ui.paused .dbar .pp .ip{display:none}.demo-ui.paused .dbar .pp .ir{display:block}.demo-ui .dbar .pp span{display:block;height:20px}.demo-ui.paused .dk{animation:caret 1s steps(2,jump-none) infinite}.demo-ui .dlist{position:absolute;left:calc(var(--sal) + 8px);right:calc(var(--sar) + 8px);bottom:calc(var(--sab) + 104px);max-height:58vh;display:none;flex-direction:column;pointer-events:auto;background:#08070bf2;box-shadow:inset 0 0 0 1px var(--rule-2)}.demo-ui.list .dlist{display:flex}.demo-ui .dlh{display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 12px;height:40px;box-shadow:inset 0 -1px 0 var(--rule);font:700 10px/1 var(--text);letter-spacing:.24em;color:var(--bone-2)}.demo-ui .dlh button{height:40px;padding:0 8px;font:inherit;letter-spacing:.2em;color:var(--bone-3)}.demo-ui .dlist ol{list-style:none;margin:0;padding:4px 0;overflow-y:auto;touch-action:pan-y}.demo-ui .dlist li button{display:flex;align-items:baseline;gap:12px;width:100%;height:36px;padding:0 12px;text-align:left}.demo-ui .dlist li span{font:700 10px/1 var(--text);letter-spacing:.12em;color:var(--bone-3)}.demo-ui .dlist li b{font:800 17px/1 var(--display);letter-spacing:.05em;color:var(--bone-2)}.demo-ui .dlist li.on b{color:var(--pink)}.demo-ui .dlist li.pick button{box-shadow:inset 2px 0 0 var(--magenta);background:#f3eef60f}body.demo .scr.on{padding-bottom:calc(var(--sab) + 106px)}@media(min-width:900px){.demo-ui .dpanel{left:auto;right:28px;bottom:24px;width:400px;padding:12px 8px 6px 16px}.demo-ui .dt{font-size:26px}.demo-ui .ds{font-size:13px;margin-top:6px}.demo-ui .dlist{left:auto;right:28px;width:400px;bottom:142px;max-height:calc(100vh - 200px)}body.demo .scr.on{padding-bottom:48px}}body.film #hud,body.film #loading,body.film .dmdband,body.film .demo-ui{display:none!important}.dmdband.desk{transition:opacity .45s var(--ease-out),transform .45s var(--ease-out)}.dmdband.desk.away{opacity:0;transform:translateY(-8px)}body.dmd .hud .call:not(.big),body.dmd .hud .combo,body.dmd .hud .bonus{display:none}#loading:before{content:"EMONAD LOST IT ALL ON DAY 1";margin-bottom:-10px;font:700 10.5px/1 var(--text);letter-spacing:.26em;color:var(--bone-3)}#loading .lt{font-size:64px;color:var(--bone)}#loading .lt b{color:var(--pink)}#loading .lt svg path:first-of-type{fill:var(--bone);fill-opacity:1}#loading .lt svg path:last-of-type{fill:var(--pink)}#loading .lb{max-width:520px}#loading.off:before,#loading.off .lt,#loading.off .lb{opacity:0;transition:opacity .16s}@media(min-width:900px){#loading{padding:0 0 48px 56px}#loading .lt{font-size:96px}#loading .lb{max-width:440px}}@media(orientation:landscape)and (max-height:560px){.s-title .big{font-size:min(60px,15.5vh)}.s-title .menu{gap:7px}.s-title .demo-go{height:38px;margin-top:-7px}.scr .hint{gap:2px 16px;line-height:1.5}}.s-scores .in{grid-template-rows:auto auto minmax(0,1fr) auto}.s-scores .bhead{display:grid}.s-scores .tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:-4px}.s-scores .tabs button{height:44px;font:700 10.5px/1 var(--text);letter-spacing:.22em;color:var(--bone-3);box-shadow:inset 0 -1px 0 var(--rule);text-align:left;padding-left:2px;white-space:nowrap}.s-scores .tabs button.on{color:var(--bone);box-shadow:inset 0 -2px 0 var(--bone)}.s-scores .tabs.nav{outline:1.5px solid var(--magenta);outline-offset:-1.5px}.s-scores .tabs button:focus-visible{outline:0}.s-scores .when{margin-top:10px;min-height:16px;font:400 italic 12.5px/1.3 var(--text);color:var(--bone-3)}.s-scores .board{padding-top:0}.s-scores .board.more{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 56px),transparent)}.s-scores .tbl .r{grid-template-columns:24px minmax(0,1fr) auto 62px}.s-scores .tbl .r .ini{white-space:nowrap}.on.s-scores .tbl .r{animation-delay:calc(.04s + var(--i, 0) * 25ms)}.tbl .r.me{box-shadow:inset 0 -1px 0 var(--rule),inset 2px 0 0 var(--pink);padding-left:10px}.tbl .r.me .ini{color:var(--pink)}.s-scores .msg{display:none;padding-top:16px}.s-scores[data-state=loading] .msg,.s-scores[data-state=empty] .msg,.s-scores[data-state=away] .msg{display:grid;gap:14px;justify-items:start}.s-scores .msg .m{font:400 italic 15px/1.4 var(--text);color:var(--bone-2)}.s-scores[data-state=loading] .msg .m:after{content:"...";display:inline-block;width:0;overflow:hidden;vertical-align:bottom;animation:dots 1.2s steps(4) infinite}@keyframes dots{to{width:1.1em}}.s-scores .again{display:none;height:44px;padding:0 16px;font:800 18px/1 var(--display);letter-spacing:.1em;color:var(--bone-2);box-shadow:inset 0 0 0 1px var(--rule-2)}.s-scores[data-state=away] .again{display:block}.entry .erow .where{color:var(--bone-2)}.entry .slots{align-items:flex-end}.entry .slots .help{align-self:flex-end;padding-bottom:8px;line-height:1.4}.entry .wheel.az button[data-c="."],.entry .wheel.az button[data-c=" "]{display:none}.s-over.deciding .after{visibility:hidden}.s-over .glob{display:none;flex-wrap:wrap;align-items:baseline;gap:6px 10px;min-height:24px}.s-over .glob.on{display:flex}.s-over .glob .gr{display:inline-flex;align-items:baseline;gap:7px;white-space:nowrap}.s-over .glob .gr b{font:300 30px/.8 var(--display);letter-spacing:-.01em;color:var(--pink)}.s-over .glob .gr .label{color:var(--bone-2)}.s-over .glob .dot{font-style:normal;color:var(--bone-3)}.s-over .glob .q{font:400 italic 13.5px/1.3 var(--text);color:var(--bone-2)}.s-over .glob.wait .q i{font-style:normal;animation:wdot .9s calc(var(--k, 0) * .2s) ease-in-out infinite alternate both}@keyframes wdot{0%{opacity:.15}}.s-over .glob.wait .q i:nth-child(2){--k: 1}.s-over .glob.wait .q i:nth-child(3){--k: 2}@media(orientation:landscape)and (max-height:560px){.s-scores .tabs button{letter-spacing:.18em}.s-scores .when{margin-top:7px}.s-over:not(.placing) .in{height:100%;grid-template-rows:auto auto auto minmax(0,1fr);padding-top:calc(var(--sat) + 14px)}.s-over .after{min-height:0;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.s-over .after .tbl{min-height:0;overflow-y:auto;touch-action:pan-y;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 28px),transparent)}.s-over .after .tbl::-webkit-scrollbar{display:none}.s-over .glob{min-height:0}.s-over .glob .gr b{font-size:24px}}