.panel-grid.f8-character-grid{grid-template-columns:300px 1fr}.equipment-entry{display:grid;grid-template-columns:74px 1fr;gap:8px;align-items:center;margin:7px 0}.equipment-entry label{font-size:9px;letter-spacing:.1em;color:#8d887d}.f8-item-slot{height:58px;min-width:58px;position:relative;border:1px solid #4a473f;background:linear-gradient(145deg,#20211d,#141512);display:flex;align-items:center;justify-content:center;cursor:grab}.f8-item-slot img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated;pointer-events:none}.f8-item-slot .fallback-icon{font-size:24px}.f8-item-slot.drag-over,.drop-zone.drag-over{outline:2px solid #d2b66f;outline-offset:-2px}.rarity-uncommon{box-shadow:inset 0 0 0 1px #55d86b55}.rarity-rare{box-shadow:inset 0 0 0 1px #4c91ff66}.rarity-epic{box-shadow:inset 0 0 0 1px #b45cff77}.rarity-legendary{box-shadow:inset 0 0 0 1px #ff9d2588}.slot-count{position:absolute;right:5px;bottom:4px;font-size:10px;font-weight:800;text-shadow:0 1px 2px #000}.slot-tip{display:none;position:absolute;z-index:40;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);width:180px;padding:8px 10px;background:#090a08;border:1px solid #625c4c;box-shadow:0 8px 25px #000;color:#ddd;pointer-events:none}.slot-tip strong,.slot-tip small{display:block}.slot-tip small{margin-top:3px;color:#8d887f}.f8-item-slot:hover .slot-tip{display:block}.durability{position:absolute;left:4px;right:4px;bottom:3px;height:3px;background:linear-gradient(90deg,#d8aa49 var(--dur),#321318 var(--dur))}.empty-slot-label{font-size:8px;color:#69665e}.f8-bag-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:12px}.bag-title{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;color:#aaa18d}.drop-zone{margin-top:12px;height:52px;border:1px dashed #665d4b;display:flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:.16em;color:#8e8779}.inventory-side nav button{border:0;background:none;color:#8d8980;padding:0;cursor:pointer;font:inherit}.inventory-side nav button.selected{color:#e8d49d;font-weight:700}.skill-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;overflow:auto;max-height:445px}.skill-specs section{border:1px solid #413e37;padding:10px}.skill-specs h4{margin:0 0 9px;color:#d7c592;font-size:11px}.skill-node{padding:8px;margin:5px 0;border:1px solid #37362f;background:#181916}.skill-node b,.skill-node span,.skill-node em{display:block}.skill-node b{font-size:10px}.skill-node span{font-size:9px;color:#89867e;margin-top:3px;line-height:1.35}.skill-node em{font-size:8px;color:#6d6961;margin-top:4px}.skill-node.active-skill{border-color:#756249}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.stats-grid div{height:108px;border:1px solid #454138;background:#181916;padding:14px}.stats-grid b,.stats-grid strong{display:block}.stats-grid b{font-size:9px;color:#8e887b;letter-spacing:.12em}.stats-grid strong{margin-top:14px;font-size:22px;color:#ddd2b4;text-transform:capitalize}.quest-grid aside button{padding:10px 12px;border:1px solid #393732;background:#161714;color:#999;text-align:left;cursor:pointer}.quest-grid aside button strong,.quest-grid aside button small{display:block}.quest-grid aside button small{font-size:8px;margin-top:4px;color:#716e67}.quest-grid aside button.selected{border-color:#7f704d;color:#e6d7ad}.quest-giver{font-size:10px;color:#888176;margin-top:10px}.merchant-grid{display:grid;grid-template-columns:1fr 1fr;height:calc(100% - 70px)}.merchant-column{padding:22px;overflow:auto}.merchant-column+ .merchant-column{border-left:1px solid #403d36}.merchant-column h3{font-size:11px;letter-spacing:.14em;color:#cdbd91;margin:0 0 12px}.merchant-list{display:flex;flex-direction:column;gap:7px}.merchant-list button,.recipe-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 12px;text-align:left;border:1px solid #454139;background:#191a17;color:#ddd;cursor:pointer}.merchant-list button:hover,.recipe-list button:hover{border-color:#8b7650}.merchant-list button:disabled,.recipe-list button:disabled{opacity:.38;cursor:not-allowed}.merchant-list button span,.merchant-list button small,.recipe-list button span,.recipe-list button small{display:block}.merchant-list button small,.recipe-list button small{color:#a49268}.merchant-wallet{font-size:10px;color:#d5c28c}.craft-body{height:calc(100% - 70px);padding:20px;overflow:auto}.recipe-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.f8-toast{position:fixed;z-index:50;left:50%;top:18%;transform:translate(-50%,-8px);padding:9px 15px;background:#090a08e8;border:1px solid #665a43;color:#e3d4ad;font-size:11px;opacity:0;pointer-events:none;transition:.18s}.f8-toast.show{opacity:1;transform:translate(-50%,0)}.actionbar .f8-item-slot.slot{width:50px;height:50px;min-width:50px}.actionbar .f8-item-slot.slot img{width:36px;height:36px}.actionbar .slot kbd{z-index:3}.actionbar .slot-tip{bottom:calc(100% + 9px)}@media(max-width:900px){.f8-bag-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-grid.f8-character-grid{grid-template-columns:230px 1fr}.skill-specs{grid-template-columns:1fr}.merchant-grid{grid-template-columns:1fr}.merchant-column+ .merchant-column{border-left:0;border-top:1px solid #403d36}.recipe-list{grid-template-columns:1fr}}