.inventory-dialog{width:420px;max-width:calc(100vw - 24px)}
.story-playing .topbar{display:none}
.story-playing #stage{height:100dvh}
.story-playing #stage>:not(#story-canvas){visibility:hidden}
#story-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;touch-action:manipulation;outline:none}
.character-stats{margin:0 20px 12px;border-top:1px solid #474c4c;border-bottom:1px solid #474c4c}
.character-stats summary{padding:10px 0;cursor:pointer;font-size:13px}
#stat-points{float:right;color:#b5d997;font-variant-numeric:tabular-nums}
.stat-row{display:grid;grid-template-columns:1fr 60px 36px;align-items:center;gap:10px;min-height:40px;font-size:13px}
.stat-row output{text-align:right;font-variant-numeric:tabular-nums}
.stat-row button{width:32px;height:32px;min-height:32px;padding:6px}
#stat-rows{padding-bottom:10px}
#skill-points{float:right;color:#b5d997;font-variant-numeric:tabular-nums}
#skill-list{display:grid;gap:8px;padding:0 0 12px}
.skill-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:8px 10px;background:#171e1c;border:1px solid #424b45;border-radius:3px}
.skill-row strong{display:block;font-size:12px;overflow-wrap:anywhere}.skill-row small{display:block;margin-top:4px;color:#b8c2b5;font-size:11px;line-height:1.45}.skill-row button{min-width:34px;min-height:30px;padding:0 7px;font-size:11px;white-space:nowrap}.skill-row button.active{color:#e6d28d;border-color:#b8a66d}
.inventory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 20px}
#bag-tabs{display:flex;gap:4px}
#bag-tabs button{width:40px;min-height:38px;gap:2px;padding:3px}
#bag-tabs button svg{width:17px;height:17px}
#bag-tabs button span{font-size:10px}
#inventory-money{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
#quest-log{margin:0 20px 12px;border-top:1px solid #474c4c;border-bottom:1px solid #474c4c}
#quest-log summary{padding:10px 0;cursor:pointer;font-size:13px}
#quest-count{float:right;color:#b5d997;font-variant-numeric:tabular-nums}
#quest-list{display:grid;gap:8px;padding:0 0 12px}
.quest-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;background:#171e1c;border:1px solid #424b45;border-radius:3px}
.quest-row strong{display:block;font-size:12px;overflow-wrap:anywhere}
.quest-row small{display:block;margin-top:4px;color:#b8c2b5;font-size:11px;line-height:1.45}
.quest-description{margin:7px 0 0;font-size:12px;line-height:1.6;color:#d7ddd7;white-space:pre-line;overflow-wrap:anywhere}
.quest-row .quest-rewards{color:#e5d395;overflow-wrap:anywhere}
.npc-quests{padding:0 20px 16px}
.shop-dialog{width:430px}.shop-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-bottom:1px solid #333f3a;color:#d8d9c8;font-size:13px;font-variant-numeric:tabular-nums}.shop-summary-actions{display:flex;align-items:center;gap:8px}.shop-summary button{min-height:32px;padding:0 10px;font-size:12px}.shop-summary button svg{width:16px;height:16px}.shop-list{display:grid;gap:8px;padding:14px 24px 18px;max-height:min(55dvh,460px);overflow:auto}.shop-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;background:#171e1c;border:1px solid #424b45;border-radius:3px}.shop-row strong{font-size:13px;overflow-wrap:anywhere}.shop-row small{display:block;margin-top:4px;color:#aeb8aa;font-size:11px}.shop-row button{min-height:31px;padding:0 9px;font-size:11px;white-space:nowrap}.shop-empty{padding:20px 0;text-align:center;color:#aeb8aa;font-size:12px}
.npc-quest{padding:12px 0;border-top:1px solid #424b45}
.npc-quest strong{font-size:14px;overflow-wrap:anywhere}
.npc-quest button{margin-top:10px}
.quest-row button{min-height:30px;padding:0 9px;font-size:11px;white-space:nowrap}
.quest-empty{padding:4px 0 12px;color:#aeb8aa;font-size:12px;text-align:center}
.inventory-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 20px 16px;min-height:240px}
.equipment-slots{grid-template-columns:repeat(10,minmax(0,1fr));min-height:0;padding-top:10px;padding-bottom:12px;border-bottom:1px solid #474c4c}
.equipment-slots .inventory-slot{height:42px}
.equipment-slots .inventory-slot svg{width:20px;height:20px}
.inventory-slot{height:54px;position:relative;background:#171e1c;border-color:#59605b;border-radius:3px}
.inventory-slot svg{width:28px;height:28px;color:#d39e9e}
.inventory-slot img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;pointer-events:none}
.inventory-slot span{position:absolute;bottom:3px;right:6px;font-size:11px;font-variant-numeric:tabular-nums}
.inventory-detail{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid #474c4c;min-height:84px}
.inventory-detail>div{min-width:0}
.inventory-detail>div:first-child{flex:1}
.inventory-detail button{flex-shrink:0}
#inventory-drop{width:38px}
#pickup-button{position:absolute;right:28px;bottom:193px;width:44px;height:44px;border-radius:50%;background:#272c2ce8;border-color:#95937b}
@media(max-width:700px){#pickup-button{right:16px;bottom:167px}}
.inventory-detail strong{font-size:14px;overflow-wrap:anywhere}
.inventory-detail p{margin:6px 0 0;font-size:12px;color:#bcc6bb}
#inventory-use{flex:none;padding:0 12px}
#inventory-use[hidden]{display:none}
@media(max-width:400px){.inventory-toolbar,.inventory-detail{padding-left:12px;padding-right:12px}.inventory-slots{padding-left:12px;padding-right:12px}#quest-log{margin-left:12px;margin-right:12px}#bag-tabs button{width:35px}.topbar nav{gap:2px}}
@media(max-width:400px){.equipment-slots{gap:3px}.equipment-slots .inventory-slot{height:36px}.equipment-slots .inventory-slot span{font-size:9px;right:2px}}
@media(max-height:540px){.inventory-dialog{max-height:calc(100dvh - 20px);overflow-y:auto}.inventory-slots{min-height:0}.inventory-slot{height:38px}}