/* Guild windows (public/guild_ui.js). Same look as the Party / Union windows (union_ui.css): gold-brown buttons, border #6a5530, touch targets of at least 40 px. */
#winGuild, #winGuildCreate { transform:none !important; width:min(430px, calc(100vw - 8px)); max-height:calc(100vh - 12px); max-height:calc(100dvh - 12px); box-sizing:border-box; background:linear-gradient(rgba(30,27,21,calc(.95 * var(--uopa,1))),rgba(14,12,9,calc(.95 * var(--uopa,1)))); }
#winGuildCreate { width:min(340px, calc(100vw - 8px)); }
#winGuild .wb, #winGuildCreate .wb { padding:6px 8px; max-height:calc(100dvh - 60px); overflow-y:auto; font:13px/1.3 system-ui; color:#e9dfc6; }
#winGuild .gh { font:700 15px/24px var(--serif, serif); color:#e8c872; padding:2px 0; } #winGuild .gh span { color:#bda; font-weight:400; }
#winGuild .gm, #winGuildCreate .gm { padding:4px 2px; color:#cdbf9a; font-size:12px; }
#winGuild .gt, #winGuild .gro { display:flex; align-items:center; gap:4px; }
#winGuild .gt { font:700 10px/18px system-ui; color:#e8c872; border-bottom:1px solid #6a5530; }
#winGuild .gl { max-height:150px; overflow-y:auto; margin:2px 0 4px; -webkit-overflow-scrolling:touch; }
#winGuild .gro { min-height:36px; padding:0 4px; border-bottom:1px solid rgba(106,85,48,.35); } #winGuild .gro.sel { background:rgba(232,200,114,.22); } #winGuild .gro.off { opacity:.6; }
#winGuild .cNO { flex:0 0 22px; } #winGuild .cName { flex:1 1 90px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #winGuild .cClass { flex:0 0 74px; font-size:11px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #winGuild .cLV { flex:0 0 36px; } #winGuild .cRank { flex:0 0 34px; } #winGuild .cOn { flex:0 0 18px; color:#7d7; }
#winGuild textarea, #winGuildCreate input { width:100%; box-sizing:border-box; min-height:40px; font:14px system-ui; background:#120f0a; color:#eee; border:1px solid #6a5530; border-radius:4px; padding:4px 6px; }
.gr { display:flex; flex-wrap:wrap; gap:4px; margin:4px 0; }
.gb { flex:1 1 auto; min-height:40px; padding:0 8px; font:700 12px system-ui; color:#f1dba0; background:linear-gradient(#5b4825,#3a2d14); border:1px solid #6a5530; border-radius:5px; } .gb:active { background:#4a3a14; } .gb:disabled { opacity:.4; }
#gldBox { position:fixed; left:50%; top:8px; transform:translateX(-50%); z-index:5000; width:min(380px, calc(100vw - 16px)); display:flex; flex-direction:column; gap:6px; pointer-events:none; }
#gldBox .gbx { pointer-events:auto; background:rgba(22,18,12,.96); border:1px solid #6a5530; border-radius:6px; padding:8px; color:#f1e6c8; font:13px/1.3 system-ui; } #gldBox p { margin:0 0 4px; }