
html,body{width:100%;height:100%;min-height:0;overflow:hidden;background:#121313;font:14px/1.45 Arial,sans-serif;color:#d9d5c9}button,input,select{font:13px Arial,sans-serif}#book{position:absolute;top:0;right:0;bottom:0;left:0;max-width:none;width:auto;height:auto;min-height:0;margin:0;padding:0;border:3px ridge #68645a;background:#17191a url(skin/Back.png) repeat;overflow:hidden}#masthead{position:absolute;top:0;left:10px;right:10px;height:65px;padding:0;border-bottom:1px solid #6c5d3d;background:#101313 url(skin/Frame_Header.png) repeat-x center top}#masthead>img{position:absolute;left:5px;top:4px;width:100px;height:54px;float:none;object-fit:contain}.heading{padding:10px 0 0 114px}.heading small{font:9px Arial,sans-serif;letter-spacing:2px;color:#a9915d}.heading h1{font:23px Georgia,serif;margin:0;line-height:27px}.journal-edition{position:absolute;right:10px;top:25px;font:10px Georgia,serif;color:#a99469;letter-spacing:2px}#nav{position:absolute;left:9px;top:75px;bottom:12px;width:139px;margin:0;padding:0 8px 0 0;text-align:left;border:0;border-right:1px solid #655739;overflow:auto}#nav button{position:relative;display:block;width:100%;min-width:0;margin:0 0 5px;padding:8px 6px;height:39px;border:1px solid #575448;box-shadow:inset 0 1px #454643;background:#26282b url(skin/Btn_M.png) repeat-x center;color:#c8c4b5;text-align:left;font-size:13px}#nav button img{width:22px;height:22px;vertical-align:middle;margin-right:7px;object-fit:contain}#nav button.selected{color:#f9d477;border-color:#b39858;background-color:#383124;box-shadow:inset 3px 0 #dbbd6b}#nav button:hover{border-color:#baa266;color:#f5dfa1}#journal-main{position:absolute;top:73px;left:161px;right:12px;bottom:10px;overflow:hidden}#toolbar{position:absolute;top:0;left:0;right:0;height:43px;padding:5px 0;border-bottom:1px solid #534a36;background:#17191a}#trail{display:inline-block;padding-top:8px;letter-spacing:1px;font:11px Georgia,serif;color:#cfb877}#search{float:right;width:49%;height:31px;padding:6px 9px;background:#0c1010;border-color:#5d543d;font-size:13px}#total{display:none}#journal-scroll{position:absolute;top:50px;left:0;right:0;bottom:0;overflow:auto;padding:0 7px 10px 0}#content{min-height:0}h2{font-size:23px;line-height:1.2;margin-bottom:10px}h3{font-size:19px}.hint{font-size:13px;line-height:1.5;margin:8px 0 13px}.meta{font-size:13px;line-height:1.4}.filters{line-height:normal;margin-bottom:12px}.filters button{font-size:12px;margin:0 5px 6px 0;padding:7px 9px}.grid{margin:0 -3px}.card{width:48.5%;margin:0 .6% 10px;padding:10px;min-height:175px;border:1px solid #65583a;background:#111617 url(skin/Back.png) repeat;box-shadow:inset 0 0 0 3px #15191a}.card strong{font:17px Georgia,serif;color:#e7d5a5}.pic{height:98px;line-height:98px;margin-bottom:8px;background:#0e1212;border:1px solid #353d38}.pic img{max-height:94px;max-width:95%}.pet-grid .pic{height:115px;line-height:115px}.pet-grid .pic img{max-height:110px}.pet-card{min-height:245px}.tiles{margin:9px -3px 0}.tile{float:none;display:inline-block;vertical-align:top;width:48.5%;margin:0 .6% 9px;padding:13px;min-height:102px;background:#121718 url(skin/Back.png) repeat;border-color:#655638}.tile strong{font-size:18px;margin-bottom:5px}.tile p{font-size:13px;line-height:1.45}.intro{padding:12px;margin-bottom:12px}.journal-welcome{padding:2px 0 6px}.journal-welcome h2{font-size:20px;margin:0 0 4px}.journal-welcome p{color:#aaa494;font-size:13px}.panel{padding:13px}table{font-size:13px;line-height:1.45}th,td{padding:8px 7px}#foot{font-size:10px;padding:14px 0 4px;margin-top:12px}.coinbox{display:block;width:100%;margin:0 0 10px;padding:13px}.coinbox p{font-size:13px}.detail-cols,.detail-col{display:block;width:100%;padding:0!important;border:0!important}.detail-col{margin:15px 0}.item-top .pic{float:left;width:120px;height:115px;margin:0 15px 8px 0}.item-top{min-height:125px}.item-top .pic img{max-height:110px;max-width:115px}.pet-top .pic{width:135px}.sectiontitle{margin-top:14px}#shade{display:none;position:absolute;top:48px;left:0;right:0;bottom:0;z-index:10;padding:0;margin:0;background:#17191a url(skin/Back.png) repeat;overflow:hidden}#detail{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;max-width:none;min-height:0;margin:0;padding:0;border:0;background:none;overflow:hidden;box-shadow:none}#detail-close{position:absolute;left:0;top:1px;width:auto;height:31px;padding:5px 12px;font-size:12px;background:#28282b url(skin/Btn_M.png) repeat-x center;border:1px solid #8a754a;color:#e3c983;z-index:2}#detail-body{position:absolute;top:42px;bottom:0;left:0;right:0;padding:0 8px 12px 0;overflow:auto}#weekly-calendar{margin:0 0 15px}.weekly-heading h2{font-size:20px}.weekly-heading p{display:none}.weekly-card{width:100%;height:144px;margin:0 0 6px}.weekly-copy{max-width:80%;padding:11px 14px}.weekly-copy h3{font-size:24px}.weekly-copy p{font-size:13px;line-height:17px}.weekly-dates{font-size:11px;line-height:15px}.weekly-next{font-size:12px;line-height:1.5;color:#b4aa91;padding:4px 2px}.weekly-next strong{color:#dcc58d;font-weight:normal}.weekly-note{font-size:11px;line-height:1.4;padding:6px 8px;margin-bottom:8px}.weekly-art{right:0}.corner{width:30px;height:24px}.tl,.bl{left:-3px}.tr,.br{right:-3px}.tl,.tr{top:-3px}.bl,.br{bottom:-3px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#101313}::-webkit-scrollbar-thumb{background:#635c48;border:2px solid #17191a}
@media(min-width:1150px){.card{width:32%;margin:0 .6% 10px}.tile{width:32%}.detail-cols{display:table;width:100%}.detail-col{display:table-cell;width:50%;padding-right:12px!important}.detail-col+.detail-col{padding-left:12px!important;border-left:1px solid #4c4434!important}}
@media(max-width:600px){#nav{width:49px;padding-right:5px}#nav button{height:39px;text-align:center;padding:7px 3px}#nav button img{margin:0;width:23px;height:23px}.nav-label{display:none}#journal-main{left:69px;right:8px}.heading{padding-left:85px}.heading h1{font-size:20px}.heading small{font-size:8px;letter-spacing:1px}#masthead>img{width:75px}.journal-edition{display:none}#search{width:66%;font-size:12px}#trail{font-size:9px;letter-spacing:0}.card,.tile{width:98.5%}.weekly-copy{max-width:100%}.weekly-art{opacity:.55}.weekly-copy h3{font-size:22px}.item-top .pic{float:none;width:130px}.item-top{min-height:0}.pet-card{min-height:215px}}

/* Original MU item/model renders and client UI textures. */
#nav button{padding-left:4px;height:41px}#nav button img{width:29px;height:29px;max-height:29px;margin-right:6px;vertical-align:middle}#nav .nav-label{vertical-align:middle}.tile{position:relative;min-height:120px;padding:12px}.guide-tile-art{position:absolute;right:10px;top:18px;max-width:72px;max-height:84px;width:auto;height:auto}.tile strong,.tile p{margin-right:80px}.tile strong{font-size:18px}.weekly-art{width:auto;height:auto;max-width:145px;max-height:130px;right:16px;top:7px;opacity:.8}.weekly-card{background:#17191a url(skin/Back.png) repeat}.weekly-copy{max-width:72%}.weekly-blood{border-color:#98634b}.weekly-devil{border-color:#776397}.weekly-chaos{border-color:#668a79}@media(max-width:600px){#nav button{padding:5px 2px}#nav button img{margin:0;width:29px;height:29px}.weekly-copy{max-width:86%}.weekly-art{max-width:100px;opacity:.32}.guide-tile-art{right:10px;max-width:65px}.tile strong,.tile p{margin-right:73px}}

.weekly-art{width:120px;height:120px;object-fit:contain}@media(max-width:600px){.weekly-art{width:95px;height:110px}}

/* Native embedded browsers may not show external SELECT popups. */
.item-choice{margin:10px 0 13px}.item-choice>span{display:block;color:#c3ac73;font-size:12px;margin-bottom:6px}.upgrade-buttons button{min-width:38px;padding:7px 5px;margin:0 4px 5px 0;font-size:13px}.item-choice>button{padding:8px 14px;margin-right:6px}.item-choice button.selected{border-color:#d1b265;color:#ffe09a;background-color:#3e3420}.item-choice button:disabled{opacity:.4;cursor:default}#toolbar{z-index:12}#search{margin-right:49px;width:48%}#search-keyboard-toggle{position:absolute;right:0;top:5px;height:31px;padding:5px 7px;font-size:11px}#search-keyboard{display:none;position:absolute;left:0;right:0;top:48px;z-index:40;background:#15191a url(skin/Back.png) repeat;border:2px solid #9a8150;padding:10px;box-shadow:0 5px 18px #000}.keyboard-top{font-size:13px;color:#ead39c;min-height:30px}.keyboard-top button{float:right;padding:5px 12px}.keyboard-row{white-space:nowrap;text-align:center;margin-top:5px}.keyboard-row button{width:8.8%;margin:0 .4%;padding:8px 1px;font-size:13px}.keyboard-actions button{width:30%;margin:0 1%}#search-keyboard-text{padding:6px 9px;color:#f1d992;border:1px solid #605435;background:#0c1011;min-height:29px;word-wrap:break-word;font-size:13px}.journal-frame-top,.journal-frame-bottom,.journal-frame-left,.journal-frame-right{position:absolute;z-index:20;pointer-events:none}.journal-frame-top{left:18px;right:18px;top:0;height:9px;background:url(skin/Frame_T.png) repeat-x left top}.journal-frame-bottom{left:18px;right:18px;bottom:0;height:8px;background:url(skin/Frame_B.png) repeat-x left bottom}.journal-frame-left{left:0;top:18px;bottom:18px;width:5px;background:url(skin/Frame_L.png) repeat-y left top}.journal-frame-right{right:0;top:18px;bottom:18px;width:5px;background:url(skin/Frame_R.png) repeat-y right top}.corner{z-index:21}#detail-close{line-height:18px}#masthead{top:8px;height:57px}.heading{padding-top:5px}#masthead>img{top:0;height:49px}@media(max-width:600px){#search{width:58%;margin-right:47px}.keyboard-row button{font-size:12px;padding:9px 1px}.upgrade-buttons button{min-width:34px}.weekly-copy{max-width:76%}}
