/* Original UI proposals. A deliberately has no overrides. */
[data-ui=B]{--paper:#fff9e9;--ink:#234d48;--muted:#55726a;--accent:#d36428;--line:#9ab9a5;--card:#fffff4;--button:#f5d47f;--panel:#fdf3dceF;--radius:24px;--font:'Trebuchet MS',sans-serif}
[data-ui=C]{--paper:#e6edf8;--ink:#edf3ff;--muted:#9cabc4;--accent:#94bfff;--line:#45536e;--card:#101824ed;--button:#202e45;--panel:#080e1aee;--radius:5px;--font:Arial,Helvetica,sans-serif}
#front-panel[data-ui=B],#wardrobe[data-ui=B],#adventure-kit[data-ui=B],#pause[data-ui=B],#front-panel[data-ui=C],#wardrobe[data-ui=C],#adventure-kit[data-ui=C],#pause[data-ui=C]{font-family:var(--font);color:var(--ink);text-shadow:none}
#front-panel[data-ui=B] button,#wardrobe[data-ui=B] button,#adventure-kit[data-ui=B] button,#pause[data-ui=B] button,[data-ui=B] #realm-open,[data-ui=B] #wardrobe-open,[data-ui=B] #kit-open,[data-ui=B] #front-open,[data-ui=B] #kit-hotbar button,[data-ui=B] #kit-powers button,#front-panel[data-ui=C] button,#wardrobe[data-ui=C] button,#adventure-kit[data-ui=C] button,#pause[data-ui=C] button,[data-ui=C] #realm-open,[data-ui=C] #wardrobe-open,[data-ui=C] #kit-open,[data-ui=C] #front-open,[data-ui=C] #kit-hotbar button,[data-ui=C] #kit-powers button{background:var(--button);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius);box-shadow:none;font-family:var(--font);text-shadow:none}
#front-panel[data-ui=B] button:focus-visible,#wardrobe[data-ui=B] button:focus-visible,#adventure-kit[data-ui=B] button:focus-visible,#pause[data-ui=B] button:focus-visible,#front-panel[data-ui=C] button:focus-visible,#wardrobe[data-ui=C] button:focus-visible,#adventure-kit[data-ui=C] button:focus-visible,#pause[data-ui=C] button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
#front-panel[data-ui=B] button[aria-pressed=true],#adventure-kit[data-ui=B] button[aria-pressed=true],#front-panel[data-ui=C] button[aria-pressed=true],#adventure-kit[data-ui=C] button[aria-pressed=true]{background:var(--accent);color:var(--card);box-shadow:none}
#front-panel[data-ui=B] h1,#front-panel[data-ui=B] h2,#front-panel[data-ui=B] h3,#wardrobe[data-ui=B] h1,#wardrobe[data-ui=B] h2,#adventure-kit[data-ui=B] h1,#adventure-kit[data-ui=B] h2,#adventure-kit[data-ui=B] h3,#front-panel[data-ui=C] h1,#front-panel[data-ui=C] h2,#front-panel[data-ui=C] h3,#wardrobe[data-ui=C] h1,#wardrobe[data-ui=C] h2,#adventure-kit[data-ui=C] h1,#adventure-kit[data-ui=C] h2,#adventure-kit[data-ui=C] h3{color:var(--ink)}
#front-panel[data-ui=B] p,#front-panel[data-ui=B] small,#front-panel[data-ui=B] .front-hint,#front-panel[data-ui=B] .front-signature,#front-panel[data-ui=B] .front-kicker,#front-panel[data-ui=B] .shop-wallet,#front-panel[data-ui=B] footer,#wardrobe[data-ui=B] p,#wardrobe[data-ui=B] small,[data-ui=B] #skin-message,#adventure-kit[data-ui=B] p,#adventure-kit[data-ui=B] small,[data-ui=B] #kit-message,#front-panel[data-ui=C] p,#front-panel[data-ui=C] small,#front-panel[data-ui=C] .front-hint,#front-panel[data-ui=C] .front-signature,#front-panel[data-ui=C] .front-kicker,#front-panel[data-ui=C] .shop-wallet,#front-panel[data-ui=C] footer,#wardrobe[data-ui=C] p,#wardrobe[data-ui=C] small,[data-ui=C] #skin-message,#adventure-kit[data-ui=C] p,#adventure-kit[data-ui=C] small,[data-ui=C] #kit-message{color:var(--muted)}
[data-ui=B] .front-page,[data-ui=B] .front-confirm,[data-ui=B] .preview-caption,#pause[data-ui=B] .panel,[data-ui=C] .front-page,[data-ui=C] .front-confirm,[data-ui=C] .preview-caption,#pause[data-ui=C] .panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 70px #0002}
[data-ui=B] .emporium-card,[data-ui=B] .skin-card,[data-ui=B] .kit-card,[data-ui=B] .kit-guide-card,[data-ui=C] .emporium-card,[data-ui=C] .skin-card,[data-ui=C] .kit-card,[data-ui=C] .kit-guide-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 18px #0001}
[data-ui=B] .emporium-card.selected,[data-ui=C] .emporium-card.selected{border:2px solid var(--accent)}
#wardrobe[data-ui=B],#adventure-kit[data-ui=B],#wardrobe[data-ui=C],#adventure-kit[data-ui=C]{background:var(--panel)}
[data-ui=B] .skin-card img,[data-ui=B] .kit-art,[data-ui=B] .emporium-art,[data-ui=B] .kit-tabs,[data-ui=C] .skin-card img,[data-ui=C] .kit-art,[data-ui=C] .emporium-art,[data-ui=C] .kit-tabs{background:var(--card);border-radius:var(--radius)}
[data-ui=B] .skin-condition,[data-ui=B] .kit-gold,[data-ui=B] .realm-heading,[data-ui=B] .kit-guide-card svg,[data-ui=C] .skin-condition,[data-ui=C] .kit-gold,[data-ui=C] .realm-heading,[data-ui=C] .kit-guide-card svg{color:var(--accent)!important}
#front-panel[data-ui=B] input,#front-panel[data-ui=B] select,#front-panel[data-ui=C] input,#front-panel[data-ui=C] select{accent-color:var(--accent);background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius)}
[data-ui=B] #hearts,[data-ui=B] #info,[data-ui=B] #gems,[data-ui=B] #objective,[data-ui=B] #help,[data-ui=B] #kit-status,[data-ui=C] #hearts,[data-ui=C] #info,[data-ui=C] #gems,[data-ui=C] #objective,[data-ui=C] #help,[data-ui=C] #kit-status{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius);text-shadow:none;padding:8px 12px;box-shadow:0 5px 14px #0002}
[data-ui=B] #kit-hotbar b,[data-ui=B] #kit-hotbar small,[data-ui=C] #kit-hotbar b,[data-ui=C] #kit-hotbar small{background:var(--card);color:var(--ink)}
[data-ui=B] #bossbar,[data-ui=C] #bossbar{color:var(--ink);text-shadow:none;background:var(--panel);padding:8px 12px;border-radius:var(--radius)}
[data-ui=B] #bossbar .bg,[data-ui=C] #bossbar .bg{border-color:var(--line);background:var(--card);border-radius:var(--radius)}
[data-ui=B] #bossfill,[data-ui=B] #kit-meter,[data-ui=C] #bossfill,[data-ui=C] #kit-meter{background:linear-gradient(90deg,var(--accent),#75c3ba)}
#pause[data-ui=B],#pause[data-ui=C]{background:#050b16a8;backdrop-filter:blur(9px)}
#pause[data-ui=B] .title,#pause[data-ui=C] .title{font-family:var(--font);color:var(--ink);text-shadow:none;letter-spacing:4px}
[data-ui=B] .tb,[data-ui=B] #stick,[data-ui=C] .tb,[data-ui=C] #stick{border-color:var(--line);background:var(--panel);color:var(--ink);box-shadow:0 5px 12px #0002}
[data-ui=B] #knob,[data-ui=C] #knob{background:var(--accent);box-shadow:0 3px 0 #0003}

#front-panel[data-ui=B]{background:linear-gradient(90deg,#fff4d6f5 0%,#fff3d9ce 39%,#b9eee51a 78%)}
[data-ui=B] .front-logo{color:#22665a;text-shadow:0 3px 0 #fff6be,0 6px 0 #225c4c22;font-family:Georgia,serif;font-style:italic;letter-spacing:-3px}
[data-ui=B] .front-logo span{color:#b95626;letter-spacing:5px;font-style:normal}
[data-ui=B] .front-menu nav button{border:2px solid #a7c5a8;box-shadow:0 4px 0 #92ad8d44;background:#fffdf1;color:#27584f;font-weight:bold}
[data-ui=B] #front-new{background:#f6cb66;border-color:#d29c39;box-shadow:0 5px 0 #bb862e44}
[data-ui=B] .front-page h1,[data-ui=B] .front-shop h1,#wardrobe[data-ui=B] h1,#adventure-kit[data-ui=B] h1{font-family:Georgia,serif;font-style:italic}
#front-panel[data-ui=B][data-mode=shop]{background:linear-gradient(90deg,#f7edcf33 0%,#fdf4ddeF 35%,#fdf4dd 100%)}
[data-ui=B] .emporium-art{background:radial-gradient(#a8dfd444,#fff7df00)}
[data-ui=B] .credit-shade{background:linear-gradient(90deg,#fbf0d9e8,#f9ecc9cc,#fbf0d9e8)}
[data-ui=B] #credit-roll,[data-ui=B] #credit-roll h1,[data-ui=B] #credit-roll p,[data-ui=B] #credit-source,[data-ui=B] #credit-realm,[data-ui=B] .credit-actions span{color:#28584f!important}
[data-ui=B] .credit-role{color:#b15c30!important}
#front-panel[data-ui=C]{background:linear-gradient(90deg,#050913f5 0%,#0a1224b8 43%,#050c181a 83%)}
[data-ui=C] .front-logo{font-family:Arial,Helvetica,sans-serif;font-weight:300;color:#f6f8ff;letter-spacing:-4px;text-shadow:0 0 40px #a3caff33}
[data-ui=C] .front-logo span{font-weight:400;font-size:13px;letter-spacing:8px;color:#9fb8db}
[data-ui=C] .main-brand{border-left:2px solid #96bbef;padding-left:24px}
[data-ui=C] .front-menu nav{gap:9px}
[data-ui=C] .front-menu nav button{background:#0d1725b8;text-align:left;border:0;border-bottom:1px solid #53617a;border-radius:0;padding:12px 18px;letter-spacing:1px}
[data-ui=C] #front-new{background:#dae7ff;color:#0d1930;border-left:5px solid #84b9ff}
[data-ui=C] .front-story{font-style:normal;font-family:Arial,sans-serif;letter-spacing:1px;font-size:19px}
#front-panel[data-ui=C][data-mode=shop]{background:linear-gradient(90deg,#050b1426,#080e1aed 35%,#080e1af5)}
[data-ui=C] .front-shop header,#wardrobe[data-ui=C] header,#adventure-kit[data-ui=C] header{border-bottom:1px solid #40516a;padding-bottom:18px}
[data-ui=C] .shop-tabs button,[data-ui=C] .kit-tabs button{text-transform:uppercase;letter-spacing:1px}
[data-ui=C] .credit-shade{background:linear-gradient(90deg,#020817ed,#020817a8,#020817ed)}
[data-ui=C] #credit-roll,[data-ui=C] #credit-source,[data-ui=C] #credit-realm{color:#dee9ff}
[data-ui=C] #credit-roll h1{font-weight:300;letter-spacing:3px}
#pause[data-ui=C] .panel{border-top:2px solid #96bbef}
@media(max-width:1000px){
 #front-panel[data-ui=B]{background:linear-gradient(0deg,#fff4dcff 0%,#fff4dce8 45%,#e6fff033 69%)}
 #front-panel[data-ui=C]{background:linear-gradient(0deg,#060c18ff 0%,#060c18eb 44%,#060c1810 70%)}
 [data-ui=C] .main-brand{border:0;padding:0}
 #front-panel[data-ui=B][data-mode=shop]{background:#fdf3ddef}
 #front-panel[data-ui=C][data-mode=shop]{background:#080e1af5}
 [data-ui=C] .front-logo{letter-spacing:-2px}
}
[data-ui=B] #info,[data-ui=C] #info{top:72px;font-size:14px;line-height:1.3}
[data-ui=B] #objective,[data-ui=C] #objective{top:162px}
/* Contrast and direction override the legacy gold/ivory emphasis rules. */
#front-panel[data-ui=B] .front-story,#front-panel[data-ui=C] .front-story{color:var(--ink)!important}
#front-panel[data-ui=B] .front-hint,#front-panel[data-ui=C] .front-hint{color:var(--muted)!important}
#front-panel[data-ui=B] .settings-grid label,#front-panel[data-ui=C] .settings-grid label,#front-panel[data-ui=B] .settings-grid dt,#front-panel[data-ui=C] .settings-grid dt{color:var(--ink)}
#front-panel[data-ui=B] .settings-grid dd,#front-panel[data-ui=C] .settings-grid dd,#front-panel[data-ui=B] .settings-grid output,#front-panel[data-ui=C] .settings-grid output{color:var(--muted)}
#front-panel[data-ui=B] .preview-caption b,#front-panel[data-ui=C] .preview-caption b{color:var(--accent)}
#front-panel[data-ui=B] .shop-tabs button[aria-pressed=true],#front-panel[data-ui=C] .shop-tabs button[aria-pressed=true]{background:var(--accent)!important;color:var(--card)!important}
#front-panel[data-ui=B] .front-menu nav button{background:#fffdf1;color:#27584f;border:2px solid #a7c5a8;box-shadow:0 4px 0 #92ad8d44}
#front-panel[data-ui=B] #front-new{background:#f6cb66!important;color:#345644!important;border-color:#cc9c40}
#front-panel[data-ui=C] .front-menu nav button{background:#0d1725b8;text-align:left;border:0;border-bottom:1px solid #53617a;border-radius:0;letter-spacing:1px}
#front-panel[data-ui=C] #front-new{background:#dae7ff!important;color:#0d1930!important;border-left:5px solid #84b9ff}
#front-panel[data-ui=C] .front-story{font:400 19px/1.6 Arial,sans-serif!important;letter-spacing:1px}
#front-panel[data-ui=C] h1,#front-panel[data-ui=C] h2,#front-panel[data-ui=C] h3,#wardrobe[data-ui=C] h1,#wardrobe[data-ui=C] h2,#adventure-kit[data-ui=C] h1,#adventure-kit[data-ui=C] h2,#adventure-kit[data-ui=C] h3{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:1px}

/* Approved screen-to-screen handoffs; honours reduced-motion preferences. */
@keyframes approved-enter{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
#front-panel.ui-enter>*,#wardrobe.ui-enter>*,#adventure-kit.ui-enter>*,#pause.ui-enter>.panel{animation:approved-enter .22s ease-out both}
@media(prefers-reduced-motion:reduce){.ui-enter>*{animation:none!important}}
body.reduced-motion .ui-enter>*{animation:none!important}