/* 💰 Rags to Riches: borrows Survival Island's look (survival.css); only the riches bits here */
.rr #world { background: #0d5f9e; }
.rr-coins { font-weight: 800; color: #ffd23f; font-size: .8rem; white-space: nowrap; }
.rr .sv-mchip b { font-size: clamp(.5rem, 1vh, .66rem); }
/* 🏅 the Boss's plaque + thanks banner (2026-11-03) */
.rr-plaque { display: block; width: auto; max-width: min(78%, 520px); height: auto; max-height: clamp(70px, 22vh, 210px); margin: 0 auto; filter: drop-shadow(0 4px 14px rgba(0, 0, 0, .55)); }
.rr #pick .rr-plaque { max-height: clamp(60px, 17vh, 170px); }
.rr-thanks, .rr-leave h2 { margin: 0; font-size: clamp(1.2rem, 3.4vw, 2.4rem); font-weight: 900; color: #ffd23f; letter-spacing: .02em;
  text-shadow: 0 0 14px rgba(255, 210, 63, .65), 0 3px 0 #6b3d00; }
.rr #end, .rr #leave { overflow-y: auto; }
.rr-leave a.bb-play { text-decoration: none; }
/* ⏸ Pause / 🚪 Exit, bottom-left on the island (small screen and full screen) */
.rr-ctl { position: absolute; left: 10px; bottom: 10px; display: flex; gap: 6px; z-index: 6; }
.rr-ctl button { padding: 6px 14px; border-radius: 999px; border: 2px solid #ffd23f; background: rgba(18, 10, 44, .85); color: #fff;
  font: inherit; font-size: .85rem; font-weight: 800; cursor: pointer; box-shadow: 0 2px 10px rgba(0, 0, 0, .45); }
.rr-ctl button:hover, .rr-ctl button:focus-visible { background: #ffd23f; color: #120a2c; }
.rr-ctl button[hidden] { display: none; }
.rr-ctl #pause[aria-pressed="true"] { background: #3ad07a; border-color: #3ad07a; color: #07240f; }
.sv-stage:fullscreen .rr-ctl { left: 16px; bottom: 16px; }
.sv-stage:fullscreen .rr-ctl button { font-size: 1rem; padding: 9px 18px; }
@media (max-width: 760px) { .rr-ctl button { font-size: .75rem; padding: 5px 10px; } }
/* the end screen grew (plaque + mystery line): never cut the top off, and keep the thanks banner BIG */
.rr #end, .rr #leave { justify-content: safe center; }
.bb-pick .rr-thanks { font-size: clamp(1.2rem, 3.4vw, 2.4rem); color: #ffd23f; }
.rr #end .rr-plaque { max-height: clamp(56px, 16vh, 160px); }
/* 🔍 zoom ➖ level ➕ (bottom-left, next to Pause/Exit) */
.rr-zoom { display: inline-flex; align-items: center; gap: 2px; padding: 2px; border-radius: 999px; border: 2px solid #ffd23f; background: rgba(18, 10, 44, .85); }
.rr-ctl .rr-zoom button { border: 0; box-shadow: none; padding: 4px 10px; background: transparent; }
.rr-zoom #zoom-lv { min-width: 3.2em; text-align: center; color: #ffd23f; font-weight: 800; font-size: .78rem; }
.sv-stage:fullscreen .rr-zoom #zoom-lv { font-size: .95rem; }
/* 🗺️ Island view: top of the elves list + top of the full-screen heads column */
.rr-mapbtn { display: block; width: 100%; margin: 0 0 6px; padding: 7px 10px; border-radius: 12px; border: 2px solid #3b8fd6;
  background: linear-gradient(180deg, #11406b, #0b2a47); color: #fff; font: inherit; font-weight: 800; text-align: left; cursor: pointer; }
.rr-mapbtn small { display: block; font-weight: 500; opacity: .8; font-size: .72rem; }
.rr-mapbtn[aria-pressed="true"] { border-color: #ffd23f; box-shadow: 0 0 10px rgba(255, 210, 63, .5); }
.rr-mapchip .sv-mhead { object-position: center; box-shadow: 0 0 0 2px #3b8fd6; background: #0d5f9e; }
.rr #world { cursor: grab; }
/* start screen grew (plaque + STEP 1 box): keep everything reachable on smaller screens */
.rr #pick { justify-content: safe center; overflow-y: auto; }
.rr #pick .rr-plaque { max-height: clamp(48px, 12vh, 150px); }
.rr-ctl[hidden] { display: none; }