*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:13px Arial,sans-serif;color:#d9d4c8;background:#101114 url(skin/Back.png) repeat}button,input,select{font:12px Arial,sans-serif}button{cursor:pointer;color:#d7cfb3;border:1px solid #595747;border-bottom-color:#24251e;background:#27272b url(skin/Btn_M.png) repeat-x center center;padding:9px 13px}button:hover,button.selected{color:#ffe393;border-color:#b99845;background-color:#35301f}input,select{color:#e8ddbc;background:#0e1011;border:1px solid #6b5c37;padding:7px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Georgia,serif;color:#e6c876;font-weight:normal}h1{font-size:29px}h2{font-size:25px;margin:0 0 10px}h3{font-size:19px;margin:0 0 8px}p{line-height:1.6}small{font-size:10px;color:#bbaa7a}#book{position:relative;max-width:1110px;min-height:650px;margin:12px auto;border:5px ridge #686760;background:#16171a url(skin/Back.png) repeat;padding:19px 24px 12px}#masthead{height:112px;border-bottom:1px solid #6b5a35;padding:0 10px}#masthead>img{float:left;width:160px;height:102px;object-fit:contain}.heading{padding:18px 0 0 184px}.heading small{letter-spacing:3px}.heading p{color:#a49e8c;margin-top:5px}.corner{position:absolute;width:42px;height:32px;z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%}.tl{left:-5px;top:-5px;background-image:url(skin/Frame_TL.png)}.tr{right:-5px;top:-5px;background-image:url(skin/Frame_TR.png)}.bl{left:-5px;bottom:-5px;background-image:url(skin/Frame_BL.png)}.br{right:-5px;bottom:-5px;background-image:url(skin/Frame_BR.png)}#nav{padding:13px 0 11px;text-align:center;border-bottom:1px solid #36352d}#nav button{margin:0 3px 3px;padding:10px 16px;min-width:91px}#toolbar{height:53px;padding:11px 0}#trail{font:11px Georgia,serif;color:#baa164;letter-spacing:1px}#search{float:right;width:225px}#total{float:right;font-size:11px;color:#969388;margin:9px 12px}#content{min-height:390px}.panel{background:#101213;border:1px solid #4c4839;padding:17px;margin-bottom:13px}.intro{padding:21px 25px;border:1px solid #7d6740;background:#131515}.intro p{max-width:660px;color:#c2baab}.gold{color:#f2d282}.green{color:#4cdb94}.blue{color:#82bfea}.muted{color:#a7a18e}.hint{font-size:12px;color:#aaa28d;margin:9px 0;line-height:1.6}.warning{border-left:3px solid #b58e43;background:#282319;color:#ddc995;padding:10px 13px;font-size:12px;line-height:1.6;margin:12px 0}.ribbon{display:inline-block;margin:8px 6px 8px 0;padding:5px 9px;color:#e4cc88;border:1px solid #675730;background:#181a17}.tiles{margin:15px -5px 0;overflow:hidden}.tile{float:left;width:32.3%;margin:0 .5% 12px;min-height:145px;padding:20px 19px;border:1px solid #6a5938;background:#101315;cursor:pointer}.tile:hover{border-color:#d2ad57}.tile strong{display:block;color:#e4ce92;font:21px Georgia,serif;margin-bottom:9px}.tile p{font-size:12px;color:#b0ab9b}.filters{margin:0 0 12px;line-height:38px}.filters button{padding:6px 10px;margin:0 3px 3px 0;font-size:11px}.grid{overflow:hidden;margin:0 -5px}.card{display:inline-block;vertical-align:top;width:24%;margin:0 .5% 10px;padding:11px 10px;border:1px solid #4a4432;background:#111416;cursor:pointer;min-height:139px;text-align:center}.card:hover{border-color:#ba9849;background:#1c1d19}.pic{height:80px;line-height:80px;background:#0b0e10;border:1px solid #282d2c;margin-bottom:9px}.pic img{max-width:92%;max-height:74px;vertical-align:middle}.card strong{font:13px Georgia,serif;color:#ddc381;display:block;min-height:30px}.card .meta{color:#a5a091;font-size:11px;line-height:1.5}.no-art{font:22px Georgia,serif;color:#80724e}.pager{text-align:center;margin:10px 0}.pager button{margin:0 7px}.pager span{color:#b7a779;font-size:11px}table{width:100%;border-collapse:collapse;background:#0f1213;font-size:12px}th{text-align:left;color:#dfc477;background:#24251e;font-weight:normal;padding:10px}td{padding:10px;border-bottom:1px solid #2e3029;line-height:1.5;vertical-align:top}tbody tr:hover{background:#1d211e}.source{font-size:10px;color:#8b897b;display:block;margin-top:5px;word-break:break-all}.scroll{overflow-x:auto}#foot{clear:both;border-top:1px solid #665536;padding-top:12px;color:#a18e5e;letter-spacing:1px;font-size:10px;margin-top:18px}#foot span{float:right;color:#8c8b7c;letter-spacing:0}#shade{display:none;position:fixed;z-index:20;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);overflow:auto;padding:25px 12px}#detail{position:relative;margin:0 auto;width:780px;max-width:100%;border:5px ridge #7b7766;background:#16191b url(skin/Back.png) repeat;padding:25px}#detail-close{position:absolute;right:6px;top:5px;color:#f7d373;padding:4px 8px}#detail-body{padding-top:8px}.item-top{min-height:130px;padding:10px 0 20px;border-bottom:1px solid #615236}.item-top .pic{float:left;width:120px;height:112px;line-height:110px;margin-right:22px}.item-top .pic img{max-height:103px}.item-top h2{padding-top:15px}.detail-cols{display:table;width:100%;margin-top:17px}.detail-col{display:table-cell;width:50%;padding-right:15px;vertical-align:top}.detail-col+ .detail-col{padding-left:15px;padding-right:0;border-left:1px solid #4b4734}.req-label{color:#9dc8e1}.req-number{color:#f6df94;font-size:15px}.tabs-line{margin-bottom:12px}.tabs-line label{display:inline-block;margin:0 12px 8px 0}.empty{padding:30px;text-align:center;color:#a39a80}.thumb{width:50px;height:50px;object-fit:contain;float:left;margin-right:10px}.sectiontitle{margin:14px 0 9px}.link{color:#d8bd74;cursor:pointer;text-decoration:underline}.currency{font:19px Georgia,serif;color:#e6ca7f}.coinbox{display:inline-block;vertical-align:top;width:31%;padding:17px;border:1px solid #665837;margin:0 1% 15px 0;background:#111617}.coinbox p{color:#aca694;margin-top:7px;font-size:12px}.counts{color:#b4a171;font-size:11px}.tag{display:inline-block;padding:2px 6px;border:1px solid #605032;font-size:10px;color:#cab876;margin:0 5px 4px 0}@media(max-width:800px){#book{margin:0;padding:12px;min-height:100vh}.heading{padding-left:135px}#masthead>img{width:115px}#nav button{min-width:0;margin:2px;padding:8px 10px}.card{width:32.3%}.heading p{font-size:11px}.tile{width:49%}#search{width:180px}.detail-col{display:block;width:100%;padding:0!important;border:0!important;margin-top:15px}.detail-cols{display:block}.coinbox{width:31%}}@media(max-width:520px){.card{width:49%}.heading h1{font-size:23px}.heading small{letter-spacing:1px}#toolbar{height:82px}#search{float:none;display:block;width:100%;margin-top:8px}#total{margin-top:-20px}.tile{width:99%}.coinbox{width:99%}#foot span{float:none;display:block;margin-top:7px}}
.tr{background-image:url(skin/Frame_TL.png);-webkit-transform:scaleX(-1);transform:scaleX(-1)}

.pet-grid .pic{height:155px}.pet-grid .pic img{max-height:150px;max-width:95%;width:auto;image-rendering:auto}.pet-card{min-height:285px}.pet-top .pic{height:190px;width:210px}.pet-top .pic img{max-height:185px;max-width:200px;width:auto}

.drop-thumb{width:32px;height:36px;object-fit:contain;vertical-align:middle;margin-right:9px}

.achievement-summary{border:1px solid #806331;background:#14140f;padding:14px 18px;margin:16px 0}.achievement-summary h3{margin:0 0 8px}.achievement-summary p{margin:8px 0}