/* guild.css — THE GUILD BOARD's PAGE on its terminal's screen (guild-ui.js): the guild's orange light on dark glass; its own
   pixels (the window's less a margin), placed by console-mode.js's transform. A hovered button wears `.hover` (the world cursor's) */
#guildPage { position: fixed; left: 0; top: 0; width: 960px; height: 432px; transform-origin: 0 0; z-index: 5; opacity: 0;
  color: #ffb27a; font-family: -apple-system, system-ui, sans-serif; overflow: hidden; }
#guildPage[hidden] { display: none; }
.guild-page { display: flex; flex-direction: column; text-shadow: 0 0 6px rgba(255, 130, 40, 0.8); }
.guild-page button { all: unset; cursor: none; padding: 6px 14px; border: 1px solid rgba(255, 140, 50, 0.7); letter-spacing: 0.2em; font-size: 14px; }
.guild-page button.hover { background: rgba(255, 130, 40, 0.22); color: #fff; }
.guild-page header { display: flex; align-items: center; gap: 36px; padding: 40px 64px 18px; letter-spacing: 0.24em; font-size: 14px; }
.guild-title { font-weight: 700; font-size: 22px; letter-spacing: 0.4em; color: #fff; }
.guild-rank { flex: 1; opacity: 0.8; }
.guild-cards { flex: 1; display: flex; gap: 28px; padding: 12px 64px 48px; min-height: 0; }
.guild-card { flex: 1; display: flex; flex-direction: column; gap: 6px; padding: 18px 22px; border: 1px solid rgba(255, 140, 50, 0.6); }
.guild-card.taken { border-width: 2px; background: rgba(255, 120, 30, 0.1); }
.guild-card h2 { margin: 0; font-size: 12px; letter-spacing: 0.32em; }
.guild-card h1 { margin: 0 0 6px; font-size: 26px; font-weight: 600; letter-spacing: 0.06em; color: #fff; }
.guild-card p { margin: 0; font-size: 14px; letter-spacing: 0.18em; }
.guild-where { opacity: 0.75; }
.guild-pay { margin-top: auto !important; font-size: 18px !important; color: #fff; }
.guild-card button, .guild-full { align-self: flex-start; margin-top: 10px; }
.guild-full { font-size: 12px; letter-spacing: 0.2em; opacity: 0.6; }
.guild-for { opacity: 0.85; }
.guild-card.locked { border-color: rgba(255, 140, 50, 0.25); }
.guild-card.locked > :not(.guild-lock) { opacity: 0.4; }
.guild-lock { align-self: flex-start; margin-top: 10px; font-size: 16px; font-weight: 700; letter-spacing: 0.32em; color: #fff; }
.guild-closed { font-size: 18px; letter-spacing: 0.24em; opacity: 0.85; }