/* Mobile uses the exported mobile kit; desktop overrides use original Dialog8 controls below. */
.guild-overlay { position:absolute; inset:0; z-index:45; display:grid; place-items:center; padding:16px; background:#0007; }
.guild-window { width:min(860px,100%); max-height:calc(100dvh - 32px); overflow:auto; padding:18px; background:url('/ui/mobile/popbg.png?v=3add4e59f44b5c98') center/100% 100% no-repeat #182126; color:#eee4c9; box-shadow:0 10px 36px #000b; }
.guild-heading { position:sticky; top:0; z-index:2; background:#182126; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.guild-heading h2 { margin:0; color:#e2c47c; font-weight:bold; font-size:20px; }
.guild-close { background:none; color:#e2c47c; border:0; padding:4px 10px; font-size:28px; }
.guild-notice { position:sticky; top:40px; z-index:2; background:#182126; color:#ffe3a0; min-height:16px; font-size:12px; margin:8px 0; white-space:pre-wrap; }
.guild-content { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.guild-card { padding:12px; min-width:0; background:#0003; }
.guild-card:has(.guild-members) { grid-column:1/-1; }
.guild-card h3 { color:#e2c47c; font-size:15px; margin:0 0 10px; }
.guild-card h4 { margin:14px 0 6px; font-size:12px; }
.guild-card p,.guild-card label { font-size:12px; line-height:1.5; }
.guild-bulletin { white-space:pre-wrap; overflow-wrap:anywhere; }
.guild-form { display:flex; flex-direction:column; gap:8px; margin:12px 0; }
.guild-field { display:flex; flex-direction:column; gap:5px; }
.guild-field :is(input,select,textarea) { min-width:0; width:100%; color:#fff4db; border:1px solid #9c88564d; padding:8px; background:url('/ui/mobile/input.png?v=12bd0780715989da') center/100% 100% no-repeat #111a20; font-size:16px; border-radius:3px; }
.guild-field textarea { min-height:76px; resize:vertical; }
.guild-field select option { color:#fff4db; background:#19242b; }
.guild-button { min-height:32px; padding:6px 16px; color:#f4f8ff; font-size:12px; font-weight:600; border:0; background:url('/ui/mobile/btnB.png?v=6985addbe008ac4c') center/100% 100% no-repeat; }
.guild-button:disabled { cursor:default; opacity:.5; }
.guild-button:active:enabled { filter:brightness(.85); }
.guild-table-scroll { overflow:auto; }
.guild-members { width:100%; border-collapse:collapse; font-size:12px; text-align:left; }
.guild-members :is(th,td) { padding:8px 5px; border-bottom:1px solid #e2c47c22; white-space:nowrap; }
.guild-members th { color:#e2c47c; }
.guild-member-actions { display:flex; flex-wrap:wrap; gap:4px; }
.guild-member-actions .guild-button { font-size:11px; padding:5px 8px; }
.guild-pages,.guild-relation { display:flex; gap:8px; align-items:center; justify-content:space-between; margin:8px 0; font-size:12px; }
.guild-confirm { padding:12px; border:1px solid #e2c47c; margin:8px 0; }
.guild-confirm p { font-size:12px; }.guild-confirm button + button { margin-left:8px; }
.guild-prompts { position:absolute; z-index:50; right:16px; top:16px; width:min(360px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow:auto; }
.guild-request { background:url('/ui/mobile/popbg.png?v=3add4e59f44b5c98') center/100% 100% no-repeat #182126; padding:16px; color:#fff1cd; font-size:13px; margin-bottom:10px; box-shadow:0 8px 24px #000a; }
.guild-request p { margin:0 0 12px; line-height:1.5; }.guild-request button + button { margin-left:8px; }
@media(max-width:600px){.guild-content{grid-template-columns:1fr}.guild-overlay{padding:8px}.guild-window{padding:12px;max-height:calc(100dvh - 16px)}}
@media(max-height:430px){.guild-overlay{padding:8px}.guild-window{max-height:calc(100dvh - 16px);padding:12px}}

/* Gold is primary, blue is secondary, red is destructive on mobile. */
.guild-button-primary { color:#3a2604; font-weight:bold; background-image:url('/ui/mobile/btnY.png?v=be065432cc957cb3'); }
.guild-button-danger { color:#fff5df; background-image:url('/ui/mobile/btnR.png?v=f4b0de3fdd6bb610'); }
.guild-form > .guild-button { align-self:flex-start; min-width:160px; min-height:40px; max-width:100%; }
/* Mobile keeps navigation fixed and scrolls only the selected section. */
.guild-window.guild-mobile{position:relative;display:flex;flex-direction:column;height:min(640px,calc(100dvh - 32px));overflow:hidden;min-height:0}
.guild-mobile .guild-heading{position:static;flex:none}
.guild-mobile .guild-heading h2{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guild-mobile .guild-close{flex:none}
.guild-mobile .guild-notice{position:static;flex:none;max-height:42px;overflow:auto;margin:6px 0;line-height:14px}
.guild-tabs{display:grid;grid-template-columns:repeat(var(--guild-tab-count,7),minmax(0,1fr));gap:6px;flex:none;padding:6px 0 10px}
.guild-tab{min-width:0;min-height:36px;padding:4px;border:0;background:url('/ui/mobile/tab.png?v=3b5f3f0e7e8c4f3a') center/100% 100% no-repeat;color:#edf3fb;font-size:12px;cursor:pointer}
.guild-tab[aria-selected='true']{background-image:url('/ui/mobile/tabon.png?v=4532b1ded01984c6');color:#312304;font-weight:bold}
.guild-tab:focus-visible{outline:1px solid #f8e4aa;outline-offset:-3px}
.guild-tab-content{display:block;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.guild-mobile .guild-card{min-height:100%}
.guild-mobile .guild-card p{margin:0 0 10px}
.guild-position{color:#e2c47c;font-weight:bold}
.guild-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:0 0 14px}
.guild-summary dt{font-size:11px;color:#b8b4a6;margin-bottom:4px}
.guild-summary dd{margin:0;font-size:13px;color:#fff0c8;overflow-wrap:anywhere}
.guild-hint{font-size:11px!important;color:#c2bca9}
.guild-overview-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.guild-mobile .guild-pages{position:sticky;bottom:0;padding:6px 0;background:#182126}
.guild-mobile .guild-confirm{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;margin:0;border:0;padding:18px;background:url('/ui/mobile/popbg.png?v=3add4e59f44b5c98') center/100% 100% no-repeat #182126;box-shadow:0 0 0 100vmax #0007}
@media(max-width:600px){.guild-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.guild-tabs-small{grid-template-columns:repeat(3,minmax(0,1fr))}.guild-tab{font-size:11px}}
@media(max-width:600px),(max-height:430px){.guild-window.guild-mobile{height:min(640px,calc(100dvh - 16px))}}
/* Desktop: original full-size frame and GUI.ini [133-*] controls, without a mobile backdrop. */
.guild-classic-overlay { inset:auto; left:0; top:8px; width:250px; height:392px; padding:0; background:none; display:block; }
.guild-window.guild-classic { position:relative; width:250px; height:392px; max-height:none; padding:0; overflow:visible; color:#fff; background:url('/ui/guild-desktop/frame.webp?v=30472595e8089540') no-repeat; box-shadow:none; }
.guild-classic .guild-heading { position:absolute; left:0; top:0; width:250px; height:49px; display:block; background:none; cursor:grab; }
.guild-classic .guild-heading h2 { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.guild-classic .guild-close { position:absolute; left:210px; top:23px; width:14px; height:12px; padding:0; background:url('/ui/guild-desktop/close-x.webp?v=113cfa0c092a7e2a') center/100% 100% no-repeat; font-size:0; }
.guild-classic .guild-close:active { background-image:url('/ui/guild-desktop/close-x-pressed.webp?v=77ff94dcc4942e2f'); }
.guild-classic .guild-notice { position:absolute; left:250px; top:20px; width:260px; max-height:110px; overflow:auto; padding:10px; margin:0; z-index:5; background:url('/ui/social/prompt-frame.png?v=b1fb5cbec0d260f7') center/100% 100% no-repeat #162735; font-size:12px; }
.guild-classic-content { position:absolute; left:21px; top:49px; width:204px; height:201px; overflow:hidden; font:12px/16px 'Courier New',monospace; }
.guild-classic-status { background:url('/ui/guild-desktop/state.webp?v=5779347e02cfe447') no-repeat; }
.guild-classic-kick,.guild-classic-members { background:url('/ui/guild-desktop/list-heading.webp?v=3448c54527fb052c') no-repeat; }
.guild-native-value { position:absolute; left:101px; width:93px; height:16px; overflow:hidden; white-space:nowrap; color:#fff; font:12px/16px 'Courier New',monospace; text-shadow:1px 1px #0008; }
.guild-native-nav,.guild-native-footer { position:absolute; inset:0; pointer-events:none; }
.guild-native-button { position:absolute; min-height:0; padding:0; margin:0; border:0; pointer-events:auto; background-color:transparent; background-image:var(--guild-art); background-repeat:no-repeat; background-size:100% 100%; }
.guild-native-button:active:enabled { background-image:var(--guild-pressed); }
.guild-native-button:disabled { cursor:default; opacity:.45; }
.guild-native-list { position:absolute; left:8px; top:22px; width:190px; height:150px; overflow:auto; }
.guild-native-row { display:grid; grid-template-columns:125px 45px; width:100%; height:18px; min-height:18px; padding:0; border:0; margin:0; color:#fff; background:none; text-align:left; font:12px/18px 'Courier New',monospace; }
.guild-native-row span { overflow:hidden; white-space:nowrap; }
.guild-native-row span+span { text-align:center; }
.guild-native-row[aria-selected='true'] { background:#ffffff28; }
.guild-native-row:focus-visible { outline:1px solid #dfcb84; outline-offset:-1px; }
.guild-native-copy { position:absolute; left:11px; top:8px; width:182px; height:175px; margin:0; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; line-height:16px; }
.guild-classic-help .guild-native-copy { height:125px; }
.guild-native-form { position:absolute; left:13px; top:12px; width:178px; max-height:178px; overflow:auto; font-size:12px; }
.guild-native-form p { font-size:12px; margin:0 0 8px; }
.guild-native-field { display:block; font-size:12px; margin-bottom:8px; }
.guild-native-field :is(input,select,textarea) { display:block; width:100%; min-width:0; min-height:22px; margin-top:5px; padding:3px 5px; border:0; color:#fff; background:url('/ui/guild-desktop/input.webp?v=ddfc4fc5c312e3f6') center/100% 100% no-repeat #18364b; font-size:12px; }
.guild-native-field textarea { height:132px; resize:none; }
.guild-native-field option { background:#18364b; }
.guild-native-hint { position:absolute; left:13px; top:108px; width:178px; margin:0; font-size:11px; line-height:14px; }
.guild-native-list-title { position:absolute; left:12px; top:3px; margin:0; color:#e2c47c; font-size:12px; }
.guild-native-live,.guild-classic .guild-button,.guild-prompts-classic .guild-button { min-height:22px; height:22px; padding:0 10px; border:0; color:#e6d5a8; background:url('/ui/chat/broadcast.png?v=4843c8bfbacf912e') center/100% 100% no-repeat; font-size:12px; font-weight:normal; }
.guild-native-live:active:enabled { background-image:url('/ui/chat/broadcast-pressed.png?v=1835ca1b03778e5c'); }
.guild-native-live:disabled { opacity:.45; cursor:default; }
.guild-native-add { position:absolute; left:12px; bottom:36px; }
.guild-native-management { position:absolute; left:240px; top:0; z-index:6; width:250px; height:392px; background:url('/ui/guild-desktop/frame.webp?v=30472595e8089540') no-repeat; }
.guild-native-management-body { position:absolute; left:28px; top:54px; width:190px; height:280px; overflow:auto; font-size:12px; }
.guild-native-management-body h3 { font-size:12px; color:#e2c47c; margin:0 0 12px; }
.guild-native-management-body .guild-native-live { display:block; width:100%; margin:6px 0; }
.guild-native-management-body p { font-size:11px; line-height:15px; }
.guild-classic .guild-confirm { position:fixed; left:50%; top:30%; transform:translateX(-50%); width:300px; min-height:110px; padding:10px; margin:0; border:0; background:url('/ui/social/prompt-frame.png?v=b1fb5cbec0d260f7') center/100% 100% no-repeat; z-index:8; }
.guild-classic .guild-confirm p { max-height:50px; margin:0 0 8px; overflow:auto; line-height:15px; }
.guild-classic .guild-confirm .guild-button { min-width:64px; }
.guild-prompts-classic { width:300px; }
.guild-prompts-classic .guild-request { background-image:url('/ui/social/prompt-frame.png?v=b1fb5cbec0d260f7'); font-size:12px; }
