@keyframes colors{0%{background:#5cb6a2}50%{background:#9de593}}@keyframes rote{0%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}body{margin:0;font:16px/1.5 Arial,sans-serif;color:#333;background:#fafafa;background:repeating-linear-gradient(117deg,#d7d7d7 0,#d7d7d7 24px,#dcdcdc 25px,#dcdcdc 48px,#e1e1e1 49px,#e1e1e1 72px,#e6e6e6 73px,#e6e6e6 96px,#ebebeb 97px,#ebebeb 120px,#f0f0f0 121px,#f0f0f0 144px,#f5f5f5 145px,#f5f5f5 168px,#fafafa 169px,#fafafa 192px,#f5f5f5 193px,#f5f5f5 216px,#f0f0f0 217px,#f0f0f0 240px,#ebebeb 241px,#ebebeb 264px,#e6e6e6 265px,#e6e6e6 288px,#e1e1e1 289px,#e1e1e1 312px,#dcdcdc 313px,#dcdcdc 336px) fixed 0 0}.letters{display:grid;gap:1px;align-content:center;grid-template-columns:repeat(8,minmax(16px,1fr));text-align:center;background:#aaa;position:absolute;bottom:0;left:50%;width:100%;max-width:600px;transform:translateX(-50%);padding:2px}.letters>div{background:#ccc;line-height:48px;-moz-box-shadow:inset 0 1px 0 0#d3dedc;-webkit-box-shadow:inset 0 1px 0 0#d3dedc;box-shadow:inset 0 1px 0 0#d3dedc;background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#badbc5),color-stop(1,#ebf0f0));background:-moz-linear-gradient(top,#badbc5 5%,#ebf0f0 100%);background:-webkit-linear-gradient(top,#badbc5 5%,#ebf0f0 100%);background:-o-linear-gradient(top,#badbc5 5%,#ebf0f0 100%);background:-ms-linear-gradient(top,#badbc5 5%,#ebf0f0 100%);background:linear-gradient(to bottom,#badbc5 5%,#ebf0f0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#badbc5', endColorstr='#ebf0f0', GradientType=0);background-color:#badbc5;border:1px solid #959e9b;display:inline-block;cursor:pointer;color:#333;font-family:Arial;font-weight:700;opacity:.8}.letters>div:hover{opacity:1}#drunktext-wrap{display:flex;gap:5px;justify-content:center;align-content:center;flex-wrap:wrap;margin:24px auto;border:1px solid #bbb;min-height:200px;width:90%;background:#fff}.drunktext{animation-duration:.5s}.drunktext i{display:inline-block;text-align:center;letter-spacing:2px;font-synthesis:none;font-style:normal}.drunktext>i:empty{width:1ch}.drunked i{animation:.2s ease-in-out rote infinite;animation-duration:inherit}.drunked i:nth-child(odd){animation-direction:alternate-reverse}.drunked i:nth-child(2n){animation-direction:alternate}.btn,h1{color:#fff}.btn{-moz-box-shadow:inset 0 1px 0 0#9acc85;-webkit-box-shadow:inset 0 1px 0 0#9acc85;box-shadow:inset 0 1px 0 0#9acc85;background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#3eaf46),color-stop(1,#339139));text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:-moz-linear-gradient(top,#3eaf46 5%,#339139 100%);background:-webkit-linear-gradient(top,#3eaf46 5%,#339139 100%);background:-o-linear-gradient(top,#3eaf46 5%,#339139 100%);background:-ms-linear-gradient(top,#3eaf46 5%,#339139 100%);background:linear-gradient(to bottom,#3eaf46 5%,#339139 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3eaf46', endColorstr='#339139', GradientType=0);background-color:#3eaf46;border:1px solid #3b6e22;display:inline-block;cursor:pointer;font-family:Arial;font-weight:700;text-decoration:none;line-height:48px}.btn:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#339139),color-stop(1,#3eaf46));background:-moz-linear-gradient(top,#339139 5%,#3eaf46 100%);background:-webkit-linear-gradient(top,#339139 5%,#3eaf46 100%);background:-o-linear-gradient(top,#339139 5%,#3eaf46 100%);background:-ms-linear-gradient(top,#339139 5%,#3eaf46 100%);background:linear-gradient(to bottom,#339139 5%,#3eaf46 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#339139', endColorstr='#3eaf46', GradientType=0);background-color:#339139}.export{grid-column:7/9}.btn:active{transform:scale(.95)}.btn.animating{background:#7fae00}h1{text-transform:uppercase;margin:0 0 24px;background:#777;letter-spacing:.15em;text-shadow:1px -1px 0#767676,-1px 2px 1px #737272,-2px 4px 1px #767474,-3px 6px 1px #787777,-4px 8px 1px #7b7a7a,-5px 10px 1px #7f7d7d,-6px 12px 1px #828181,-7px 14px 1px #868585,-8px 16px 1px #8b8a89,-9px 18px 1px #8f8e8d,-10px 20px 1px #949392,-11px 22px 1px #999897,-12px 24px 1px #9e9c9c,-13px 26px 1px #a3a1a1,-14px 28px 1px #a8a6a6,-15px 30px 1px #adabab,-16px 32px 1px #b2b1b0,-17px 34px 1px #b7b6b5,-18px 36px 1px #bcbbba,-19px 38px 1px #c1bfbf,-20px 40px 1px #c6c4c4,-21px 42px 1px #cbc9c8,-22px 44px 1px #cfcdcd,-23px 46px 1px #d4d2d1,-24px 48px 1px #d8d6d5,-25px 50px 1px #dbdad9,-26px 52px 1px #dfdddc,-27px 54px 1px #e2e0df,-28px 56px 1px #e4e3e2}.drunktexts,h1{text-align:center}.rounded{border-radius:1em}.close,footer{position:absolute;text-align:center}footer{columns:2;font-size:12px;background:#eee;bottom:0;width:100%;z-index:-1}p{margin:0}.close{top:0;margin:-30px 0 0;z-index:1;right:0;height:30px;width:30px;line-height:30px;border:0;background:#aaa;box-shadow:0 0 1px #aaa;font-size:0}.close::before{content:"×";color:#fff;font-weight:300;font-family:Arial,sans-serif;font-size:30px;display:flex;align-content:center;justify-content:center}#keyboard,button,input{cursor:pointer}button:hover{background:#3b6e22}#keyboard{position:fixed;top:4px;right:4px;height:48px;width:48px;color:#fafafa}.width100{min-width:100px}#export-wrap{position:fixed;display:none;min-height:200px;min-width:300px;background:#fff;padding:1em;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;border:1px solid #aaa;overflow-y:scroll;height:80%;font-size:12px;overscroll-behavior:contain}.shadow{box-shadow:0 0 6px rgba(0,0,0,.2)}.dropsh{filter:drop-shadow(0 2px 4px #000)}.nosel{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.levels{display:inline-flex;flex-direction:column;max-width:100px;direction:rtl}label[for=drunklevel]{font-size:10px}