/* The same compact controls, with the realm's own warm accent colors. */
.realm-dimension{--paper:#fff0d5;--gold:#ffc881;--mint:#9ce7dc;--panel:rgba(49,42,77,.94)}
.realm-dimension .arrival .eyebrow{color:#ffcf91}
.realm-dimension .arrival h1 em{color:#f7c6d8}
.realm-dimension .arrival .primary{background:#fed199;color:#352440}
.realm-dimension .wayfinder,.realm-dimension .controls,.realm-dimension .bottom-bar button{border-color:#a38da899}
.realm-dimension .world-loading-card{background:#302941;border-color:#cb98b4}
#realm-link{display:block;color:#cdeee1;font-size:11px;text-align:right;padding:6px 9px;text-underline-offset:3px}
.realm-dimension #realm-link{color:#ffdbb2}
.realm-dimension .bottom-bar{background:linear-gradient(transparent,rgba(38,33,60,.87));padding-top:15px;color:#fff4de}
.realm-dimension .bottom-bar small{color:#e5d6e7}

.draw-distance-controls{margin:0;padding:10px;border:1px solid #68787c;border-radius:6px;min-width:0}.draw-distance-controls legend{font-size:12px;padding:0 4px}.draw-distance-controls output{color:var(--mint);margin-left:8px}.draw-distance-controls input[type=range]{width:100%;margin:10px 0}.draw-distance-controls small{display:block;font-size:11px;line-height:1.45;opacity:.8}