:root{--foreground-color:#ccc;--background-color:#111;--text-color:var(--foreground-color);--padding:10px;--grid-cell-size:50px;--grid-piece-size:40px;--game-grid-width:8;--accent-color:lightskyblue;--floating-window-accent-color:var(--foreground-color);--player-blue:cornflowerblue;--player-red:deeppink;--player-white:white;--player-black:black}*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}body,html{width:100%;height:100%}body{background-color:var(--background-color);color:var(--text-color)}button,select,input{padding:calc(var(--padding) * .5) var(--padding)}a{color:#fff}#app{perspective:700px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.game-details{justify-content:center;align-items:center;gap:var(--padding);width:100%;padding:var(--padding);display:flex;position:absolute;top:0;left:0}.game-grid{grid-template-columns:repeat(var(--game-grid-width), 1fr);display:grid;transform:rotateX(45deg)}.game-grid-cell{width:var(--grid-cell-size);height:var(--grid-cell-size);border:1px solid;border-color:color-mix(in srgb, var(--accent-color), var(--background-color) 60%);box-shadow:0 0 10px 5px color-mix(in srgb, var(--accent-color), transparent 95%);justify-content:center;align-items:center;font-family:monospace;font-weight:700;transition:box-shadow .2s,border-color .2s,background-color .5s;display:flex}.game-grid-cell.targetable{border-color:color-mix(in srgb, var(--accent-color), var(--background-color) 10%);background-color:color-mix(in srgb, var(--accent-color), transparent 90%);box-shadow:0 0 10px 5px color-mix(in srgb, var(--accent-color), transparent 85%)}.game-grid-cell.in-range{background-color:color-mix(in srgb, var(--accent-color), transparent 90%)}.game-grid-cell.selected{background-color:color-mix(in srgb, var(--accent-color), transparent 40%)}.game-grid-piece-wrap{cursor:pointer;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;transform:rotateX(20deg)}.game-grid-piece:hover{transform:scale(1.1)translateY(-5px)}.game-grid-piece.selected-piece{transform:scale(1.3)}.game-grid-annotation{color:var(--accent-color);font-size:2.2em;font-weight:400;position:absolute}.annotation-color-blue{color:var(--player-blue);text-shadow:0 0 10px color-mix(in srgb, var(--player-blue), transparent 10%)}.annotation-color-red{color:var(--player-red);text-shadow:0 0 10px color-mix(in srgb, var(--player-red), transparent 10%)}.annotation-color-white{color:var(--player-white);text-shadow:0 0 10px color-mix(in srgb, var(--player-white), transparent 10%)}.annotation-color-black{color:var(--player-black);text-shadow:0 0 5px var(--player-white)}.floating-window{z-index:1;border:solid 1px var(--floating-window-accent-color);background-color:color-mix(in srgb, var(--background-color), transparent 10%);flex-direction:column;display:flex;position:absolute}.floating-window.loud{font-size:2em}.floating-window.top-left{top:calc(var(--padding) * 4);left:calc(var(--padding) * 4)}.floating-window.top-right{top:calc(var(--padding) * 4);right:calc(var(--padding) * 4)}.floating-window.bottom-right{bottom:calc(var(--padding) * 4);right:calc(var(--padding) * 4)}.floating-window.bottom-left{bottom:calc(var(--padding) * 4);left:calc(var(--padding) * 4)}.floating-window .floating-window-titlebar{padding:var(--padding);border-bottom:1px solid;border-bottom-color:color-mix(in srgb, var(--floating-window-accent-color), var(--background-color) 75%);justify-content:space-between;align-items:center;display:flex;position:relative}.floating-window .floating-window-title{text-align:left;padding:calc(var(--padding) * 4 * -1);align-items:center;gap:var(--padding);display:flex}.floating-window .floating-window-close-button{cursor:pointer;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.floating-window .floating-window-content{padding:calc(var(--padding) * 4);padding-top:calc(var(--padding) * 2);max-height:75vh;overflow-y:auto}.player-setup-form .available-pieces{grid-template-columns:repeat(3, var(--grid-piece-size));justify-content:start;gap:var(--padding);display:grid}.player-menu-piece,.game-grid-piece,.available-piece{justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2em;font-weight:700;display:flex}.player-setup-form .available-piece{cursor:grab}.player-menu-piece{width:15px;height:15px}.a-form{gap:calc(var(--padding));flex-direction:column;display:flex}.a-form .form-section-header{color:color-mix(in srgb, var(--foreground-color), var(--background-color) 30%);font-size:1.2em}.a-form .form-row-label{color:color-mix(in srgb, var(--foreground-color), var(--background-color) 30%);font-size:.9em}.a-form .form-row-control{margin:var(--padding) 0}.a-form select,.a-form input{border:1px solid;border-color:color-mix(in srgb, var(--foreground-color), var(--background-color) 75%);background-color:color-mix(in srgb, var(--foreground-color), var(--background-color) 90%);color:var(--text-color);width:100%}.a-form select.lil,.a-form input.lil{field-sizing:content;width:auto;min-width:40px}.a-form select[disabled],.a-form input[disabled]{opacity:.3}.a-form .action-bar{justify-content:flex-end;gap:var(--padding);width:100%;display:flex}.a-form .action-bar button{flex:1}.a-form hr{margin-bottom:var(--padding);border-width:0 0 1px;border-bottom-color:var(--text-color)}.piece-color-blue{background-color:var(--player-blue)}.piece-color-red{background-color:var(--player-red)}.piece-color-white{background-color:var(--player-white);color:var(--background-color)}.piece-color-black{background-color:var(--player-black);border:solid 1px color-mix(in srgb, var(--foreground-color), transparent 70%)}.piece-set-round{border-radius:50%}.piece.is-defeated:before{content:"💀";font-size:1.5em;position:absolute}.piece.is-frog:before{content:"🐸";font-size:1.5em;position:absolute}.piece.is-frozen:before{content:"🧊";font-size:1.5em;position:absolute}.points-counter{letter-spacing:.35em;display:inline}.active-player-panel hr{margin:calc(var(--padding) * 2) 0;opacity:.5;border-color:var(--floating-window-accent-color)}.active-player-panel .points-row.disabled,.active-player-panel .points-row.disabled .points-counter .used-points{opacity:.6;text-decoration:line-through}.active-player-panel .used-points,.active-player-panel .available-points{display:inline-block}.active-player-panel .action-row-description{font-size:.8em;font-style:italic}.active-player-panel .action-row{margin-bottom:var(--padding);cursor:pointer;align-items:center;display:flex;position:relative}.active-player-panel .action-row .action-row-icon{width:30px;height:30px;margin-right:var(--padding);background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.8em;display:flex}.active-player-panel .action-row.proposed .action-row-icon{transform:scale(1.2)}.active-player-panel .action-row.proposed{font-weight:700}.active-player-panel .action-row.proposed:before{content:"▶";left:calc(var(--padding) * -2);position:absolute}.active-player-panel .action-row.disabled{opacity:.5;cursor:not-allowed}.active-player-panel .action-row .action-row-action-bonus{padding:calc(var(--padding) * .5);background-color:var(--text-color);color:var(--background-color);margin-left:var(--padding);border-radius:50%;font-size:.8em;font-weight:700}.combat-log{height:50vh;width:calc(calc(100vw / 2) - calc(var(--grid-cell-size) * 8));padding-bottom:calc(var(--padding) * 2);font-size:.8em}.combat-log li{list-style-type:none}.combat-log-start-turn{align-items:center;display:flex}.combat-log hr{margin:var(--padding) 0;opacity:.5;margin-left:var(--padding);flex:1}.game-detail-panel .game-id-row{margin-bottom:var(--padding);align-items:center;font-size:1.2em;display:flex}.game-detail-panel .game-url-copy-button{cursor:pointer;margin-left:var(--padding);font-size:1.4em;display:inline}.game-detail-panel .player-name-row{align-items:center;display:flex;position:relative}.game-detail-panel .player-name-row.active{font-weight:700}.game-detail-panel .player-name-row.active:before{content:"▶";left:calc(var(--padding) * -2);position:absolute}.shake-chunk,.shake-crazy,.shake-opacity,.shake-rotate,.shake-vertical,.shake-horizontal,.shake-hard,.shake-slow,.shake-little,.shake{display:inherit;transform-origin:50%}.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused}.shake-chunk:hover,.shake-trigger:hover .shake-chunk,.shake-crazy:hover,.shake-trigger:hover .shake-crazy,.shake-opacity:hover,.shake-trigger:hover .shake-opacity,.shake-rotate:hover,.shake-trigger:hover .shake-rotate,.shake-vertical:hover,.shake-trigger:hover .shake-vertical,.shake-horizontal:hover,.shake-trigger:hover .shake-horizontal,.shake-hard:hover,.shake-trigger:hover .shake-hard,.shake-slow:hover,.shake-trigger:hover .shake-slow,.shake-little:hover,.shake-trigger:hover .shake-little,.shake:hover,.shake-trigger:hover .shake,.shake-freeze:hover,.shake-trigger:hover .shake-freeze{animation-play-state:running}@keyframes shake{2%{transform:translate(2.5px,-1.5px)rotate(1.5deg)}4%{transform:translate(-.5px,-.5px)rotate(.5deg)}6%{transform:translate(-.5px,2.5px)rotate(-.5deg)}8%{transform:translate(-.5px,-1.5px)rotate(.5deg)}10%{transform:translate(-.5px,.5px)rotate(-.5deg)}12%{transform:translate(.5px,-1.5px)rotate(-.5deg)}14%{transform:translate(2.5px,2.5px)rotate(.5deg)}16%{transform:translate(1.5px,-.5px)rotate(.5deg)}18%{transform:translate(-1.5px,2.5px)rotate(1.5deg)}20%{transform:translate(1.5px,2.5px)rotate(1.5deg)}22%{transform:translate(2.5px,-1.5px)rotate(.5deg)}24%{transform:translate(-.5px,1.5px)rotate(1.5deg)}26%{transform:translate(1.5px,-.5px)rotate(-.5deg)}28%{transform:translate(.5px,1.5px)rotate(.5deg)}30%{transform:translate(.5px,-1.5px)rotate(1.5deg)}32%{transform:translate(.5px,.5px)rotate(.5deg)}34%{transform:translate(-.5px,2.5px)rotate(1.5deg)}36%{transform:translate(2.5px,2.5px)rotate(1.5deg)}38%{transform:translate(-.5px,.5px)rotate(1.5deg)}40%{transform:translate(-1.5px,-1.5px)rotate(1.5deg)}42%{transform:translate(-1.5px,-.5px)rotate(.5deg)}44%{transform:translate(.5px,-.5px)rotate(1.5deg)}46%{transform:translate(1.5px,1.5px)rotate(-.5deg)}48%{transform:translate(-1.5px,-1.5px)rotate(-.5deg)}50%{transform:translate(2.5px,2.5px)rotate(1.5deg)}52%{transform:translate(2.5px,-.5px)rotate(.5deg)}54%{transform:translate(-1.5px,-1.5px)rotate(.5deg)}56%{transform:translate(-.5px,.5px)rotate(1.5deg)}58%{transform:translate(-.5px,-.5px)rotate(1.5deg)}60%{transform:translate(-.5px,2.5px)rotate(1.5deg)}62%{transform:translate(-.5px,-.5px)rotate(.5deg)}64%{transform:translate(1.5px,.5px)rotate(-.5deg)}66%{transform:translate(-1.5px,-1.5px)rotate(.5deg)}68%{transform:translate(-.5px,.5px)rotate(.5deg)}70%{transform:translate(-.5px,-.5px)rotate(1.5deg)}72%{transform:translate(-1.5px,2.5px)rotate(1.5deg)}74%{transform:translate(-.5px,.5px)rotate(.5deg)}76%{transform:translate(-.5px,-1.5px)rotate(.5deg)}78%{transform:translate(1.5px,1.5px)rotate(1.5deg)}80%{transform:translate(2.5px,-.5px)rotate(.5deg)}82%{transform:translate(1.5px,1.5px)rotate(.5deg)}84%{transform:translate(2.5px,-1.5px)rotate(.5deg)}86%{transform:translate(-1.5px,-.5px)rotate(1.5deg)}88%{transform:translate(2.5px,-1.5px)rotate(.5deg)}90%{transform:translate(-.5px,2.5px)rotate(-.5deg)}92%{transform:translate(1.5px,2.5px)rotate(1.5deg)}94%{transform:translate(1.5px,-1.5px)rotate(1.5deg)}96%{transform:translate(2.5px,.5px)rotate(.5deg)}98%{transform:translate(.5px,1.5px)rotate(1.5deg)}0%,to{transform:translate(0)rotate(0)}}.shake:hover,.shake-trigger:hover .shake,.shake.shake-freeze,.shake.shake-constant{animation-name:shake;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-little{2%{transform:translateY(1px)rotate(.5deg)}4%{transform:translate(0)rotate(.5deg)}6%{transform:translate(0)rotate(.5deg)}8%{transform:translate(0)rotate(.5deg)}10%{transform:translate(1px)rotate(.5deg)}12%{transform:translate(1px,1px)rotate(.5deg)}14%{transform:translateY(1px)rotate(.5deg)}16%{transform:translate(1px)rotate(.5deg)}18%{transform:translateY(1px)rotate(.5deg)}20%{transform:translateY(1px)rotate(.5deg)}22%{transform:translate(0)rotate(.5deg)}24%{transform:translateY(1px)rotate(.5deg)}26%{transform:translate(1px,1px)rotate(.5deg)}28%{transform:translate(1px)rotate(.5deg)}30%{transform:translateY(1px)rotate(.5deg)}32%{transform:translateY(1px)rotate(.5deg)}34%{transform:translate(1px,1px)rotate(.5deg)}36%{transform:translate(0)rotate(.5deg)}38%{transform:translate(0)rotate(.5deg)}40%{transform:translate(1px)rotate(.5deg)}42%{transform:translate(1px,1px)rotate(.5deg)}44%{transform:translate(1px,1px)rotate(.5deg)}46%{transform:translate(0)rotate(.5deg)}48%{transform:translateY(1px)rotate(.5deg)}50%{transform:translateY(1px)rotate(.5deg)}52%{transform:translate(0)rotate(.5deg)}54%{transform:translate(1px,1px)rotate(.5deg)}56%{transform:translate(1px)rotate(.5deg)}58%{transform:translateY(1px)rotate(.5deg)}60%{transform:translateY(1px)rotate(.5deg)}62%{transform:translate(0)rotate(.5deg)}64%{transform:translate(1px)rotate(.5deg)}66%{transform:translateY(1px)rotate(.5deg)}68%{transform:translate(1px,1px)rotate(.5deg)}70%{transform:translate(0)rotate(.5deg)}72%{transform:translate(1px,1px)rotate(.5deg)}74%{transform:translate(1px,1px)rotate(.5deg)}76%{transform:translate(1px)rotate(.5deg)}78%{transform:translate(1px)rotate(.5deg)}80%{transform:translate(1px)rotate(.5deg)}82%{transform:translate(0)rotate(.5deg)}84%{transform:translateY(1px)rotate(.5deg)}86%{transform:translate(1px)rotate(.5deg)}88%{transform:translate(1px)rotate(.5deg)}90%{transform:translate(1px)rotate(.5deg)}92%{transform:translateY(1px)rotate(.5deg)}94%{transform:translate(0)rotate(.5deg)}96%{transform:translate(1px)rotate(.5deg)}98%{transform:translate(1px)rotate(.5deg)}0%,to{transform:translate(0)rotate(0)}}.shake-little:hover,.shake-trigger:hover .shake-little,.shake-little.shake-freeze,.shake-little.shake-constant{animation-name:shake-little;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-slow{2%{transform:translate(8px,-4px)rotate(-1.5deg)}4%{transform:translate(-4px,10px)rotate(.5deg)}6%{transform:translate(4px,-6px)rotate(-1.5deg)}8%{transform:translate(9px)rotate(2.5deg)}10%{transform:translate(-5px,-2px)rotate(1.5deg)}12%{transform:translate(5px,-8px)rotate(-.5deg)}14%{transform:translate(10px,-2px)rotate(-2.5deg)}16%{transform:translateY(6px)rotate(.5deg)}18%{transform:translate(-5px,10px)rotate(.5deg)}20%{transform:translate(9px,2px)rotate(2.5deg)}22%{transform:translate(-1px)rotate(-.5deg)}24%{transform:translate(7px,4px)rotate(1.5deg)}26%{transform:translate(-1px,7px)rotate(1.5deg)}28%{transform:translate(10px,-9px)rotate(.5deg)}30%{transform:translate(4px,4px)rotate(-2.5deg)}32%{transform:translate(-8px)rotate(.5deg)}34%{transform:translate(-8px,-2px)rotate(2.5deg)}36%{transform:translate(-6px,-7px)rotate(1.5deg)}38%{transform:translate(10px,-7px)rotate(2.5deg)}40%{transform:translate(-7px,-8px)rotate(-1.5deg)}42%{transform:translate(-9px,-3px)rotate(-.5deg)}44%{transform:translate(5px,-3px)rotate(-2.5deg)}46%{transform:translate(-4px,2px)rotate(3.5deg)}48%{transform:translate(-7px,-1px)rotate(-.5deg)}50%{transform:translateY(-4px)rotate(2.5deg)}52%{transform:translate(8px,-2px)rotate(2.5deg)}54%{transform:translate(9px,3px)rotate(-.5deg)}56%{transform:translate(-1px,1px)rotate(-1.5deg)}58%{transform:translate(1px,6px)rotate(-2.5deg)}60%{transform:translate(-6px,7px)rotate(1.5deg)}62%{transform:translate(2px,-4px)rotate(-1.5deg)}64%{transform:translate(10px,8px)rotate(3.5deg)}66%{transform:translate(-7px,4px)rotate(3.5deg)}68%{transform:translate(-7px,-8px)rotate(.5deg)}70%{transform:translate(8px,-6px)rotate(.5deg)}72%{transform:translate(8px,-9px)rotate(-.5deg)}74%{transform:translate(-1px,-4px)rotate(2.5deg)}76%{transform:translate(10px,-9px)rotate(-2.5deg)}78%{transform:translate(-5px,-8px)rotate(-1.5deg)}80%{transform:translate(5px)rotate(-.5deg)}82%{transform:translate(-3px,5px)rotate(3.5deg)}84%{transform:translate(4px,1px)rotate(2.5deg)}86%{transform:translate(-1px)rotate(-2.5deg)}88%{transform:translate(8px,10px)rotate(-1.5deg)}90%{transform:translate(8px,-1px)rotate(-.5deg)}92%{transform:translate(5px,7px)rotate(-.5deg)}94%{transform:translate(-1px,-1px)rotate(.5deg)}96%{transform:translate(-8px,-2px)rotate(-1.5deg)}98%{transform:translate(6px,-9px)rotate(-.5deg)}0%,to{transform:translate(0)rotate(0)}}.shake-slow:hover,.shake-trigger:hover .shake-slow,.shake-slow.shake-freeze,.shake-slow.shake-constant{animation-name:shake-slow;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-hard{2%{transform:translate(4px,5px)rotate(-1.5deg)}4%{transform:translate(-5px,-7px)rotate(-2.5deg)}6%{transform:translate(2px,2px)rotate(.5deg)}8%{transform:translate(-7px,-9px)rotate(3.5deg)}10%{transform:translate(1px,-1px)rotate(-2.5deg)}12%{transform:translate(8px,5px)rotate(2.5deg)}14%{transform:translate(-2px,6px)rotate(-1.5deg)}16%{transform:translate(5px,3px)rotate(2.5deg)}18%{transform:translateY(6px)rotate(-.5deg)}20%{transform:translate(6px,-6px)rotate(1.5deg)}22%{transform:translate(-6px,8px)rotate(-2.5deg)}24%{transform:translateY(-1px)rotate(-2.5deg)}26%{transform:translate(3px,-6px)rotate(-1.5deg)}28%{transform:translate(6px,2px)rotate(-1.5deg)}30%{transform:translate(-1px,4px)rotate(-.5deg)}32%{transform:translate(-2px,9px)rotate(.5deg)}34%{transform:translate(5px,-9px)rotate(.5deg)}36%{transform:translate(1px,1px)rotate(-1.5deg)}38%{transform:translateY(5px)rotate(-1.5deg)}40%{transform:translate(-8px,4px)rotate(1.5deg)}42%{transform:translate(1px,2px)rotate(.5deg)}44%{transform:translate(-7px,10px)rotate(-1.5deg)}46%{transform:translate(9px,3px)rotate(.5deg)}48%{transform:translate(-8px,10px)rotate(-2.5deg)}50%{transform:translate(-8px,-7px)rotate(3.5deg)}52%{transform:translate(-2px,3px)rotate(-1.5deg)}54%{transform:translate(4px,3px)rotate(-2.5deg)}56%{transform:translate(-2px,9px)rotate(-.5deg)}58%{transform:translate(5px,6px)rotate(2.5deg)}60%{transform:translate(2px,-2px)rotate(-2.5deg)}62%{transform:translate(-5px,-4px)rotate(1.5deg)}64%{transform:translate(4px,1px)rotate(-1.5deg)}66%{transform:translate(-9px)rotate(-2.5deg)}68%{transform:translate(9px,9px)rotate(1.5deg)}70%{transform:translate(0)rotate(-2.5deg)}72%{transform:translate(10px,-9px)rotate(-.5deg)}74%{transform:translate(6px,6px)rotate(.5deg)}76%{transform:translate(-6px,3px)rotate(3.5deg)}78%{transform:translate(-1px,-8px)rotate(.5deg)}80%{transform:translate(-9px,-8px)rotate(2.5deg)}82%{transform:translate(-6px,-8px)rotate(-2.5deg)}84%{transform:translateY(2px)rotate(.5deg)}86%{transform:translate(7px,-5px)rotate(.5deg)}88%{transform:translateY(-3px)rotate(-1.5deg)}90%{transform:translate(-2px,-3px)rotate(1.5deg)}92%{transform:translate(-7px,-4px)rotate(3.5deg)}94%{transform:translate(-3px,-5px)rotate(3.5deg)}96%{transform:translate(3px,-4px)rotate(-.5deg)}98%{transform:translate(8px,-4px)rotate(-1.5deg)}0%,to{transform:translate(0)rotate(0)}}.shake-hard:hover,.shake-trigger:hover .shake-hard,.shake-hard.shake-freeze,.shake-hard.shake-constant{animation-name:shake-hard;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-horizontal{2%{transform:translate(-2px)rotate(0)}4%{transform:translate(-6px)rotate(0)}6%{transform:translate(6px)rotate(0)}8%{transform:translate(6px)rotate(0)}10%{transform:translate(-3px)rotate(0)}12%{transform:translate(8px)rotate(0)}14%{transform:translate(3px)rotate(0)}16%{transform:translate(0)rotate(0)}18%{transform:translate(10px)rotate(0)}20%{transform:translate(-5px)rotate(0)}22%{transform:translate(7px)rotate(0)}24%{transform:translate(10px)rotate(0)}26%{transform:translate(-4px)rotate(0)}28%{transform:translate(10px)rotate(0)}30%{transform:translate(-9px)rotate(0)}32%{transform:translate(9px)rotate(0)}34%{transform:translate(-1px)rotate(0)}36%{transform:translate(-1px)rotate(0)}38%{transform:translate(10px)rotate(0)}40%{transform:translate(-2px)rotate(0)}42%{transform:translate(2px)rotate(0)}44%{transform:translate(-8px)rotate(0)}46%{transform:translate(-8px)rotate(0)}48%{transform:translate(-3px)rotate(0)}50%{transform:translate(3px)rotate(0)}52%{transform:translate(-1px)rotate(0)}54%{transform:translate(7px)rotate(0)}56%{transform:translate(-2px)rotate(0)}58%{transform:translate(4px)rotate(0)}60%{transform:translate(-3px)rotate(0)}62%{transform:translate(-5px)rotate(0)}64%{transform:translate(-2px)rotate(0)}66%{transform:translate(1px)rotate(0)}68%{transform:translate(-1px)rotate(0)}70%{transform:translate(-1px)rotate(0)}72%{transform:translate(0)rotate(0)}74%{transform:translate(3px)rotate(0)}76%{transform:translate(5px)rotate(0)}78%{transform:translate(9px)rotate(0)}80%{transform:translate(2px)rotate(0)}82%{transform:translate(4px)rotate(0)}84%{transform:translate(-5px)rotate(0)}86%{transform:translate(8px)rotate(0)}88%{transform:translate(-4px)rotate(0)}90%{transform:translate(-7px)rotate(0)}92%{transform:translate(-8px)rotate(0)}94%{transform:translate(7px)rotate(0)}96%{transform:translate(-3px)rotate(0)}98%{transform:translate(-9px)rotate(0)}0%,to{transform:translate(0)rotate(0)}}.shake-horizontal:hover,.shake-trigger:hover .shake-horizontal,.shake-horizontal.shake-freeze,.shake-horizontal.shake-constant{animation-name:shake-horizontal;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-vertical{2%{transform:translateY(-3px)rotate(0)}4%{transform:translateY(9px)rotate(0)}6%{transform:translateY(10px)rotate(0)}8%{transform:translateY(5px)rotate(0)}10%{transform:translateY(6px)rotate(0)}12%{transform:translateY(8px)rotate(0)}14%{transform:translateY(10px)rotate(0)}16%{transform:translateY(3px)rotate(0)}18%{transform:translateY(8px)rotate(0)}20%{transform:translateY(4px)rotate(0)}22%{transform:translateY(-2px)rotate(0)}24%{transform:translateY(10px)rotate(0)}26%{transform:translateY(4px)rotate(0)}28%{transform:translate(0)rotate(0)}30%{transform:translateY(10px)rotate(0)}32%{transform:translateY(7px)rotate(0)}34%{transform:translateY(-2px)rotate(0)}36%{transform:translateY(5px)rotate(0)}38%{transform:translateY(10px)rotate(0)}40%{transform:translateY(1px)rotate(0)}42%{transform:translate(0)rotate(0)}44%{transform:translateY(-6px)rotate(0)}46%{transform:translateY(10px)rotate(0)}48%{transform:translateY(3px)rotate(0)}50%{transform:translateY(-1px)rotate(0)}52%{transform:translateY(8px)rotate(0)}54%{transform:translateY(10px)rotate(0)}56%{transform:translate(0)rotate(0)}58%{transform:translateY(3px)rotate(0)}60%{transform:translateY(5px)rotate(0)}62%{transform:translateY(-2px)rotate(0)}64%{transform:translate(0)rotate(0)}66%{transform:translateY(8px)rotate(0)}68%{transform:translateY(-6px)rotate(0)}70%{transform:translateY(-1px)rotate(0)}72%{transform:translateY(6px)rotate(0)}74%{transform:translateY(7px)rotate(0)}76%{transform:translateY(9px)rotate(0)}78%{transform:translateY(-8px)rotate(0)}80%{transform:translateY(-3px)rotate(0)}82%{transform:translateY(-8px)rotate(0)}84%{transform:translateY(-3px)rotate(0)}86%{transform:translateY(-4px)rotate(0)}88%{transform:translateY(-5px)rotate(0)}90%{transform:translateY(-9px)rotate(0)}92%{transform:translateY(-4px)rotate(0)}94%{transform:translateY(3px)rotate(0)}96%{transform:translateY(5px)rotate(0)}98%{transform:translateY(-9px)rotate(0)}0%,to{transform:translate(0)rotate(0)}}.shake-vertical:hover,.shake-trigger:hover .shake-vertical,.shake-vertical.shake-freeze,.shake-vertical.shake-constant{animation-name:shake-vertical;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-rotate{2%{transform:translate(0)rotate(6.5deg)}4%{transform:translate(0)rotate(5.5deg)}6%{transform:translate(0)rotate(1.5deg)}8%{transform:translate(0)rotate(-2.5deg)}10%{transform:translate(0)rotate(3.5deg)}12%{transform:translate(0)rotate(6.5deg)}14%{transform:translate(0)rotate(.5deg)}16%{transform:translate(0)rotate(.5deg)}18%{transform:translate(0)rotate(4.5deg)}20%{transform:translate(0)rotate(-2.5deg)}22%{transform:translate(0)rotate(3.5deg)}24%{transform:translate(0)rotate(7.5deg)}26%{transform:translate(0)rotate(7.5deg)}28%{transform:translate(0)rotate(-.5deg)}30%{transform:translate(0)rotate(-3.5deg)}32%{transform:translate(0)rotate(.5deg)}34%{transform:translate(0)rotate(-1.5deg)}36%{transform:translate(0)rotate(-5.5deg)}38%{transform:translate(0)rotate(5.5deg)}40%{transform:translate(0)rotate(1.5deg)}42%{transform:translate(0)rotate(-3.5deg)}44%{transform:translate(0)rotate(-4.5deg)}46%{transform:translate(0)rotate(6.5deg)}48%{transform:translate(0)rotate(2.5deg)}50%{transform:translate(0)rotate(-4.5deg)}52%{transform:translate(0)rotate(1.5deg)}54%{transform:translate(0)rotate(-2.5deg)}56%{transform:translate(0)rotate(-1.5deg)}58%{transform:translate(0)rotate(5.5deg)}60%{transform:translate(0)rotate(.5deg)}62%{transform:translate(0)rotate(-1.5deg)}64%{transform:translate(0)rotate(3.5deg)}66%{transform:translate(0)rotate(2.5deg)}68%{transform:translate(0)rotate(1.5deg)}70%{transform:translate(0)rotate(-.5deg)}72%{transform:translate(0)rotate(1.5deg)}74%{transform:translate(0)rotate(4.5deg)}76%{transform:translate(0)rotate(-.5deg)}78%{transform:translate(0)rotate(.5deg)}80%{transform:translate(0)rotate(-5.5deg)}82%{transform:translate(0)rotate(-3.5deg)}84%{transform:translate(0)rotate(4.5deg)}86%{transform:translate(0)rotate(-.5deg)}88%{transform:translate(0)rotate(-1.5deg)}90%{transform:translate(0)rotate(-3.5deg)}92%{transform:translate(0)rotate(2.5deg)}94%{transform:translate(0)rotate(-3.5deg)}96%{transform:translate(0)rotate(5.5deg)}98%{transform:translate(0)rotate(.5deg)}0%,to{transform:translate(0)rotate(0)}}.shake-rotate:hover,.shake-trigger:hover .shake-rotate,.shake-rotate.shake-freeze,.shake-rotate.shake-constant{animation-name:shake-rotate;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-opacity{10%{opacity:.65;transform:translate(-2px,1px)rotate(-1.5deg)}20%{opacity:.46;transform:translate(-1px,-2px)rotate(-1.5deg)}30%{opacity:.45;transform:translate(-2px,4px)rotate(1.5deg)}40%{opacity:.43;transform:translate(-2px,-4px)rotate(.5deg)}50%{opacity:.63;transform:translate(5px,-3px)rotate(-1.5deg)}60%{opacity:.34;transform:translateY(-4px)rotate(-1.5deg)}70%{opacity:.99;transform:translate(5px,-1px)rotate(1.5deg)}80%{opacity:.55;transform:translate(-2px,-4px)rotate(.5deg)}90%{opacity:.8;transform:translate(-3px,-4px)rotate(-1.5deg)}0%,to{transform:translate(0)rotate(0)}}.shake-opacity:hover,.shake-trigger:hover .shake-opacity,.shake-opacity.shake-freeze,.shake-opacity.shake-constant{animation-name:shake-opacity;animation-duration:.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-crazy{10%{opacity:.39;transform:translate(-19px,-8px)rotate(9deg)}20%{opacity:.78;transform:translate(-13px,-7px)rotate(-9deg)}30%{opacity:.81;transform:translate(-15px,-17px)rotate(-8deg)}40%{opacity:.03;transform:translate(11px,18px)rotate(-3deg)}50%{opacity:.77;transform:translate(2px,10px)rotate(6deg)}60%{opacity:.31;transform:translate(9px,2px)rotate(-5deg)}70%{opacity:.47;transform:translate(-15px,-3px)rotate(7deg)}80%{opacity:.75;transform:translate(13px,-5px)rotate(5deg)}90%{opacity:.27;transform:translate(1px,-19px)rotate(-2deg)}0%,to{transform:translate(0)rotate(0)}}.shake-crazy:hover,.shake-trigger:hover .shake-crazy,.shake-crazy.shake-freeze,.shake-crazy.shake-constant{animation-name:shake-crazy;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-chunk{2%{transform:translate(-12px,-2px)rotate(-5deg)}4%{transform:translate(14px,10px)rotate(15deg)}6%{transform:translate(6px,-7px)rotate(14deg)}8%{transform:translate(1px,11px)rotate(-3deg)}10%{transform:translate(-2px,5px)rotate(-14deg)}12%{transform:translate(-2px,9px)rotate(-5deg)}14%{transform:translate(13px,12px)rotate(13deg)}16%{transform:translate(-7px,14px)rotate(0)}18%{transform:translate(-14px,-13px)rotate(-11deg)}20%{transform:translate(-6px,12px)rotate(4deg)}22%{transform:translate(-9px,13px)rotate(15deg)}24%{transform:translate(2px,-13px)rotate(7deg)}26%{transform:translate(4px,-10px)rotate(-5deg)}28%{transform:translate(-6px,-6px)rotate(-8deg)}30%{transform:translate(12px,13px)rotate(5deg)}32%{transform:translate(-4px,-13px)rotate(-10deg)}34%{transform:translate(-5px,4px)rotate(-7deg)}36%{transform:translate(3px,-14px)rotate(-6deg)}38%{transform:translate(-9px,-11px)rotate(8deg)}0%,40%,to{transform:translate(0)rotate(0)}}.shake-chunk:hover,.shake-trigger:hover .shake-chunk,.shake-chunk.shake-freeze,.shake-chunk.shake-constant{animation-name:shake-chunk;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}