/* World games (D124): the world page (world.html, kit/shell/world.js). Builds on shell.css. */
.mc-world-banner { margin: 8px 16px; padding: 10px 14px; border-radius: 8px; background: var(--surface-2, #1d2033); }
.mc-world-banner .button { margin-left: 8px; }
.mc-world-menu { position: relative; }
.mc-world-menu[open] > button { position: absolute; right: 0; top: 100%; margin-top: 6px; white-space: nowrap; z-index: 5; }
.mc-world-legal form { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 6px 0; }
.mc-world-legal label { display: inline-flex; gap: 4px; align-items: center; }
.mc-world-legal input, .mc-world-legal select { max-width: 12em; }
.mc-world-text { white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; padding: 12px; }
.mc-world-accounts { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.mc-world-accounts .button[aria-pressed="true"] { outline: 2px solid var(--accent, #8ff7ff); }
@media (max-width: 700px) { .mc-world-menu[open] > button { right: auto; left: 0; } }
/* "Let my agent play" (kit/shell/world-agent.js) */
.mc-world-agent { margin: 0 0 12px; display: grid; gap: 6px; }
.mc-world-agent h2 { font-size: 1rem; margin: 0; }
.mc-world-agent p { margin: 0; }
.mc-world-agent code { overflow-wrap: anywhere; }
.mc-world-agent-tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.mc-world-agent-tabs .button[aria-pressed="true"] { outline: 2px solid var(--accent, #8ff7ff); }
.mc-world-agent-prompt { width: 100%; box-sizing: border-box; font: 12px/1.4 monospace; }
.mc-world-agent-log { max-height: 10em; overflow-y: auto; display: grid; gap: 2px; }
.mc-world-agent form { display: flex; gap: 6px; }
.mc-world-agent form input { flex: 1; min-width: 0; }