@font-face{font-family:Silkscreen;src:url(../fonts/silkscreen-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Silkscreen;src:url(../fonts/silkscreen-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Lilita One;src:url(../fonts/lilita-one-400.woff2)format("woff2");font-display:swap}@font-face{font-family:Bowlby One;src:url(../fonts/bowlby-one-400.woff2)format("woff2");font-display:swap}@font-face{font-family:"Press Start 2P";src:url(../fonts/press-start-2p-400.woff2)format("woff2");font-display:swap}@font-face{font-family:Avara;src:url(../fonts/avara-700.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Silkscreen Fallback;src:local(Courier New),local(CourierNewPSMT),local(Menlo),local(Menlo-Regular),local(DejaVu Sans Mono),local(Liberation Mono),local(Roboto Mono),local(Droid Sans Mono);size-adjust:111.96%;ascent-override:92%;descent-override:22.33%;line-gap-override:0%}@font-face{font-family:"Press Start 2P Fallback";src:local(Courier New),local(CourierNewPSMT),local(Menlo),local(Menlo-Regular),local(DejaVu Sans Mono),local(Liberation Mono),local(Roboto Mono),local(Droid Sans Mono);size-adjust:166.64%;ascent-override:60.01%;descent-override:0%;line-gap-override:0%}@font-face{font-family:Lilita One Fallback;src:local(Arial),local(ArialMT),local(Helvetica Neue),local(Roboto),local(Liberation Sans);size-adjust:89.65%;ascent-override:102.95%;descent-override:24.54%;line-gap-override:0%}@font-face{font-family:Bowlby One Fallback;src:local(Impact),local(Impact-Regular);size-adjust:151.81%;ascent-override:73.21%;descent-override:29.98%;line-gap-override:0%}:root{--page:#161418;--cab:#c9c7c0;--cab-2:#a9a7a0;--cab-ink:#111;--head:#000;--head-ink:#fff;--key:#e4e4e0;--key-ink:#111;--key-off:#8e8d88;--hi:#cd68db;--accent:#00f0c0;--screen-edge:#2f8cff;--good:#9aff6a;--bad:#ff3b3b;--card-ink:#fff;--card-shadow:#000;--scrim:#0000008c;--glass:#08061066;--glass-line:#ffffffd9;--gb-0:#081820;--gb-1:#346856;--gb-2:#88c070;--gb-3:#e0f8d0;--font:"Silkscreen", "Silkscreen Fallback", ui-monospace, monospace;--font-big:"Silkscreen", "Silkscreen Fallback", ui-monospace, monospace;--font-display:"Avara", "Times New Roman", Times, serif;--font-pixel:"Press Start 2P", "Press Start 2P Fallback", ui-monospace, monospace;--fs-12:12px;--fs-14:14px;--fs-16:16px;--fs-20:20px;--fs-28:28px;--fs-44:44px;--fs-76:76px;--fs-120:120px;--sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-24:24px;--sp-32:32px;--sp-48:48px;--radius:4px;--radius-half:calc(var(--radius) / 2);--radius-2x:calc(var(--radius) * 2);--radius-btn:calc(var(--radius) * 1.5 + 6px);--shadow-off:3px;--shadow:var(--shadow-off) var(--shadow-off) 0 var(--card-shadow);--text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--card-shadow);--key-shadow:0 3px 0 #00000059;--dur-instant:80ms;--dur-fast:.16s;--dur-base:.24s;--dur-slow:.38s;--dur-loop:.9s;--dur-reduced:.16s;--ease-out:cubic-bezier(.2, .8, .3, 1);--ease-in:cubic-bezier(.5, 0, .8, .4);--ease-spring:linear(0, .107 3.8%, .356 7.7%, .648 11.5%, .911 15.4%, 1.1 19.2%, 1.21 23.1%, 1.23 26.9%, 1.21 30.8%, 1.15 34.6%, 1.08 38.5%, 1.02 42.3%, .974 46.2%, .951 50%, .946 53.8%, .967 61.5%, .997 69.2%, 1.01 76.9%, 1);--ease-bounce:linear(0, .214 14.7%, .386 23.7%, .598 31.9%, .999 44.7%, .807 52.6%, .762 56%, .747 59.4%, .758 62.4%, .793 65.6%, .999 77.4%, .961 81.2%, .949 84.8%, .956 88%, .993 95.5%, 1);--ease-step-2:steps(2, jump-none);--ease-step-4:steps(4, end);--ease-step-6:steps(6, end)}[data-style=n64]{--page:#101014;--cab:#2b2b31;--cab-2:#1d1d22;--cab-ink:#eee;--head:#e0302a;--head-ink:#fff;--key:#3a3a42;--key-ink:#fff;--key-off:#26262c;--hi:#f5c400;--screen-edge:#1aa04a;--accent:#2a5ad8;--font:"Lilita One", "Lilita One Fallback", system-ui, sans-serif;--font-big:"Lilita One", "Lilita One Fallback", system-ui, sans-serif;--radius:14px}[data-style=riso]{--page:#efe3b0;--cab:#f2e6b4;--cab-2:#e3d39a;--cab-ink:#141a46;--head:#141a46;--head-ink:#f2e6b4;--key:#f2e6b4;--key-ink:#141a46;--key-off:#d8c98e;--hi:#6f8ff0;--screen-edge:#141a46;--accent:#2f43a8;--good:#f2e6b4;--bad:#f2e6b4;--card-ink:#f2e6b4;--card-shadow:#141a46;--font:"Bowlby One", "Bowlby One Fallback", Impact, sans-serif;--font-big:"Bowlby One", "Bowlby One Fallback", Impact, sans-serif;--radius:0}[data-style=arcade]{--page:#000;--cab:#0d0b14;--cab-2:#07060c;--cab-ink:#ffc21a;--head:#d8202a;--head-ink:#ffc21a;--key:#1b2a8c;--key-ink:#f6efd8;--key-off:#14121c;--hi:#ffc21a;--screen-edge:#d8202a;--accent:#3a78ff;--font:"Press Start 2P", "Press Start 2P Fallback", ui-monospace, monospace;--font-big:"Press Start 2P", "Press Start 2P Fallback", ui-monospace, monospace;--radius:0}*{box-sizing:border-box}html,body{height:100%;background:var(--page);height:100dvh;color:var(--cab-ink);font-family:var(--font);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;overflow:hidden}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.dev,.dev *{-webkit-user-select:text;user-select:text}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}#app{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;container-type:size}[data-rot="90"] #app,[data-rot="270"] #app{width:100vh;height:100vw;transform-origin:0 0;width:100dvh;height:100dvw;top:0;bottom:auto;left:0;right:auto}[data-rot="90"] #app{--sat:env(safe-area-inset-right,0px);--sar:env(safe-area-inset-bottom,0px);--sab:env(safe-area-inset-left,0px);--sal:env(safe-area-inset-top,0px);transform:translate(100dvw)rotate(90deg)}[data-rot="270"] #app{--sat:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-right,0px);--sal:env(safe-area-inset-bottom,0px);transform:translateY(100dvh)rotate(-90deg)}.cab{background:var(--cab);position:relative}.marquee{grid-area:m;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.marquee .hearts{justify-self:start}.banner{background:var(--head);color:var(--head-ink);font-family:var(--font-big);letter-spacing:.04em;text-transform:uppercase;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);white-space:nowrap;padding:6px 22px;font-size:clamp(14px,2.2cqw,22px)}.hearts{gap:6px;display:flex}.heart{width:26px;height:22px;fill:var(--bad)}[data-style=riso] .heart{fill:#2f43a8}.heart.empty{fill:var(--key-off)}.screen{outline:2px solid var(--screen-edge);background:#000;grid-area:s;position:relative;overflow:hidden}.view{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.scan{pointer-events:none;display:none;position:absolute;top:0;bottom:0;left:0;right:0}[data-style=arcade] .scan{background:radial-gradient(#0000 60%,#0000008c 100%),repeating-linear-gradient(0deg,#00000047 0 1px,#0000 1px 3px);display:block}[data-style=arcade] .screen{border-radius:18px/26px}.screen.shake{animation:.35s steps(2,end) shake}@keyframes shake{25%{transform:translate(-6px,3px)}50%{transform:translate(5px,-4px)}75%{transform:translate(-3px,-2px)}}.fuse{height:8px;display:none;position:absolute;bottom:0;left:0;right:0}.fuse.show{display:block}.fuse i{width:calc(var(--f,1) * 100%);background:repeating-linear-gradient(90deg, var(--hi) 0 10px, var(--accent) 10px 20px);position:absolute;top:0;bottom:0;left:0}.fuse i:after{content:"";background:radial-gradient(circle,#fff 0 25%,#ffd040 30% 50%,#0000 55%);width:20px;height:20px;animation:.12s steps(2,end) infinite spark;position:absolute;top:-6px;right:-6px}@keyframes spark{50%{transform:scale(.6)rotate(45deg)}}.fuse b{font-family:var(--font-big);color:var(--card-ink);text-shadow:3px 3px 0 var(--card-shadow);font-size:46px;position:absolute;bottom:16px;right:14px}.fuse.hurry i{animation:.25s steps(2,end) infinite hurry}@keyframes hurry{50%{filter:brightness(1.8)}}.ov{pointer-events:none;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.card{text-align:center;color:var(--card-ink);text-shadow:3px 3px 0 var(--card-shadow);max-width:92%;padding:12px 18px;display:none}.card.show{animation:.25s steps(4,end) pop-in;display:block}@keyframes pop-in{0%{opacity:0;transform:scale(1.6)}}.card h1,.card h2{font-family:var(--font-big);margin:0;font-weight:400;line-height:.95}.card h1{font-size:clamp(30px,7cqw,76px)}.card h2{font-size:clamp(34px,8cqw,90px)}.card small{letter-spacing:.2em;margin-bottom:8px;font-size:clamp(11px,1.6cqw,16px);display:block}.card p{margin:12px 0 0;font-size:clamp(12px,1.8cqw,18px)}.card.title,.card.interlude{background:var(--scrim)}[data-style=riso] .card.title,[data-style=riso] .card.interlude{background:#141a46d9}.card .verb{color:var(--hi);font-size:clamp(56px,14cqw,150px)}.card .roles{justify-content:center;gap:22px;display:flex}.card .roles b{color:var(--hi)}.card .win{color:var(--good)}.card .lose{color:var(--bad);font-size:clamp(28px,6cqw,70px)}.card .speed{color:var(--hi)}.ov:has(>.card.howto.show){background:#00000080}.ov:has(>.card.verb.show){background:#0000004d}.card.howto{--p1:#cd68db;--p2:#00f0c0;box-sizing:border-box;color:#fff;text-shadow:2px 2px #000,0 0 8px #000000e6;pointer-events:auto;background:0 0;border-radius:0;width:min(94%,880px);max-width:none;padding:clamp(10px,2.4cqh,24px) clamp(12px,2.4cqw,32px)}.card.howto.show{justify-items:center;gap:clamp(8px,2cqh,18px);display:grid}.ht-head{justify-items:center;gap:clamp(8px,1.8cqh,14px);display:grid}.card .ht-kick{font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:.43em;color:#ffffffbf;margin:0;font-size:clamp(8px,2cqh,14px);line-height:1}.card .ht-title{font-family:var(--font-display);text-transform:uppercase;text-wrap:balance;color:#fff;font-size:clamp(22px,min(6cqh,4.4cqw),56px);line-height:1}.ht-row{grid-template-columns:1fr 1fr;gap:clamp(10px,2.4cqw,28px);width:100%;display:grid}.ht-side{--c:var(--p1);--pc:var(--c);color:var(--c);cursor:pointer;background:color-mix(in srgb, var(--c) 10%, #0000004d);border:2px solid color-mix(in srgb, var(--c) 45%, transparent);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:clamp(6px,1.4cqh,12px);padding:clamp(8px,1.8cqh,16px) clamp(8px,1.6cqw,18px);display:flex}.ht-side[data-p="1"]{--c:var(--p2)}.ht-side.on{background:color-mix(in srgb, var(--c) 24%, #0000004d);border-color:var(--c)}.card .ht-who{font-family:var(--font-big);letter-spacing:.06em;color:#fff;align-items:center;gap:.5em;margin:0;font-size:clamp(14px,3.2cqh,26px);line-height:1;display:flex}.ht-who b{background:var(--c);color:#000;padding:.2em .4em;font-size:.75em;font-weight:400}.card .ht-line{font-family:var(--font-pixel);text-wrap:balance;margin:0;font-size:clamp(9px,2.2cqh,15px);line-height:1.6}.ht-keys .cp-leg{display:none}.card .ht-go{min-height:2.8em;font-family:var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;place-items:center;margin:auto 0 0;font-size:clamp(8px,2.2cqh,13px);line-height:1;display:grid}.ht-press{animation:1.2s steps(2,jump-none) infinite ht-press}@keyframes ht-press{50%{opacity:.4}}.ht-ok{background:var(--c);color:#000;align-items:center;gap:.7em;padding:.7em 1em;animation:.2s steps(3,end) pop-in;display:inline-flex}.ht-tick{border:.25em solid;border-width:0 .25em .25em 0;width:.45em;height:.85em;translate:0 -.15em;rotate:45deg}.ht-who b,.ht-ok,.ht-keys{text-shadow:none}@media (prefers-reduced-motion:reduce){.ht-press,.ht-ok{animation:none}}#app[data-desk3d] .ht-keys{display:none}[data-layout=side] .card.howto{margin-top:calc(var(--sat) + clamp(30px, 10cqh, 48px));width:min(calc(100% - var(--sal) - var(--sar) - 24px), 560px);align-self:start;gap:8px;padding:8px 12px 10px}[data-layout=side] .ht-head{gap:6px}[data-layout=side] .card .ht-kick{font-size:7px}[data-layout=side] .card .ht-title{font-size:clamp(18px,6cqh,30px)}[data-layout=side] .ht-row{gap:10px}[data-layout=side] .ht-side{background:color-mix(in srgb, var(--c) 10%, #000c);grid-template-columns:auto auto;justify-content:center;align-items:center;gap:6px 8px;padding:8px 12px;display:grid}[data-layout=side] .ht-side.on{background:color-mix(in srgb, var(--c) 24%, #000c)}[data-layout=side] .card .ht-who{font-size:14px}[data-layout=side] .card .ht-line{text-align:left;max-width:22ch}[data-layout=side] .ht-who span{display:none}[data-layout=side] .card .ht-go{grid-column:1/-1}[data-layout=side] .card .ht-line{font-size:clamp(11px,3cqh,14px);line-height:1.4}[data-layout=side] .card .ht-go{min-height:2.2em;font-size:clamp(10px,2.6cqh,12px)}[data-layout=side] .ht-ok{padding:.4em .8em}@container (height<=420px){[data-layout=side] .card.howto{margin-top:calc(var(--sat) + 30px);gap:5px;padding:6px 10px 8px}[data-layout=side] .card .ht-kick{display:none}[data-layout=side] .ht-side{row-gap:2px;padding:5px 10px}[data-layout=side] .card .ht-line{line-height:1.25}[data-layout=side] .card .ht-go{min-height:1.6em}}@container (height<=340px){[data-layout=side] .card.howto{gap:4px;padding-block-start:5px;padding-block-end:6px}[data-layout=side] .card .ht-title{font-size:16px}[data-layout=side] .ht-side{padding-block-start:4px;padding-block-end:4px}}@keyframes blink{50%{opacity:0}}.toasts{place-items:start center;padding-top:14%;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.toast{font-family:var(--font-big);color:var(--card-ink);text-shadow:2px 2px 0 var(--card-shadow), -2px -2px 0 var(--card-shadow);white-space:nowrap;grid-area:1/1;font-size:clamp(16px,3cqw,30px);animation:1s steps(8,end) forwards toast}.toast.good{color:var(--good)}.toast.bad{color:var(--bad)}@keyframes toast{0%{opacity:0;transform:translateY(20px)scale(.6)}15%{opacity:1;transform:translateY(0)scale(1.1)}80%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.pad{color:var(--cab-ink);position:relative}.pad[data-p="0"]{grid-area:p0}.pad[data-p="1"]{grid-area:p1}.pad-head{align-items:center;gap:10px;display:flex}.pad .pl{background:var(--head);color:var(--head-ink);border-radius:var(--radius);padding:3px 12px;font-size:16px;font-weight:400}.pad .role{font-family:var(--font-big);letter-spacing:.05em;font-size:20px}.pad .rdy{background:var(--key-off);color:var(--cab-2);border-radius:var(--radius);margin-left:auto;padding:3px 8px;font-size:13px;font-style:normal}.pad.ready .rdy{background:var(--hi);color:#000;animation:.2s steps(3,end) pop-in}kbd{min-width:34px;height:34px;font-family:var(--font);background:var(--key-off);color:var(--cab-2);border-radius:var(--radius-half);box-shadow:var(--key-shadow);cursor:pointer;place-items:center;padding:0 6px;font-size:16px;display:inline-grid}kbd.on{background:var(--key);color:var(--key-ink)}kbd.on.down,kbd.down{background:var(--hi);color:#000;transform:translateY(2px);box-shadow:0 1px #00000059}.keys .row{justify-content:center;gap:5px;display:flex}.keys .row+.row{margin-top:5px}.legend{text-transform:uppercase;flex-direction:column;gap:6px;font-size:14px;display:flex}.legend kbd{background:var(--key);min-width:24px;height:22px;color:var(--key-ink);box-shadow:none;margin-right:8px;font-size:12px}.pad{--pad-c:var(--hi)}.pad[data-p="1"]{--pad-c:var(--accent)}.btns,.stick-zone{touch-action:none}.btns{--btn:clamp(54px, 17cqh, 80px);--cap-u:calc(var(--btn) * 10 / 66);gap:12px;padding:8px;display:grid}.btns[data-shape=h]{grid-auto-flow:column}.btns[data-shape=v]{grid-auto-flow:row;gap:8px}.btns[data-shape=t]{grid-template-areas:".up.""left down right";gap:8px}.btns[data-shape=t] [data-b=up]{grid-area:up}.btns[data-shape=t] [data-b=left]{grid-area:left}.btns[data-shape=t] [data-b=down]{grid-area:down}.btns[data-shape=t] [data-b=right]{grid-area:right}.btn{--cap:#d9d9d9;--cap-ink:#610006;width:var(--btn);height:var(--btn);justify-content:center;align-items:center;gap:calc(var(--btn) * 2 / 66);padding-bottom:var(--cap-u);isolation:isolate;color:var(--cap-ink);font-family:var(--font);flex-direction:column;transition:transform 60ms;display:flex;position:relative}.btn:before{content:"";z-index:-1;inset:calc(var(--btn) * 3 / 66) calc(var(--btn) * 8 / 66);background-image:linear-gradient(var(--cap) calc(100% - var(--cap-u)), var(--pad-c) 0);box-shadow:var(--key-shadow);position:absolute}.btn i{width:calc(var(--btn) * 24 / 66);height:calc(var(--btn) * 24 / 66);color:#0000;background:var(--cap-ink);font-size:0}.btn[data-b=right] i{clip-path:polygon(75% 50%,29% 17%,29% 83%)}.btn[data-b=left] i{clip-path:polygon(25% 50%,71% 17%,71% 83%)}.btn[data-b=up] i{clip-path:polygon(50% 25%,17% 71%,83% 71%)}.btn[data-b=down] i{clip-path:polygon(50% 75%,17% 29%,83% 29%)}.btn span{font-size:clamp(7px, calc(var(--btn) * 9 / 66), 11px);white-space:nowrap;line-height:1.1}.btn span:empty{display:none}.btn:has(>span:empty){--cap:#a3a3a3}.btn.down{--cap:var(--pad-c);--cap-ink:#000;transform:translateY(2px)}.btn.down:before{background-image:linear-gradient(var(--pad-c) calc(100% - var(--cap-u)), color-mix(in srgb, var(--pad-c) 55%, #000) 0);box-shadow:0 1px #00000059}.stick-zone{padding:8px}.stick{--base:clamp(108px, 30cqh, 148px);width:var(--base);height:var(--base);background:var(--glass);border:2px solid var(--pad-c);box-shadow:var(--key-shadow);border-radius:50%;place-items:center;display:grid;position:relative}.stick.active{box-shadow:var(--key-shadow), 0 0 0 3px color-mix(in srgb, var(--pad-c) 40%, transparent);background:#08061099}.knob{width:calc(var(--base) * .4);height:calc(var(--base) * .4);background:var(--pad-c);box-shadow:var(--key-shadow);pointer-events:none;border-radius:50%;grid-area:1/1}.stick.active .knob{box-shadow:var(--key-shadow), inset 0 0 0 2px #ffffffb3}.knob.spring{transition:transform .14s cubic-bezier(.3,1.6,.5,1)}.readying .pad:not(.ready) .btn:not(.down):before{animation:.9s steps(2,end) infinite invite-key}.readying .pad:not(.ready) .stick{animation:.9s steps(2,end) infinite invite}@keyframes invite-key{50%{background-image:linear-gradient(#fff calc(100% - var(--cap-u)), var(--pad-c) 0)}}@keyframes invite{50%{border-color:#fff}}@media (prefers-reduced-motion:reduce){.readying .pad:not(.ready) .btn:before{animation:none}}[data-layout=desk] .cab{border-radius:var(--radius-2x);grid-template-columns:1fr 1fr;grid-template-areas:"m m""s s""p0 p1";gap:14px 28px;width:min(96cqw,177.778cqh - 352.889px,1240px);padding:16px 28px 22px;display:grid}[data-layout=desk] .screen{aspect-ratio:16/9}[data-layout=desk] .pad{background:var(--cab-2);border-radius:var(--radius);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-content:start;gap:8px 18px;padding:0 0 12px;display:grid;overflow:hidden}[data-layout=desk] .pad-head{background:var(--head);color:var(--head-ink);grid-column:1/-1;padding:4px 10px}[data-layout=desk] .pad .pl{padding:0}[data-layout=desk] .pad-body{display:contents}[data-layout=desk] .keys{padding-left:14px}[data-layout=desk] .legend{grid-template-rows:repeat(2,auto);grid-auto-flow:column;place-content:center start;column-gap:22px;display:grid}[data-layout=side] .cab{background:#000;position:absolute;top:0;bottom:0;left:0;right:0}[data-layout=side] .screen{outline:0;position:absolute;top:0;bottom:0;left:0;right:0}[data-layout=side] .marquee{z-index:4;pointer-events:none;padding:calc(var(--sat) + 10px) calc(max(var(--sal), var(--sar)) + 12px) 14px;color:#fff;background:linear-gradient(#00000080,#0000);gap:8px;position:absolute;top:0;left:0;right:0}[data-layout=side] .banner{padding:3px 16px;font-size:12px}[data-layout=side] .hearts{gap:4px}[data-layout=side] .heart{width:16px;height:14px}[data-layout=side] .toasts{padding-top:calc(var(--sat) + 44px)}[data-layout=side] .pad{z-index:5;bottom:max(calc(var(--sab) + 8px), 22px);color:#fff;flex-direction:column;align-items:center;display:flex;position:absolute}[data-layout=side] .pad[data-p="0"]{left:max(calc(var(--sal) + 10px), 44px)}[data-layout=side] .pad[data-p="1"]{right:max(calc(var(--sar) + 10px), 44px)}[data-layout=side] .pad-head{pointer-events:none;text-shadow:0 1px #000,0 0 4px #000c;justify-content:center;gap:8px}[data-layout=side] .pad .pl{letter-spacing:.04em;text-shadow:none;padding:4px 8px;font-size:12px;line-height:1.1}[data-layout=side] .pad .role{font-family:var(--font);letter-spacing:.04em;color:var(--card-ink,#fff);font-size:14px;line-height:1.1}[data-layout=side] .pad .rdy{text-shadow:none;margin:0;padding:4px 8px;font-size:12px;line-height:1.1;display:none}[data-layout=side] .readying .pad .rdy{display:inline-block}[data-layout=side] .pad .rdy{white-space:nowrap;position:absolute;top:calc(100% + 4px);left:50%;translate:-50%}[data-layout=side] .readying .pad{bottom:calc(max(calc(var(--sab) + 8px), 22px) + 12px)}[data-layout=side] .fuse b{bottom:14px;left:50%;right:auto;transform:translate(-50%)}.gate{z-index:30;touch-action:none;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.gate[hidden]{display:none}.gate{cursor:pointer;background:#05040a99}.gate-box{color:#fff;text-align:center;font-family:var(--font-big);text-shadow:3px 3px #000;border:3px solid var(--hi);border-radius:var(--radius-2x);background:#00000073;flex-direction:column;align-items:center;gap:6px;padding:18px 34px 20px;animation:1.1s steps(2,end) infinite gate-pulse;display:flex}.gate-box b{font-size:clamp(26px,6cqw,56px);font-weight:400;line-height:1}.gate-box small{font-family:var(--font);letter-spacing:.25em;text-transform:uppercase;font-size:13px}.gate-box .ico{width:40px;height:40px;color:var(--hi);filter:drop-shadow(2px 2px #000)}.gate[data-kind=gl]{cursor:default}.gate[data-kind=gl] .gate-box{border-color:#fff6;animation:none}@keyframes gate-pulse{50%{border-color:#fff}}.gate-acts{gap:8px;min-width:min(260px,70cqw);margin:10px 0 4px;display:grid}.gate-acts .ui-btn{min-height:44px;text-shadow:none;color:#0b0b0b;background:#fff;font-size:clamp(13px,2.4cqw,18px)}.gate-acts .ui-btn[data-act=resume]{background:#00f0c0}@media (hover:hover){.gate-acts .ui-btn:hover{outline:3px solid #cd68db}}.gate[data-kind=pause] .gate-box{animation:none}.ico{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.rotate{z-index:32;padding:calc(var(--sat) + var(--sp-24)) calc(var(--sar) + var(--sp-24)) calc(var(--sab) + var(--sp-24)) calc(var(--sal) + var(--sp-24));background:radial-gradient(ellipse at 50% 38%, color-mix(in srgb, var(--page) 88%, transparent), var(--page) 80%);color:var(--card-ink);text-align:center;font-family:var(--font);touch-action:none;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.rotate[hidden]{display:none}.rotate[data-kind=pause]{background:color-mix(in srgb, var(--page) 92%, transparent)}.rotate-box{align-items:center;gap:clamp(var(--sp-8), 2.6cqh, var(--sp-24));flex-direction:column;width:min(100%,420px);animation:.25s steps(4,end) pop-in;display:flex}.rotate-paused{font-family:var(--font-big);font-size:var(--fs-20);letter-spacing:.25em;color:var(--accent);text-shadow:var(--text-shadow);margin:0;display:none}.rotate[data-kind=pause] .rotate-paused{display:block}.rotate-title{font-family:var(--font-big);font-weight:400;line-height:1.05;font-size:clamp(var(--fs-20), 7.4cqw, var(--fs-44));text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--accent), calc(var(--shadow-off) * 2) calc(var(--shadow-off) * 2) 0 var(--card-shadow);margin:0}.rotate-sub{align-items:center;gap:var(--sp-12);font-size:clamp(var(--fs-14), 4.4cqw, var(--fs-20));color:var(--hi);text-shadow:var(--text-shadow);margin:0;display:flex}.rotate-sub b{font-weight:400;font-size:var(--fs-12);padding:2px var(--sp-8);color:var(--head);border-radius:var(--radius);text-shadow:none}.rotate-sub b.p1{background:var(--hi)}.rotate-sub b.p2{background:var(--accent)}.rotate .link{font-size:var(--fs-12);margin-top:var(--sp-8)}.rs-anim{--a:clamp(140px, 46cqw, 220px);--loop:3.2s;width:var(--a);height:var(--a);place-items:center;display:grid;position:relative}.rs-phone{width:calc(var(--a) * .4);height:calc(var(--a) * .72);border:calc(var(--a) * .035) solid var(--card-ink);border-radius:calc(var(--a) * .06);background:color-mix(in srgb, var(--head) 75%, transparent);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--card-shadow), inset 0 0 0 2px var(--screen-edge);animation:rs-turn var(--loop) infinite;grid-area:1/1;position:relative}.rs-cam{background:var(--card-ink);width:22%;height:3%;position:absolute;top:5%;left:39%}.rs-ghosts{z-index:1;font-size:calc(var(--a) * .17);grid-area:1/1;display:flex;position:relative}.rs-ghosts span{animation:var(--loop) steps(1, end) infinite;display:block}.rs-ghosts .rs-l{animation-name:rs-side-l}.rs-ghosts .rs-r{animation-name:rs-side-r}.rs-arrow{font-style:normal;font-size:calc(var(--a) * .2);color:var(--hi);text-shadow:var(--text-shadow);animation:rs-arrow var(--loop) steps(1, end) infinite;line-height:1;position:absolute;top:2%;right:4%}@keyframes rs-turn{0%,30%{animation-timing-function:steps(3,end);transform:rotate(0)}50%{animation-timing-function:step-end;transform:rotate(-90deg)}92%{animation-timing-function:step-end;transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes rs-side-l{0%{opacity:1;transform:translate(.5em,-.55em)}30%{opacity:0}50%{opacity:1;transform:translate(-.15em)rotate(-8deg)}92%{opacity:0}to{opacity:1;transform:translate(.5em,-.55em)}}@keyframes rs-side-r{0%{opacity:1;transform:translate(-.5em,.55em)}30%{opacity:0}50%{opacity:1;transform:translate(.15em)rotate(8deg)}92%{opacity:0}to{opacity:1;transform:translate(-.5em,.55em)}}@keyframes rs-arrow{0%{opacity:1}8%{opacity:0}16%{opacity:1}24%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.rs-phone,.rs-ghosts span,.rs-arrow{animation:none!important}}.a2hs-tip{justify-content:center;align-items:center;gap:var(--sp-4);font-size:var(--fs-12);opacity:.85;color:var(--card-ink);text-shadow:var(--text-shadow);flex-wrap:wrap;margin:0;line-height:1.3;display:none}.a2hs-tip .ico{width:18px;height:18px;color:var(--screen-edge);filter:drop-shadow(1px 1px 0 var(--card-shadow))}.a2hs-tip i{opacity:.6;font-style:normal}.rotate.tip .a2hs-tip{display:flex}.mute-btn{z-index:40;top:calc(var(--sat) + 6px);right:calc(var(--sar) + 6px);color:#fff;cursor:pointer;touch-action:manipulation;background:#00000080;border:0;border-radius:4px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute}.mute-btn .speaker{fill:currentColor;width:24px;height:18px}@media (hover:hover){.mute-btn:hover{background:#000000bf}}.pause-btn{z-index:40;top:calc(var(--sat) + 6px);right:calc(var(--sar) + 56px);color:#fff;cursor:pointer;touch-action:manipulation;background:#00000080;border:0;border-radius:4px;place-items:center;width:44px;height:44px;padding:0;display:none;position:absolute}[data-screen=gauntlet] .pause-btn.live{display:grid}:-webkit-any(.gate:not([hidden]),.rotate:not([hidden]))~.pause-btn{display:none}:is(.gate:not([hidden]),.rotate:not([hidden]))~.pause-btn{display:none}.pause-btn svg{fill:currentColor;width:20px;height:20px}@media (hover:hover){.pause-btn:hover{background:#000000bf}}.dev-btn{z-index:50;top:calc(var(--sat) + 56px);right:calc(var(--sar) + 11px);color:#fff;cursor:pointer;background:#00000080;border:0;border-radius:50%;width:34px;height:34px;font-size:18px;position:absolute}.dev-btn:before{content:"";position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px}.scroll{overscroll-behavior:contain;touch-action:pan-y;overflow-y:auto}.dev{z-index:50;top:calc(var(--sat) + 96px);right:calc(var(--sar) + 6px);width:min(330px,100cqw - 16px);max-height:calc(100cqh - var(--sat) - 106px);touch-action:pan-y;color:#eee;background:#0a0a0ef0;border-radius:8px;padding:10px 12px;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;position:absolute;overflow:auto;box-shadow:0 8px 30px #00000080}.dev h4{margin:0 0 8px;font-size:13px}.dev small{opacity:.55;font-weight:400}.dev-row{grid-template-columns:78px 1fr;align-items:center;gap:6px;margin:6px 0;display:grid}.dev-row div{flex-wrap:wrap;gap:4px;display:flex}.dev button{font:inherit;color:#ddd;cursor:pointer;background:#222;border:1px solid #444;border-radius:4px;padding:4px 8px}.dev button.on{color:#000;background:#00f0c0;border-color:#00f0c0}.dev .blurb{opacity:.7;margin:0 0 4px 84px}.clean .ov,.clean .dev-btn,.clean .mute-btn,.clean .gate,.clean .rotate{display:none!important}[data-ui=menu] .scr-layer{--fs-12:.75rem;--fs-14:.875rem;--fs-16:1rem;--fs-20:1.25rem;--fs-28:1.75rem;--fs-44:2.75rem;--fs-76:4.75rem;--fs-120:7.5rem}[data-ui=menu] .marquee .hud-l{visibility:hidden}[data-ui=menu] .ov{display:none!important}[data-layout=side][data-ui=menu] :-webkit-any(.marquee,.pad){display:none}[data-layout=side][data-ui=menu] :is(.marquee,.pad){display:none}.hud-l{justify-self:start;align-items:center;gap:var(--sp-12);display:flex}[data-layout=desk] .hud-l{justify-self:center;gap:var(--sp-8);flex-direction:column;grid-column:1/-1}[data-layout=desk] .hud-l .stage{font-size:var(--fs-20);order:-1}[data-layout=desk] .hud-l .stage b{font-size:var(--fs-28)}[data-layout=desk] .hud-l .heart{width:36px;height:30px}[data-layout=desk] .marquee .banner{display:none}.stage{font-size:var(--fs-14);letter-spacing:.06em;white-space:nowrap}.stage b{font-size:var(--fs-20);color:var(--accent);font-weight:400}[data-layout=side] .stage{font-size:var(--fs-12);color:var(--card-ink);text-shadow:1px 1px 0 var(--card-shadow)}[data-layout=side] .stage b{font-size:var(--fs-14)}.card h2 .of{opacity:.8;font-size:.4em}.scr-layer{z-index:3;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;container-type:size}.scr{pointer-events:auto;color:var(--card-ink);font-family:var(--font);text-align:center;padding:calc(var(--sat) + var(--sp-16)) calc(var(--sar) + var(--sp-24)) calc(var(--sab) + var(--sp-16)) calc(var(--sal) + var(--sp-24));place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}[data-layout=desk] .scr{padding:var(--sp-24) var(--sp-32)}[data-layout=side] .scr{padding-top:calc(var(--sat) + var(--sp-24))}.scr-gauntlet{pointer-events:none}.scr:-webkit-any(.scr-about,.scr-gameover){background:color-mix(in srgb, var(--page) 62%, transparent)}.scr:is(.scr-about,.scr-gameover){background:color-mix(in srgb, var(--page) 62%, transparent)}.wipe{z-index:6;pointer-events:none;visibility:hidden;background:repeating-linear-gradient(90deg, var(--head) 0 calc(var(--sp-48) - var(--sp-8)), var(--accent) 0 var(--sp-48));position:absolute;top:0;bottom:0;left:0;right:0}.wipe.in{visibility:visible;animation:.14s steps(6,end) forwards wipe-in}.wipe.out{visibility:visible;animation:.14s steps(6,end) forwards wipe-out}@keyframes wipe-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes wipe-out{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.scr>*{animation:.2s steps(4,end) both scr-in}@keyframes scr-in{0%{opacity:0;transform:translateY(var(--sp-8))}}.scr-title{font-family:var(--font-big);font-weight:400;font-size:clamp(var(--fs-20), 7cqh, var(--fs-44));text-shadow:var(--text-shadow);letter-spacing:.04em;margin:0;line-height:1}.big-title{font-family:var(--font-big);font-weight:400;font-size:clamp(var(--fs-44), 15cqh, var(--fs-120));text-shadow:var(--text-shadow);margin:0;line-height:.9}.big-title.bad{color:var(--bad)}.big-title.good{color:var(--good)}.stat-line{font-size:clamp(var(--fs-14), 4cqh, var(--fs-20));text-shadow:var(--text-shadow);margin:0}.stat-line b{color:var(--hi);font-size:1.4em;font-weight:400}.new{color:var(--accent);font-style:normal}.blink{animation:.8s steps(2,end) infinite blink}.ui-btn{min-height:44px;padding:var(--sp-8) var(--sp-24);font-family:var(--font-big);font-weight:400;font-size:clamp(var(--fs-14), 4.4cqh, var(--fs-28));letter-spacing:.04em;text-transform:uppercase;color:var(--key-ink);background:var(--key);border:2px solid var(--key);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;touch-action:manipulation;position:relative}.ui-btn.primary{color:var(--head-ink);background:var(--head);border-color:var(--head-ink)}.ui-btn.ghost{color:var(--card-ink);box-shadow:none;text-shadow:var(--text-shadow);background:0 0;border-color:currentColor}.ui-btn:active{transform:translate(var(--shadow-off), var(--shadow-off));box-shadow:none}.ui-btn:disabled{color:var(--key-off);background:var(--cab-2);border-color:var(--cab-2);box-shadow:none;cursor:default}:-webkit-any(button,a,[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid var(--hi);outline-offset:2px}:is(button,a,[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid var(--hi);outline-offset:2px}.ui-btn.focus{outline:3px solid var(--hi);outline-offset:3px}.ui-btn:focus-visible{outline:3px solid var(--hi);outline-offset:3px}.ui-btn.primary.focus{background:var(--hi);color:var(--head);border-color:var(--hi)}.menu .ui-btn.focus:before,.menu .ui-btn.focus:after{font-size:var(--fs-14);color:var(--hi);text-shadow:var(--text-shadow);position:absolute;top:50%;transform:translateY(-50%)}.menu .ui-btn.focus:before{content:"▶";right:calc(100% + var(--sp-12))}.menu .ui-btn.focus:after{content:"◀";left:calc(100% + var(--sp-12))}@media (hover:hover){.ui-btn:hover{outline:3px solid var(--hi);outline-offset:3px}}.link{padding:var(--sp-8) var(--sp-12);min-height:44px;font-family:var(--font);font-size:var(--fs-14);color:var(--card-ink);text-underline-offset:4px;cursor:pointer;opacity:.85;text-shadow:var(--text-shadow);background:0 0;border:0;text-decoration:underline}.menu{align-items:stretch;gap:var(--sp-12);min-width:min(320px,60cqw);padding-inline:var(--sp-32);flex-direction:column;display:flex}.menu.side{min-width:min(260px,34cqw)}.ptag{align-items:center;gap:var(--sp-8);font-size:clamp(var(--fs-14), 4cqh, var(--fs-20));display:inline-flex}.ptag b{padding:var(--sp-4) var(--sp-12);background:var(--head);color:var(--head-ink);border:2px solid var(--head-ink);border-radius:var(--radius);font-weight:400}.ptag span{text-shadow:var(--text-shadow)}.ptag.on b{background:var(--hi);color:var(--head);border-color:var(--hi);animation:.2s steps(3,end) pop-in}.ptag.on span{color:var(--hi)}.ghost{width:auto;height:1em;fill:var(--card-ink);filter:drop-shadow(var(--shadow-off) var(--shadow-off) 0 var(--card-shadow));display:block}.ghost.p1{fill:var(--hi)}.ghost.p2{fill:var(--accent)}.panel-layout{gap:var(--sp-32);grid-template-columns:minmax(0,1fr) auto;align-items:center;width:min(100%,1040px);max-height:100%;display:grid}.panel{text-align:left;padding:var(--sp-16) var(--sp-24);background:color-mix(in srgb, var(--head) 70%, transparent);border:2px solid var(--screen-edge);border-radius:var(--radius);box-shadow:var(--shadow);max-height:100%}.panel:not(.scroll){overflow:hidden}.landing{align-items:center;gap:clamp(var(--sp-12), 5cqh, var(--sp-32));flex-direction:column;display:flex}.about .phq-logo{width:clamp(56px,14cqh,110px);height:auto;margin-bottom:var(--sp-12);display:block}.about .scr-title{margin-bottom:var(--sp-12)}.about p{margin:0 0 var(--sp-12);font-size:clamp(var(--fs-12), 3.4cqh, var(--fs-16));max-width:62ch;line-height:1.45}.about .game-line{color:var(--hi);margin-bottom:0}.panel.about{max-height:calc(100cqh - var(--sat) - var(--sab) - 2 * var(--sp-16))}[data-layout=desk] .panel.about{max-height:calc(100cqh - 2 * var(--sp-24))}@container (height<=420px){.about .phq-logo{width:clamp(36px,11cqh,70px);margin-bottom:var(--sp-4)}.about .scr-title{font-size:clamp(var(--fs-16), 6.4cqh, var(--fs-28));margin-bottom:var(--sp-8)}.about p{font-size:clamp(.5625rem, 3cqh, var(--fs-14));margin-bottom:var(--sp-8);line-height:1.4}.panel.about{padding:var(--sp-12) var(--sp-16)}}.scr:-webkit-any(.scr-intro,.scr-merged){place-items:end center}.scr:is(.scr-intro,.scr-merged){place-items:end center}.skip{top:calc(var(--sat) + var(--sp-12));right:calc(var(--sar) + 56px);font-size:var(--fs-14);padding:var(--sp-4) var(--sp-16);position:absolute}[data-layout=desk] .skip{top:var(--sp-16);right:var(--sp-16)}.ui-btn.ghost.skip{text-shadow:none;background:#00000059}.caption{margin:0 0 clamp(var(--sp-8), 6cqh, var(--sp-48));max-width:30ch;font-family:var(--font-big);font-size:clamp(var(--fs-16), 6cqh, var(--fs-44));text-shadow:var(--text-shadow);min-height:1.2em;line-height:1.15}.caption.show{animation:.6s steps(12,end) both type-in}@keyframes type-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.merged-banner{top:clamp(var(--sp-16), 8cqh, var(--sp-48));gap:var(--sp-8);justify-items:center;animation:.4s steps(4,end) both pop-in;display:grid;position:absolute;left:0;right:0}.merged-banner[hidden]{display:none}.merged-banner .stat-line{padding:var(--sp-4) var(--sp-8);background:#0000008c}.scr-ready .ptag{cursor:pointer}[data-screen=ready] .hud-l{visibility:hidden}[data-layout=side] .scr-ready{padding-top:calc(var(--sat) + clamp(var(--sp-32), 14cqh, 72px));place-items:start center}[data-layout=side] .ui-btn{min-height:48px}@container (orientation:portrait){.scr{padding-inline:calc(var(--sal) + var(--sp-16)) calc(var(--sar) + var(--sp-16))}.scr-landing{place-items:stretch center}.landing{padding:clamp(var(--sp-8), 4cqh, var(--sp-48)) 0 clamp(52px, 9cqh, 88px)}.landing .a2hs-tip{margin-top:calc(var(--sp-8) * -1);display:flex}.panel-layout{gap:clamp(var(--sp-12), 3cqh, var(--sp-32));grid-template-rows:minmax(0,max-content) auto;grid-template-columns:minmax(0,1fr);align-content:center;width:min(100%,560px);height:100%}.scr-about{grid-template-rows:minmax(0,1fr)}.panel.about{max-height:100%}.panel{padding:var(--sp-16)}.panel-layout .menu.side{justify-self:center;width:min(100%,440px);min-width:0}.scr-title{font-size:clamp(var(--fs-20), 8.4cqw, var(--fs-44))}.about .phq-logo{width:clamp(56px,20cqw,110px)}.about p{font-size:clamp(var(--fs-12), 3.9cqw, var(--fs-16))}}.clean :-webkit-any(.scr-layer,.wipe){display:none!important}.clean :is(.scr-layer,.wipe){display:none!important}.lp{--lp-p1:#cd68db;--lp-p2:#00f0c0;justify-content:center;gap:clamp(var(--sp-8), 3cqh, var(--sp-24));text-align:center;background:#000;width:100%;height:100%}.scr.scr-landing{background:#000}.scr:-webkit-any(.scr-names,.scr-photo,.scr-success,.scr-gameover){background:#000}.scr:is(.scr-names,.scr-photo,.scr-success,.scr-gameover){background:#000}.lp-logo{--lp-logo-h:clamp(94px, min(61cqh, 47cqw), 440px);width:min(100%, calc(var(--lp-logo-h) * 935 / 748));aspect-ratio:935/748;-webkit-user-select:none;user-select:none;flex:none;position:relative}.lp-logo img{-webkit-user-drag:none;display:block;position:absolute}.lp-logo>img:first-child{width:100%;height:100%;animation:7s step-end infinite lp-jolt;top:0;bottom:0;left:0;right:0}.lp-spider-patch,.lp-spider{width:13.9037%;height:20.0535%;top:79.9465%;left:39.5722%}.lp-spider-patch{clip-path:polygon(44.6% 0,55.4% 0,55.4% 28%,100% 28%,100% 100%,0 100%,0 28%,44.6% 28%);background:#000;position:absolute}.lp-spider{transform-origin:50% 0;animation:2s ease-in-out -1s infinite alternate lp-swing}@keyframes lp-swing{0%{rotate:-5deg}to{rotate:5deg}}.lp-logo:before,.lp-logo:after{content:"";pointer-events:none;opacity:0;background:var(--logo) center / 100% 100% no-repeat;animation:7s step-end infinite lp-glitch;position:absolute;top:0;bottom:0;left:0;right:0}.lp-logo:before{clip-path:inset(16% 0 68%);filter:drop-shadow(3px 0 #ff285ad9);--gx:-2.5%}.lp-logo:after{clip-path:inset(46% 0 40%);filter:drop-shadow(-3px 0 #00f0ffd9);--gx:2%}@keyframes lp-glitch{0%,91%{opacity:0;translate:0}91.5%{opacity:1;translate:var(--gx) 0}92.5%{translate:calc(var(--gx) * -.6) 0}93.5%,to{opacity:0;translate:0}}@keyframes lp-jolt{0%,91.5%{translate:0}92%{translate:.6%}93%{translate:0}}.lp{position:relative}.lp-crt{z-index:1;pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#0000004d 2px 4px);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.lp-crt:after{content:"";background:linear-gradient(#0000,#ffffff0d 50%,#0000);height:22%;animation:8s linear infinite lp-roll;position:absolute;top:0;left:0;right:0}@keyframes lp-roll{0%{translate:0 -100%}to{translate:0 470%}}.lp-crt-logo,[data-layout=side] .lp>.lp-crt{display:none}[data-layout=side] .lp-crt-logo{-webkit-mask:var(--logo) center / 100% 100% no-repeat;-webkit-mask:var(--logo) center / 100% 100% no-repeat;mask:var(--logo) center / 100% 100% no-repeat;display:block}.lp-flick{opacity:0;background:#000;animation:5.3s step-end infinite lp-flick;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes lp-flick{0%,62%{opacity:0}62.5%{opacity:.18}63.5%{opacity:0}64.5%{opacity:.1}65%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.lp-logo>img:first-child,.lp-spider,.lp-logo:before,.lp-logo:after,.lp-crt:after,.lp-flick{animation:none}}@container (orientation:portrait){.landing{min-width:0}.lp-logo{--lp-logo-h:clamp(104px, min(60cqw, 31cqh), 440px)}.lp .lp-starts{width:min(100%,640px)}.lp .lp-start{flex:1 1 0;min-width:0;min-height:48px;font-size:clamp(14px,4.6cqw,26px)}.scr-landing .lp-head{order:1}.scr-landing .lp-starts{order:2}.scr-landing .lp-sub{display:none}}.lp-head{--lp-p1:#cd68db;gap:var(--sp-8);text-align:center;pointer-events:none;justify-items:center;display:grid}.lp-title{font-family:var(--font-display);text-transform:uppercase;color:#fff;text-wrap:balance;margin:0;font-size:clamp(22px,min(7cqh,4.6cqw),50px);font-weight:400;line-height:1}.lp-sub{font-family:var(--font-pixel);text-transform:uppercase;color:var(--lp-p1);letter-spacing:.43em;text-wrap:balance;margin:0;font-size:clamp(9px,min(2.8cqh,1.6cqw),20px);line-height:1.5}@container (orientation:portrait){.lp-title{font-size:clamp(20px,min(8.4cqw,6cqh),50px)}.lp-sub{letter-spacing:.24em;font-size:clamp(9px,3cqw,18px)}}.lp-starts{justify-content:space-between;gap:var(--sp-16);width:min(100%,560px);display:flex}.lp-start{--c:#cd68db;min-width:9em;font-family:var(--font);color:#0b0909;text-transform:uppercase;background:color-mix(in srgb, var(--c) 55%, #2b2320);cursor:pointer;touch-action:manipulation;border:3px solid #1a1412;border-radius:0;justify-content:center;align-items:center;gap:.45em;padding:.35em .8em;font-size:clamp(16px,3.6cqh,28px);transition:background .12s,transform 80ms;animation:1.6s steps(2,end) infinite lp-pulse;display:inline-flex;box-shadow:inset 0 -4px #00000059}.lp-start[data-p="1"]{--c:#00f0c0}.lp-start b{color:#f0f0f0;background:#0c0c0c;padding:.1em .3em;font-size:.6em}.lp-start:focus-visible{background:var(--c)}@media (hover:hover) and (pointer:fine){.lp-start:hover{background:var(--c)}}.lp-start.on{background:var(--c);box-shadow:0 0 18px var(--c), inset 0 -2px 0 #00000059;animation:none;transform:translateY(2px)}@keyframes lp-pulse{50%{background:var(--c)}}.lp-key{display:none}[data-layout=desk] .lp-key{--c:#cd68db;--crank:-1;box-sizing:border-box;min-width:2.1em;height:2.2em;font-family:var(--font-pixel);color:#6b0f1a;border:0;border-bottom:.4em solid var(--c);box-shadow:none;cursor:default;visibility:hidden;background:#dcdcdc;border-radius:0;align-self:center;place-items:center;padding:0 .3em;font-size:clamp(14px,2.6cqh,22px);display:inline-grid}[data-layout=desk] .lp-key[data-p="1"]{--c:#00f0c0;--crank:1}[data-layout=desk] .lp-key.in{visibility:visible;animation:.36s step-end both crank-in}[data-layout=desk] .lp-key.out{animation:.2s step-end forwards crank-out}@media (prefers-reduced-motion:reduce){[data-layout=desk] .lp-key:-webkit-any(.in,.out){animation:none}[data-layout=desk] .lp-key:is(.in,.out){animation:none}}[data-layout=desk] .lp-starts:has(.lp-key){width:min(100%,440px);position:relative}[data-layout=desk] .lp-starts>.lp-key{margin:0;position:absolute;top:50%;translate:0 -50%}[data-layout=desk] .lp-starts>.lp-key[data-p="0"]{right:calc(100% + 12px)}[data-layout=desk] .lp-starts>.lp-key[data-p="1"]{left:calc(100% + 12px)}[data-layout=side] .lp-starts{width:100%}[data-layout=side] .lp-start{min-height:48px}@container (orientation:landscape){[data-layout=side] .scr-landing .lp{--lp-bf:clamp(16px, 3.6cqh, 28px);--lp-bh:max(48px, calc(var(--lp-bf) * 2.2));--lp-by:calc(max(calc(var(--sab) + 8px), 22px) - var(--sab) - var(--sp-16));--lp-bx:calc(max(calc(max(var(--sal), var(--sar)) + 10px), 44px) - max(var(--sal), var(--sar)) - var(--sp-24));position:relative}[data-layout=side] .scr-landing .lp-start{bottom:var(--lp-by);height:var(--lp-bh);min-height:0;position:absolute}[data-layout=side] .scr-landing .lp-start[data-p="0"]{left:calc(max(calc(var(--sal) + 10px), 44px) - var(--sal) - var(--sp-24))}[data-layout=side] .scr-landing .lp-start[data-p="1"]{right:calc(max(calc(var(--sar) + 10px), 44px) - var(--sar) - var(--sp-24))}[data-layout=side] .scr-landing .lp-head{left:0;right:0;bottom:var(--lp-by);height:var(--lp-bh);padding-inline:calc(var(--lp-bx) + 9 * var(--lp-bf) + var(--sp-12));align-content:center;position:absolute}[data-layout=side] .scr-landing .lp-title{font-size:clamp(13px,min(7cqh,2.6cqw),34px);line-height:1.1}[data-layout=side] .scr-landing .lp-sub{display:none}[data-layout=side] .scr-landing .lp-logo{margin-bottom:calc(var(--lp-bh) + var(--lp-by));--lp-logo-h:clamp(94px, min(64cqh, 47cqw), 440px)}}@media (prefers-reduced-motion:reduce){.lp-start{background:var(--c);animation:none}}.names{--lp-p1:#cd68db;--lp-p2:#00f0c0;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,3cqh,24px);width:100%;height:100%;display:flex;position:relative}.nm-rows{gap:clamp(12px,6cqh,44px);display:grid}.nm-row{--c:var(--lp-p1);align-items:center;gap:clamp(12px,4cqw,32px);display:flex}.nm-row[data-p="1"]{--c:var(--lp-p2)}.nm-ghost{aspect-ratio:1;width:clamp(64px,26cqh,150px)}.nm-slots{gap:clamp(10px,2.6cqw,24px);display:flex}.nm-slot{--hit:0px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;justify-items:center;width:clamp(40px,10cqw,62px);display:grid;position:relative}.nm-slot b{font-family:var(--font-display);color:#fff;font-size:clamp(28px,10cqh,47px);font-weight:400;line-height:1.15}.nm-slot:after{content:"";background:#fff;width:100%;height:2px}.nm-slot.on:after{background:var(--lp-p2);height:6px}.nm-row[data-p="1"] .nm-slot.on:after{background:var(--lp-p1)}.nm-up,.nm-dn{visibility:hidden;border:8px solid #0000;width:0;height:0;position:absolute;left:50%;translate:-50%}.nm-up{top:calc(var(--hit) - 18px);border-bottom:10px solid var(--c);border-top:0}.nm-dn{bottom:calc(var(--hit) - 20px);border-top:10px solid var(--c);border-bottom:0}.nm-slot.on .nm-up,.nm-slot.on .nm-dn{visibility:visible}.nm-ok{font-family:var(--font);color:var(--c);visibility:hidden;font-size:clamp(12px,3cqh,18px)}.nm-row.done .nm-ok{visibility:visible}.nm-row.done .nm-slot:after{background:var(--c)}.nm-hint{font-family:var(--font);letter-spacing:.2em;color:#fff9;text-transform:uppercase;margin:0;font-size:clamp(9px,2.2cqh,13px)}[data-layout=side] .nm-hint{display:none}[data-layout=side] .names{justify-content:space-between;gap:clamp(4px,2cqh,20px)}[data-layout=side] .nm-rows{flex:1;grid-template-columns:1fr 1fr;align-content:center;gap:4cqw;width:100%}[data-layout=side] .nm-row{flex-direction:column;gap:clamp(22px,6cqh,36px)}[data-layout=side] .nm-ghost{width:clamp(44px,22cqh,200px)}[data-layout=side] .nm-slots{gap:clamp(8px,1.8cqw,24px)}[data-layout=side] .nm-slot{--hit:clamp(16px, 7.5cqh, 32px);width:clamp(44px,8cqw,96px);padding-block:var(--hit);margin-block:calc(var(--hit) * -1)}[data-layout=side] .nm-slot b{font-size:clamp(28px,11cqh,84px)}[data-layout=side] :-webkit-any(.nm-up,.nm-dn){visibility:visible;opacity:.35}[data-layout=side] :is(.nm-up,.nm-dn){visibility:visible;opacity:.35}[data-layout=side] .nm-slot.on :-webkit-any(.nm-up,.nm-dn){opacity:1}[data-layout=side] .nm-slot.on :is(.nm-up,.nm-dn){opacity:1}[data-layout=side] .names .lp-starts{width:100%}.photo{background:#000;flex-direction:column;justify-content:center;align-items:center;gap:clamp(6px,2.4cqh,18px);width:100%;height:100%;display:flex;position:relative}.ph-frame{aspect-ratio:128/112;cursor:pointer;touch-action:manipulation;border:3px solid #e0f8d0;height:min(68cqh,56cqw);position:relative}[data-layout=desk]:not([data-desk3d]) .ph-frame{height:min(68cqh,56cqw,100cqh - 250px)}.ph-view{width:100%;height:100%;image-rendering:pixelated;display:block}.ph-face{--c:#cd68db;border:2px dashed var(--c);pointer-events:none;border-radius:22%/16%;width:40%;position:absolute;top:6%;bottom:8%}.ph-face[data-p="0"]{left:6%}.ph-face[data-p="1"]{--c:#00f0c0;right:6%}.ph-face i{font:normal clamp(9px, 1.8cqh, 11px) var(--font-pixel);color:#0b0b0b;background:var(--c);padding:0 .4em;position:absolute;top:6%;left:50%;translate:-50%}.photo.snapped .ph-face{opacity:0;transition:opacity .3s}.ph-frame:has(.ph-note:not([hidden])) .ph-face{bottom:17%}.ph-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0}.photo.snapped .ph-flash{animation:.45s ease-out ph-flash}@keyframes ph-flash{0%{opacity:.9}to{opacity:0}}@media (prefers-reduced-motion:reduce){.photo.snapped .ph-flash{animation:none}}.ph-note{text-align:center;font:clamp(9px, 1.7cqh, 11px) / 1.5 var(--font-pixel);color:#fff;text-shadow:0 1px #000,0 0 4px #000;text-transform:uppercase;margin:0;padding-inline-start:4%;padding-inline-end:4%;position:absolute;bottom:4%;left:0;right:0}.ph-pal{background:#0c0c0c;border:2px solid #555;align-items:stretch;display:flex}.ph-pal button{font:inherit;color:#fff;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:0;padding:0}.ph-pal .ph-pal-name{align-content:center;justify-items:center;gap:4px;padding:6px 4px;display:grid}.ph-pal .ph-arw{min-width:28px;font:clamp(10px, 2.4cqh, 16px) var(--font);color:#e0f8d0}.ph-pal .ph-arw:active{background:#2a2a2a}.ph-pal b{font:normal clamp(9px, 1.8cqh, 12px) var(--font-pixel);color:#fff;white-space:nowrap}.ph-sw{display:flex}.ph-sw i{width:clamp(16px,4cqh,30px);height:clamp(6px,1.4cqh,10px)}.ph-ghosts{width:0;height:0;position:absolute;overflow:hidden}.ph-ghosts canvas{width:96px;height:96px}.photo .lp-starts{justify-content:center}[data-layout=side] .photo .nm-hint{display:none}[data-layout=side] .photo{grid-template:"head head head""pal frame next"minmax(0,1fr)/minmax(0,1fr) auto minmax(0,1fr);place-items:center;gap:clamp(8px,3cqh,24px) 3cqw;display:grid}[data-layout=side] .photo .lp-head{grid-area:head}[data-layout=side] .ph-frame{grid-area:frame;height:min(66cqh,47.25cqw)}[data-layout=side] .ph-pal{flex-wrap:wrap;grid-area:pal;justify-content:center;max-width:100%}[data-layout=side] .ph-pal :-webkit-any(.ph-pal-name,.ph-arw){min-width:44px;min-height:44px}[data-layout=side] .ph-pal :is(.ph-pal-name,.ph-arw){min-width:44px;min-height:44px}[data-layout=side] .ph-pal .ph-pal-name{border-bottom:2px solid #333;flex:1 0 100%;order:-1}[data-layout=side] .ph-pal .ph-arw{flex:1;font-size:clamp(12px,3cqh,24px)}[data-layout=side] .ph-pal b{font-size:clamp(9px,2.4cqh,18px)}[data-layout=side] .photo .ph-next{grid-area:next;width:auto;max-width:100%}[data-layout=side] .photo .lp-start{min-width:0;min-height:48px}[data-layout=side] .photo .lp-sub{display:none}@container (height<=420px){.photo .lp-head,.photo .nm-hint{display:none}[data-layout=side] .photo .lp-head{display:grid}[data-layout=side] .photo .lp-title{font-size:clamp(16px,7.5cqh,30px)}.photo{grid-template-rows:auto auto;grid-auto-flow:column;place-content:center;column-gap:4cqw;display:grid}.ph-frame{grid-row:span 2;height:78cqh}.photo .lp-start{min-width:0;font-size:clamp(14px,6cqh,20px)}.photo .lp-starts{width:auto}[data-layout=side] .photo{box-sizing:border-box;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"head head head""pal frame next";row-gap:clamp(4px,2cqh,10px);padding-top:clamp(6px,3cqh,14px)}[data-layout=side] .ph-frame{grid-row:auto;height:min(72cqh,43.75cqw)}}.ph-video{opacity:.01;pointer-events:none;width:2px;height:2px;position:absolute;top:0;left:0}.licence{background:#000;flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,2cqh,14px);width:100%;height:100%;display:flex;position:relative}.lic-cards{aspect-ratio:1.75;width:min(92cqw,78cqh);position:relative}#app[data-desk3d] .lic-cards{width:min(92cqw,112cqh)}.lic{aspect-ratio:640/400;filter:drop-shadow(0 6px 10px #0009);width:60%;position:absolute}.lic canvas{width:100%;height:100%;display:block}.lic-plain{box-sizing:border-box;height:100%;font:clamp(9px, 2.4cqh, 16px) var(--font-pixel);color:#0b0b0b;background:#c2c2c2;border-radius:4%;flex-direction:column;justify-content:center;gap:.5em;margin:0;padding:6%;display:flex}.lic-plain em{color:#c00;font-style:normal}.lic[data-p="0"]{top:0;left:4%;rotate:-6deg}.lic[data-p="1"]{bottom:0;right:4%;rotate:-3deg}@media (prefers-reduced-motion:no-preference){.lic{animation:.5s cubic-bezier(.2,1.3,.4,1) both lic-in}.lic[data-p="1"]{animation-delay:.15s}}@keyframes lic-in{0%{opacity:0;translate:0 30%;scale:.9}}.lic-stats{font:clamp(9px, 1.8cqh, 12px) / 1.5 var(--font-pixel);color:#fff;letter-spacing:.1em;text-wrap:balance;margin:0}.lic-stats .new{color:var(--lp-p2,#00f0c0);font-style:normal}.lic-menu{grid-template-columns:1fr 1fr;gap:clamp(4px,1.4cqh,10px);width:min(46cqw,353px);display:grid}.lic-menu .ui-btn{grid-column:1/-1}.lic-menu .ui-btn.half{grid-column:auto}.lic-menu .ui-btn{min-height:0;box-shadow:none;font:clamp(10px, 2.6cqh, 18px) var(--font-pixel);color:#0b0b0b;background:#fff;border:0;border-radius:0;padding:.35em 0}.lic-menu .ui-btn.focus,.lic-menu .ui-btn.primary.focus{color:#0b0b0b;background:#00f0c0;outline:0}.lic-menu .ui-btn.focus:before,.lic-menu .ui-btn.focus:after{color:#cd68db;text-shadow:none}.licence.locked .lic-menu{opacity:.4}.lic-menu .ui-btn:disabled{color:#6a6a6a;background:#b4b4b4}@media (prefers-reduced-motion:no-preference){.lic-menu .ui-btn[aria-busy=true]{animation:.9s steps(2,end) infinite lic-busy}}@keyframes lic-busy{50%{opacity:.6}}[data-layout=side] .lic-menu .ui-btn{min-height:44px}@container (height<=600px){[data-layout=side] .licence{box-sizing:border-box;grid-template-rows:auto 1fr auto auto 1fr;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);place-items:center;gap:clamp(6px,2.6cqh,14px) 2cqw;padding-top:clamp(6px,3cqh,14px);display:grid}[data-layout=side] .licence .lp-head{grid-area:1/1/auto/-1}[data-layout=side] .licence .lp-title{color:#e8262b;font-size:clamp(16px,7.5cqh,30px)}[data-layout=side] .licence .lp-sub{display:none}[data-layout=side] .lic-cards{grid-row:2/-1;width:min(100%,157.5cqh - 70px)}[data-layout=side] .lic-stats{grid-row:3;font-size:clamp(9px,3cqh,12px)}[data-layout=side] .lic-menu{box-sizing:border-box;grid-row:4;gap:clamp(6px,2.4cqh,10px);width:min(100%,300px);min-width:0;padding-inline-start:30px;padding-inline-end:30px}[data-layout=side] .lic-menu .ui-btn{min-height:44px;font-size:clamp(12px,4cqh,16px)}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scr:focus{outline:none}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.card.show:-webkit-any(.stage,.verb,.nice,.speedup){animation:fade-in var(--dur-fast) var(--ease-step-2) both}.card.show:is(.stage,.verb,.nice,.speedup){animation:fade-in var(--dur-fast) var(--ease-step-2) both}.stage-card{justify-content:center;align-items:center;gap:clamp(var(--sp-8), 3cqw, var(--sp-32));display:flex}.sc-ghost{font-size:clamp(30px,7cqw,76px);display:block}.sc-ghost.l{animation:sc-in-l var(--dur-slow) var(--ease-bounce) both}.sc-ghost.r{animation:sc-in-r var(--dur-slow) var(--ease-bounce) 40ms both}.sc-num{animation:slam var(--dur-slow) .14s both}@keyframes sc-in-l{0%{transform:translate(-60cqw,-.6em)rotate(-30deg)}}@keyframes sc-in-r{0%{transform:translate(60cqw,-.6em)rotate(30deg)}}@keyframes slam{0%{opacity:0;animation-timing-function:var(--ease-in);transform:translateY(-40%)scale(2.6)}45%{opacity:1;animation-timing-function:steps(2,end);transform:translateY(6%)scale(1.25,.72)}70%{animation-timing-function:steps(2,end);transform:translateY(-3%)scale(.92,1.1)}to{transform:none}}.card.verb .verb{animation:verb-pop .32s var(--ease-out) both}@keyframes verb-pop{0%{opacity:0;transform:scale(.3,1.7)}35%{opacity:1;transform:scale(1.28,.74)}55%{transform:scale(.9,1.12)}75%{transform:scale(1.05,.96)}to{transform:none}}.card.verb{width:96%}.cp-row{justify-content:space-between;align-items:flex-end;gap:var(--sp-16);margin-top:var(--sp-8);text-shadow:none;display:flex}.cp{align-items:center;gap:var(--sp-4);font-size:clamp(var(--fs-12), 1.6cqw, var(--fs-16));--pc:var(--hi);flex-direction:column;display:flex}.cp[data-p="1"]{--pc:var(--accent)}.cp[data-p="0"]{animation:cp-in-l var(--dur-base) var(--ease-out) .12s both}.cp[data-p="1"]{animation:cp-in-r var(--dur-base) var(--ease-out) .12s both}@keyframes cp-in-l{0%{opacity:0;transform:translate(-30%)}}@keyframes cp-in-r{0%{opacity:0;transform:translate(30%)}}.cp-who{align-items:center;gap:var(--sp-8);color:var(--card-ink);text-shadow:var(--text-shadow);white-space:nowrap;margin:0;display:flex}.cp-who b{padding:1px var(--sp-8);background:var(--pc);color:var(--head);border-radius:var(--radius);text-shadow:none;font-weight:400}.cp-pad{--k:clamp(20px, 3.4cqw, 34px);grid-template-columns:repeat(3, var(--k));grid-template-rows:repeat(2, var(--k));grid-template-areas:".up.""left down right";gap:3px;display:grid}.cp-k{font-style:normal;font-size:calc(var(--k) * .5);color:var(--key-off);background:color-mix(in srgb, var(--head) 70%, transparent);border:2px solid color-mix(in srgb, var(--card-ink) 25%, transparent);border-radius:var(--radius-half);place-items:center;line-height:1;display:grid}.cp-k.up{grid-area:up}.cp-k.left{grid-area:left}.cp-k.down{grid-area:down}.cp-k.right{grid-area:right}.cp-k.on{color:var(--head);background:var(--pc);border-color:var(--card-ink);animation:.48s steps(2,jump-none) .24s 3 both cp-blink}@keyframes cp-blink{50%{opacity:.45}}.cp-stick{--s:clamp(44px, 7cqw, 68px);width:var(--s);height:var(--s);background:color-mix(in srgb, var(--head) 70%, transparent);border:3px solid var(--pc);border-radius:50%;place-items:center;display:grid}.cp-knob{background:var(--pc);width:42%;height:42%;box-shadow:0 2px 0 var(--card-shadow);border-radius:50%;animation:.96s steps(8,end) .2s infinite cp-orbit}@keyframes cp-orbit{0%{transform:rotate(0)translate(28%)rotate(0)}to{transform:rotate(360deg)translate(28%)rotate(-360deg)}}.cp-leg{gap:var(--sp-8);color:var(--card-ink);text-shadow:var(--text-shadow);flex-wrap:wrap;justify-content:center;margin:0;font-size:.85em;display:flex}.cp-leg i{color:var(--pc);margin-right:3px;font-style:normal}.card.verb:not(.fresh) .cp-leg{display:none}[data-layout=desk] .card.verb>.cp-row{margin:0;position:absolute;bottom:5%;left:3%;right:3%}[data-layout=side] .card.verb>.cp-row,[data-layout=side] .cp-leg{display:none}.swap-beat{margin:0 0 var(--sp-4);flex-direction:column;align-items:center;gap:2px;display:flex}.swap-beat b{font-family:var(--font-big);font-weight:400;line-height:1;font-size:clamp(var(--fs-28), 5.5cqw, var(--fs-76));color:var(--accent);text-shadow:var(--text-shadow);animation:swap-stamp var(--dur-slow) var(--ease-spring) both, swap-wig var(--dur-fast) steps(2, jump-none) var(--dur-slow) 4 alternate}.swap-beat b:before,.swap-beat b:after{content:"⇄";color:var(--hi);margin:0 .25em}.swap-beat small{letter-spacing:.2em;color:var(--card-ink);animation:fade-in var(--dur-base) var(--dur-fast) both;margin:0}@keyframes swap-stamp{0%{opacity:0;transform:scale(2.4)rotate(-10deg)}30%{opacity:1}}@keyframes swap-wig{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)scale(1.04)}}.card.verb.swap .verb{animation-delay:var(--dur-fast);font-size:clamp(40px,9cqw,110px)}.card.verb.swap .swap-beat small{font-size:clamp(9px, 1.3cqw, var(--fs-14))}[data-layout=side] .card.verb .verb{font-size:clamp(39px,9.8cqw,105px)}[data-layout=side] .card.verb.swap .verb{font-size:clamp(28px,6.3cqw,77px)}.card.swap .cp[data-p="0"]{animation:cp-swap-l var(--dur-slow) var(--ease-spring) var(--dur-base) both}.card.swap .cp[data-p="1"]{animation:cp-swap-r var(--dur-slow) var(--ease-spring) var(--dur-base) both}@keyframes cp-swap-l{0%{opacity:0;transform:translate(60cqw)}20%{opacity:1}}@keyframes cp-swap-r{0%{opacity:0;transform:translate(-60cqw)}20%{opacity:1}}.card.swap .cp-who{outline:2px solid var(--pc);outline-offset:3px;border-radius:var(--radius)}.cab.swap .pad[data-p="0"] .pad-head{animation:pad-swap-l var(--dur-slow) var(--ease-spring) var(--dur-base) both}.cab.swap .pad[data-p="1"] .pad-head{animation:pad-swap-r var(--dur-slow) var(--ease-spring) var(--dur-base) both}.cab.swap .pad .role{color:var(--hi)}.cab.swap .pad[data-p="1"] .role{color:var(--accent)}@keyframes pad-swap-l{0%{opacity:0;transform:translate(40cqw)}20%{opacity:1}}@keyframes pad-swap-r{0%{opacity:0;transform:translate(-40cqw)}20%{opacity:1}}kbd,.btn{position:relative}.cab.cue .pad :-webkit-any(.btn,.stick,kbd.on):after{content:"";pointer-events:none;border:3px solid var(--hi);border-radius:inherit;animation:.56s steps(3,end) infinite ring-ping;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.cab.cue .pad :is(.btn,.stick,kbd.on):after{content:"";pointer-events:none;border:3px solid var(--hi);border-radius:inherit;animation:.56s steps(3,end) infinite ring-ping;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.cab.cue .pad[data-p="1"] :-webkit-any(.btn,.stick,kbd.on):after{border-color:var(--accent)}.cab.cue .pad[data-p="1"] :is(.btn,.stick,kbd.on):after{border-color:var(--accent)}.cab.cue .pad .stick:after{border-radius:50%}.card.waiting .verb{animation:.64s steps(2,jump-none) infinite wait-bob}@keyframes wait-bob{50%{transform:translateY(-6%)rotate(-2deg)}}.card-wait{font-size:clamp(var(--fs-12), 1.6cqw, var(--fs-16));color:var(--hi)}.card-wait span{animation:fade-in var(--dur-base) both;display:inline-block}.card-wait:after{content:"...";clip-path:inset(0 100% 0 0);margin-left:2px;animation:.9s steps(4,jump-none) infinite dots;display:inline-block}@keyframes dots{to{clip-path:inset(0)}}.card.speedup .speed{animation:verb-pop .3s var(--ease-out) both, speed-wob .18s steps(2, jump-none) .3s infinite alternate}@keyframes speed-wob{0%{transform:rotate(-5deg)skew(6deg)}to{transform:rotate(4deg)skew(-6deg)scale(1.06)}}.cab.wobble>:-webkit-any(.screen,.marquee){animation:.26s steps(2,jump-none) infinite alternate wobble}.cab.wobble>:is(.screen,.marquee){animation:.26s steps(2,jump-none) infinite alternate wobble}.cab.wobble>.pad{animation:.26s steps(2,jump-none) .13s infinite alternate wobble}@keyframes wobble{0%{transform:rotate(-.8deg)scale(1.01)}to{transform:rotate(.8deg)translateY(2px)}}.pad{--crank:-1}.pad[data-p="1"]{--crank:1}.cab.pads-out .pad-body>*{animation:.2s step-end forwards crank-out}.cab.pads-in .pad-body>*{animation:.36s step-end both crank-in}.cab:-webkit-any(.pads-out,.pads-in) .pad-body>:nth-child(2){animation-delay:50ms}.cab:is(.pads-out,.pads-in) .pad-body>:nth-child(2){animation-delay:50ms}@keyframes crank-out{0%{transform:none}33%{transform:rotate(calc(var(--crank) * 9deg)) translateX(calc(var(--crank) * 4%))}66%{transform:rotate(calc(var(--crank) * 18deg)) translateX(calc(var(--crank) * 9%))}to{transform:rotate(calc(var(--crank) * 18deg)) translateX(calc(var(--crank) * 9%));visibility:hidden}}@keyframes crank-in{0%{transform:rotate(calc(var(--crank) * -14deg)) scale(1.1)}25%{transform:rotate(calc(var(--crank) * 10deg)) scale(1.05)}50%{transform:rotate(calc(var(--crank) * -7deg))}75%{transform:rotate(calc(var(--crank) * 3deg))}to{transform:none}}.card.nice .win{animation:nice-in var(--dur-slow) var(--ease-spring) both}@keyframes nice-in{0%{opacity:0;transform:scale(.2)rotate(-8deg)}20%{opacity:1}}.card.result .lose{animation:lose-in var(--dur-slow) var(--ease-bounce) both}@keyframes lose-in{0%{opacity:0;transform:translateY(-80%)}20%{opacity:1}}.confetti{z-index:5;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.cf{width:clamp(18px,3cqw,30px);color:var(--card-ink);filter:drop-shadow(2px 2px 0 var(--card-shadow));position:absolute;top:42%;left:50%}.cf svg{fill:currentColor;width:100%;height:auto;display:block}.cf.star{width:clamp(10px,1.6cqw,16px)}.cf.p1{color:var(--hi)}.cf.p2{color:var(--accent)}.cf.good{color:var(--good)}.cf.bat svg{animation:.14s step-end infinite alternate flap}@keyframes flap{to{transform:scaleY(.4)translateY(30%)}}.fx-flash{z-index:7;background:var(--card-ink);pointer-events:none;opacity:0;position:absolute;top:0;bottom:0;left:0;right:0}.hearts{overflow:visible}.heart-break{display:inline-grid;position:relative}.heart-break>.heart{grid-area:1/1}.heart-break>.empty{animation:fade-in var(--dur-fast) .18s both}.heart-break .hb-l{transform-origin:30% 80%;animation:.76s both hb-fall-l}.heart-break .hb-r{transform-origin:70% 80%;animation:.76s both hb-fall-r}@keyframes hb-fall-l{0%{animation-timing-function:steps(2,end);transform:none}10%{animation-timing-function:steps(2,end);transform:translate(1px)}20%{animation-timing-function:steps(2,end);transform:translate(-1px)rotate(-4deg)}32%{opacity:1;animation-timing-function:var(--ease-in);transform:translate(-3px,-2px)rotate(-14deg)}to{opacity:0;transform:translate(-6px,30px)rotate(-50deg)}}@keyframes hb-fall-r{0%{animation-timing-function:steps(2,end);transform:none}10%{animation-timing-function:steps(2,end);transform:translate(-1px)}20%{animation-timing-function:steps(2,end);transform:translate(1px)rotate(4deg)}32%{opacity:1;animation-timing-function:var(--ease-in);transform:translate(3px,-2px)rotate(14deg)}to{opacity:0;transform:translate(6px,30px)rotate(50deg)}}.hb-shard{background:var(--bad);opacity:0;width:4px;height:4px;animation:hb-shard .38s var(--ease-out) .38s both;position:absolute;top:70%;left:50%}[data-layout=side] .hb-shard{width:3px;height:3px}@keyframes hb-shard{0%{opacity:1;transform:none}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(90deg)}}.toast.out{animation:.12s steps(3,end) forwards toast-out}@keyframes toast-out{to{opacity:0;transform:translateY(-18px)scale(.85)}}.ui-btn{transition:transform var(--dur-instant) steps(2, end)}.ui-btn:active{transform:translate(var(--shadow-off), var(--shadow-off)) scale(1.04, .9)}.tabs{position:relative}.ring{border:3px solid var(--hi);border-radius:var(--radius);pointer-events:none;opacity:0;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.focus>.ring{animation:ring-ping var(--dur-loop) steps(4, end) infinite}@keyframes ring-ping{0%{opacity:.9;transform:none}to{opacity:0;transform:scale(1.05,1.3)}}.menu .ui-btn.focus:before{animation:.6s steps(2,jump-none) infinite nudge-r}.menu .ui-btn.focus:after{animation:.6s steps(2,jump-none) infinite nudge-l}@keyframes nudge-r{50%{translate:3px}}@keyframes nudge-l{50%{translate:-3px}}.scr-ready .ptag[data-p="0"]{animation:tag-in-l var(--dur-slow) var(--ease-spring) both}.scr-ready .ptag[data-p="1"]{animation:tag-in-r var(--dur-slow) var(--ease-spring) 80ms both}@keyframes tag-in-l{0%{opacity:0;transform:translate(-60%)scale(.5)}30%{opacity:1}}@keyframes tag-in-r{0%{opacity:0;transform:translate(60%)scale(.5)}30%{opacity:1}}.lb tbody tr{animation:row-in var(--dur-base) var(--ease-out) both;animation-delay:calc(var(--i,0) * 35ms)}@keyframes row-in{0%{opacity:0;transform:translate(-16px)}}.lb tbody tr.me{animation:row-me var(--dur-slow) var(--ease-spring) both;animation-delay:calc(var(--i,0) * 35ms + .12s)}@keyframes row-me{0%{opacity:0;transform:scale(1.12,.6)}25%{opacity:1}}.lb .who{position:relative}.sparkles{pointer-events:none;position:absolute;top:-.5em;bottom:-.5em;left:-.8em;right:-.8em}.sparkles i{background:var(--head-ink);opacity:0;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:.6em;height:.6em;filter:drop-shadow(1px 1px 0 var(--card-shadow));animation:.6s steps(3,end) 4 both twinkle;position:absolute}.sparkles i:first-child{animation-delay:.5s;top:0;left:0}.sparkles i:nth-child(2){animation-delay:.65s;top:10%;right:0}.sparkles i:nth-child(3){animation-delay:.8s;bottom:0;left:30%}.sparkles i:nth-child(4){animation-delay:.95s;bottom:-10%;right:20%}@keyframes twinkle{0%{opacity:0;transform:scale(.2)}50%{opacity:1;transform:scale(1.1)rotate(45deg)}to{opacity:0;transform:scale(.4)rotate(90deg)}}:root.vt{view-transition-name:none}:root.vt .screen{view-transition-name:hw-screen}:root.vt .marquee{view-transition-name:hw-marquee}:root.vt .pad[data-p="0"]{view-transition-name:hw-pad0}:root.vt .pad[data-p="1"]{view-transition-name:hw-pad1}::view-transition{pointer-events:none}::view-transition-old(hw-screen){animation:vt-out var(--dur-fast) steps(3, end) both}::view-transition-new(hw-screen){animation:vt-in var(--dur-base) steps(4, end) both}@keyframes vt-out{to{opacity:0;transform:scale(.97)}}@keyframes vt-in{0%{opacity:0;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.card.show{animation:fade-in var(--dur-reduced) linear both}.card.show:-webkit-any(.stage,.verb,.nice,.speedup){animation:fade-in var(--dur-reduced) linear both}.card.show:is(.stage,.verb,.nice,.speedup){animation:fade-in var(--dur-reduced) linear both}.cab.swap .pad .pad-head,.card-wait:after{animation:none}.ov .card.show :is(.sc-ghost,.sc-num,.verb,.speed,.win,.lose,.cp,.cp-k,.cp-knob,.card-wait span,.swap-beat b,.swap-beat small){animation:none}.card-wait:after{clip-path:none}.toast,.toast.out{animation:fade-in var(--dur-reduced) linear both}.confetti,.fx-flash{display:none}.screen.shake{animation:none}.cab.wobble>:-webkit-any(.screen,.marquee,.pad){animation:none}.cab.wobble>:is(.screen,.marquee,.pad){animation:none}.cab:-webkit-any(.pads-out,.pads-in) .pad-body>*{animation:none}.cab:is(.pads-out,.pads-in) .pad-body>*{animation:none}.cab.cue .pad :-webkit-any(.btn,.stick,kbd.on):after{opacity:.9;animation:none}.cab.cue .pad :is(.btn,.stick,kbd.on):after{opacity:.9;animation:none}.heart-break>.empty{animation:none}.heart-break :-webkit-any(.hb-l,.hb-r){animation:fade-out var(--dur-reduced) linear forwards}.heart-break :is(.hb-l,.hb-r){animation:fade-out var(--dur-reduced) linear forwards}.hb-shard{display:none}.fuse i:after,.fuse.hurry i,.blink,.gate-box{animation:none}.readying .pad:not(.ready) :-webkit-any(.btn,.stick){animation:none}.readying .pad:not(.ready) :is(.btn,.stick){animation:none}.ui-btn{transition:none}.ui-btn:active{transform:translate(var(--shadow-off), var(--shadow-off))}.focus>.ring,.menu .ui-btn.focus:before,.menu .ui-btn.focus:after{animation:none}.scr>*,.ptag.on b,.pad.ready .rdy,.merged-banner,.caption.show,.scr-ready .ptag[data-p],.lb tbody tr,.lb tbody tr.me{animation:fade-in var(--dur-reduced) linear both}.sparkles{display:none}}.scr-layer .scr.scr-leaderboard{background:#000}.lbd{--p1:#cd68db;--p2:#00f0c0;--grey:#d9d9d9;--u:min(calc(100cqh / 474), calc(100cqw / 644));justify-content:center;align-items:center;gap:calc(29 * var(--u));width:100%;height:100%;font-family:var(--font-pixel);display:flex}.lbd-left{width:calc(199 * var(--u));flex-direction:column;flex:none;align-items:center;display:flex}.lbd .lbd-title{width:min-content;font-family:var(--font-display);font-weight:400;font-size:calc(32 * var(--u));letter-spacing:0;text-transform:uppercase;text-shadow:none;color:#fff;margin:0;line-height:1.1}.lbd-where{margin:calc(8 * var(--u)) 0 0;font-size:calc(9 * var(--u));text-align:center;text-transform:uppercase;color:var(--grey);line-height:1.4}[data-layout=side] .lbd-where{font-size:max(calc(9 * var(--u)), 9px)}.lbd-bat{width:calc(109 * var(--u));height:auto;margin-top:calc(6 * var(--u));image-rendering:pixelated}.lbd .lbd-menu{min-width:0;width:calc(155 * var(--u));margin-top:calc(40 * var(--u));gap:calc(18 * var(--u));padding:0}.lbd .lbd-menu .ui-btn{min-height:0;height:calc(54 * var(--u));font-family:var(--font-pixel);font-size:calc(18 * var(--u));letter-spacing:0;color:#000;box-shadow:none;background:#fff;border:0;border-radius:0;outline:0;padding:0}.lbd .lbd-menu .ui-btn.focus{background:var(--p2);color:#000}.lbd .lbd-menu .ui-btn:focus-visible{outline:3px solid var(--p1);outline-offset:3px}@media (hover:hover){.lbd .lbd-menu .ui-btn:hover{background:var(--p2);outline:0}}.lbd .menu .ui-btn.focus:before,.lbd .menu .ui-btn.focus:after{content:"";width:0;height:0;text-shadow:none;border-block:calc(9 * var(--u)) solid transparent;font-size:0}.lbd .menu .ui-btn.focus:before{right:calc(100% + 4 * var(--u));border-left:calc(14 * var(--u)) solid var(--p1)}.lbd .menu .ui-btn.focus:after{left:calc(100% + 4 * var(--u));border-right:calc(14 * var(--u)) solid var(--p1)}.lbd .ring{border-color:var(--p1);border-radius:0}.lbd .lbd-card{width:calc(348 * var(--u));max-height:none;padding:0 calc(11 * var(--u)) calc(30 * var(--u));color:#000;box-shadow:calc(10 * var(--u)) calc(10 * var(--u)) 0 var(--p1);background:#fff;border:0;border-radius:0;flex:none;overflow:visible}.lbd .tabs{margin:0 calc(-11 * var(--u));border-radius:0;outline:0;gap:0;padding:0;display:flex}.lbd .tabs.focus{outline:3px solid var(--p1);outline-offset:2px}.lbd .tab{min-height:0;height:calc(59 * var(--u));font-family:var(--font-pixel);font-size:calc(12 * var(--u));color:#000;background:var(--grey);cursor:pointer;border:0;border-radius:0;flex:1;padding:0}.lbd .tab.on{color:#000;background:#fff}.lbd .lb{width:100%;margin-top:calc(19 * var(--u));border-collapse:separate;border-spacing:0 calc(4 * var(--u));font-size:calc(12 * var(--u));line-height:1}.lbd .lb th,.lbd .lb td{padding:calc(8 * var(--u)) 0;white-space:nowrap;text-align:left}.lbd .lb th{opacity:1;padding-block:calc(8 * var(--u)) calc(9 * var(--u));border-bottom:1px solid #000;font-size:1em;font-weight:400}.lbd .lb thead tr th:nth-child(2){padding-left:calc(33 * var(--u))}.lbd .lb :-webkit-any(th,td):first-child{width:calc(45 * var(--u));padding-left:calc(20 * var(--u));text-align:left}.lbd .lb :is(th,td):first-child{width:calc(45 * var(--u));padding-left:calc(20 * var(--u));text-align:left}.lbd .lb :-webkit-any(th,td):last-child{padding-right:calc(20 * var(--u));text-align:right}.lbd .lb :is(th,td):last-child{padding-right:calc(20 * var(--u));text-align:right}.lbd .lb tbody tr:first-child td{border-top:calc(11 * var(--u)) solid transparent;background-clip:padding-box}.lbd .lb tbody tr:nth-child(odd):not(.me){background:0 0}.lbd .lb tr.me td{background-color:var(--grey)}.lbd .lb tr.me{color:#000;background:0 0}.lbd .lb .who{align-items:center;gap:calc(11 * var(--u));display:inline-flex}.lbd .lb .avatar{height:calc(21 * var(--u));aspect-ratio:64/56;width:auto;image-rendering:pixelated;border:0;flex:none}.lbd .lb .avatar.ph{width:calc(21 * var(--u));height:calc(21 * var(--u));aspect-ratio:auto;opacity:1;fill:#000;filter:none;padding:0}.lbd .lb tr.me .avatar.ph{fill:#000}.lbd .lb small{opacity:.6;margin-right:.6em;font-size:.6em}.lbd .lb tr.gap td,.lbd .lb tr.empty td{padding-inline:calc(20 * var(--u));text-align:center;opacity:.6}.lbd .lb tr.empty td{white-space:normal;line-height:1.5}.lbd .lb tr.empty.error td{opacity:1;color:#b0002a}.lbd .sparkles i{background:var(--p1);filter:none}.lbd .lb tbody:has(tr.gap) td{padding-block:calc(5 * var(--u))}@container (orientation:portrait){.lbd{--u:min(calc(100cqw / 420), calc(100cqh / 720));gap:calc(24 * var(--u));flex-direction:column}.lbd-left{display:contents}.lbd .lbd-title{width:auto;font-size:calc(34 * var(--u));order:0}.lbd-where{margin-top:calc(-18 * var(--u));order:0}.lbd-bat{margin-top:calc(-14 * var(--u));order:1}.lbd .lbd-card{order:2}.lbd .lbd-menu{margin-top:calc(6 * var(--u));width:calc(220 * var(--u));order:3}}[data-layout=side] .lbd .lb{font-size:max(calc(12 * var(--u)), 10px)}[data-layout=side] .lbd .lb small{font-size:max(.6em,9px)}[data-layout=side] .lbd .tab{height:max(calc(59 * var(--u)), 44px);font-size:max(calc(12 * var(--u)), 10px)}[data-layout=side] .lbd .lbd-menu .ui-btn{height:max(calc(54 * var(--u)), 44px);font-size:max(calc(18 * var(--u)), 12px)}[data-layout=side] .lbd .lbd-menu{gap:max(calc(18 * var(--u)), 10px)}[data-layout=side] .lbd .lbd-card{width:max(calc(348 * var(--u)), min(310px, 100%));box-sizing:border-box}.scr.scr-ready{background:#000;place-items:stretch stretch}[data-layout=side] .scr.scr-ready{padding-top:calc(var(--sat) + clamp(36px, 12cqh, 64px));padding-bottom:calc(var(--sab) + clamp(24px, 9cqh, 56px));place-items:stretch stretch}.rd{--skin:#4f9a7c;--skin-dk:#33705a;--ink:#0f2a22;--gap:clamp(48px, 14cqw, 300px);--hand:min(48cqh, 26cqw);flex-direction:column;align-items:center;gap:clamp(8px,3cqh,24px);width:100%;height:100%;display:flex;position:relative}[data-layout=side] .rd{--hand:min(28cqh, 22cqw);gap:4px}#app[data-desk3d] .rd{--hand:min(54cqh, 28cqw)}.rd .lp-head{flex:none}[data-layout=side] .rd .lp-title{font-size:clamp(18px,5.4cqh,28px)}[data-layout=side] .rd .lp-sub{letter-spacing:.3em;font-size:clamp(8px,2.6cqh,12px)}.rd-stage{flex:1;align-self:stretch;min-height:0;display:flex;position:relative}.scr-ready .rd-side.ptag[data-p]{--c:#cd68db;padding-right:calc(var(--gap) / 2);font-size:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;flex:1;justify-content:flex-end;align-items:center;animation:none;display:flex}.scr-ready .rd-side.ptag[data-p="1"]{--c:#00f0c0;padding:0 0 0 calc(var(--gap) / 2);justify-content:flex-start}.rd-arm{flex-direction:column;align-items:center;gap:clamp(4px,1.5cqh,14px);display:flex}.rd-hand{height:var(--hand);aspect-ratio:18/20;transform-origin:50% 100%;rotate:10deg}.rd-side[data-p="1"] .rd-hand{scale:-1 1}.rd-sway{transform-origin:50% 100%;width:100%;height:100%;animation:1.6s steps(4,jump-none) infinite alternate rd-sway;position:relative}.rd-side[data-p="1"] .rd-sway{animation-delay:-.8s}@keyframes rd-sway{0%{rotate:-5deg}to{rotate:4deg}}.rd-px{width:100%;height:100%;display:block;position:relative;overflow:visible}.rd-px .px-o{fill:var(--ink)}.rd-px .px-g{fill:var(--skin)}.rd-px .px-d{fill:var(--skin-dk)}.rd-px .px-c,.rd-px .px-k{fill:var(--c)}.rd-px .px-band{fill:color-mix(in srgb, var(--c) 55%, #000)}.rd-glow{background:var(--c);opacity:.85;border-radius:50%;width:80%;height:14%;position:absolute;bottom:-5%;left:0}.rd-tag{font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:.2em;color:var(--c);visibility:hidden;font-size:clamp(10px,3.4cqh,24px);font-style:normal}.rd-side.on .rd-sway{animation:rd-lift var(--dur-slow) var(--ease-spring) both, rd-sway .8s steps(4, jump-none) var(--dur-slow) infinite alternate;translate:0 -10%}@keyframes rd-lift{0%{translate:0;scale:1}50%{scale:1.12}to{translate:0 -10%;scale:1}}.rd-side.on .rd-glow{animation:.5s steps(2,jump-none) infinite alternate rd-pulse}@keyframes rd-pulse{to{opacity:.35;scale:1.15}}.rd-side.on .rd-tag{visibility:visible;animation:.2s steps(3,end) pop-in}.rd.slap .rd-side[data-p="0"] .rd-arm{animation:rd-slap-l .22s var(--ease-in) forwards}.rd.slap .rd-side[data-p="1"] .rd-arm{animation:rd-slap-r .22s var(--ease-in) forwards}@keyframes rd-slap-l{75%{translate:calc(var(--gap) / 2 + var(--hand) * .12) 0}to{translate:calc(var(--gap) / 2 + var(--hand) * .06) 0}}@keyframes rd-slap-r{75%{translate:calc(var(--gap) / -2 - var(--hand) * .12) 0}to{translate:calc(var(--gap) / -2 - var(--hand) * .06) 0}}.rd.slap .rd-tag{visibility:hidden}.rd-pow{width:calc(var(--hand) * .9);aspect-ratio:1;opacity:0;pointer-events:none;clip-path:polygon(50% 0,60% 34%,96% 22%,70% 50%,100% 72%,62% 66%,54% 100%,42% 68%,6% 82%,30% 52%,0 26%,38% 34%);background:#fff;position:absolute;top:50%;left:50%;translate:-50% -60%}.rd-txt{line-height:1;font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;color:#fff;opacity:0;pointer-events:none;font-size:clamp(22px,7cqh,56px);font-weight:400;position:absolute;bottom:0;left:50%;translate:-50%}.rd-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0}.rd.slap .rd-pow{animation:.26s steps(3,end) .17s both rd-pow}.rd.slap .rd-txt{animation:rd-txt .24s var(--ease-spring) .18s both}.rd.slap+.rd-flash{animation:.2s steps(2,end) .17s both rd-flash}@keyframes rd-pow{0%{opacity:1;scale:.3}60%{opacity:1;scale:1.1}to{opacity:0;scale:1.3}}@keyframes rd-txt{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes rd-flash{0%{opacity:.5}to{opacity:0}}@media (prefers-reduced-motion:reduce){.rd-sway,.rd-side.on .rd-sway,.rd-side.on .rd-glow,.rd-side.on .rd-tag{animation:none}.rd-side.on .rd-sway{translate:0 -10%}.rd.slap .rd-side[data-p] .rd-arm{animation:none}.rd.slap .rd-side[data-p="0"] .rd-arm{translate:calc(var(--gap) / 2 + var(--hand) * .06) 0}.rd.slap .rd-side[data-p="1"] .rd-arm{translate:calc(var(--gap) / -2 - var(--hand) * .06) 0}.rd.slap .rd-pow,.rd.slap+.rd-flash{display:none}.rd.slap .rd-txt{animation:fade-in var(--dur-reduced) linear both;opacity:1}}.desk3d-view{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#app[data-desk3d] .cab{background:0 0;border-radius:0;gap:0;width:auto;padding:0;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#app[data-desk3d] .screen{left:var(--d3-sx);top:var(--d3-sy);width:var(--d3-sw);height:var(--d3-sh);aspect-ratio:auto;background:0 0;outline:0;position:absolute}#app[data-desk3d] .view{opacity:0}#app[data-desk3d] .scan{display:none!important}#app[data-desk3d] .screen.shake{animation:none}#app[data-desk3d] .marquee{left:var(--d3-hx);top:var(--d3-hy);width:var(--d3-hw);height:var(--d3-hh);padding:0 var(--sp-12);color:var(--card-ink);text-shadow:var(--text-shadow);position:absolute}#app[data-desk3d] .banner{font-size:clamp(14px,1.3vw,24px)}#app[data-desk3d] .marquee>*{zoom:var(--d3-hz,1)}#app[data-desk3d][data-ui=menu] .banner{visibility:hidden}#app[data-desk3d]>.lp-head{height:var(--d3-th);z-index:3;align-content:center;position:absolute;top:0;left:0;right:0}#app[data-desk3d]>.lp-starts{pointer-events:none;z-index:3;width:auto;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#app[data-desk3d]>.lp-starts .lp-start{pointer-events:auto;min-width:0;font-size:calc(var(--d3-s0h) * .36);gap:.6em;padding:0;position:absolute}#app[data-desk3d]>.lp-starts .lp-start[data-p="0"]{left:var(--d3-s0x);top:var(--d3-s0y);width:var(--d3-s0w);height:var(--d3-s0h)}#app[data-desk3d]>.lp-starts .lp-start[data-p="1"]{left:var(--d3-s1x);top:var(--d3-s1y);width:var(--d3-s1w);height:var(--d3-s1h)}#app[data-desk3d]>.lp-starts .lp-key{height:calc(var(--d3-s0h) * .78);min-width:calc(var(--d3-s0h) * .72);font-size:calc(var(--d3-s0h) * .34);top:calc(var(--d3-s0y) + var(--d3-s0h) * .11);margin:0;position:absolute;translate:none}#app[data-desk3d]>.lp-starts .lp-key[data-p="0"]{right:calc(100% - var(--d3-s0x) + var(--d3-s0h) * .5)}#app[data-desk3d]>.lp-starts .lp-key[data-p="1"]{top:calc(var(--d3-s1y) + var(--d3-s1h) * .11);left:calc(var(--d3-s1x) + var(--d3-s1w) + var(--d3-s1h) * .5)}#app[data-desk3d][data-screen=landing] .pad{display:none}#app[data-desk3d] .lp-logo{--lp-logo-h:clamp(94px, min(70cqh, 52cqw), 440px)}#app[data-desk3d]:after{content:"";z-index:50;pointer-events:none;background:radial-gradient(#0000 55%,#0000008c 100%),repeating-linear-gradient(0deg,#00000047 0 1px,#0000 1px 3px),linear-gradient(90deg,#ff003c08,#00ffa004 50%,#3c50ff08);animation:6s step-end infinite d3-flicker;position:fixed;top:0;bottom:0;left:0;right:0}#app[data-desk3d][data-ui=menu] .screen:after{content:"";z-index:5;pointer-events:none;border-radius:2.5%/3.5%;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 40px #000000b3}#app[data-desk3d][data-ui=menu] .scr-layer{filter:blur(.35px)drop-shadow(0 0 6px #ffffff2e)}#app[data-desk3d]>.lp-head{filter:blur(.3px)drop-shadow(0 0 6px #ffffff26)}#app[data-desk3d] .lp-crt{background:0 0}#app[data-desk3d] .lp-flick{display:none}@keyframes d3-flicker{0%,to{opacity:1}47%{opacity:.86}48%{opacity:1}81%{opacity:.92}82%{opacity:1}}@media (prefers-reduced-motion:reduce){#app[data-desk3d]:after{animation:none}}#app[data-desk3d]>:-webkit-any(.mute-btn,.pause-btn){z-index:51}#app[data-desk3d]>:is(.mute-btn,.pause-btn){z-index:51}#app[data-desk3d] .flat-only,#app[data-desk3d]>.d3-head[hidden]{display:none}#app[data-desk3d][data-screen=ready] .marquee{visibility:hidden}.d3-side{--c:#cd68db;z-index:4;top:var(--d3-side-y);width:450px;height:994px;transform:scale(var(--d3-sz,1));transform-origin:0 0;font-family:var(--font-pixel);color:#fff;transition:transform .45s cubic-bezier(.2,1.4,.4,1),opacity .3s;position:absolute}.d3-side[data-p="0"]{left:var(--d3-side-x)}.d3-side[data-p="1"]{--c:#00f0c0;right:var(--d3-side-x);transform-origin:100% 0}#app:-webkit-any([data-screen=landing],[data-screen=intro],[data-screen=about],[data-screen=leaderboard]) .d3-side{opacity:0;pointer-events:none;transform:scale(var(--d3-sz,1)) translateY(60px);transition-duration:.2s}#app:is([data-screen=landing],[data-screen=intro],[data-screen=about],[data-screen=leaderboard]) .d3-side{opacity:0;pointer-events:none;transform:scale(var(--d3-sz,1)) translateY(60px);transition-duration:.2s}@media (prefers-reduced-motion:reduce){.d3-side{transition:opacity .2s}}.side-frame{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.side-in{background:#000 url(../ui/side-web.png) 50%/100% 100% no-repeat;flex-direction:column;align-items:center;width:361px;height:914px;display:flex;position:absolute;top:40px;left:45px}.side-in:before{content:"";border:2px solid var(--c);pointer-events:none;position:absolute;top:8px;bottom:12px;left:5px;right:8px}.side-who{align-content:start;justify-items:center;width:298px;height:292px;margin-top:81px;display:grid;position:relative}.side-br{border:5px solid var(--c);width:26px;height:26px;position:absolute}.d3-side[data-p="0"] .side-br{border-color:#00f0c0}.d3-side[data-p="1"] .side-br{border-color:#cd68db}.side-br.tl{border-bottom:0;border-right:0;top:0;left:0}.side-br.tr{border-bottom:0;border-left:0;top:0;right:0}.side-br.bl{border-top:0;border-right:0;bottom:0;left:0}.side-br.br{border-top:0;border-left:0;bottom:0;right:0}.side-ghost,.side-ghost canvas{width:213px;height:213px;margin-top:4px;display:block}.side-ghost .side-photo{image-rendering:pixelated;animation:none}.d3-side .side-ghost:has(.side-photo){animation:none}.side-name{text-align:center;font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;margin:0;font-size:32px;font-style:italic;position:absolute;top:260px;left:0;right:0;transform:scaleX(.82)}.side-bat{width:125px;image-rendering:pixelated;margin-top:63px}.side-slot{justify-content:center;width:300px;margin-top:51px;display:flex}#app[data-desk3d] .d3-side .pad{zoom:1;width:auto;box-shadow:none;color:#fff;background:#0e0e0e;border:0;border-radius:4px;flex-direction:column;align-items:stretch;display:flex;position:static;top:auto;left:auto;overflow:hidden}#app[data-desk3d] .d3-side .pad .pad-head{background:var(--c);color:#0b0b0b;text-transform:uppercase;align-items:center;gap:10px;padding:6px 10px;font-size:18px;display:flex}#app[data-desk3d] .d3-side .pad .pl{color:#f0f0f0;background:#0c0c0c;padding:0 6px;font-size:15px}#app[data-desk3d] .d3-side .pad .role{letter-spacing:.06em;flex:1;font-size:18px}#app[data-desk3d] .d3-side .pad .rdy{letter-spacing:.25em;color:#00000073;background:#0000002e;padding:2px 8px;font-size:12px;font-style:normal}#app[data-desk3d] .d3-side .pad.ready .rdy{color:#fff;background:#0c0c0c}#app[data-desk3d] .d3-side .pad .pad-body{justify-items:center;gap:14px;padding:14px 12px 16px;display:grid}#app[data-desk3d] .d3-side .pad kbd{min-width:48px;height:50px;font-family:var(--font-pixel);color:#6b0f1a;border:0;border-bottom:9px solid var(--c);box-shadow:none;background:#dcdcdc;border-radius:0;place-items:center;padding:0 6px;font-size:22px;display:inline-grid}#app[data-desk3d] .d3-side .pad .keys{justify-items:center;gap:8px;padding:0;display:grid}#app[data-desk3d] .d3-side .pad .row{gap:8px;display:flex}#app[data-desk3d] .d3-side .pad .legend{color:#fff;justify-content:center;gap:28px;font-size:14px;display:flex}#app[data-desk3d] .d3-side .pad .legend span{text-transform:capitalize;justify-items:center;gap:6px;display:grid}#app[data-desk3d] .d3-side .pad.has-role .keys{align-items:end;gap:10px;display:flex}#app[data-desk3d] .d3-side .pad.has-role .row{display:contents}#app[data-desk3d] .d3-side .pad.has-role kbd{margin-top:22px;position:relative}#app[data-desk3d] .d3-side .pad.has-role kbd:before{content:attr(data-label);white-space:nowrap;color:#fff;text-transform:uppercase;font-size:13px;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50%}#app[data-desk3d] .d3-side .pad.has-role .legend{display:none}#app[data-desk3d] .d3-side .pad kbd.down{border-bottom-width:6px;translate:0 3px}#app[data-desk3d]>.d3-head{left:var(--d3-mx);width:var(--d3-mw);grid-template-columns:minmax(0,1fr);right:auto}#app[data-desk3d]>.d3-head .lp-title{font-size:min(4.6vh, calc(var(--d3-mw) / 23));white-space:nowrap}#app[data-desk3d]>.d3-head .lp-sub{font-size:min(1.85vh, calc(var(--d3-mw) / 78));letter-spacing:.3em;white-space:nowrap}#app[data-desk3d] .d3-side .pad:not(.has-role) .pad-body{flex-direction:column-reverse;align-items:center;display:flex}#app[data-desk3d] .d3-side .pad .legend{flex-flow:row}#app[data-desk3d] .d3-side .pad.has-role kbd{min-width:60px}#app[data-desk3d] .d3-side .pad.has-role kbd:before{white-space:normal;text-align:center;width:64px;font-size:11px;line-height:1.15}#app[data-desk3d] .d3-side .pad:not(.has-role){background:0 0}#app[data-desk3d] .d3-side .pad:not(.has-role) .pad-head{display:none}#app[data-desk3d] .d3-side .pad:not(.has-role){width:100%}#app[data-desk3d] .d3-side .pad:not(.has-role) .pad-body{gap:51px;width:100%;padding:0}#app[data-desk3d] .d3-side .pad:not(.has-role) .legend{justify-content:center;gap:83px;font-size:11px}#app[data-desk3d] .d3-side .pad:not(.has-role) .legend span{white-space:nowrap;text-transform:none;gap:13px;width:60px}#app[data-desk3d] .d3-side .pad:not(.has-role) kbd{border-bottom-width:12px;min-width:60px;height:72px;font-size:24px}#app[data-desk3d] .d3-side .pad:not(.has-role) .keys{gap:10px}#app[data-desk3d] .d3-side .pad:not(.has-role) .row{gap:16px}#app[data-desk3d] .d3-side[data-p="1"] .pad:not(.has-role) .legend span:last-child kbd{font-size:36px}@media (max-height:900px){#app[data-desk3d] .card .verb{font-size:100px}#app[data-desk3d] .card.verb.swap .verb{font-size:73px}#app[data-desk3d] .card h1{font-size:52px}#app[data-desk3d] .card h2{font-size:60px}#app[data-desk3d] .card small{font-size:12px}#app[data-desk3d] .card p{font-size:13px}#app[data-desk3d] .card.howto{padding:8px 14px}#app[data-desk3d] .card.howto.show{gap:8px}#app[data-desk3d] .ht-head{gap:6px}#app[data-desk3d] .card .ht-kick{margin-bottom:10px;font-size:10px}#app[data-desk3d] .card .ht-title{font-size:34px}#app[data-desk3d] .ht-side{gap:6px;padding:8px 10px}#app[data-desk3d] .card .ht-who{font-size:18px}#app[data-desk3d] .card .ht-line{font-size:12px}#app[data-desk3d] .card .ht-go{min-height:2.2em;font-size:10px}}@container (height<=420px){.ui-btn:where(#app[data-desk3d] *){font-size:clamp(12px,4.4cqh - 2px,26px)}#app[data-desk3d] .licence{padding-inline-start:4cqw;padding-inline-end:2cqw}#app[data-desk3d] .lic-cards{width:min(96%,119cqh)}#app[data-desk3d] .lic-menu .ui-btn{min-height:38px;font-size:13px}#app[data-desk3d] .lic-stats{font-size:10px}#app[data-desk3d] .photo{flex-direction:column;gap:10px;display:flex}#app[data-desk3d] .ph-frame{grid-row:auto;height:min(66cqh,100cqh - 112px)}}