/* Main-menu look everywhere (owner, Oct 2: "make the UI as pretty as the main menu across the game, so it's
   consistent"; lime accents became gold, teal marks positive states). Loaded last on the game pages.
   The shared language comes from the home screen panels: a deep plum glass panel, a gold hairline frame with a
   bronze lip, a faint inner double line, Georgia serif headings in warm gold, and the soft framed buttons. */
:root{
 --hx-gold:#f0d8a4;--hx-gold-strong:#f5c86a;--hx-gold-edge:#c0a271;--hx-bronze:#665039;
 --hx-panel:linear-gradient(#35283df2,#211a32f7);--hx-panel-deep:#1a1428e6;
 --hx-frame:inset 0 0 0 2px #1c1728,inset 0 0 0 3px #d1b98633,0 6px 18px #0b07188c;
 --hx-teal:#7fe3d3;--hx-teal-deep:#1b4b47;
}

/* ---------- World chat ---------- */
html body #world-chat.world-chat{border:1px solid var(--hx-gold-edge)!important;border-bottom:4px solid var(--hx-bronze)!important;background:radial-gradient(ellipse at 50% -10%,#6a4a8a55,transparent 60%),var(--hx-panel)!important;box-shadow:var(--hx-frame),0 0 0 100vmax #0e0a1a00!important}
html body #world-chat.world-chat>header{width:100%!important;justify-content:space-between!important;text-align:left}
html body #world-chat h2{font-family:Georgia,serif!important;color:var(--hx-gold)!important;letter-spacing:.01em;text-shadow:0 2px #120c22}
html body #world-chat .world-intro{color:#cdbfdc}
html body #world-chat .world-feed{background:linear-gradient(#1b1429e6,#150f22f0)!important;border:1px solid #c0a27155!important;box-shadow:inset 0 0 0 2px #120d1f,inset 0 0 22px #00000055}
html body #world-chat .world-message{background:linear-gradient(#3a2b4ccc,#2b2139cc);border:1px solid #c0a27133;border-radius:14px}
html body #world-chat .world-message.is-you{background:linear-gradient(#433049cc,#33263dcc);border-color:#c0a27166}
html body #world-chat .world-person{background:#2a1f39!important;border-color:#c0a27166!important;color:var(--hx-gold)!important;font-family:Georgia,serif;font-weight:700}
html body #world-chat .world-who time{color:#b9a9cb}
html body #world-chat :is(.world-close,.world-unmute,.world-mute,.world-edit,.world-reply,.world-reply-cancel,.world-tray-close,.world-profile-back){border:1px solid var(--hx-gold-edge)!important;border-bottom:3px solid var(--hx-bronze)!important;background:linear-gradient(#3e2e4c,#271d36)!important;color:var(--hx-gold)!important;font-family:Georgia,serif!important;font-weight:700;box-shadow:inset 0 0 0 1px #d1b98622!important}
html body #world-chat .world-compose input{background:#1a1327!important;border:1px solid #c0a27188!important;color:#f6ecff!important;box-shadow:inset 0 2px 6px #00000066}
html body #world-chat .world-compose input:focus{outline:2px solid var(--hx-gold-strong);outline-offset:1px}
html body #world-chat .world-compose button{border:1px solid #ffe7ad!important;border-bottom:4px solid #8a6326!important;background:linear-gradient(#ffe39d,#e6b75a)!important;color:#3a2812!important;font-family:Georgia,serif!important;font-weight:700}
html body #world-chat .world-compose button:disabled{filter:grayscale(.55) brightness(.75)}
html body #world-chat .world-jump{border-color:#ffe7ad!important;background:linear-gradient(#ffe39d,#e6b75a)!important;color:#3a2812!important}
html body #world-chat .world-reply-bar,html body #world-chat .world-reply-quote{border-left-color:var(--hx-gold-strong)!important}
html body #world-chat :is(.world-reply-text,.world-reply-quote) b{color:var(--hx-gold)!important}
html body #world-chat .world-reaction-tray{border-color:var(--hx-gold-edge)!important;background:var(--hx-panel)!important;box-shadow:var(--hx-frame)}
html body #world-chat .world-mention-option{border:1px solid var(--hx-gold-edge)!important;background:linear-gradient(#3e2e4c,#271d36)!important;color:var(--hx-gold)!important}
/* Mentions of you are a positive moment: teal. */
html body #world-chat mark.world-mention{background:#4a3560;color:#f6ecff}
html body #world-chat mark.world-mention.is-you{background:var(--hx-teal);color:#0f2a27}
html body #world-chat .world-message.mentions-you{border-color:var(--hx-teal)!important;box-shadow:inset 4px 0 0 var(--hx-teal),0 0 12px #7fe3d333!important}

/* ---------- Friends / private lobbies (guild dialogs) ---------- */
html body dialog.guild-dialog[open]{background:radial-gradient(ellipse at 50% -15%,#6a4a8a55,transparent 55%),var(--hx-panel)!important}
html body dialog.guild-dialog .guild-header h2{font-family:Georgia,serif!important;color:var(--hx-gold)!important;text-shadow:0 3px #120c22}
html body dialog.guild-dialog :is(.guild-empty,.guild-card,.guild-profile-card,.guild-form,.guild-private-hero,.guild-invites){border:1px solid #c0a27166!important;border-bottom:3px solid #4a3a2c!important;background:linear-gradient(#35283dd9,#211a32e6)!important;box-shadow:var(--hx-frame)!important;border-radius:16px}
html body dialog.guild-dialog .guild-empty{color:#e9dcf5}
html body dialog.guild-dialog .guild-tabs .guild-button,html body dialog.guild-dialog .guild-close{font-family:Georgia,serif!important}
html body dialog.guild-dialog .guild-tabs .guild-button[aria-selected=true],html body dialog.guild-dialog .guild-tabs .guild-button[aria-pressed=true]{color:#3a2812!important}
html body dialog.guild-dialog .guild-notice{color:#e3d3f2}
html body dialog.guild-dialog :is(input,textarea){background:#1a1327!important;border:1px solid #c0a27188!important;color:#f6ecff!important}

/* ---------- Match results (and the start / pause card that shares #overlay) ---------- */
html body #overlay>.modal{border:1px solid var(--hx-gold-edge)!important;border-bottom:4px solid var(--hx-bronze)!important;background:radial-gradient(ellipse at 50% -10%,#6a4a8a55,transparent 60%),var(--hx-panel)!important;box-shadow:var(--hx-frame)!important}
html body #overlay #title{font-family:Georgia,serif!important;color:var(--hx-gold)!important;text-shadow:0 3px #120c22}
html body #overlay #overline.eyebrow{color:#e9c98a;letter-spacing:.18em}
html body #overlay:is([data-result]:not([data-result=""]),:where([data-score-step]):not(#_ms)) #overline.eyebrow{color:#3a2812!important;text-shadow:none!important}
html body #overlay .sigil{color:var(--hx-gold-strong)!important}
html body #overlay button.primary{border:1px solid #ffe7ad!important;border-bottom:5px solid #8a6326!important;background:linear-gradient(#ffe39d,#e6b75a)!important;color:#3a2812!important;font-family:Georgia,serif!important;font-weight:700}
html body #overlay button.quiet{border:1px solid var(--hx-gold-edge)!important;border-bottom:4px solid var(--hx-bronze)!important;background:linear-gradient(#3e2e4c,#271d36)!important;color:var(--hx-gold)!important;font-family:Georgia,serif!important;font-weight:700}

/* Reply icon (ui-polish.js 'reply' glyph): a gold hooked return arrow. */
html body .hex-ui-icon.hex-icon-reply{fill:none;stroke:var(--hx-gold,#f0d8a4);width:1.05em;height:1.05em;vertical-align:-.16em}
html body #world-chat :is(.world-reply-quote,.world-reply-text) .hex-icon-reply{stroke:#f5c86a}