/* Wise appears in compact inventory portraits throughout the site. */
.companion-pair{display:inline-flex;align-items:center;flex:0 0 auto;isolation:isolate;padding-right:2px}
.companion-portrait{position:relative;display:block;width:44px;height:46px;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#756847,#383224);border:2px solid #8f774a;box-shadow:inset 0 0 0 1px #201e15,0 2px 0 #17150e;border-radius:3px;flex:0 0 auto}

.companion-portrait img{position:absolute;max-width:none;height:auto;image-rendering:auto;filter:drop-shadow(1px 2px 2px #0005)}
.portrait-wise img{width:47px;left:-3px;top:-1px}

.dialogue .companion-pair{margin-right:1px}
.dialogue>div{min-width:0}
.companion-return{display:inline-flex;align-items:center;gap:12px;max-width:100%;color:#d8c293;min-height:48px}
.companion-label{display:block;min-width:0}
.companion-label strong{display:block;font:20px/1.1 Jersey,monospace;color:#e2cda3}
.companion-label small{display:block;margin-top:4px;font:9px/1.3 monospace;color:#b8a685}
.companion-return:hover .companion-label small{color:#ead0ff}
.companion-return:hover .companion-portrait{border-color:#d8bd83}
.chapter-companions{display:flex;justify-content:flex-end;margin-top:15px}
.chapter-companions .companion-portrait{width:36px;height:38px}
.chapter-companions .portrait-wise img{width:39px;left:-3px;top:0}

.exchange-companions{display:flex;align-items:flex-end;flex-direction:column;gap:15px;flex:0 0 auto}
.exchange-companions .companion-return{padding:9px 12px;background:linear-gradient(105deg,#343024,#24261b);border:1px solid #635534;box-shadow:inset 0 0 0 2px #1c1e16}
@media(max-width:700px){.dialogue{gap:11px}.dialogue .companion-portrait{width:31px;height:36px}.dialogue .portrait-wise img{width:35px;left:-4px;top:0}.dialogue strong{letter-spacing:1px}.chapter-companions{justify-content:flex-start}.companion-label strong{font-size:19px}.exchange-companions{width:100%;align-items:flex-start;gap:12px}.exchange-companions .companion-return{padding:8px 11px}.exchange-companions .companion-portrait{width:37px;height:39px}.exchange-companions .portrait-wise img{width:40px;left:-3px;top:0}}

.world-panel{display:flex;flex-direction:column;gap:10px;min-width:0;align-self:stretch}
.world-panel .world-shell{flex:1;margin-bottom:0}
.community-reference{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 14px;border:1px solid #75633f;background:linear-gradient(105deg,#373122,#25261d);box-shadow:inset 0 0 0 2px #1c1e16;color:#e5cd94;text-align:left;transition:background .2s,border-color .2s}
.community-reference:hover{background:linear-gradient(105deg,#48402b,#303024);border-color:#b1985b}
.reference-symbol{display:grid;place-items:center;width:28px;height:30px;flex:0 0 auto;font:23px/1 Jersey,monospace;color:#c3a96f;border-right:1px solid #77603b;padding-right:11px}
.reference-label{min-width:0}
.reference-label strong{display:block;font:22px/1 Jersey,monospace}
.reference-label small{display:block;margin-top:5px;color:#c1b392;font:9px/1.5 monospace}
.reference-arrow{margin-left:auto;font-size:20px;color:#dbc18b;flex:0 0 auto}
@media(max-width:700px){.world-panel{gap:8px}.community-reference{gap:10px;padding:10px 12px}.reference-label strong{font-size:21px}.reference-label small{font-size:8px}.reference-symbol{width:25px;padding-right:8px}}