/* Photoshop AI panel is sliced so ornamental corners retain their proportions. */
:root{--ink:#443624;--muted:#746244;--gold:#896631}
.panel,.createcard,#dialog,.modal{border:18px solid transparent;border-image:url('assets/ui-panel.png') 150 fill / 18px / 0 stretch;background:#eadcb6;box-shadow:0 3px 12px #17231d55;color:#443624;border-radius:0}
.panel:before,#game:after,.bottom:before{display:none}
.status{width:220px;min-height:76px;padding:3px;gap:10px;top:14px;left:16px}
.portrait{background:#c9b78d;border:2px solid #8e7953;color:#59472f;box-shadow:0 0 0 2px #d7c89e}
.name{color:#463620;text-shadow:none;font-size:13px}.name span{color:#79613b;font-size:11px}
.status .bar{height:19px;border:2px solid #746244;border-radius:3px;box-shadow:0 0 0 2px #d7c6a0,0 3px 8px #0004;top:17px}.status .mp{top:42px}.bar span{font-size:11px;top:0}.bar b{top:1px}
.right{width:225px;right:16px;top:90px}.quest{padding:1px 3px}.quest h2{font-size:15px;color:#594024}.quest p{color:#685438;font-size:12px}.eyebrow{color:#8c7249}.quest-progress,.reward,.reward span{color:#765d35}.quest-track{background:#c9b68b;border-color:#9b8359}
.map{left:auto;right:16px;bottom:142px;width:178px;padding:1px;background:#eadcb6}.maptitle,.mapfooter{color:#675234}.maptitle small{display:inline;font-size:9px}.mapfooter{font-size:9px}#minimap{border-color:#9c8b61}
.zoomtools{right:16px;top:auto;bottom:92px;border-width:10px;border-image-width:10px;padding:0;gap:7px;color:#625035}
.zoomtools button,.utilities button{background:linear-gradient(#e8d8ad,#b9a074);border:1px solid #9c8053;color:#4c3a22;border-radius:3px}
.bottom{height:100px;left:16px;right:16px;bottom:24px}.log{height:96px;width:290px;padding:0 4px;background:#eadcb6}.log nav{color:#705c39;border-color:#baa77d}.log nav span{color:#8c7851}#messages{color:#5d4e36;font-size:11px;height:60px}#messages div:first-child{color:#443623}
.actionbar{left:50%;bottom:0}.actions{padding:0 3px;gap:6px;background:#eadcb6}.actions button{height:57px;width:58px;border:1px solid #89764e;border-radius:4px;background:linear-gradient(145deg,#667f72,#30483f);box-shadow:inset 0 0 0 2px #a99b75,0 1px 2px #4f3d2866}.actions button:hover{background:linear-gradient(#8b9e86,#4c6a58);border-color:#e1b35f}.actions button small{font-size:10px}.actions kbd{font-size:9px}.actions #magic small{font-size:9px}.actionbar p{color:#f2ead1;text-shadow:0 1px 3px #18281d}.divider{display:none}.utilities{padding-bottom:10px}.coins{color:#ffebae}.utilities button{height:29px}.xp{border-color:#b8a071;background:#374a3c}.xp i{background:#a6be75}
.location{top:75px}.location h2{font-size:20px;letter-spacing:1px}.location p{display:block;font-size:11px;color:#f5e9c9}.location small{display:none}
#dialog h2,.modal h2{color:#5b4226}#dialog p,.modal>p,dd{color:#665135}#dialog small,.modal>small,.itemrow p{color:#806c4b}.itemrow{border-color:#c4af83}.itemrow em,.modal footer,.modal footer strong{color:#8b6834}.close{color:#6d5432}#dialog button,.itemrow button{border:1px solid #92754b;background:#d5bd8b;color:#49371e}
.createcard{border-width:27px;border-image-width:27px;padding:25px}.createcard h1{font-size:27px}.createfields input,.createfields select{border:1px solid #b29a68;border-radius:4px}.createfields button{border:1px solid #806b45;border-radius:4px;background:#4c6e5e;color:#fff4d7}
#maploading{position:absolute;inset:0;z-index:80;display:grid;place-items:center;background:#17261ff2;color:#ede2bc;text-align:center}#maploading[hidden]{display:none}#maploading span{font-size:45px;color:#d6b76d}#maploading p{font-size:13px;color:#c9bd9c}
@media(max-width:1050px){.log{width:210px}.actions button{width:50px}.right{width:194px}.actionbar{left:53%}}
@media(max-width:760px){.status{left:9px;top:9px;width:160px;min-height:60px;border-width:12px;border-image-width:12px}.status .bar{left:185px;width:calc(100vw - 200px);height:16px;top:17px}.status .mp{top:39px}.right{width:150px;top:85px;right:9px}.quest{border-width:12px;border-image-width:12px}.quest p{font-size:10px}.map{right:9px;bottom:148px;width:133px;border-width:12px;border-image-width:12px}.maptitle{font-size:9px}.maptitle small{display:none}.zoomtools{bottom:103px;right:9px}.bottom{left:9px;right:9px;bottom:23px;height:70px}.actionbar{left:0;position:relative;transform:none}.actions{border-width:12px;border-image-width:12px;gap:3px}.actions button{width:44px;height:49px}.utilities{padding:0}.coins{font-size:12px}.location{top:70px;left:34%}.location h2{font-size:14px}.location p{display:none}.createcard{padding:12px;border-width:18px;border-image-width:18px}.createcard h1{font-size:20px}}