#window-interactions{width:540px;max-width:calc(100vw - 112px);border:10px solid transparent;border-image:url('/assets/ui/native-detail-frame.png') 8 / 10px / 0 round;background:#181c16;box-shadow:0 6px 20px #0008}
#window-interactions .window-header{background:#928166 url('/assets/ui/native-detail-wood.png');color:#211d14}
#window-interactions .window-body{max-height:calc(100dvh - 96px);overflow:auto;padding:10px;color:#eee2c4}
.interaction-view h3{color:#e4cf9c;font-size:15px;margin:14px 0 7px}.interaction-view button{min-height:30px;padding:3px 9px;border:4px solid transparent;border-image:url('/assets/ui/native-detail-frame.png') 8 / 4px / 0 round;background:#384333;color:#f1e0b6;font-size:12px}.interaction-view button:disabled{opacity:.45}
.interaction-view input,.interaction-view select{box-sizing:border-box;min-height:30px;max-width:100%;width:100%;border:1px solid #8a7959;background:#0e140f;color:#eee2c4;padding:4px}.interaction-view label{display:block;font-size:12px}.interaction-links{display:flex;gap:5px;flex-wrap:wrap}.interaction-player,.stall-shop{padding:8px;border:1px solid #716448;background:#10170fe0;margin:7px 0}.interaction-player.selected{border-color:#e3c583}.interaction-player header,.stall-shop header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.interaction-player small,.stall-shop header span{font-size:11px;color:#cabd9c}.interaction-note{font-size:12px;color:#c4baa3;line-height:1.6;margin:7px 0}.stall-picker{display:grid;grid-template-columns:minmax(0,1fr) 65px 104px;gap:6px;margin:8px 0}.stall-picker button{grid-column:1/-1}.stall-item{display:flex;align-items:center;gap:7px;padding:7px 0;border-bottom:1px solid #60543b;font-size:12px}.stall-item>span{flex:1;min-width:0}.stall-item small{display:block;color:#cabd9c;font-size:11px;margin-top:4px}.stall-item label{width:48px;flex:none}.stall-item .native-item-icon,.stall-item canvas{flex:none;width:28px;height:28px}
.touch-client #window-interactions{max-width:calc(100vw - 130px);width:500px}.touch-client #window-interactions .window-body{max-height:calc(100dvh - 74px)}
.desktop-client:not(.touch-client) .chat-recipient-row{display:flex;align-items:center;gap:8px;padding:4px 10px;color:#e0d2b1;font-size:12px;background:#161b14}.desktop-client:not(.touch-client) .chat-recipient-row input{min-width:0;flex:1;background:#10150f;border:1px solid #766647;color:#eee2c4;padding:4px}.chat-recipient-row[hidden]{display:none!important}.chat-name[data-chat-reply]{cursor:pointer;text-decoration:underline dotted}.chat-name[data-chat-reply]:focus-visible{outline:1px solid #e4cf9c}

.chat-tabs button[data-unread]:not([data-unread="0"])::after{content:attr(data-unread);display:inline-block;margin-left:3px;min-width:12px;padding:0 3px;border-radius:6px;background:#80572d;color:#fff3c8;font:700 10px/14px sans-serif}