@font-face{font-family:Eggnogg8;src:url(/pixel/eggnogg8.woff2)format("woff2");font-display:block}@font-face{font-family:Eggnogg8 Tall;src:url(/pixel/eggnogg8-tall.woff2)format("woff2");font-display:block}:root{--p:4px;--lw:12px;--t:calc(var(--p) * 8);--shadow:var(--p) var(--p) 0 #000;--shadow-n:calc(var(--p) / 2) var(--p) 0 #000;--p1:#ffff1a;--p2:#ff1a1a;--you:var(--p1);--rival:var(--p2);--gold:#ffe040;--muted:#a0a0a0;--good:#80ff80;--bad:#ff4040;--warn:#ffff40;--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.game[data-side="1"]{--you:var(--p2);--rival:var(--p1)}*{box-sizing:border-box}html,body{background:#000;height:100%;margin:0;overflow:hidden}body{color:#fff;font:var(--t) / 1.5 "Eggnogg8", monospace;text-shadow:var(--shadow);-webkit-font-smoothing:none;font-smooth:never;text-rendering:optimizespeed;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}p,h1,h2,ul{margin:0}b,h1,h2{font-weight:400}[hidden]{display:none!important}.game{position:fixed;inset:0;overflow:hidden}#canvas{width:100%;height:100%;image-rendering:pixelated;background:#000;display:block;position:absolute;inset:0}.safe{left:var(--sal);right:var(--sar);top:var(--sat);bottom:var(--sab);visibility:hidden;pointer-events:none;position:absolute}.box{left:calc(var(--sal) + var(--p) * 4);right:calc(var(--sar) + var(--p) * 4);top:calc(var(--sat) + var(--p) * 4);bottom:calc(var(--sab) + var(--p) * 4);position:absolute}.box.page{top:calc(var(--sat) + var(--p) * 4 + (100% - var(--sat) - var(--sab) - var(--p) * 8) / 6)}.cell{--bw:calc(var(--w,1) * 100% / var(--cols) - var(--p) * 2);--bh:calc(var(--h,1) * 100% / var(--rows) - var(--p) * 2);width:var(--bw);height:var(--bh);left:calc((var(--x) + .5) * 100% / var(--cols) - var(--bw) / 2);top:calc((var(--y) + .5) * 100% / var(--rows) - var(--bh) / 2);margin:0;position:absolute}.btn.cell{--bh:max(44px, calc(var(--h,1) * 100% / var(--rows) - var(--p) * 2));position:absolute}.title.cell{--cols:1;--rows:7;--x:0;--y:0}.nav-left{--cols:5;--rows:7;--x:0;--y:0}.nav-right{--cols:5;--rows:7;--x:4;--y:0}.btn,.panel,dialog.modal,.toast{--frame:url(/pixel/frame-rose.png);border:calc(var(--p) * 5) solid transparent;border-image:var(--frame) 7 fill / calc(var(--p) * 7) stretch;image-rendering:pixelated;background:0 0}.panel{--frame:url(/pixel/frame-white.png);padding:var(--p) calc(var(--p) * 3)}.panel.ink,dialog.modal,.toast{--frame:url(/pixel/frame-ink.png)}.btn{cursor:pointer;isolation:isolate;font:var(--t) / 1 "Eggnogg8", monospace;color:#fff;text-shadow:var(--shadow);white-space:nowrap;outline:none;flex-direction:column;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex;position:relative}.btn-red{--frame:url(/pixel/frame-red.png)}.btn-green{--frame:url(/pixel/frame-green.png)}.btn-blue{--frame:url(/pixel/frame-blue.png)}.btn-pink{--frame:url(/pixel/frame-pink.png)}.btn-gold{--frame:url(/pixel/frame-gold.png)}.btn-bare{border:0;border-image:}.toggle[aria-pressed=true]{--frame:url(/pixel/frame-blue.png)}.toggle .tick:after{content:"✕"}.toggle[aria-pressed=true] .tick:after{content:"✓"}.btn:disabled{--frame:url(/pixel/frame-grey.png);color:gray;cursor:default}dialog .btn:focus-visible,body.keys dialog .btn:focus{--frame:url(/pixel/frame-blue.png)}.home .btn,#arena-go,#quit,#room-start,.card b{text-transform:uppercase}.btn.is-narrow{text-shadow:var(--shadow-n);font-family:Eggnogg8 Tall,monospace}.btn-disco{--frame:url(/pixel/frame-red.png)}.btn-disco:before{content:"";inset:calc(var(--p) * -5);z-index:-1;pointer-events:none;border:calc(var(--p) * 5) solid transparent;border-image:url(/pixel/frame-disco.png) 7 fill / calc(var(--p) * 7) stretch;image-rendering:pixelated;opacity:var(--disco,0);will-change:opacity;position:absolute}.btn-disco:disabled:before{display:none}.btn.is-press{animation:press .33s linear(0, .36 10%, .59 20%, .74 30%, .83 40%, .89 50%, .93 60%, .96 70%, .97 80%, .98 90%, 1)}@keyframes press{0%{scale:.8}}.cursors{z-index:40;pointer-events:none;display:none;position:absolute;inset:0}.cursors.on{display:block}.sword{width:calc(var(--p) * 16);height:calc(var(--p) * 16);margin:calc(var(--p) * -8) 0 0 calc(var(--p) * -8);will-change:translate;position:absolute;top:0;left:0}.sword.p2{scale:-1 1}.sword i,.sword b{position:absolute;inset:0}.sword .shade{translate:0 calc(var(--p) * 8)}.sword .spin{image-rendering:pixelated;will-change:rotate;background:url(/pixel/sword-shadow.png) 0 0/100% 100%;scale:-1}.sword .spin.lit{background-image:url(/pixel/sword-p1.png)}.sword.p2 .spin.lit{background-image:url(/pixel/sword-p2.png)}.sword .lit b{image-rendering:pixelated;opacity:0;will-change:opacity;background:url(/pixel/sword-flash.png) 0 0/100% 100%}.game.is-swordy,.game.is-swordy *{cursor:none!important}.pointer{z-index:45;width:calc(var(--p) * 16);height:calc(var(--p) * 16);margin:calc(var(--p) * -1) 0 0 calc(var(--p) * -1);pointer-events:none;will-change:translate;display:none;position:absolute;top:0;left:0}.pointer.on{display:block}.pointer i,.pointer b{image-rendering:pixelated;background:url(/pixel/sword-shadow.png) 0 0/100% 100%;position:absolute;inset:0}.pointer .shade{translate:0 calc(var(--p) * 8)}.pointer .lit{background-image:url(/pixel/pointer.png)}.pointer b{opacity:0;will-change:opacity;background-image:url(/pixel/pointer-flash.png)}.title{pointer-events:none;font:calc(var(--p) * 16) / 1 "Eggnogg8 Tall", monospace;text-shadow:var(--p) calc(var(--p) * 2) 0 #000;text-transform:uppercase;text-align:center;white-space:nowrap;justify-content:center;align-items:center;display:flex}.logo{left:0;right:0;top:calc(var(--sat) + var(--p) * 48 - var(--lw) * 8);font:calc(var(--lw) * 16) / 1 "Eggnogg8 Tall", monospace;text-shadow:var(--lw) calc(var(--lw) * 2) 0 #000;text-align:center;white-space:nowrap;pointer-events:none;position:absolute}.page-text{justify-content:flex-end;align-items:center;gap:var(--p);font:var(--t) / 1.25 "Eggnogg8 Tall", monospace;text-shadow:var(--shadow-n);text-align:center;pointer-events:none;flex-direction:column;display:flex}.panel,.modal-text,.form-error,.banner,.toast,.hud-name,.kicker{text-shadow:var(--shadow-n);font-family:Eggnogg8 Tall,monospace}.kicker{color:var(--muted);text-transform:uppercase}.form-error:empty{display:none}.form-error{color:var(--bad);text-align:center}.menus{position:absolute;inset:0}.game[data-screen=match]:not([data-paused]) .menus{display:none}.screen{display:none;position:absolute;inset:0}.screen.on{display:block}.screen.on .in{animation:.12s steps(2,end) backwards px-in;animation-delay:calc(min(var(--i,0), 8) * 30ms)}@keyframes px-in{0%{opacity:0;translate:0 calc(var(--p) * 4)}}@keyframes px-out{to{opacity:0;translate:0 calc(var(--p) * 4)}}.scroll{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;overflow-y:auto}.scroll::-webkit-scrollbar{display:none}.home-gear{--cols:6;--rows:7;--x:5;--y:0}.gear{width:calc(var(--p) * 10);height:calc(var(--p) * 12);image-rendering:pixelated;background:url(/pixel/gear.png) 0 0/100% 100%;display:block}.screen.on .gear{animation:1.07s step-end gear-blink}@keyframes gear-blink{12.5%,37.5%,62.5%,87.5%{opacity:0}25%,50%,75%,to{opacity:1}}.home #practice{--cols:3;--rows:6;--x:0;--y:4}.home #ranked{--cols:3;--rows:6;--x:1;--y:4.5}.home #friends{--cols:3;--rows:6;--x:2;--y:4}.home #local{--cols:6;--rows:6;--x:.5;--y:5;--w:2}.home #how{--cols:6;--rows:6;--x:4.5;--y:5;--w:2}.arena-info{--cols:1;--rows:3;--x:0;--y:0;top:var(--p);height:auto;min-height:var(--bh);justify-content:center;align-items:center;gap:var(--p);padding-block:calc(var(--p) * 2);text-align:center;flex-direction:column;line-height:1.25;display:flex}.arena-about{color:#ccc}.arena-mode{color:var(--muted)}#arena-prev{--cols:5;--rows:6;--x:0;--y:4}#arena-go{--cols:3;--rows:6;--x:1;--y:4.5;--w:1.5;--h:1.5}#arena-next{--cols:5;--rows:6;--x:4;--y:4}#input-p1{--cols:2;--rows:5;--x:0;--y:0}#input-p2{--cols:2;--rows:5;--x:1;--y:0}#options-how{--cols:1.5;--rows:5;--x:.25;--y:0}#sound-toggle{--cols:3;--rows:5;--x:0;--y:1}#music-toggle{--cols:3;--rows:5;--x:1;--y:1}#tune{--cols:3;--rows:5;--x:2;--y:1;gap:var(--t);flex-direction:row}.toggle{gap:calc(var(--p) * 4);flex-direction:row}.playing{--cols:1;--rows:5;--x:0;--y:3;text-align:center;justify-content:center;align-items:center;display:flex}#fullscreen{--cols:1.5;--rows:5;--x:.25;--y:4}.rule.credits{text-align:center;padding-left:0}.rule.credits b{color:var(--gold)}.key-label{font-size:calc(var(--p) * 16);text-shadow:var(--p) var(--p) 0 #000;pointer-events:none;justify-content:center;align-items:center;display:flex}.key-slot{text-shadow:var(--shadow-n);font-family:Eggnogg8 Tall,monospace}.key-slot.is-listening{animation:.5s step-end infinite listen}.key-slot.is-listening span{animation:.27s step-end infinite blink}@keyframes listen{0%{border-image-source:url(/pixel/frame-red.png)}25%{border-image-source:url(/pixel/frame-green.png)}50%{border-image-source:url(/pixel/frame-blue.png)}75%{border-image-source:url(/pixel/frame-gold.png)}}.btn-warn{--frame:url(/pixel/frame-red.png);color:var(--warn)}.rules{--cols:1;--rows:1;--x:0;--y:0;padding:calc(var(--p) * 2) calc(var(--p) * 4);flex-direction:column;gap:.75em;line-height:1.25;display:flex}.rule{padding-left:2.5em;position:relative}.rule i{color:var(--gold);font-style:normal;position:absolute;top:0;left:0}.rule b{color:var(--gold)}.friends .create{--cols:2;--rows:5;--x:0;--y:1.5;--h:4}.friends .join{--cols:2;--rows:5;--x:1;--y:1.5;--h:4}.card{white-space:normal;gap:calc(var(--p) * 3);padding:calc(var(--p) * 3)}.card small{font:var(--t) / 1.25 "Eggnogg8 Tall", monospace;text-shadow:var(--shadow-n);color:#ddd;text-align:center}.join{justify-content:center;align-items:center;gap:calc(var(--p) * 2);flex-direction:column;display:flex}.code-tiles{gap:calc(var(--p) * 2);cursor:text;padding:var(--p) calc(var(--p) * 2);display:flex;position:relative}.code-tiles input{opacity:0;border:0;width:100%;font-size:16px;position:absolute;inset:0}.code-tiles i{width:calc(var(--p) * 10);height:calc(var(--p) * 12);border-bottom:calc(var(--p) * 2) solid #fff;box-shadow:0 var(--p) 0 #000;font:normal var(--t) / 1 "Eggnogg8", monospace;text-shadow:var(--shadow);place-items:center;display:grid}.code-tiles i.caret{border-bottom-color:var(--p1)}.code-tiles:focus-within i.caret{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.code-tiles i.pop{animation:.1s steps(2,end) px-pop}@keyframes px-pop{0%{translate:0 calc(var(--p) * -2)}}.join .btn,.room-code-card .btn,.modal-buttons .btn{min-height:max(44px, calc(var(--p) * 16));min-width:calc(var(--p) * 40);padding:0 calc(var(--p) * 6)}.is-shake{animation:.24s steps(6,end) shake}@keyframes shake{0%,40%,80%{translate:calc(var(--p) * -2) 0}20%,60%{translate:calc(var(--p) * 2) 0}}.room-code-card{--cols:2;--rows:6;--x:0;--y:1;--h:3;justify-content:center;align-items:center;gap:calc(var(--p) * 2);flex-direction:column;display:flex}.room-code{font:calc(var(--p) * 16) / 1 "Eggnogg8 Tall", monospace;text-shadow:var(--p) calc(var(--p) * 2) 0 #000;color:var(--gold);letter-spacing:var(--p)}.room-members{--cols:2;--rows:6;--x:1;--y:.5;--h:2;justify-content:center;gap:var(--p);padding:var(--p) calc(var(--p) * 3);flex-direction:column;list-style:none;display:flex}.room-members li{justify-content:space-between;align-items:center;gap:0 calc(var(--p) * 3);flex-wrap:wrap;display:flex}.room-members .member{align-items:center;gap:calc(var(--p) * 2);text-shadow:var(--shadow);font-family:Eggnogg8,monospace;display:flex}.room-members .avatar{color:var(--c)}.room-members li.empty{color:var(--muted)}.room-members .tags{gap:calc(var(--p) * 2);display:flex}.room-members .tag{text-transform:uppercase;color:var(--muted)}.room-members .tag.team-a{color:var(--p1)}.room-members .tag.team-b{color:var(--p2)}.room-members .tag.you{color:var(--gold)}.room-arena{--cols:2;--rows:6;--x:1;--y:2;justify-content:center;align-items:center;gap:calc(var(--p) * 3);white-space:nowrap;display:flex}.room-arena b{color:var(--gold)}.room-code-card .btn{text-shadow:var(--shadow-n);font-family:Eggnogg8 Tall,monospace}.room-status{--cols:1;--rows:6;--x:0;--y:3}#room-prev{--cols:5;--rows:6;--x:0;--y:4}#room-start{--cols:3;--rows:6;--x:1;--y:4.5;--w:1.5;--h:1.5}#room-next{--cols:5;--rows:6;--x:4;--y:4}dialog.modal{color:#fff;max-width:min(calc(100vw - var(--p) * 8), calc(var(--p) * 220));max-height:calc(100dvh - var(--p) * 8);padding:calc(var(--p) * 4) calc(var(--p) * 8);text-align:center;align-items:center;gap:calc(var(--p) * 4);flex-direction:column;line-height:1.25;display:none;overflow:auto}dialog.modal[open]{animation:.12s steps(2,end) backwards px-in;display:flex}dialog.modal.closing{animation:.12s steps(2,end) forwards px-out}dialog.modal::backdrop{background:#0009}dialog.modal h2{font:calc(var(--p) * 16) / 1 "Eggnogg8 Tall", monospace;text-shadow:var(--p) calc(var(--p) * 2) 0 #000;text-transform:uppercase}.modal-text{max-width:60em}.modal-buttons{justify-content:center;gap:calc(var(--p) * 4);margin-top:var(--p);flex-wrap:wrap;display:flex}.search-dots{gap:calc(var(--p) * 3);display:flex}.search-dots i{width:calc(var(--p) * 4);height:calc(var(--p) * 4);box-shadow:var(--shadow);background:#fff;animation:1.2s step-end infinite blink}.search-dots i:nth-child(2){animation-delay:.4s}.search-dots i:nth-child(3){animation-delay:.8s}.search-time{color:var(--muted)}.result-title{color:var(--gold)}.result[data-tone=down] .result-title{color:var(--bad)}.result[data-tone=even] .result-title{color:#fff}.result-numbers{align-items:center;gap:calc(var(--p) * 2);flex-direction:column;display:flex}.result-delta{font:calc(var(--p) * 16) / 1 "Eggnogg8 Tall", monospace;text-shadow:var(--p) calc(var(--p) * 2) 0 #000}.result-delta[data-tone=up]{color:var(--good)}.result-delta[data-tone=down]{color:var(--bad)}.result-total{color:var(--gold)}.hud{pointer-events:none;display:none;position:absolute;inset:0}.game[data-screen=match]:not([data-paused]) .hud{display:block}.game[data-showcase] .hud{display:none!important}.game[data-showcase] #focus-hint{display:none}.hud .box>*,.hud>*{pointer-events:auto}.hud .box>p{pointer-events:none}.hud-pause{--cols:5;--rows:7;--x:4;--y:0;color:#ffffff80;text-shadow:var(--p) var(--p) 0 #00000080}.hud-name{align-items:center;gap:calc(var(--p) * 2);white-space:nowrap;min-width:0;display:flex;overflow:hidden}.hud-name b{text-overflow:ellipsis;overflow:hidden}.hud-name.you{--cols:5;--rows:7;--x:0;--y:0;color:var(--you)}.hud-name.rival{--cols:5;--rows:7;--x:3;--y:0;color:var(--rival);justify-content:flex-end}.game[data-side="1"] .hud-name.you{--x:3;justify-content:flex-end}.game[data-side="1"] .hud-name.rival{--x:0;justify-content:flex-start}.game[data-side="1"] .hud-name.you small{order:1}.game[data-side="1"] .hud-name.rival small{order:-1}.hud-name small{font-size:var(--t);color:#fff}.timer{--cols:5;--rows:7;--x:2;--y:0;justify-content:center;align-items:center;display:flex}.game[data-local] .hud-name,.game[data-local] .timer{display:none}.banner{text-align:center;white-space:nowrap;pointer-events:none;max-width:90vw;animation:1s step-end infinite blink;position:absolute;top:30%;left:50%;translate:-50%}.toasts{left:50%;top:calc(var(--sat) + var(--p) * 30);z-index:30;align-items:center;gap:calc(var(--p) * 2);pointer-events:none;flex-direction:column;display:flex;position:absolute;translate:-50%}.game[data-screen=menu] .toasts,.game[data-paused] .toasts{top:auto;bottom:calc(var(--sab) + var(--p) * 4 + (100% - var(--sat) - var(--sab) - var(--p) * 8) * 5 / 18)}.toast{padding:var(--p) calc(var(--p) * 4);text-align:center;max-width:80vw;line-height:1.25;animation:.12s steps(2,end) backwards px-in}.net:empty{display:none}.touch{pointer-events:none;height:0;position:absolute;inset:auto 0 0}.touch>*{pointer-events:auto;touch-action:none}.touch-pad{left:calc(var(--sal) + var(--p) * 4);bottom:calc(var(--sab) + var(--p) * 4);width:max(120px, calc(var(--p) * 56));aspect-ratio:1;border:calc(var(--p) * 5) solid transparent;border-image:url(/pixel/frame-white.png) 7 fill / calc(var(--p) * 7) stretch;image-rendering:pixelated;opacity:.8;position:absolute}.touch-pad i{aspect-ratio:1;border:calc(var(--p) * 5) solid transparent;border-image:url(/pixel/frame-blue.png) 7 fill / calc(var(--p) * 7) stretch;width:40%;image-rendering:pixelated;position:absolute;top:30%;left:30%}.touch-buttons{right:calc(var(--sar) + var(--p) * 4);bottom:calc(var(--sab) + var(--p) * 4);align-items:end;gap:calc(var(--p) * 4);grid-template-columns:auto auto;display:grid;position:absolute}.touch-button{width:max(72px, calc(var(--p) * 34));aspect-ratio:1;opacity:.85;min-height:0;padding:0}.touch-button.attack{margin-bottom:max(32px, calc(var(--p) * 16))}.touch-button.is-held{opacity:1;translate:0 var(--p)}.swipe{z-index:60;opacity:0;pointer-events:none;background:#000;display:none;position:fixed;inset:0}.swipe.cover{pointer-events:auto;animation:.17s steps(3,end) forwards cover-in;display:block}.swipe.cover.out{animation:.26s steps(4,end) forwards cover-out}@keyframes cover-in{to{opacity:1}}@keyframes cover-out{0%{opacity:1}to{opacity:0}}.boot{z-index:100;justify-content:center;align-items:center;gap:calc(var(--p) * 6);background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.boot-logo{font:calc(var(--lw) * 16) / 1 "Eggnogg8 Tall", monospace;text-shadow:var(--lw) calc(var(--lw) * 2) 0 #000}.boot-bar{width:min(70vw, calc(var(--p) * 120));height:calc(var(--p) * 14);border:calc(var(--p) * 5) solid transparent;border-image:url(/pixel/frame-white.png) 7 fill / calc(var(--p) * 7) stretch;image-rendering:pixelated;overflow:hidden}.boot-bar i{background:var(--p1);height:100%;translate:calc((var(--boot,0) - 1) * 100%) 0;display:block}.boot-text{color:var(--muted);animation:1s step-end infinite blink}.boot.is-done{opacity:0;pointer-events:none;transition:opacity .2s steps(3,end)}.boot.is-failed .boot-text{color:var(--bad);animation:none}.rotate{z-index:70;text-align:center;padding:calc(var(--p) * 4);background:#000;place-items:center;display:none;position:absolute;inset:0}@media (orientation:portrait) and (pointer:coarse){.game[data-screen=match] .rotate{display:grid}}@media (aspect-ratio<=1){.logo{top:calc(var(--sat) + var(--p) * 4 + (100% - var(--sat) - var(--sab) - var(--p) * 8) / 7 * 1.5 - var(--lw) * 8)}.home #ranked,.home #friends,.home #practice,.home #local,.home #how{--cols:1;--rows:6;--x:0;--w:.85;--h:.75}.home #ranked{--y:1}.home #friends{--y:2}.home #practice{--y:3}.home #local{--y:4}.home #how{--y:5}.home:has(#local[hidden]) #how{--y:4}.friends .create,.friends .join{--cols:1;--rows:5;--x:0;--h:2.4}.friends .create{--y:.7}.friends .join{--y:3.3}.room-code-card{--cols:1;--rows:7;--x:0;--y:.5;--h:2}.room-members{--cols:1;--rows:7;--x:0;--y:2.4;--h:1.6}.room-arena{--cols:1;--rows:7;--x:0;--y:3.6}.room-status{--cols:1;--rows:7;--x:0;--y:4.4}#room-prev,#room-next{--cols:4;--rows:7;--y:5.5}#room-prev{--x:0}#room-next{--x:3}#room-start{--cols:2;--rows:7;--x:.5;--y:5.5;--w:1;--h:1}#sound-toggle,#music-toggle,#tune{--cols:1;--rows:6;--x:0}#options-how,#input-p1,#input-p2{--rows:6;--y:0}#sound-toggle{--y:1}#music-toggle{--y:2}#tune{--y:3}.playing{--rows:6;--y:4}#fullscreen{--rows:6;--y:5}}@media (prefers-reduced-motion:reduce){.screen.on .in,dialog.modal[open],dialog.modal.closing,.toast,.swipe.cover,.swipe.cover.out,.banner,.boot-text,.search-dots i,.code-tiles:focus-within i.caret,.screen.on .gear,.btn.is-press,.key-slot.is-listening,.key-slot.is-listening span{animation:none}}