/* General */
body{margin:0;cursor:default;display:flex;flex-direction:column;height:100vh}
body,input,select,textarea,button{font:10pt verdana,sans-serif}

*,*::before,*::after{-moz-box-sizing:border-box;box-sizing:border-box}
*:focus{outline:none}

::placeholder{color:var(--gray5)}

:root{
--bg: #f3f3f3;
--gray1: rgba(0,0,0,0.1);
--gray2: rgba(0,0,0,0.2);
--gray25: rgba(0,0,0,0.25);
--gray3: rgba(0,0,0,0.3);
--gray4: rgba(0,0,0,0.4);
--gray5: rgba(0,0,0,0.5);
--gray75: rgba(0,0,0,0.75);
}

/*::-webkit-scrollbar{width:8px;height:8px;background:var(--bg)}
::-webkit-scrollbar-thumb{background:#999;border-radius:0}
::-webkit-scrollbar-corner{background:var(--bg)}*/

input{-webkit-appearance:none;-moz-appearance:none}
input[type=text],input[type=password],input[type=number],textarea{padding:8px;border-radius:2px;border:1px solid var(--gray2)}
input.width-70{width:70px}
input.width-120{width:120px}
input.width-260{width:260px}
input.width-half{width:50%}
input[type=number]{width:70px}
input[disabled],textarea[disabled]{background:var(--gray2);color:var(--gray5)}
input[type=file].hidden{display:none}
input[type=checkbox],input[type=radio]{display:inline-block;width:16px;height:16px;background:#fff;border:1px solid var(--gray2);border-radius:2px;cursor:pointer;vertical-align:middle;margin:0}
input[type=radio]{border-radius:16px;overflow:hidden}
input[type=checkbox]:checked:after,input[type=radio]:checked:after{content:'';display:block;background:#fff url(https://pokengine.b-cdn.net/images/checkbox.gif) no-repeat;width:14px;height:14px}
input[type=range]{height:8px;background:var(--gray1);border-radius:2px}
input[type=range][disabled]{opacity:0.2}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border:0;background:url(https://pokengine.b-cdn.net/images/favicon.webp);cursor:pointer}
input[type=range]::-moz-range-thumb{-moz-appearance:none;width:16px;height:16px;border:0;background:url(https://pokengine.b-cdn.net/images/favicon.webp);cursor:pointer}
input[type=range]::-moz-range-track{background:none}
input[type=range]::-ms-thumb{background:var(--gray5)}
input[type=color]{width:64px;height:32px;border:0;background:var(--gray1);border-radius:2px;vertical-align:middle}
input.red{background:#ffc5c5}

textarea{resize:vertical;vertical-align:top;height:50px}
textarea.grow:focus{height:120px}

form{margin:0}

canvas,img,input[type=checkbox],input[type=radio],.pixelated{image-rendering:pixelated}
.nonpixelated{image-rendering:auto}
img{vertical-align:top}
img.max{max-width:100%}
.lazy{visibility:hidden}

a{color:#0a6ab3;text-decoration:none}
a:hover{text-decoration:underline}
a.dark{color:#000}
a.premium{display:inline-block;color:gold !important;background:#000;padding:2px 4px;border-radius:2px;margin:1px;white-space:nowrap;font-weight:normal}

hr{height:2px;background:var(--gray1);border:none}
hr.sep-20{margin:20px 0}
hr.sep-40{margin:40px 0}

/* Footer */
#sky{position:fixed;left:0;right:0;top:0;bottom:0}
#sky.dawn{background:#3f668a;background:linear-gradient(#3f668a,#ece5b4)}
#sky.day{background:#699ccc;background:linear-gradient(#699ccc,#96e6ff)}
#sky.dusk{background:#3f668a;background:linear-gradient(#3f668a,#d2b037)}
#sky.night{background:#464a83;background:linear-gradient(#464a83,#8582c2)}
#sky.halloween{background:#55421e;background:linear-gradient(#55421e,#d1a042)}
#sky.pastel{background:#cfc698;background:linear-gradient(#cfc698,#fee3e2,#fbcdf2,#e8befa,#abbfff,#bbf3c0)}
#sky.aurora{background:#409f5e;background:linear-gradient(#409f5e 0%,#3772bb 40%,#105991 85%)}
#sky.lightning{background:#373f50;background:linear-gradient(#373f50 0%,#3772bb 40%,#105991 85%)}
#sky.underwater{background:#1e8fb1;background:linear-gradient(#1e8fb1,#74d0eb)}
#sky.volcano{background:#a9593a;background:linear-gradient(#a9593a 0%,#99493b 40%,#bf6060 85%)}
#sky.radiation{background:#374a50;background:linear-gradient(#374a50 0%,#379bbb 30%,#4e9110 90%)}
#sky.golden{background:#504e37;background:linear-gradient(#504e37 0%,#d9c766 30%,#916f10 90%)}

.cloud{position:absolute;width:441px;height:150px;background:url(https://pokengine.b-cdn.net/images/clouds.webp);opacity:0.1}
#sky.day .cloud{opacity:0.5}
#sky.dusk .cloud{opacity:0.2}
#sky.halloween .cloud{opacity:0.2;filter:brightness(0)}
#sky.underwater .cloud{display:none}
.cloud.one{left:calc(10% - 200px);bottom:110px}
.cloud.two{left:calc(50% - 200px);bottom:150px}
.cloud.three{left:calc(90% - 200px);bottom:90px}

.grass{background:url(https://pokengine.b-cdn.net/images/grass.webp) repeat-x;position:absolute;bottom:0;width:100%;height:130px}
#sky.dusk .grass,#sky.night .grass{filter:brightness(0.6)}
#sky.halloween .grass{filter:brightness(0) contrast(0.8)}
#sky.aurora .grass{filter:brightness(0.2) grayscale(1);color:#fff}
#sky.lightning .grass{filter:hue-rotate(300deg) brightness(0.8)}
#sky.underwater .grass{filter:hue-rotate(95deg)}
#sky.volcano .grass{filter:hue-rotate(250deg) brightness(0.2)}
#sky.radiation .grass{filter:hue-rotate(228deg) saturate(0.75)}
#sky.golden .grass{filter:hue-rotate(322deg)}

#sky .rainbow{background:url(https://pokengine.b-cdn.net/images/rainbow.webp);width:1092px;height:420px;position:absolute;bottom:0;left:calc(50% - 546px);opacity:0.5}

#footer{position:relative;margin-top:auto;text-align:center;color:var(--gray5);padding:8px 0}
#footer a{color:inherit}
#footer.aurora,#footer.halloween{color:#fff}
#footer.volcano{color:#b18787}

/* Top bar */
#top-bar{position:relative;padding:4px 4px 16px 4px}
#top-bar .links{width:100%;display:flex;flex-wrap:wrap;gap:4px}
#top-bar .links a{flex:1;text-align:center;margin:0;height:32px;padding:8px}
#top-bar .links a:first-child{flex:none;padding-top:8px}
#top-bar input{margin:0;width:30%;border:0;height:32px;background:rgba(255,255,255,0.3);color:#fff}
#top-bar input:focus{background:#fff;color:#000}
#top-bar input::placeholder{color:rgba(255,255,255,0.5)}
#top-bar input:focus::placeholder{color:var(--gray5)}
#top-bar .tab{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;background:var(--gray25);color:#fff}
#top-bar .tab:hover{background:var(--gray1)}
#top-bar .tab.selected{background:var(--gray5)}

#top-bar .tabs{padding:8px 12px 0 12px;display:flex;align-items:start;gap:4px}
#top-bar .tabs .tab{position:relative;margin:0}
#top-bar .tabs .tab:not(.selected){color:rgba(255,255,255,0.65)}
#top-bar .tabs .tab:hover:not(.selected){background:var(--gray1)}
#top-bar .tabs .tab.disabled{opacity:0.25;cursor:default}

#top-bar .tabs .user{flex:1;display:flex;gap:4px;justify-content:right;flex-wrap:wrap}
#top-bar .tabs .user b{position:absolute;left:0;top:0;display:block;height:2px;background:#ce6262}
#top-bar .tabs .user u{color:gold;text-decoration:none}

/* Messages */
#cover{position:fixed;left:0;top:0;z-index:2147483646;width:100%;height:100%;background:var(--gray75);text-align:center;backdrop-filter:blur(0.5rem) grayscale(100%)}
#cover.center{display:flex;justify-content:center;align-items:center}
.notif{display:inline-block;background:var(--bg);width:400px;padding:4px;text-align:left;border-radius:2px;margin:112px 16px 16px 16px}
.notif.small{width:auto}
.notif > div:not(.right){margin:8px}
.notif .header{user-select:none}
.notif.success{background:#dff2bf}
.notif.success .header{color:#0a8509}
.notif.notice{background:#feefb3}
.notif.notice .header{color:#a06102}
.notif.error{background:#ffe8e8}
.notif.error .header{color:#b10009}
.notif.success a{color:#000}

.loader{border:8px solid #f3f3f3;border-radius:50%;border-top:8px solid #3498db;width:100px;height:100px;animation:spin 2s linear infinite}
@keyframes spin{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}

.notif.input-popup{background:var(--bg)}
.notif.input-popup input[type=text]{width:100%;margin:8px 0}
.x-button{display:inline-block;padding:8px 12px;border-radius:2px;cursor:pointer}
.x-button:hover{background:#e81123;color:#fff}

/* Tabs */
a.tab:hover{text-decoration:none}
.tab{text-decoration:none;display:inline-block;padding:4px 8px;margin:2px;border-radius:2px;background-color:var(--gray25);color:#000;line-height:16px;cursor:pointer;border:0;min-width:28px;text-align:center;user-select:none}
.tab:hover:not(.selected):not(.disabled){background-color:var(--gray1)}
.tab.selected{background-color:var(--gray5);color:#fff}
.tab.disabled{opacity:0.25;cursor:default}
.tab i{font-style:normal;color:#7ad864;margin-left:4px}
.tab i.light{color:#b2ffa5}
.tab i.yellow{color:#d8d064}
.tab i.red-no{margin-left:4px;padding:2px 5px;background:#e13636;border-radius:16px;color:#fff;font-size:7pt;line-height:8px;vertical-align:middle}
.tab.red{background-color:#cd4949;color:#fff}
.tab.red:hover:not(.disabled){background-color:rgba(205,73,73,0.75)}
.tab.green{background-color:#2f8742;color:#fff}
.tab.green:hover:not(.disabled){background-color:rgba(47,135,66,0.75)}
.tab.blue{background-color:#7198d2}
.tab.blue:hover:not(.disabled){background-color:rgba(113,152,210,0.75)}
.tab.orange{background-color:#dead64}
.tab.orange:hover:not(.disabled){background-color:rgba(222,173,100,0.75)}

/* Content */
#container{position:relative;background:var(--bg);border-radius:2px;padding:16px;margin:0 16px;text-align:center}
.content{vertical-align:top;max-width:1070px;margin:0 auto}
.content-limit{min-width:100%;max-width:768px;margin:0 auto}

body.full #container{height:100%;overflow:hidden}
body.full #footer{height:16px;visibility:hidden;padding:0}

.header{display:block;font-size:20pt}
.header input{vertical-align:middle}

.small-header{text-align:left;padding:4px 8px;background:linear-gradient(90deg, rgb(0 159 137 / 80%) 0%, rgb(51 197 177 / 10%) 100px, transparent 100%);color:#fff;margin:16px 0 8px 0;border-radius:2px}

.light-container-title{text-align:left;margin-top:16px}
.light-container-title div{display:inline-block;background:var(--gray1);padding:4px 8px 0 8px;border-radius:2px 2px 0 0;text-overflow:ellipsis;overflow:hidden;max-width:100%;vertical-align:top;color:var(--gray5)}
.light-container{background:var(--gray1);border-radius:2px;border:0;padding:8px;text-align:left}
.light-container-title + .light-container{border-top-left-radius:0}
.light-container.small{display:inline-block;width:auto !important;white-space:initial}
.light-container input:not([type=hidden]) + input:not([type=checkbox]){margin-top:4px}
.light-container input:not([type=checkbox]):not([type=radio]):not(.no-block),.light-container textarea{display:block}
.light-container textarea{width:100%}
.light-container input.width-full{width:100%}

.small-light-container{display:inline-block;background:var(--gray1);border-radius:2px;border:0;padding:8px;text-align:left}
.small-light-container.width-500{max-width:500px}

.scroll{position:relative;white-space:nowrap;overflow:auto;-webkit-overflow-scrolling:touch}
.scroll::-webkit-scrollbar{width:16px;height:16px}
.scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:0}
.scroll::-webkit-scrollbar-thumb:vertical{border-right:8px solid #999}
.scroll::-webkit-scrollbar-thumb:horizontal{border-bottom:8px solid #999}
.scroll::-webkit-scrollbar-corner{background:none}

.img-button{border-radius:2px;display:inline-block;padding:2px;cursor:pointer}
.img-button:hover:not(.selected):not(.disabled){background:var(--gray1)}
.img-button.selected{background:#b8d2f3 !important}
.img-button.selected:hover{background:rgba(184,210,243,0.5)}
.img-button.disabled{cursor:default !important;opacity:0.2}
.img-button img{vertical-align:middle;margin:2px}

.accordion{height:0px;overflow:hidden;transition:0.2s height}
.expandable{position:relative;max-height:500px;overflow:hidden}
.expandable .fade-bar{position:absolute;bottom:0;width:100%;background:linear-gradient(180deg,transparent 0px,#f3f3f3 32px);padding-top:32px}

.info{border-bottom:1px dashed #000}

.discord{display:inline-block;width:50%;background:var(--gray2);border-radius:2px}
.discord:hover{background:var(--gray1)}

.warning{display:inline-block;padding:8px;color:#9f2323;background:#ffb225;border-radius:2px}

/* Login */
.eye-container{display:inline-block;position: relative}
.eye{position:absolute;right:-8px;top:-8px;cursor:pointer;font-size:16px}
#password-errors{display:none;margin-top:16px;background:#ffe8e8;padding:8px}
#password-errors > div{text-align:left;margin-top:4px}

/* Top buttons */
.top-buttons{display:flex;gap:4px;width:100%;z-index:3;background:var(--bg);padding-bottom:8px;margin-bottom:8px}
.top-buttons.sticky{position:sticky;top:8px}
.top-buttons.sticky::before{content:'';position:absolute;top:-8px;display:block;width:100%;height:8px;background:var(--bg)}
.top-buttons .tab{margin:0}
.top-buttons .save{display:flex;gap:4px;align-items:center;justify-content:left}
.top-buttons .buttons{flex:1;display:flex;gap:4px;align-items:center;justify-content:right;flex-wrap:wrap}
.top-buttons .pages{display:flex;gap:4px;align-items:center}

/* Data */
.panel{display:inline-block;margin:16px 20px 0 20px;vertical-align:top;max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.panel .sprite{position:relative;display:inline-block;padding:4px;background:var(--gray1);border-radius:2px;margin:0 auto}
.panel .sprite.white{background:#fff}
.panel .sprite.size-36{width:44px;height:44px}
.panel .sprite.size-64{width:72px;height:72px}
.panel .sprite.size-100{width:108px;height:108px}
.panel .sprite.disabled{filter:grayscale(100%);opacity:0.25}
.panel .sprite .bottom{position:absolute;left:0;right:0;bottom:4px;margin:0 auto;transition:2s bottom}
.panel .sprite .bottom.bot-8{bottom:8px}
.panel .sprite .bottom.bot-25{bottom:25px}
@supports (-moz-appearance: none){
.panel .sprite .bottom{left:50%;right:auto;margin:0;transform:translateX(-50%)}
}

.panel a{color:#000;text-decoration:none}
.panel a:hover:not(.tab){color:var(--gray5)}
.panel b:not(.bold){display:inline-block;width:120px;text-align:right;padding:4px 8px;margin:0 8px 2px 0;border-radius:2px;font-size:80%;background:var(--gray1);background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/empty.webp);background-repeat:no-repeat;background-position:left center;background-position-x:1px}
.panel input{margin:1px 0}
.panel b.height{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/height.webp)}
.panel b.height2{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/height2.webp)}
.panel b.height3{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/height3.webp)}
.panel b.weight{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/weight.webp)}
.panel b.caught{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/caught.webp)}
.panel b.egg-groups{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/egg-groups.webp)}
.panel b.egg-cycles{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/egg-cycles.webp)}
.panel b.gender{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/gender.webp)}
.panel b.growth{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/growth.webp)}
.panel b.exp{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/exp.webp)}
.panel b.happiness{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/happiness.webp)}
.panel b.catch-rate{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/catch-rate.webp)}
.panel b.ev-points{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/ev-points.webp)}
.panel b.designer{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/designer.webp)}
.panel b.female{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/female.webp)}
.panel b.aerial{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/aerial.webp)}
.panel b.legendary{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/legendary.webp)}
.panel b.starter{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/starter.webp)}
.panel b.glow{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/glow.webp)}
.panel b.floating{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/float.webp)}
.panel b.private{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/private.webp)}
.panel b.professor{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/professor.webp)}
.panel b.champion{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/champion.webp)}
.panel b.gymleader{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/gymleader.webp)}
.panel b.team{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/team.webp)}
.panel b.hero{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/hero.webp)}
.panel b.retro{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/retro.webp)}
.panel b.copyright{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/copyright.webp)}
.panel b.region{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/region.webp)}
.panel b.category{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/category.webp)}
.panel b.e4{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/e4.webp)}
.panel b.ub{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/ub.webp)}
.panel b.alternate{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/alternate.webp)}
.panel b.free{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/free.webp)}
.panel b.payout{background-image:url(https://pokengine.b-cdn.net/images/stat-symbols/payout.webp)}
.panel small{font-size:8pt}
.panel div.bar{display:inline-block;background:var(--gray1);border-radius:2px;padding:2px;vertical-align:middle}
.panel div.bar-inner{width:100px;height:8px;background:var(--gray1);border-radius:2px;overflow:hidden}
.panel div.genderless{width:100px;height:8px}
.panel div.female{width:100px;height:8px;background:#ffc3cd;border-radius:2px;overflow:hidden}
.panel div.male{height:100%;background:#9fb6e0}
.panel div.catch{height:8px;background:#83cc7f}
.panel div.happy{height:8px;background:var(--gray4)}
.panel span.ev{display:inline-block;width:8px;height:8px;margin:1px;border-radius:2px}
.panel span[class^=stat-]{display:inline-block;border-radius:2px;padding:4px;width:56px;text-align:center}
.panel .invisible{visibility:hidden}
.panel .wrap{display:inline-block;width:128px;white-space:normal;vertical-align:middle}

.free-to-use{padding:2px 4px;border-radius:2px}
.free-to-use.yes{background:#9cdb9c}
.free-to-use.no{background:#f58080}
.free-to-use.maybe{background:#ffce75}

.move-targets span{display:inline-block;width:100px;padding:8px;background:#79b6ea;border-radius:2px;margin:0 1px 2px 1px;transition:0.5s background}
.move-targets span.selected{background:#d8583b}
.move-targets.any span.selected{background:#bb57dc}

.invalid-code{color:#cd4949}

/* Types */
.type{margin:0 1px;display:inline-block;padding:4px 8px;border-radius:2px;text-align:center;width:80px;color:var(--gray75)}
.type-0{background:var(--gray4);color:#fff}
.type-1{background:#c6c7af}
.type-2{background:#a86464;color:#120000}
.type-3{background:#b6a7ef}
.type-4{background:#984788;color:#fff}
.type-5{background:#9c9b78}
.type-6{background:#ad9467}
.type-7{background:#a6b367}
.type-8{background:#85649b;color:#fff}
.type-9{background:#b8b8d0}
.type-10{background:#6a8d82}
.type-11{background:#e36f5d}
.type-12{background:#75a2d9}
.type-13{background:#78c478}
.type-14{background:#f7d965}
.type-15{background:#d59db9}
.type-16{background:#cbe7f8}
.type-17{background:#987a69;color:#251106}
.type-18{background:#34d5cf}
.type-19{background:#f7f79c}
.type-20{background:#9d3a53;color:#fff}
.type-21{background:#5fd9b6}
.type-22{background:#795dd0;color:#fff}
.type-23{background:#f8a5cf}
.type-24{background:#5767dd;color:#fff}
.type-25{background:#5176c7;color:#fff}
.type-26{background:#a3f3a3}
.type-27{background:linear-gradient(45deg,#8e49b1,#63c36f);color:#fff}

.type-chart{display:flex;flex-direction:column;gap:4px}
.type-chart .top p{position:relative;height:80px}
.type-chart .top .first{background:url(https://pokengine.b-cdn.net/images/emoji/2694.svg),url(https://pokengine.b-cdn.net/images/emoji/1f6e1.svg);background-size:40px;background-repeat:no-repeat;background-position:0 40px,40px 0}
.type-chart .top span{position:absolute;top:50%;left:50%;display:block;font-style:normal;text-align:center;transform:translateX(-50%) translateY(-50%) rotate(270deg)}
.type-chart .row{display:flex;gap:4px;margin:0 auto}
.type-chart .fade{opacity:0.1}
.type-chart .fade:hover{opacity:1}
.type-chart .type{width:40px;min-width:40px;height:40px;display: inline-flex;justify-content:center;align-items:center;margin:0;vertical-align:top}
.type-chart span{overflow:hidden}
.type-chart .mult{background:var(--gray1)}
.type-chart .first{width:80px}
.type-chart .mult-0{background:#676473;color:#fff}
.type-chart .mult-05{background:#f39090;color:#850505}
.type-chart .mult-2{background:#6dd775;color:#164511}

.type-calc{display:flex}
.type-calcs > div{width:50%}
.type-calc #type-list{width:146px;min-width:146px;padding-right:16px;border-right:1px solid var(--gray1)}
.type-calc #type-list .type{display:block;margin:0 0 0 auto;cursor:pointer;transition:all 0.1s linear}
.type-calc #type-list .type + .type{margin-top:4px}
.type-calc #type-list .type span{display:block;width:64px;text-align:center;margin:0 0 0 auto}
.type-calc #type-list .type.selected{width:120px;border-left:40px solid var(--gray5);border-bottom-left-radius:50%;border-top-left-radius:50%}
.type-calc #type-info{width:100%;padding-left:16px}
.type-calc #type-info img{vertical-align:bottom}
.type-calc #type-info .type{margin:2px}
.type-calc #type-info p + div{margin-top:16px}

.move-cat-0{background:#c46d65;color:#f5dc8f}
.move-cat-1{background:var(--gray5);color:#fff}
.move-cat-2{background:var(--gray3);color:#fff}

.item-cat{margin:0 1px;display:inline-block;padding:4px 8px;border-radius:2px;text-align:center}
td > .item-cat{width:100%}
.item-cat-0{background:#e9982c}
.item-cat-1{background:#d2d23e}
.item-cat-2{background:#97d444}
.item-cat-3{background:#40d474}
.item-cat-4{background:#3ac6c0}
.item-cat-5{background:#44a8dc}
.item-cat-6{background:#6c61e9;color:#fff}
.item-cat-7{background:#bf4396;color:#fff}

/* ACP */
.acp{display:flex;flex-wrap:wrap;gap:4px}
.acp div{display:inline-block;background:var(--gray1);border-radius:2px;padding:8px;white-space:nowrap;flex:1;max-width:100%}
.acp p,.acp b{display:block}
.acp p{margin:0}
.acp b{text-align:right;font-size:8pt;font-weight:normal;margin-bottom:8px;color:#66644e;min-width:100px}
.acp div > a{display:block;overflow:hidden;max-width:100%}
.acp-compile,.acp-updates,.acp-updates > div{display:inline-flex;flex-direction:column;gap:4px}
.acp-compile > div,.acp-updates div{flex:1;background:var(--gray1);border-radius:2px;padding:8px}
.acp-bans{display:flex;flex-wrap:wrap;gap:32px}
.acp-bans > div{display:inline-block;flex:1;white-space:nowrap}
.acp-error-container{max-width:100%;width:700px;margin:0 auto;text-align:left}
.acp-error{overflow:auto;background:#ff8f8f;border-radius:2px;padding:16px;margin:4px 0 0 0;vertical-align:top}
.acp-code{display:flex;flex-direction:column;gap:8px;width:100%;height:100%}
.acp-code .code{display:flex;gap:8px;height:100%;min-height:0}
.acp-code textarea{flex:1;height:100%;white-space:nowrap;resize:none}
.acp-code .code > pre{width:50%;overflow:auto;text-align:left;margin:0}

/* Autosuggest */
#autosuggest{position:fixed;left:0;top:0;z-index:2147483647}
.autosuggest{background:#fefefe;color:#000;border:1px solid var(--gray2);box-shadow:2px 2px 8px var(--gray75)}
.autosuggest span{width:100%;overflow:hidden;text-overflow:ellipsis}
.autosuggest span:hover{background:#91c9f7}
.autosuggest span.active{background:#91c9f7}

/* Table */
.light-table{width:100%;border-spacing:0 2px;text-align:left}
.light-table.small{width:auto;margin:0 auto}
.light-table tr{position:relative}
.light-table tr:hover td{background:rgba(0,0,0,0.05)}
.light-table td{background:var(--gray1);padding:4px;white-space:normal}
.light-table td:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px;padding-left:8px}
.light-table td:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;padding-right:8px}
.light-table td a{color:#000}
.light-table td img{vertical-align:middle}
.light-table td i:not(.normal){display:block}
.light-table tr.dark td{background:var(--gray2)}
.light-table .first{padding-left:8px}
.light-table .green{color:#01771b}
.light-table .light,.light-table td span a,.light-table td i:not(.normal),.forum .light{color:var(--gray5)}
.light-table td span a:hover{color:#000}
.light-table .small,.forum .small{width:1%;white-space:nowrap}
.light-table .right-border{border-right:1px solid var(--gray1);padding-right:4px}
.light-table .flavor{min-width:300px}

.light-table tr.dragging td{background:#ffb52e}

/* Forums */
.forum{width:100%;border-spacing:0}
.forum th,.forum .title{padding:8px;background:var(--gray4);color:#fff}
.forum th.small{font-weight:normal}
.forum td{padding:8px}
.forum td:nth-child(odd){background:var(--gray1);border-bottom:1px solid var(--bg)}
.forum td:nth-child(even){border-bottom:1px solid var(--gray1)}
.forum a:not(.post a){color:#000;text-decoration:none}
.forum a:hover{opacity:0.5}
.forum .last div{width:200px;overflow:hidden;text-overflow:ellipsis}
.forum .last img{vertical-align:middle;margin-right:4px}
.forum.post-container{border:1px solid var(--gray1);border-radius:2px;text-align:left}
.forum .time,.forum .side{background:var(--gray1);padding:8px}
.forum .time span,.forum .post small{color:var(--gray5)}
.forum .time div,.forum .side{display:inline-block;width:160px;overflow:hidden;text-overflow:ellipsis;vertical-align:top}
.forum .time div{width:144px;margin-right:16px;text-align:center}
.forum .time i{float:right;font-style:normal}
.forum .side{border-bottom-right-radius:2px;text-align:center;padding:0}
.forum .side small{display:inline-block;background:var(--bg);border-radius:2px;padding:4px;font-size:8pt;margin:0 8px 8px 8px}
.forum .avatar{padding:4px;margin:0 0 8px 0}
.forum .avatar div{width:80px;height:80px;background-position:center;background-repeat:no-repeat;margin:0 auto}
.forum .post{display:inline-block;width:calc(100% - 160px);padding:8px;word-wrap:break-word}
.forum .post small{display:block;margin-top:16px;text-align:right}
.forum .post iframe{border:0}
.forum .post img,.forum .post iframe{max-width:100%}
.forum .spoiler{display:inline-block;background:var(--gray1);border-radius:2px;padding:2px}
.forum .spoiler .tag{display:inline-block;background:#000;border-radius:2px;color:#fff;cursor:pointer}
.forum .spoiler span:not(.tag){display:none}
.forum .spoiler span{padding:4px}
.forum .edit{padding:0 4px 4px 0}
.forum input[type=text]{width:260px;margin:0 0 4px 0}
.forum #bbcode-buttons{text-align:left;margin-bottom:4px}
.forum #bbcode-buttons i{font-style:italic;color:#000}
.forum textarea{width:100%;height:250px;margin:0 0 2px 0}
.forum textarea#post{height:150px}
.forum .read,.forum .unread{display:block;width:31px;height:31px;background:url(https://pokengine.b-cdn.net/images/forums.webp);image-rendering:pixelated}
.forum .read{background-position:31px 0}
.forum .read.thread{background-position:31px -31px}
.forum .unread.thread{background-position:0 -31px}
.forum .read.locked.thread{background-position:31px -62px}
.forum .unread.locked.thread{background-position:0 -62px}

.quotee{display:inline-block;background:#fbd396;font-weight:bold;padding:4px 8px;border-top-left-radius:2px;border-top-right-radius:2px}
.quote{background:#fbd396;padding:8px;border-radius:2px;border-top-left-radius:0}
.quote > .quote-container{border:1px solid #b7873d;border-radius:2px}

/* Percent */
.percent-bar{display:flex;padding:4px;background:var(--gray1);border-radius:2px;text-align:left}
.percent-bar + .percent-bar{margin-top:4px}
.percent-bar *{vertical-align:top}
.percent-bar div{display:inline-block;flex:1;clear:both;height:24px;line-height:24px}
.percent-bar span,.percent-bar a{display:inline-block;text-align:center;height:24px;padding:0 4px;border-radius:2px;line-height:24px}
.percent-bar > a{background:#333;color:#fff;line-height:24px;margin-right:4px;text-decoration:none}
.percent-bar > a:hover{background:rgba(51,51,51,0.5)}
.percent-bar.small{padding:2px;font-size:8pt}
.percent-bar.small div{height:12px;line-height:12px}
.percent-bar.small span{height:12px;line-height:12px}

/* Search */
.search-help{margin:0 auto}
.search-help td{text-align:left}
td.search-keyword{font-weight:bold;text-align:right;white-space:nowrap;padding-right:8px}
#search-filter{margin-bottom:16px}
#search-options div input{margin:1px 0}
#search-options{margin-top:8px}

.search{position:relative}
.search input{padding-right:18px}
.search .clear{position:absolute;display:block;top:7px;right:5px;padding:2px 4px;color:#fff;background:#888;border-radius:2px;cursor:pointer}
.search .clear:hover{background:#aaa}
.search input:placeholder-shown + .clear{display:none}

.input-results{display:none;position:fixed;background:#fefefe;color:#000;border:1px solid var(--gray2);box-shadow:2px 2px 8px var(--gray75);padding:8px;text-align:left;z-index:2147483647;overflow:auto}

.data-content.bg{background:var(--gray1);border-radius:2px;padding:8px;}
.data-content .icon-container{display:inline-block;font-weight:normal;font-size:10pt;vertical-align:bottom}
.data-content .icon-container .icon{display:block;margin:0 auto}
.data-content .icon{vertical-align:bottom}
.data-content .prev-next{display:flex}
.data-content .prev-next > div{width:100%}
.data-content .prev-next a{color:#000}
.data-content .prev-next img{vertical-align:middle}

/* Dexes */
.block-container{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
.block-container.left{justify-content:left}
.block-container.height-48 .dex-block a{height:48px}
.block-container.height-128 .dex-block a{height:128px}

.dex-block{position:relative;display:inline-block;background:var(--gray25);border-radius:2px;text-align:center;vertical-align:top;overflow:hidden;font-size:8pt}
.dex-block:hover:not(.dragging){background:var(--gray1);text-decoration:none}
.dex-block > span{display:block;width:104px;background:var(--gray4);color:#fff;padding:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dex-block > span > .id{font-size:8pt;margin-right:4px;user-select:none;color:rgba(255,255,255,0.75)}
.dex-block > span.time{background:var(--gray1);color:#000}
.dex-block > span.uid{background:var(--gray1);color:#000;display:flex;padding:6px 3px}
.dex-block > span.uid > div:not(.dot-options){width:100%;flex:1}
.dex-block a{display:block;width:96px;height:96px;position:relative;margin:4px}
.dex-block a > canvas,.dex-block a > img{position:absolute;z-index:1;left:-100px;right:-100px;bottom:0;margin:0 auto;transition:2s bottom}
@supports (-moz-appearance: none){
.dex-block a > canvas,.dex-block a > img{left:50%;right:auto;margin:0;transform:translateX(-50%)}
}
.dex-block a > img.black{filter:brightness(0);left:auto;right:2px}
.dex-block a > img.height{left:2px;right:auto}
.dex-block img{visibility:hidden;position:relative;vertical-align:bottom}
.dex-block .new{position:absolute;right:0;top:0}
.dex-block.add,.light-table tr.add{background:#78c478}
.dex-block.add:hover:not(.dragging){background:rgba(120,196,120,0.5)}
.dex-block.private{opacity:0.5}
.dex-block.hidden{visibility:hidden}
.dex-block.removing:not(.dragging)::after,.light-table tr.removing:not(.dragging)::after{content:'X';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(229,24,24,0.75);border-radius:2px;z-index:2;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20pt}

.dex-block.type-0{background:#fff}
.dex-block.type-0:hover:not(.dragging){background:rgba(255,255,255,0.5)}
.dex-block.type-1{background:#e3e4c8}
.dex-block.type-1:hover:not(.dragging){background:rgba(227,228,200,0.5)}
.dex-block.type-2{background:#dbaeae}
.dex-block.type-2:hover:not(.dragging){background:#dbaeae80}
.dex-block.type-3{background:#dfd9f7}
.dex-block.type-3:hover:not(.dragging){background:rgba(223,217,247,0.5)}
.dex-block.type-4{background:#d2bdd7}
.dex-block.type-4:hover:not(.dragging){background:#d2bdd780}
.dex-block.type-5{background:#e9dcb4}
.dex-block.type-5:hover:not(.dragging){background:#e9dcb480}
.dex-block.type-6{background:#d1c69c}
.dex-block.type-6:hover:not(.dragging){background:#d1c69c80}
.dex-block.type-7{background:#e0e9b2}
.dex-block.type-7:hover:not(.dragging){background:rgba(224,233,178,0.5)}
.dex-block.type-8{background:#b6acbd}
.dex-block.type-8:hover:not(.dragging){background:rgba(182,172,189,0.5)}
.dex-block.type-9{background:#c8c8d3}
.dex-block.type-9:hover:not(.dragging){background:rgba(200,200,211,0.5)}
.dex-block.type-10{background:#d0d0d0}
.dex-block.type-10:hover:not(.dragging){background:rgba(208,208,208,0.5)}
.dex-block.type-11{background:#f9d6ca}
.dex-block.type-11:hover:not(.dragging){background:#f9d6ca80}
.dex-block.type-12{background:#c9e5f8}
.dex-block.type-12:hover:not(.dragging){background:rgba(201,229,248,0.5)}
.dex-block.type-13{background:#cbe4cb}
.dex-block.type-13:hover:not(.dragging){background:rgba(203,228,203,0.5)}
.dex-block.type-14{background:#f8ecab}
.dex-block.type-14:hover:not(.dragging){background:#f8ecab80}
.dex-block.type-15{background:#ecbbda}
.dex-block.type-15:hover:not(.dragging){background:#ecbbda80}
.dex-block.type-16{background:#e5f3fc}
.dex-block.type-16:hover:not(.dragging){background:rgba(229,243,252,0.5)}
.dex-block.type-17{background:#c3bcb8}
.dex-block.type-17:hover:not(.dragging){background:rgba(195,188,184,0.5)}
.dex-block.type-18{background:#c1edec}
.dex-block.type-18:hover:not(.dragging){background:c1edec80}
.dex-block.type-19{background:#f1f1d1}
.dex-block.type-19:hover:not(.dragging){background:rgba(241,241,209,0.5)}
.dex-block.type-20{background:#efced7}
.dex-block.type-20:hover:not(.dragging){background:efced780}
.dex-block.type-21{background:#c8dad5}
.dex-block.type-21:hover:not(.dragging){background:rgba(200,218,213,0.5)}
.dex-block.type-22{background:#d7caff}
.dex-block.type-22:hover:not(.dragging){background:rgba(215,202,255,0.5)}
.dex-block.type-23{background:#f3d0e2}
.dex-block.type-23:hover:not(.dragging){background:rgba(243,208,226,0.5)}
.dex-block.type-24{background:#dee1fd}
.dex-block.type-24:hover:not(.dragging){background:dee1fd80}
.dex-block.type-25{background:#9bacd0}
.dex-block.type-25:hover:not(.dragging){background:rgba(155,172,208,0.5)}
.dex-block.type-26{background:#c0ffbf}
.dex-block.type-26:hover:not(.dragging){background:rgba(192,255,191,0.5)}

.dex-block.dragging{background:#ffb52e}
.dex-block.dragging > span:first-child{background:#ffb52e;color:#000}
.dex-block.dragging > span > .id{color:var(--gray75)}

.dragging .dex-block,.dragging .light-table tr{cursor:move}
.dragging .dex-block a,.dragging .light-table a{cursor:move;pointer-events:none}

.floating{animation:floatY 4s infinite}
@keyframes floatY{
0%{bottom:var(--b)}
50%{bottom:var(--t)}
100%{bottom:var(--b)}
}

.collections .tab{position:relative;line-height:32px}
.collections .tab img{margin-right:8px}
.collections .tab:hover img{animation:flipY 1s}
.collections b{display:block;margin:16px 0 8px 0}
.collections .private{opacity:0.5}
.info2{background:#ffbf2f;padding:4px 8px;border-radius:2px}

.new{color:#fff;background:#22a958;padding:2px 3px;border-radius:2px}

.collection-types{display:flex;justify-content:center}
.collection-types > div:first-child{margin:0 16px 0 0}

.collection-podium{display:flex;justify-content:center;align-items:end;margin-top:8px}
.collection-podium > div > div{width:100px;padding-top:4px}
.collection-podium > div > a{position:relative;top:4px;display:block;width:100px}
.collection-podium span{display:inline-block;background:#000;max-width:90px;overflow:hidden;text-overflow:ellipsis;padding:2px 4px;border-radius:2px;color:#fff;vertical-align:bottom}
.collection-podium b{display:block;margin-bottom:4px}
.collection-podium .first{background:#ffe34d;border-top:12px solid #cdad00;height:90px}
.collection-podium .second{background:#d9d9d9;border-top:12px solid #ababab;height:75px}
.collection-podium .third{background:#dfac5f;border-top:12px solid #af874a;height:60px}
.collection-podium .purple{background:#dba7ff;border-top:12px solid #ab6fd5}
.collection-podium .orange{background:#ffb17d;border-top:12px solid #c57947}

@keyframes flipY{
from{transform:rotateY(0)}
to{transform:rotateY(360deg)}
}

#missing-search{width:260px;margin:8px 0}

.dex-icons{display:flex;margin-bottom:8px;align-items:center}
.dex-icons > div{flex:1}
.dex-icons img{margin:0 4px;vertical-align:middle}
.dex-icons a{color:#000}

.dex-name{display:inline-block}

.fav-button{display:inline-block}
.fav-button button{border:0;background:none;border-radius:2px;padding:4px;cursor:pointer}
.fav-button button:hover{background:var(--gray1)}
.fav-button img{opacity:0.5;vertical-align:middle}
.fav-button .faved img{opacity:1}

.ratings{position:relative;display:inline-block;color:#b1b1b1;font-size:28px;margin-left:16px;top:4px}
.ratings > .full-stars{position:absolute;left:0;top:0;overflow:hidden;color:#ffd72f}
.ratings > .pick-star{position:absolute;left:0;top:0;color:rgba(0,0,0,0)}
.ratings > .pick-star span{cursor:pointer;float:right}
.ratings > .pick-star span:hover:before,.ratings > .pick-star span:hover ~ span:before{content:"\2605";position:absolute;color:#e0894a}

.dex-images{display:flex;flex-wrap:wrap;gap:4px;margin-top:16px}
.dex-images .icon,.dex-images .overworld{width:calc(50% - 2px)}
.dex-images .front{width:calc(25% - 3px)}
.dex-images .front,.dex-images .overworld{margin-top:16px}
.dex-images p{display:block;background:var(--gray1);border-radius:2px;padding:4px;margin:0 0 16px 0}
.dex-images.female{margin-top:16px;background:#ffd9e7;border-radius:2px;padding:4px}

.dex-forms{display:flex;gap:4px}
.dex-forms:not(.dex-evos){flex-wrap:wrap}
.dex-forms a,.dex-forms p,.dex-evos .arrow{display:inline-flex;background:var(--gray25);border-radius:2px;padding:0 8px;height:40px;min-width:128px;align-items:center;margin:0 0 4px 0;vertical-align:top}
.dex-forms p.selected{background:var(--gray5);color:#fff}
.dex-forms img{margin-right:8px}
.dex-forms a{color:#000}
.dex-forms a:hover{text-decoration:none;background:var(--gray1)}

.dex-evos{display:block}
.dex-evos .arrow{position:relative;top:6px;background:var(--gray1);width:60px;height:28px;margin:0 12px 0 4px;justify-content:center;min-width:auto;padding:0 4px;cursor:pointer}
.dex-evos .arrow::before{content:'';display:block;width:8px;height:8px;position:absolute;right:-8px;top:calc(50% - 8px);border-left:var(--gray1) 8px solid;border-top:transparent 8px solid;border-bottom:transparent 8px solid}
.dex-evos .arrow i{font-style:normal;display:block;font-size:8pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dex-evos .arrow img{margin:0;vertical-align:bottom}
.dex-evos .mega{background:linear-gradient(60deg,rgba(200,74,60,0.75),rgba(228,141,88,0.75),rgba(228,225,97,0.75),rgba(159,221,104,0.75),rgba(116,141,209,0.75),rgba(145,122,203,0.75),rgba(188,123,202,0.75))}
.dex-evos p.mega{background:linear-gradient(60deg,#c84a3c,#e48d58,#e4e161,#9fdd68,#748dd1,#917acb,#bc7bca);color:#fff}
.dex-evos a.mega:hover{background:linear-gradient(60deg,rgba(200,74,60,0.4),rgba(228,141,88,0.4),rgba(228,225,97,0.4),rgba(159,221,104,0.4),rgba(116,141,209,0.4),rgba(145,122,203,0.4),rgba(188,123,202,0.4))}
.dex-evos .pre-evos{text-align:right}
.dex-evos .post-evos{text-align:left}
.dex-evos .line{display:inline-block;vertical-align:top}

#type-bg{position:relative;width:200px;height:128px;background:var(--gray1)}

.dex-stats{position:relative;width:256px;display:flex;flex-wrap:wrap;gap:2px}
.dex-stat-container,.dex-stat-stat{display:inline-block;position:relative;background:var(--gray1);border-radius:2px;width:41px;height:100px;vertical-align:top;padding:2px}
.dex-stat{display:block;position:absolute;bottom:2px;font-size:8pt;border-radius:2px;width:36px;overflow:hidden;text-overflow:ellipsis;padding:4px 2px;max-height:96px}
.dex-stat-container input[id^=base_]{width:100%;height:100%;padding:4px 0;text-align:center;margin:0;border:0}
.dex-stat-solo{display:inline-block;padding:4px 8px;border-radius:2px;font-size:8pt;margin-left:4px}
.stat-hp{background:#ffc3cd}
.stat-att{background:#f78585}
.stat-def{background:#9fb6e0}
.stat-spatt{background:#b99ed6}
.stat-spdef{background:#89dcdc}
.stat-spe{background:#a0e69c}
.dex-stat-name{display:inline-block;position:relative;font-size:8pt;background:#333;border-radius:2px;width:41px;color:#fff;padding:8px 2px 4px 2px;text-align:center}
.dex-stat-name span{position:absolute;left:2px;top:-2px}
.dex-stat-name.hp{color:#ffc3cd}
.dex-stat-name.att{color:#f78585}
.dex-stat-name.def{color:#9fb6e0}
.dex-stat-name.spatt{color:#b99ed6}
.dex-stat-name.spdef{color:#89dcdc}
.dex-stat-name.spe{color:#a0e69c}
.dex-stat-total-container{background:var(--gray1);border-radius:2px;width:256px;padding:4px;margin-top:4px;font-size:8pt}
.dex-stat-total{background:#feffa7;border-radius:2px;max-width:250px;padding:4px 2px}

.dex-items > *{vertical-align:middle}
.dex-items #item2,.dex-items #drop2{margin:1px 0}

.dex-abilities #ability2{margin:1px 0}
.dex-abilities .ability{width:1%;white-space:nowrap;text-align:center}

#evo-editor{display:flex;flex-direction:column;gap:4px}
#evo-editor .evo-extra{margin-left:2px}
#evo-add{margin:4px 0 0 0}

.dex-moves{display:inline-block;vertical-align:top;margin:4px}
.dex-moves table{width:min-content;border-spacing:2px;text-align:left;margin:4px auto 0 auto}
.dex-moves .level{width:1%;text-align:center;background:#333;border-radius:2px;color:#fff;padding:4px 8px}
.dex-moves .move{background:var(--gray1);border-radius:2px;padding:4px 8px;white-space:nowrap}
.dex-moves .move a{color:#000}
.dex-moves .move span{font-size:8pt;color:#f78585;padding-left:8px}
.dex-moves .move.new{background:#97e28e}
.dex-moves .type{display:table-cell}
.dex-moves .red{display:table-cell;border-radius:2px;width:1%;padding:4px 8px;vertical-align:middle}
.dex-moves > .tab{width:100%;margin:0}

.quick-edit .copy{margin:0;margin-top:4px}

.shiny-editor .panel:last-child{max-width:none}
.shiny-editor img,.shiny-editor canvas{max-width:100%;vertical-align:middle}
.shiny-editor .normals{display:inline-block;background:var(--gray1);border-radius:2px;padding:8px;margin-bottom:8px}
.shiny-editor .normals *:nth-child(2){margin-left:8px}
.shiny-editor #color-code{margin:8px 0}
.shiny-editor .picker{display:inline-block;background:var(--gray1);border-radius:2px;padding:8px;margin:8px 0;user-events:none}
.shiny-editor #color-code{width:100%}
.shiny-editor #colors{margin-bottom:8px}
.shiny-editor #colors > *{vertical-align:middle}
.shiny-editor #remove-colors,.shiny-editor #hue-container{margin-bottom:8px}
.shiny-editor #hue-container input[type=range]{width:100%}
.shiny-editor #upload{margin-top:8px}
.shiny-editor #upload-error{display:none;margin-top:8px}

/* Regions */
.regions b{display:block;margin:16px 0 8px 0}
.regions .private{opacity:0.5}
.region-block{position:relative;display:inline-block;width:180px;height:80px;border-radius:4px;margin:4px;background-color:#000;background-position:center center;background-repeat:no-repeat;image-rendering:pixelated}
.region-block:hover{opacity:0.5}
.region-block span{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%);color:#000;text-decoration:none;background:#fff;padding:8px 16px;white-space:nowrap;border-radius:2px;max-width:170px;text-overflow:ellipsis;overflow:hidden}

.region{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.region > div{vertical-align:top;min-width:260px}
.region #map{position:relative}
.region #map-info{flex:1;display:none}
.region .map{position:relative;display:inline-block;background:var(--gray1);padding:4px;border-radius:2px}
.region #user,.region #selector{display:none;position:absolute}
.region #locations{display:none;margin-top:16px}
.region #townmap,#region-versions-text #versions,#region-custom-stats,#region-tm-list{height:200px;margin-top:8px}
.region .light-container-title{margin:0}
.region #map-flavor2{transition:0.5s background}
.region #map-flavor2.saved{background:#2f8742}
.region #map-encounters{margin-top:16px}
.region #map-encounters a,.region #map-encounters p{position:relative;display:inline-block;width:96px;height:96px;margin:2px;background:var(--gray2);border-radius:2px}
.region #map-encounters a:hover{background:var(--gray1)}
.region #map-encounters img{position:absolute;display:block;margin:auto;left:0;right:0;top:0;bottom:0;vertical-align:top}
.region #map-encounters .not-caught{filter:brightness(0);opacity:0.5}
.region #map-encounters a:before{width:200px;height:200px;background:black;content:' ';border-radius:50%}

#region-versions{display:inline-flex;justify-content:center;gap:8px;align-items:end}
#region-versions.editing{width:356px;height:288px;align-items:center}
#region-versions img{display:block;margin:0 auto 8px auto}
#region-versions-text{display:none;width:300px}

.upload-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.upload-buttons img{vertical-align:top;margin-right:4px}

#stat-data{display:flex;flex-wrap:wrap;justify-content:center;gap:32px}
#stat-data > div{max-width:100%;min-width:300px}

.tm-list{margin:0 auto}
.tm-list td{padding:8px;text-align:left}
.tm-list .num{background:var(--gray1);border-radius:2px}
.tm-list .num.tutor{background:#d1bbab}
.tm-list .move a{font-weight:bold}
.tm-list a{color:#000}
.tm-list .move span{white-space:nowrap}
.tm-list .owned{color:#fff;background:#6fa922;padding:2px 4px;border-radius:2px}

/* Move Animator */
#me-display{display:inline-block;white-space:normal;max-width:100%}
#me-display > div,#animator-play,#me-display .game > img,#me-display input[type=file]{display:none}
#me-display .game{position:relative;display:inline-block;width:356px;max-width:100%;height:288px;background:#000;margin:8px 0;overflow:hidden}
#me-display .game > div{width:100%;height:100%}
#me-display .game > *{position:absolute;left:0;top:0}
#me-display input[type=text],#me-display input[type=number],#me-display input[type=range]{width:356px;max-width:100%}
#me-display .wrapper{display:inline-block;width:calc(356px - 32px);margin:0 8px;vertical-align:top}
#me-display .wrapper.disabled{opacity:0.5;pointer-events:none}
#me-display .light-container-title div.add{background:#2f8742;cursor:pointer;padding:1px 6px;vertical-align:bottom}
#me-display .light-container .wrapper{width:calc(50% - 4px);margin:0 4px 0 0}
#me-display .light-container .wrapper:nth-child(even){margin:0 0 0 4px}
#me-display .tab img{vertical-align:top;transition:none;width:19px;height:19px}
#me-display .tab.disabled img{opacity:0.2}
#me-display .saved{display:none;margin-top:16px;border-radius:2px}

/* Dev */
.dev-requests{display:flex;gap:4px;flex-direction:column}
.dev-requests > div{width:100%;background:var(--gray1);border-radius:2px;text-align:left;padding:8px}

.dev-request div.tab{width:100%;margin:0 0 8px 0}
.dev-request div.tab b{display:block;margin-bottom:8px}
.dev-request img{margin:8px 0}

/* Profile */
.profile{display:flex;flex-wrap:wrap;gap:4px;text-align:left}
.profile > div{background:var(--gray1);border-radius:2px;padding:8px;flex:1;min-width:100%}
.profile input{margin:2px 0}
.profile .avatar{padding:4px;flex:0;min-width:auto;max-width:88px;text-align:center}
.profile .avatar .tab{max-width:calc(100% - 4px);overflow:hidden;text-overflow:ellipsis}
.profile .avatar div:first-child{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;width:80px;height:80px;background-position:center;background-repeat:no-repeat}
.profile .share-img{min-width:calc(100% - 96px)}
.profile .social .tab{padding:4px}
.profile .social img{width:32px;vertical-align:middle}
.profile .social input{vertical-align:middle}

/* Mon buttons */
.mon-buttons{position:relative}
.mon-buttons > .trainer{display:inline-block;padding:4px;width:40px;height:40px;vertical-align:middle;margin:2px}
.mon-buttons > .tab{display:inline-flex;align-items:flex-end;justify-content:center;padding:4px;width:40px;height:40px;vertical-align:middle}
.mon-buttons.size-96 > .tab{width:104px;height:104px}

.summary{display:none;margin-top:8px}
.summary > div{display:inline-flex;gap:4px;flex-wrap:wrap;justify-content:center;background:var(--gray1);border-radius:2px;padding:8px}
.summary > div > div{width:260px}
.summary .mon{position:relative;display:inline-block;width:96px;height:96px}
.summary .mon > *{position:absolute;left:0;right:0;bottom:0px;margin:0 auto;transition:2s bottom}
.summary .shiny{color:#e44848}
.summary .shiny .rainbow{background:linear-gradient(45deg,red 25%,yellow 45%,green 55%,indigo 60%);-webkit-background-clip:text;color:transparent}
.summary .male{color:#6f99da}
.summary .female{color:#d871a4}
.summary .exp{display:inline-block;width:75%;background:var(--gray1);border-radius:2px;overflow:hidden;margin:8px 0 16px 0}
.summary .exp div{background:#75a7e3;height:4px}
.summary .panel{margin:0 0 16px 0;text-align:left}
.summary .stat-row{display:flex;gap:4px;margin-bottom:4px}
.summary .stat-row:nth-child(n+7){margin:4px 0 0 0}
.summary .stat-row.gap{margin-top:16px}
.summary .dex-stat-container{display:inline-flex;align-items:center;justify-content:center;height:auto}
.summary .real-stat{flex:1}
.summary .raise{color:#038200}
.summary .lower{color:#b70000}
.summary .move{display:inline-block;background:var(--gray1);border-radius:2px;padding:4px 8px;flex:1;text-align:left}

/* Achievements */
.achievements a{text-decoration:none;color:#000}
.achievements .percent-bar.small{width:50%}
.achievements.global .text{padding:16px 4px 4px 4px}

.achievement{position:relative;display:flex;gap:4px;min-height:72px;padding:4px;background:var(--gray25);border-radius:2px;margin-top:4px;text-align:left}
.achievement:hover,div.achievement{background:var(--gray1)}
.achievement > *{z-index:1}
.achievement .bar{position:absolute;left:0;top:0;background:var(--gray1);height:100%;z-index:0}
.achievement .img{width:64px;height:64px;background:var(--gray1);border-radius:2px;image-rendering:pixelated;text-align:center;line-height:64px;vertical-align:top}
.achievement .disabled{filter:grayscale(100%);opacity:0.25}
.achievement .text{flex:1;padding:4px}
.achievement .text i{color:var(--gray5)}
.achievement .right{font-size:8pt}
.achievement .amount{line-height:64px}

/* Shop */
.shop{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
.shop > div{width:300px;background:var(--gray1);border-radius:2px;padding:8px;vertical-align:top}
.shop > div > b{display:inline-block;font-size:14pt;margin-bottom:8px;border-bottom:1px solid var(--gray1);padding-bottom:4px}
.shop > div ul{text-align:left}
.shop .current{display:inline-block;background:var(--gray1);border-radius:2px;padding:4px 8px;margin-top:16px}
.shop .price-container{margin-top:16px;white-space:nowrap}
.shop .price{position:relative;display:inline-flex;background:var(--gray1);border-radius:2px;color:#fff;padding:2px;vertical-align:middle;margin:2px 10px 2px 2px;transition:1s transform;transform-origin:bottom}
.shop .price.ani{animation:shopani 5s linear infinite}
.shop .price::before{content:'';display:block;width:8px;height:8px;position:absolute;right:-8px;top:calc(50% - 4px);border-left:var(--gray1) 8px solid;border-top:transparent 4px solid;border-bottom:transparent 4px solid}
.shop .price > span{display:inline-flex;padding:4px 8px;background:var(--gray75);flex-direction:column;justify-content:center}
.shop .price .discount{background:#689340;color:greenyellow;background:#a4d17a;color:#165606;font-size:14pt}
.shop .price s{display:block;opacity:0.5}
.shop .price b{font-size:10pt}
.shop .price span span > b{font-size:20pt}
@keyframes shopani{
0%{transform:none}
50%{transform:scale(1.1) rotate(2deg)}
100%{transform:none}
}

/* Legal */
.legal-links{display:flex;flex-wrap:wrap;justify-content:center;text-align:left;gap:16px}
.legal-links a{width:350px;background:var(--gray1);border-radius:2px;text-decoration:none;padding:8px;box-shadow:0 1px 2px var(--gray4);transition:all 0.1s cubic-bezier(0.4,0,0.2,1)}
.legal-links .page{display:block;text-align:center}
.legal-links a:hover{ackground:rgba(0,0,0,0.05);box-shadow:0 4px 16px var(--gray4);transform:translateY(-2px)}
.legal-links b{display:inline-block;font-size:14pt;margin-bottom:8px;border-bottom:1px solid var(--gray1);padding-bottom:4px}
.legal-links span{display:block;padding-top:16px;margin-top:auto}
.legal-links a:hover span{color:#0a6ab3}

/* Conversations */
.conversations{display:flex;flex-direction:column;gap:16px;height:100%}
.conversation-content{display:flex;gap:4px;height:100%;overflow:hidden}

.text-input{display:flex;gap:4px;align-items:center;padding:8px;border-radius:2px;border:1px solid var(--gray2);background:#fff}
.text-input + .text-input{margin-top:4px}
.text-input > div{color:var(--gray5);flex:none}
.text-input input{width:100%;padding:4px;border:0}

#conversations-container{width:100%;overflow-y:auto;padding-right:4px}
#conversations-top{display:flex;gap:8px;margin-bottom:8px}
#conversations-top .tab{margin:auto 0;min-width:auto}
#conversations > div{display:flex;gap:8px;background:var(--gray1);border-radius:2px;padding:8px;cursor:pointer;text-align:left;white-space:nowrap}
#conversations > div:hover:not(.selected){background:rgba(0,0,0,0.05)}
#conversations > div.selected{background:#176db7bf;color:#fff}
#conversations > div:not(:first-child){margin-top:2px}
#conversations img.pfp{width:32px;height:32px;border-radius:100%}
#conversations > div > div.width-full{overflow:hidden}
#conversations > div > div.width-full > span{font-weight:bold}
#conversations > div > div.width-full > div{overflow:hidden;text-overflow:ellipsis}
#conversations > div > div:not(.width-full){display:flex;align-items:center;gap:8px}
#conversations .unread{padding:4px 8px;background:#e13636;border-radius:100%;color:#fff;min-width:20px;font-size:8pt;text-align:center}

#dm-loading,#conversation,#user-list,#new-conversation{display:none}
#dm-loading.show{display:block;max-width:704px;min-width:704px;border-left:1px solid var(--gray1)}
#conversation.show{display:block;max-width:550px;min-width:550px;border-left:1px solid var(--gray1);border-right:1px solid var(--gray1)}

#user-list.show{display:block;max-width:150px;min-width:150px}
#user-list > div{background:var(--gray1);border-radius:2px;padding:4px;margin-bottom:8px}
#user-list > a{display:block;padding:4px;border-radius:2px;text-decoration:none;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#user-list > a:hover{background:var(--gray1)}
#user-list img.pfp{width:32px;height:32px;border-radius:100%;vertical-align:middle;margin-right:8px}

#new-conversation.show{display:block;max-width:704px;min-width:704px;padding-left:8px;border-left:1px solid var(--gray1)}
#new-conversation textarea{width:100%;height:100px;margin:4px 0}

.dm{display:flex;flex-direction:column;gap:16px;height:100%;margin:0 4px 0 8px}
.dm .messages{height:100%;overflow-y:auto;padding-right:4px}
.dm .user-container{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:32px}
.dm .user-container.you{justify-content:flex-end}
.dm .user-container img.pfp{width:32px;height:32px;border-radius:100%}
.dm .user-container .name{flex-basis:100%;text-align:left}
.dm .user-container.you .name{text-align:right}
.dm .message-container{display:flex;flex-direction:column;gap:2px;max-width:50%}
.dm .you .message-container{align-items:flex-end}
.dm .message{background:#555;color:#fff;padding:8px 16px;border-radius:16px;width:fit-content;text-align:left}
.dm .message a{color:#63bcff}
.dm .message .time{text-align:right;opacity:0.5;font-size:8pt;margin-top:8px}
.dm .you .message{background:linear-gradient(180deg,#1c1649 0%,#9f6fdf 51%,#cd7df1 92%) no-repeat center;background-attachment:fixed}
.dm #reply{resize:none}

/* Events */
.event-team{background:#000;color:#fff;border-radius:8px;padding:8px}
.event-team img{vertical-align:middle}
.event-scores tr:first-child{font-size:120%;background:#fff4b7}
.event-scores tr:first-child td:first-child{font-weight:bold;color:#bf8f00}
.event-scores tr:nth-child(2){font-size:110%;background:#e4f3ff}
.event-scores tr:nth-child(2) td:first-child{font-weight:bold;color:#0087b1}
.event-scores tr:nth-child(3){font-size:100%;background:#ffe3e3}
.event-scores tr:nth-child(3) td:first-child{font-weight:bold;color:#d37777}
.event-alert{background:#ffd438;border-radius:2px;padding:16px}

/* Cookies */
.cookies{position:fixed;left:32px;right:32px;bottom:8px;top:auto;background:#f8ffda;border-radius:2px;padding:24px;box-shadow:0 0 24px #000;display:flex;align-items:center;gap:8px;z-index:1000}
.cookies form{margin-left:24px}

/* Show Content */
.show-content{display:none}

/* Overwrite */
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.justify{text-align:justify}

.width-half{width:50%}
.width-80p{width:80%}
.width-full{width:100%}
.width-double{width:200%}
.width-1{width:1px}
.width-80{width:80px}
.width-100{width:100px}
.width-200{width:200px}

.nowrap{white-space:nowrap}

.pad-0{padding:0 !important}
.pad-6{padding:6px !important}
.pad-8{padding:8px !important}

.mar-0{margin:0}
.mar-1{margin:1px}
.mar-2{margin:2px}
.mar-4{margin:4px}
.mar-8{margin:8px}
.mar-16{margin:16px}
.mar-8-0{margin:8px 0}
.mar-1-0{margin:1px 0}
.mar-2-0{margin:2px 0}
.mar-16-0{margin:16px 0}
.martop-1{margin-top:1px}
.martop-4{margin-top:4px}
.martop-8{margin-top:8px}
.martop-16{margin-top:16px}
.martop-24{margin-top:24px}
.martop-32{margin-top:32px}
.marbot-4{margin-bottom:4px}
.marbot-8{margin-bottom:8px}
.marbot-16{margin-bottom:16px}
.marbot-24{margin-bottom:24px}
.marbot-32{margin-bottom:32px}
.marleft-2{margin-left:2px}
.zero-auto{margin:0 auto}

.font-small{font-size:8pt}
.font-mid{font-size:14pt}
.font-big{font-size:20pt}
.font-bold{font-weight:bold}
.font-red{color:#e93535}

.block{display:block}
.inline-block{display:inline-block}
.none{display:none}
.invisible{visibility:hidden}
.visible{visibility:visible}

.nowrap{white-space:nowrap}

.no-overflow{overflow:hidden}

.relative{position:relative}

.opacity-half{opacity:0.5}

.float-right{float:right}