/* Compact wood-and-brass windows, inspired by the supplied beta gameplay. */
.status,.quest,.log,.actions,.map,.zoomtools{border-image:none;border:3px ridge #a18e62;background:repeating-linear-gradient(94deg,#483b2beF 0,#352e24f5 3px,#403829f5 6px);box-shadow:inset 0 0 0 2px #191d18,0 3px 8px #15221880;color:#e6dab9}
.name,.name span,.quest h2,.quest p,.quest-progress,.reward,.reward span,.eyebrow,.maptitle,.mapfooter,.maptitle small,.log nav,.log nav span,#messages,#messages div:first-child,.zoomtools{color:#e5d7b3;text-shadow:1px 1px #201c16}.quest p{color:#c5bea7}.status{width:200px;padding:8px;min-height:70px}.portrait{background:radial-gradient(#807356,#242d25);border:3px ridge #b6a783;color:#e4d2a2}.quest{padding:12px}.map{padding:7px}.log{padding:6px 9px;height:103px}.actions{padding:7px;gap:4px}.actions button{border:2px ridge #8b866d;border-radius:0;background:radial-gradient(#454b3b,#171e19);box-shadow:inset 0 0 5px #000}.zoomtools{padding:4px}.zoomtools button:disabled{opacity:.35;cursor:default}.xp{border-top:3px ridge #9d8c65}.quest-track{background:#171e17}.quest-track i{background:#9d9861}.location h2{font-family:'Gulim',sans-serif}.bottom{height:103px}.actionbar p{font-size:10px}.status .bar{height:15px;top:12px;border-radius:0}.status .mp{top:31px}.status .bar span{font-size:10px}
#inventory{left:auto;right:24px;top:75px;transform:none;width:430px;max-width:96vw;padding:10px;border-image:none;border:5px ridge #a58a59;background:repeating-linear-gradient(93deg,#514331 0,#483c2b 3px,#574833 6px);box-shadow:inset 0 0 0 2px #1e241d,0 9px 30px #0009;color:#e8ddbd;max-height:calc(100dvh - 95px);overflow:auto}
#bagtitle{position:relative;margin:-5px -5px 8px;padding:9px 34px 9px 10px;background:linear-gradient(#504d3b,#282e25);border:2px ridge #998561;color:#ead4a0;cursor:grab;touch-action:none;font-weight:bold;font-size:13px}#bagtitle small{float:right;font-weight:normal;color:#ab9b75}#bagtitle .close{top:-1px;right:5px;color:#d7c59d;font-size:23px}
.inv-profile{display:flex;justify-content:space-between;padding:3px 4px 9px;color:#ead8ab;font-size:12px}.inv-profile span{font-size:10px;color:#bdb799}.equipment-area{display:grid;grid-template-columns:192px 1fr;gap:9px}.paperdoll{height:212px;position:relative;border:2px inset #8e805d;background:radial-gradient(ellipse,#6d705348,#171e19 80%)}#equipmentPreview{position:absolute;left:8px;top:0;width:176px;height:212px}.equip-slot{position:absolute;width:36px;height:37px;border:2px ridge #8c8769;background:#18201bd9;box-shadow:inset 0 0 8px #000}.equip-slot small{font-size:8px;position:absolute;bottom:0;left:0;width:100%;text-align:center;color:#9d9c84}.equip-slot svg{width:100%;height:100%;opacity:.15}.slot-weapon svg,.slot-body svg,.equip-slot.worn svg{opacity:1}.slot-head{left:76px;top:4px}.slot-weapon{left:5px;top:65px}.slot-body{right:5px;top:65px}.slot-shield{right:5px;top:111px}.slot-feet{left:76px;bottom:4px}.slot-ring{left:5px;top:111px}
.stat-sheet{background:#181e1bd9;border:2px inset #81795a;padding:8px}.stat-sheet h3{font-size:11px;color:#e2d29d;margin:0 0 12px}.stat-sheet h3 span{float:right;font-size:10px}.stat-sheet>div{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:11px}.stat-sheet label{flex:1}.stat-sheet label small{display:block;font-size:8px;color:#8e9988;margin-top:2px}.stat-sheet button{width:22px;height:23px;background:linear-gradient(#7e7653,#4a4c37);border:1px solid #b8a875;color:#f3e8bf;font-weight:bold}.stat-sheet button:disabled{opacity:.25;cursor:default}.stat-sheet p{font-size:9px;color:#b1b799;line-height:1.6;margin:10px 0 0}
.bag-heading{display:flex;justify-content:space-between;margin:12px 2px 5px;font-size:11px;color:#e1d1ab}.bag-heading span{font-size:9px;color:#b6ae90}.bag-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;background:#161d18;border:3px ridge #8f8767;padding:4px}.bag-cell{position:relative;height:43px;padding:3px;min-width:0;border:2px ridge #76735c;background:radial-gradient(#343a2c,#111713);box-shadow:inset 0 0 3px #000}.bag-cell svg{width:100%;height:100%;filter:drop-shadow(1px 2px 1px #000)}.bag-cell b{position:absolute;bottom:0;right:3px;color:#f3e7bc;font-size:10px;text-shadow:1px 1px #000}.bag-cell.selected{border-color:#d9bb67;background:#4b4b2b}.bag-cell.empty{opacity:.8}.bag-cell:hover:not(.empty){border-color:#ddc47e}.item-detail{margin-top:8px;min-height:73px;padding:9px;background:#191f1bd9;border:1px solid #85775a;position:relative}.item-detail>b{color:#e4c882;font-size:12px}.item-detail p{font-size:10px;color:#c1c1a7;margin:5px 0}.item-detail small{font-size:9px;color:#939e8d}.item-detail button{position:absolute;right:8px;top:20px;background:linear-gradient(#8b7851,#514833);color:#f2dfb1;border:2px ridge #b29b6b;padding:7px 12px}#inventory footer{padding:9px 3px 0;margin-top:8px;color:#b6b597;border-color:#7a7053;font-size:11px}#inventory footer strong{color:#efd28a}.modal{z-index:22}
@media(max-width:760px){#inventory{right:2vw;top:62px;padding:8px;width:400px;max-height:calc(100dvh - 78px)}.equipment-area{grid-template-columns:180px 1fr;gap:5px}.paperdoll{width:180px}.bag-cell{height:37px}.stat-sheet{padding:5px}.stat-sheet label small{display:none}.status{width:160px;min-height:56px;padding:5px}.map{width:135px}.quest{padding:9px}.actions{padding:5px}.actions button{width:44px}.bottom{height:75px}}

.music-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:250px;margin-bottom:5px;font-size:10px;color:#eddfb7}.music-controls span{width:100%;text-align:right;text-shadow:1px 1px #24261a}.music-controls input{width:75px;accent-color:#baaa72}.music-controls button{font-size:10px;padding:5px 7px}