h1,h2{font-weight:500}.pager h2,.pager p{animation-name:fadeIn}.battle .image .name,main .actions>a h3{left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pager a:first-of-type,.pager h2,.pager p,.pager p:first-of-type,main .flex-center{animation-delay:0s;animation-fill-mode:both}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes halfFadeIn{from{opacity:0}to{opacity:.75}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-family:Helvetica,Arial,sans-serif;font-size:100%;line-height:175%;margin:0;padding:0;vertical-align:baseline}.flex-item,h1,label{margin-bottom:.5rem}small{font-size:75%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:none}table{border-collapse:collapse;border-spacing:0}:focus{outline:0}*,::after,::before{box-sizing:inherit}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.flex-row.flex-reverse{flex-direction:row-reverse}.flex-column{display:flex;flex-basis:100%;flex-direction:column}.flex-column.flex-reverse{flex-direction:column-reverse}.flex-center{display:flex;align-items:center;justify-content:center}.flex-item{flex-grow:1;min-width:100%}h2,p{margin-bottom:1rem}@media (min-width:900px){.flex-item{flex-grow:0;min-width:32%;max-width:32%}}.space-between{justify-content:space-between}.grid-container{display:grid;grid-gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(2fr,5fr))}a{color:#00afff;text-decoration:none;cursor:pointer}a:focus{border-bottom:1px solid rgba(20,20,20,.2)}.dark a:focus{border-bottom:1px solid rgba(241,241,241,.4)}.button,button,input[type=submit]{padding:.5rem;display:inline-block;cursor:pointer;user-select:none;transition:all 150ms linear;text-align:center;white-space:nowrap;text-decoration:none!important;text-transform:none;text-transform:capitalize;vertical-align:middle;color:#141414;border:none;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(20,20,20,.2)}.button:active,.button:hover,button:active,button:hover,input[type=submit]:active,input[type=submit]:hover{background:rgba(5,5,5,.4)}.button:focus,button:focus,input[type=submit]:focus{outline:#141414 solid 2px}.button.wide,button.wide,input[type=submit].wide{padding:.5rem 1rem}.button.warning,button.warning,input[type=submit].warning{background:#f05e52!important}.button.warning:active,.button.warning:hover,button.warning:active,button.warning:hover,input[type=submit].warning:active,input[type=submit].warning:hover{background:#b4473e!important}.button.primary,button.primary,input[type=submit].primary{background:#00afff!important}.button.primary:active,.button.primary:hover,button.primary:active,button.primary:hover,input[type=submit].primary:active,input[type=submit].primary:hover{background:#0083bf!important}.button .icon,button .icon,input[type=submit] .icon{display:inline;vertical-align:bottom}.button:disabled,button:disabled,input[type=submit]:disabled{opacity:.4;cursor:initial}.dark .button,.dark button,.dark input[type=submit]{background:rgba(241,241,241,.4);color:#141414}.dark .button:active,.dark .button:hover,.dark button:active,.dark button:hover,.dark input[type=submit]:active,.dark input[type=submit]:hover{background:rgba(249,249,249,.55)}[role=button]{cursor:pointer}label{display:block}input,select{color:#141414;background:0 0;border:none;border-bottom:1px solid rgba(20,20,20,.2);border-radius:0;padding:.5rem;font-size:1rem}input[type=radio],select[type=radio]{border:initial}input[type=file],select[type=file]{display:none}input[type=submit]{margin-top:1rem}.dark input,.dark select{color:#a3a3a3;border-bottom:1px solid rgba(241,241,241,.4)}nav a{padding:.5rem;display:inline-block;color:#141414}nav a.active{border-bottom:1px solid rgba(20,20,20,.2)}nav a:focus{border-bottom:3px solid rgba(20,20,20,.2)}.dark nav a{color:#a3a3a3}.dark nav a.active{border-bottom:1px solid rgba(241,241,241,.4)}.dark nav a:focus{border-bottom:3px solid rgba(241,241,241,.4)}html{box-sizing:border-box;background:#eef0f2;color:#141414}html.dark{background:#313131;color:#a3a3a3}body{margin:1rem;line-height:1.35}header{padding:.5rem 0;background:#eef0f2}.dark header{background:#313131}h1{font-size:2rem}h2{font-size:1.25rem}h4{font-size:1.15rem;margin-bottom:.25rem;border-bottom:1px solid rgba(20,20,20,.2)}.dark h4{border-color:rgba(241,241,241,.4)}.battle{max-width:800px;margin:0 auto;height:calc(100vh - 2rem);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:2fr .5fr 1fr 1fr;grid-template-areas:"image image" "message message" "button button" "button button"}.battle .image{grid-area:image;min-height:25vh;position:relative}.battle .image .name{position:absolute;top:1rem;height:2rem;background-image:linear-gradient(to right,rgba(0,0,0,.1),rgba(0,0,0,0));padding-left:.25rem}.battle .image .healthbar{position:absolute;top:0;left:0;right:0;height:1rem}.battle .image .healthbar .bar{height:100%;width:0%;background-color:#00da00}.battle .message{grid-area:message;text-align:center}.battle .message p{padding:.5rem;margin:0}.battle button{border:1px solid rgba(20,20,20,.2)}.dark .battle .fight .image .name{background-image:linear-gradient(to right,rgba(255,255,255,.1),rgba(255,255,255,0))}.dark .battle .fight button{border-color:rgba(241,241,241,.4)}.pager{max-width:700px;margin:0 auto 3rem}@media (min-width:900px){.pager{margin-top:4rem}}.pager h2{animation-duration:1s;font-size:190%}.pager p{animation-duration:3s;font-size:140%}.pager p:first-of-type{animation-name:fadeIn;animation-duration:5s}.pager a:hover{opacity:1!important}.pager a:first-of-type{animation-name:halfFadeIn;animation-duration:8s}.shop{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-areas:". . ." ". . ." ". . ." "message message message"}main .actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,100%));grid-auto-rows:10rem;grid-gap:1rem}main .actions.small{grid-auto-rows:4rem}@media (min-width:600px){main .actions{grid-auto-rows:10rem!important;grid-template-columns:repeat(auto-fill,10rem)}}main .actions>a{cursor:pointer;border:1px solid rgba(20,20,20,.2);color:#141414;position:relative}main .actions>a svg{max-width:50%;max-height:calc(100% - 2rem);display:block;margin:auto}main .actions>a .top-left{position:absolute;top:0;left:0;padding-left:4px}main .actions>a .top-right{position:absolute;top:0;right:0;padding-right:4px}main .actions>a h3{position:absolute;bottom:0;height:2rem;padding-left:4px;background-image:linear-gradient(to right,rgba(0,0,0,.1),rgba(0,0,0,0))}main .actions button{white-space:normal}.dark main .actions>a{color:#a3a3a3;border-color:rgba(241,241,241,.4)}.dark main .actions>a h3{background-image:linear-gradient(to right,rgba(255,255,255,.1),rgba(255,255,255,0))}main.page-new form{max-width:300px;margin:2rem auto;font-size:140%}main .flex-center{animation-name:fadeIn;animation-duration:4s;text-align:center;height:calc(100vh - 2rem)}main .flex-center div{width:100%}.icon{display:inline-block;stroke:#141414;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;fill:none;vertical-align:middle}.icon.thick{stroke-width:2}.dark .icon{stroke:#a3a3a3}