/* BRO2KIT BUD1: BRO City characters (bud.js): name tags, the talk box, the game strip. */
.tag.npc button{border-color:#e0b184;color:#fff3df}
.tag.npc.bud button{border-color:var(--gold);background:rgba(38,28,8,.82);color:var(--gold2)}
.bud-rb{font-size:22px}
.bud-box{position:absolute;z-index:12;right:80px;bottom:12px;width:min(360px,calc(100vw - 96px));max-height:min(520px,calc(100vh - 150px));display:grid;grid-template-rows:auto minmax(80px,1fr) auto auto auto;gap:6px;background:rgba(16,24,38,.98);border:1px solid var(--gold);border-radius:var(--r);padding:0 12px 10px;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.bud-h{display:flex;align-items:center;gap:8px;padding:10px 0 2px}.bud-hn{display:grid;line-height:1.2;min-width:0;flex:1}.bud-hn b{color:var(--gold2);font-size:16px}.bud-hn span{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bud-x{min-width:44px;min-height:44px;border-radius:50%;border:1px solid var(--hair);background:transparent;color:var(--text);font-size:18px;cursor:pointer}
.bud-x:hover{border-color:var(--gold)}
.bud-log{overflow-y:auto;display:grid;gap:5px;align-content:start;font-size:14px;line-height:1.4;min-height:80px;overscroll-behavior:contain}
.bud-log p{margin:0}.bud-log b{color:var(--gold2)}.bud-log .me b{color:#9fd3ff}.bud-log .sys{color:var(--muted);font-style:italic}.bud-log .warn{color:var(--warn)}.bud-log .typing{color:var(--muted)}
.bud-acts{display:flex;flex-wrap:wrap;gap:6px}.bud-acts .gold,.bud-acts .btn{min-height:40px;padding:6px 12px;font-size:14px}
.bud-acts.quiz{display:grid}.bud-acts .right{border-color:var(--ok);background:rgba(125,219,181,.18)}.bud-acts .wrong{border-color:var(--bad);background:rgba(255,138,138,.14)}
.bud-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.bud-chip{flex:none;min-height:36px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(212,168,75,.1);color:var(--text);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.bud-chip:hover{border-color:var(--gold)}.bud-chip.ghost{background:transparent;color:var(--muted)}
.bud-form{display:flex;gap:6px}.bud-form input{flex:1;min-width:0;min-height:44px;border-radius:12px;border:1px solid var(--hair);background:#0b111b;color:var(--text);padding:0 12px;font:inherit;font-size:16px}
.bud-form .gold{min-height:44px;padding:0 16px}
.bud-foot{color:var(--muted);font-size:12px;margin:0}.bud-link{background:none;border:0;padding:0;color:var(--gold2);text-decoration:underline;font:inherit;font-size:12px;cursor:pointer;min-height:24px}
.bud-hud{position:absolute;z-index:7;left:50%;top:max(110px,calc(env(safe-area-inset-top) + 110px));transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:rgba(38,28,8,.9);border:1px solid var(--gold);border-radius:999px;padding:2px 4px 2px 16px;font-weight:800;color:var(--gold2);font-size:15px;white-space:nowrap;max-width:calc(100vw - 24px)}
.bud-hud span{overflow:hidden;text-overflow:ellipsis}.bud-hud .bud-x{min-width:40px;min-height:40px}
.bud-hud[hidden],.bud-box[hidden]{display:none}
@media (max-width:620px){.bud-box{left:8px;right:8px;bottom:8px;width:auto;max-height:min(60vh,calc(100vh - 120px))}}