/* Arena Teney — World Navigation WN1 r03
 * User-directed gold polish for World only.
 * Owns palette/ambience and dock COLORS while preserving accepted dock geometry.
 */

html:has(body[data-screen="worldnav"]) {
  background: #050403;
}

body[data-screen="worldnav"] {
  --bg-start: #080603;
  --bg-mid: #0c0904;
  --bg-end: #040302;
  --glow: #7c5618;
  --fog-1: rgba(214, 162, 69, .22);
  --fog-2: rgba(139, 88, 24, .18);
  --fog-3: rgba(245, 201, 100, .10);
  background:
    radial-gradient(circle at 50% -7%, rgba(194, 137, 43, .28) 0, rgba(73, 46, 13, .10) 26rem, transparent 38rem),
    radial-gradient(circle at 84% 34%, rgba(142, 93, 28, .12), transparent 28rem),
    linear-gradient(180deg, #090704 0%, #080603 38%, #050403 72%, #030302 100%);
}

body[data-screen="worldnav"]::before {
  background:
    radial-gradient(circle at 12% 20%, rgba(230, 182, 83, .20) 0, transparent 24%),
    radial-gradient(circle at 86% 17%, rgba(157, 100, 26, .18) 0, transparent 30%),
    radial-gradient(circle at 50% 84%, rgba(209, 157, 56, .10) 0, transparent 30%);
  opacity: .86;
}

body[data-screen="worldnav"]::after {
  background:
    repeating-linear-gradient(115deg, transparent 0 31px, rgba(226, 186, 102, .018) 31px 32px, transparent 32px 63px),
    linear-gradient(180deg, rgba(255, 221, 143, .018), transparent 30%, rgba(127, 79, 18, .026));
  opacity: .48;
  mix-blend-mode: screen;
}

body[data-screen="worldnav"] .arena-ambience .fog::before {
  background: radial-gradient(circle, rgba(220, 172, 78, .19), transparent 67%);
}

body[data-screen="worldnav"] .arena-ambience .fog::after {
  background: radial-gradient(circle, rgba(157, 101, 31, .20), transparent 67%);
}

body[data-screen="worldnav"] .arena-ambience .embers span {
  background: radial-gradient(circle, #ffe3a0, rgba(211, 151, 51, .76) 52%, transparent 72%);
  box-shadow: 0 0 16px rgba(211, 151, 51, .42);
}

/* Existing global header stays structurally untouched; only its World palette changes. */
body[data-screen="worldnav"] .game-header {
  border-color: rgba(213, 165, 70, .28) !important;
}

body[data-screen="worldnav"] .game-brand h1,
body[data-screen="worldnav"] .game-brand-copy h1 {
  color: #f2e6c8 !important;
  text-shadow: 0 2px 18px rgba(181, 126, 35, .15);
}

body[data-screen="worldnav"] .game-brand-mark {
  filter: sepia(.45) saturate(1.12) drop-shadow(0 0 8px rgba(211, 161, 65, .26));
}

body[data-screen="worldnav"] .performance-button,
body[data-screen="worldnav"] .badge.performance-button {
  border-color: rgba(217, 171, 78, .54) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(230, 184, 90, .12), transparent 55%),
    linear-gradient(180deg, rgba(41, 31, 14, .96), rgba(17, 13, 7, .98)) !important;
  color: #dcc78e !important;
  box-shadow: 0 0 22px rgba(188, 132, 39, .10), inset 0 1px rgba(255, 232, 170, .05) !important;
}

body[data-screen="worldnav"] #player-combat-card {
  border-color: rgba(202, 156, 63, .44) !important;
  background:
    radial-gradient(circle at 15% 0, rgba(197, 147, 51, .08), transparent 36%),
    linear-gradient(180deg, rgba(20, 16, 9, .96), rgba(8, 7, 5, .98)) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .36), inset 0 1px rgba(255, 224, 155, .035) !important;
}

body[data-screen="worldnav"] #player-combat-card .avatar {
  border-color: rgba(215, 169, 74, .48) !important;
  background: radial-gradient(circle, rgba(177, 124, 36, .16), rgba(12, 10, 7, .96) 70%) !important;
  box-shadow: inset 0 0 20px rgba(209, 154, 54, .06) !important;
}

body[data-screen="worldnav"] #player-combat-card .bar {
  background: rgba(56, 43, 21, .72) !important;
  border-color: rgba(181, 135, 49, .22) !important;
}

body[data-screen="worldnav"] #player-combat-card .bar > i {
  background: linear-gradient(90deg, #9e6d22, #d5a843 58%, #f0ce76) !important;
  box-shadow: 0 0 12px rgba(215, 166, 65, .18) !important;
}

#screen-worldnav {
  --wn-gold: #d0a84d;
  --wn-gold-bright: #f0d27e;
  --wn-gold-dim: rgba(220, 174, 73, .40);
  --wn-ivory: #f1ead8;
  --wn-muted: #a7a093;
  --wn-muted-2: #77756e;
  --wn-stone: #090806;
  --wn-stone-2: #100d08;
  --wn-stone-3: #171108;
  --wn-line: rgba(218, 176, 82, .21);
  --wn-line-strong: rgba(226, 184, 88, .54);
}

#screen-worldnav .wn1-hero {
  border-color: rgba(226, 184, 88, .62);
  background:
    radial-gradient(circle at 82% 14%, rgba(220, 166, 62, .18), transparent 31%),
    radial-gradient(circle at 13% 87%, rgba(125, 82, 24, .13), transparent 36%),
    linear-gradient(153deg, rgba(27, 21, 10, .99), rgba(12, 10, 7, .99) 56%, rgba(5, 5, 4, .995));
  box-shadow:
    0 22px 48px rgba(0, 0, 0, .42),
    0 0 24px rgba(194, 137, 40, .055),
    inset 0 0 0 1px rgba(255, 229, 160, .024),
    inset 0 -48px 86px rgba(0, 0, 0, .26);
}

#screen-worldnav .wn1-hero::before {
  border-color: rgba(232, 194, 104, .13);
  background:
    repeating-linear-gradient(117deg, transparent 0 13px, rgba(239, 204, 123, .012) 13px 14px, transparent 14px 28px),
    linear-gradient(90deg, transparent, rgba(236, 196, 105, .022), transparent);
}

#screen-worldnav .wn1-hero::after {
  background: linear-gradient(90deg, #d7a846, rgba(224, 177, 74, .22) 56%, transparent 90%);
  opacity: .82;
}

#screen-worldnav .wn1-kicker,
#screen-worldnav .wn1-block-head small {
  color: #d5b45f;
}

#screen-worldnav .wn1-chip.current {
  border-color: rgba(226, 182, 78, .58);
  background: linear-gradient(180deg, rgba(60, 43, 15, .62), rgba(24, 18, 8, .75));
  color: #efd27e;
  box-shadow: 0 0 15px rgba(202, 148, 42, .07);
}

#screen-worldnav .wn1-block {
  border-top-color: rgba(223, 177, 73, .48);
  border-bottom-color: rgba(187, 139, 49, .18);
  background:
    radial-gradient(circle at 15% 0, rgba(195, 141, 41, .055), transparent 29%),
    linear-gradient(180deg, rgba(12, 10, 6, .94), rgba(6, 6, 5, .96));
  box-shadow: 0 16px 38px rgba(0, 0, 0, .28);
}

#screen-worldnav .wn1-path::before {
  background: linear-gradient(180deg, rgba(236, 195, 96, .82), rgba(180, 129, 39, .43) 60%, rgba(91, 62, 23, .18));
  box-shadow: 0 0 17px rgba(212, 159, 54, .11);
}

#screen-worldnav .wn1-node {
  border-color: rgba(174, 143, 77, .28);
  background:
    linear-gradient(90deg, rgba(210, 160, 59, .035), transparent 36%),
    linear-gradient(145deg, rgba(19, 16, 10, .985), rgba(8, 8, 6, .99));
  box-shadow: inset 0 1px rgba(255, 226, 160, .016), inset 0 -20px 34px rgba(0,0,0,.18), 0 8px 22px rgba(0,0,0,.19);
}

#screen-worldnav .wn1-node-icon {
  border-color: rgba(213, 172, 78, .34);
  background: radial-gradient(circle, rgba(208, 155, 54, .105), transparent 63%), #090806;
  color: #d5ae56;
  box-shadow: inset 0 0 19px rgba(211, 159, 56, .045), 0 7px 17px rgba(0,0,0,.26);
}

#screen-worldnav .wn1-node.selected {
  border-color: rgba(241, 204, 111, .76);
  background:
    radial-gradient(circle at 8% 50%, rgba(218, 165, 60, .09), transparent 38%),
    linear-gradient(145deg, rgba(31, 24, 11, .995), rgba(10, 9, 6, .995));
  box-shadow: inset 0 0 0 1px rgba(242, 207, 118, .055), 0 0 27px rgba(207, 153, 48, .10), 0 10px 25px rgba(0,0,0,.24);
}

#screen-worldnav .wn1-node.current {
  border-color: rgba(185, 185, 110, .52);
  background:
    radial-gradient(circle at 8% 50%, rgba(179, 174, 91, .08), transparent 38%),
    linear-gradient(145deg, rgba(25, 24, 14, .99), rgba(9, 10, 7, .995));
}

#screen-worldnav .wn1-node.current .wn1-node-icon {
  border-color: rgba(215, 198, 107, .48);
  color: #d9cb82;
  background: radial-gradient(circle, rgba(189, 180, 93, .12), transparent 64%), #0c0c08;
}

#screen-worldnav .wn1-node.locked {
  border-color: rgba(136, 78, 64, .34);
  background: linear-gradient(145deg, rgba(20, 12, 10, .96), rgba(8, 7, 6, .99));
  opacity: .62;
}

#screen-worldnav .wn1-node.locked .wn1-node-icon,
#screen-worldnav .wn1-node.locked .wn1-node-state {
  color: #8f5c4f;
  border-color: rgba(145, 86, 69, .30);
}

#screen-worldnav .wn1-expanded {
  border-left-color: rgba(228, 184, 82, .53);
  border-right-color: rgba(201, 153, 56, .10);
  border-bottom-color: rgba(212, 164, 65, .22);
  background:
    radial-gradient(circle at 0 0, rgba(213, 159, 51, .085), transparent 40%),
    linear-gradient(180deg, rgba(13, 11, 7, .99), rgba(6, 6, 5, .995));
  box-shadow: 0 16px 30px rgba(0, 0, 0, .24), inset 0 -28px 50px rgba(0,0,0,.08);
}

#screen-worldnav .wn1-expanded-sigil {
  border-color: rgba(223, 180, 78, .34);
  color: #e0ba60;
  box-shadow: inset 0 0 16px rgba(211, 156, 50, .035);
}

#screen-worldnav .wn1-expanded-kicker {
  color: #b99851;
}

#screen-worldnav .wn1-action.primary {
  border-color: rgba(238, 198, 98, .70);
  background:
    radial-gradient(circle at 50% 0, rgba(236, 195, 94, .14), transparent 62%),
    linear-gradient(180deg, rgba(57, 42, 15, .92), rgba(25, 18, 8, .96));
  color: #f0d27b;
  box-shadow: 0 0 18px rgba(203, 147, 39, .08), inset 0 1px rgba(255, 232, 169, .055);
}

#screen-worldnav .wn1-action.secondary {
  border-color: rgba(169, 139, 76, .25);
  background: linear-gradient(180deg, rgba(18, 15, 10, .96), rgba(8, 8, 6, .98));
  color: #b8ad96;
}

/* User explicitly authorized World-only dock recoloring. Geometry remains owned by the persistent dock. */
body[data-screen="worldnav"] .i13-dock,
body[data-screen="worldnav"] > nav {
  border-color: rgba(226, 178, 73, .66) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(196, 138, 36, .13), transparent 52%),
    linear-gradient(180deg, rgba(19, 15, 8, .97), rgba(6, 6, 4, .99)) !important;
  box-shadow: 0 -12px 32px rgba(0,0,0,.68), 0 -1px 18px rgba(191, 132, 34, .06), inset 0 1px rgba(255,224,150,.055) !important;
}

body[data-screen="worldnav"] .i13-dock button,
body[data-screen="worldnav"] > nav button {
  color: #aaa08c !important;
}

body[data-screen="worldnav"] .i13-dock .i13-icon,
body[data-screen="worldnav"] > nav button b {
  color: #d0aa58 !important;
  filter: drop-shadow(0 0 7px rgba(205, 151, 50, .12));
}

body[data-screen="worldnav"] .i13-dock button.is-active,
body[data-screen="worldnav"] > nav button.active {
  border-color: rgba(244, 205, 106, .78) !important;
  color: #fff0c3 !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(239, 195, 92, .25), transparent 48%),
    linear-gradient(180deg, rgba(88, 62, 18, .94), rgba(36, 25, 9, .97)) !important;
  box-shadow: 0 0 20px rgba(209, 151, 42, .18), inset 0 0 0 1px rgba(255,232,168,.07) !important;
}

body[data-screen="worldnav"] .i13-dock button.is-active .i13-icon,
body[data-screen="worldnav"] > nav button.active b {
  color: #ffe091 !important;
  filter: drop-shadow(0 0 8px rgba(229, 179, 73, .34));
}

body[data-screen="worldnav"] .footer-note {
  display: none !important;
}