:root{color-scheme:dark} .universe-page{margin:0;background:#090a0e;color:#f5f0e9;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif} #js-universe{--gold:#e7bd75;--light:#f3d99f;--panel:#14161b;--line:rgba(240,204,141,.19);--muted:#aaa6a0;box-sizing:border-box;min-width:0;padding-bottom:115px} #js-universe *{box-sizing:border-box} #js-universe a{color:inherit;text-decoration:none}#js-universe button,#js-universe input,#js-universe select,#js-universe textarea{font:inherit}#js-universe button{cursor:pointer}#js-universe button:focus-visible,#js-universe a:focus-visible,#js-universe input:focus-visible,#js-universe select:focus-visible,#js-universe textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#js-universe .ru-nav{background:#0e0f13;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px clamp(16px,3vw,58px);border-bottom:1px solid var(--line);position:relative;z-index:5}.ru-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.ru-brand img{object-fit:contain}.ru-brand strong{display:block;font-size:13px;letter-spacing:.16em}.ru-brand small{display:block;color:var(--gold);font-size:10px;letter-spacing:.16em}.ru-nav nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.ru-nav nav a{font-size:12px;color:#d0c9ba}.ru-nav nav a:hover{color:var(--gold)}.ru-live{color:var(--gold);border:1px solid #7c633e;border-radius:999px;padding:9px 12px;white-space:nowrap;font-weight:700;font-size:12px}#js-universe main{width:min(1400px,calc(100% - 40px));margin:auto} .ru-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:16px;align-items:center;padding:65px 38px 56px;min-height:390px;background:radial-gradient(ellipse at 82% 42%,#49331c85,transparent 43%);overflow:hidden}.ru-overline{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:.22em}.ru-hero h1{font-size:clamp(46px,6vw,94px);line-height:1.04;letter-spacing:-.065em;margin:20px 0}.ru-hero h1 em,.ru-section-head h2 em,#js-universe h2 em{font-style:normal;color:var(--gold)}.ru-hero p{color:#d4cbc0;font-size:clamp(15px,1.4vw,18px);line-height:1.7;max-width:650px}.ru-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.ru-primary,.ru-secondary,#js-universe .ru-form button,#js-universe .ru-inline button{border-radius:12px;border:1px solid #af8a4f;padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-weight:750}.ru-primary,#js-universe .ru-form button,#js-universe .ru-inline button{background:linear-gradient(120deg,#d3a45d,#f0cf8e);color:#18130b!important}.ru-secondary{background:#181a1d;color:var(--light);border-color:#64553a}.ru-hero-art{position:relative;display:grid;place-items:center;min-height:330px}.ru-hero-art img{width:clamp(145px,18vw,260px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 15px 45px #bd884c54)}.ru-ring{position:absolute;border:1px solid #c09b594d;border-radius:50%;width:330px;height:330px}.ru-ring-two{width:260px;height:260px;border-style:dashed;transform:rotate(28deg)}.ru-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px}.ru-metrics>div{background:#151619;border:1px solid var(--line);border-radius:15px;padding:22px}.ru-metrics span{display:block;color:#aaa093;font-size:10px;font-weight:700;letter-spacing:.13em}.ru-metrics strong{font-size:clamp(18px,2.5vw,32px);display:block;color:var(--light);margin-top:9px;overflow-wrap:anywhere}.ru-panel{background:linear-gradient(150deg,#16181e,#0e0f12);border:1px solid var(--line);border-radius:20px;padding:clamp(18px,3vw,34px);margin:18px 0;min-width:0}.ru-panel h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.05em;margin:10px 0 9px}.ru-panel p{line-height:1.6;color:#bcb7af}.ru-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:23px}.ru-section-head p{margin:6px 0 0}.ru-pill{border:1px solid #705735;background:#282218;color:#e6c486;font-size:12px;padding:10px 13px;border-radius:100px}.ru-map-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(255px,1fr);gap:22px}.ru-map-container{min-width:0;background:#0d1319;border-radius:13px;overflow:hidden;border:1px solid #404347}.ru-map-container object{display:block;width:100%;height:auto;aspect-ratio:2 / 1}.ru-map-caption{font-size:11px;margin:0;padding:9px 12px;color:#a5a8a6!important}.ru-map-panel{border-left:1px solid var(--line);padding-left:20px}.ru-map-panel label{font-size:11px;letter-spacing:.15em;color:var(--gold);font-weight:700}.ru-map-panel select,#js-universe input,#js-universe select,#js-universe textarea{display:block;background:#1d2025;color:#f5ecdd;border:1px solid #55504a;border-radius:10px;padding:12px;width:100%;min-width:0;font-size:16px}.ru-map-panel select{margin:12px 0}.ru-map-summary{font-weight:650;font-size:15px;line-height:1.6;margin:18px 0;color:var(--gold)}.ru-station-list{display:grid;gap:9px}.ru-station-mini{display:flex;align-items:center;gap:12px;background:#1b1d21;border:1px solid #363332;padding:9px;border-radius:12px;min-width:0}.ru-station-mini img,.ru-station-mini .ru-initials{width:48px;height:48px;border-radius:9px;background:#30271e;object-fit:contain;flex-shrink:0}.ru-initials{display:grid;place-items:center;color:#f2d093}.ru-station-mini .ru-station-desc{min-width:0;flex:1}.ru-station-mini b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.ru-station-mini small{display:block;color:#a9a8a5;font-size:11px;margin-top:3px}.ru-station-mini button{background:var(--gold);color:#171209;border:0;border-radius:9px;min-width:43px;min-height:43px;font-weight:800}.ru-small-link{color:var(--gold)!important;display:inline-block;margin-top:18px;font-weight:750}.ru-mood-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:19px}.ru-mood,#js-universe .ru-quiet{background:#24252a;border:1px solid #574a3b;color:#e8dfd0;border-radius:999px;padding:12px 15px;min-height:44px;font-weight:650}.ru-mood.selected{background:#e9bd76;border-color:#e9bd76;color:#17130f}.ru-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.ru-card{background:#1b1d22;border:1px solid #51483d;border-radius:14px;padding:15px;display:flex;flex-direction:column;gap:9px;min-width:0}.ru-card .ru-card-art{display:flex;gap:11px;align-items:center;min-width:0}.ru-card .ru-card-art img,.ru-card .ru-card-art .ru-initials{width:62px;height:62px;flex-shrink:0;border-radius:11px;object-fit:contain;background:#2d261d}.ru-card h3{font-size:15px;line-height:1.3;margin:0;overflow-wrap:anywhere}.ru-card small{color:#b6a894;font-size:12px}.ru-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:8px;flex-wrap:wrap}.ru-card-actions button,.ru-card-actions a{border-radius:9px;padding:10px 12px;min-height:44px;background:#ebc481;color:#161109!important;border:0;font-weight:800;font-size:12px;display:grid;place-items:center}.ru-card-actions a{background:#353030;color:#f3dab2!important}.ru-copy{display:block;font-size:11px;color:#c4b7a0}.ru-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ru-split .ru-panel{margin:0}.ru-form{display:grid;gap:11px;margin-top:19px}.ru-form label{font-size:13px;color:#bcb5aa;font-weight:650}.ru-form label input,.ru-form label textarea{margin-top:7px}.ru-checkbox{display:flex;align-items:center;gap:10px}.ru-checkbox input{width:auto!important}.ru-note{font-size:12px;color:#a6a19a}.ru-inline{display:flex;gap:8px;margin:15px 0;align-items:center}.ru-inline input{flex:1}.ru-inline button{white-space:nowrap}.ru-room-list,.ru-collections,.ru-guide-list,.ru-claims{display:grid;gap:8px;margin-top:15px}.ru-room-entry,.ru-collection-entry,.ru-program-entry,.ru-claim-entry{border:1px solid #514333;background:#222124;padding:13px 14px;border-radius:12px}.ru-room-entry strong,.ru-collection-entry strong,.ru-program-entry strong{display:block}.ru-room-entry small,.ru-collection-entry small,.ru-program-entry small{display:block;margin:6px 0;color:#d3c4ad}.ru-room-entry button,.ru-collection-entry button,.ru-claim-entry button{background:#322a20;color:#eac181;border:1px solid #785a39;border-radius:8px;padding:9px 12px;margin:4px 7px 4px 0;min-height:40px}.ru-chat{min-height:60px;max-height:260px;overflow:auto;padding:12px;background:#0d0e12;border-radius:10px;margin:12px 0}.ru-chat p{margin:6px 0;padding:6px 0;font-size:13px}.ru-chat strong{color:var(--gold)}.ru-chat-form{display:flex;gap:6px}.ru-chat-form button{background:var(--gold);border:0;border-radius:9px;min-height:44px;color:#15110c}.ru-now-result{padding:18px;border:1px solid var(--line);border-radius:12px;background:#231e18;margin:10px 0;color:#ebcd92}.ru-footer{margin:45px auto 0;max-width:1400px;padding:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;color:#c5bbaa}.ru-footer nav{display:flex;gap:18px;flex-wrap:wrap}.ru-footer small{flex-basis:100%;color:#8f8f8f}.ru-ops-forms{margin-top:20px}.ru-toast{position:sticky;bottom:96px;display:none;width:min(440px,95%);padding:13px 18px;background:#b99559;color:#14100b;border-radius:12px;margin:0 auto;text-align:center;font-weight:700;z-index:19}.ru-toast.is-visible{display:block}.ru-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1140px){.ru-nav nav{gap:10px}.ru-nav nav a{font-size:11px}.ru-map-layout{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}.ru-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:830px){.ru-nav{flex-wrap:wrap}.ru-nav nav{order:3;width:100%;overflow:auto;flex-wrap:nowrap;white-space:nowrap;padding-bottom:7px}.ru-hero{grid-template-columns:1fr;padding:44px 18px 32px}.ru-hero-art{display:none}.ru-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ru-map-layout,.ru-split{grid-template-columns:1fr}.ru-map-panel{border-left:none;border-top:1px solid var(--line);padding:20px 0 0}.ru-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#js-universe main{width:calc(100% - 24px)}}@media(max-width:440px){.ru-live{font-size:11px}.ru-hero h1{font-size:43px}.ru-metrics>div{padding:14px}.ru-metrics strong{font-size:21px}.ru-card-grid{grid-template-columns:1fr}.ru-inline{flex-wrap:wrap}.ru-inline button{width:100%}.ru-nav{padding:12px}.ru-brand strong{font-size:11px}.ru-brand small{font-size:9px}}

.ru-map-zoom{display:flex;gap:8px;padding:9px;background:#111b21}.ru-map-zoom button{min-width:42px;min-height:42px;background:#3a3024;color:#f1d49d;border:1px solid #896d4c;border-radius:9px;font-weight:700}.ru-map-container{overflow:auto}.ru-map-container object{min-width:100%;transition:width .18s ease}

#js-universe [hidden]{display:none!important}

#js-universe .ru-card-room{background:#343133;color:#f0d09a;border:1px solid #80643d}.ru-card:hover,.ru-station-mini:hover{border-color:#b58d51;transition:border-color .15s ease}.ru-card-live{color:#e8bf79;font-weight:750}

/* 6.1: minimalistische premium indeling. De kaart is ingebouwde SVG; geen object of externe kaartserver. */
#js-universe {--gold:#e3b874;--light:#f4d7a0;--panel:#151619;--line:rgba(255,255,255,.105);--muted:#b5b5b9;}
.universe-page {background:#0b0c0f;}
#js-universe main {width:min(1280px,calc(100% - 44px));}
#js-universe .ru-nav {background:#101115;border-bottom-color:#24262a;padding-block:16px;}
#js-universe .ru-nav nav {gap:clamp(10px,2vw,24px);}
#js-universe .ru-nav nav a {font-size:13px;color:#d3d0c9;}
#js-universe .ru-nav nav .ru-catalog-link {color:#f5d4a2;font-weight:750;}
#js-universe .ru-hero {min-height:0;grid-template-columns:minmax(0,1fr) 180px;gap:24px;padding:45px 8px 32px;background:none;}
#js-universe .ru-hero h1 {font-size:clamp(38px,4.4vw,64px);line-height:1.06;max-width:760px;margin:12px 0 14px;letter-spacing:-.045em;}
#js-universe .ru-hero p {font-size:16px;line-height:1.65;max-width:620px;margin:0;}
#js-universe .ru-hero-art {min-height:180px;}
#js-universe .ru-hero-art img {width:160px;}
#js-universe .ru-ring {width:200px;height:200px;opacity:.45;}
#js-universe .ru-ring-two {width:165px;height:165px;}
#js-universe .ru-actions {margin-top:22px;}
#js-universe .ru-metrics {gap:10px;margin-bottom:24px;}
#js-universe .ru-metrics>div {background:#141519;border:1px solid #292b30;border-radius:12px;padding:16px 18px;}
#js-universe .ru-metrics span {font-size:10px;letter-spacing:.10em;color:#aeadb0;}
#js-universe .ru-metrics strong {font-size:clamp(18px,2vw,27px);margin-top:8px;color:#f2d19b;}
#js-universe .ru-panel {background:#141519;border:1px solid #303136;border-radius:16px;padding:clamp(17px,2.4vw,28px);margin:16px 0;}
#js-universe .ru-panel h2 {font-size:clamp(25px,3vw,34px);font-weight:750;letter-spacing:-.04em;}
#js-universe .ru-section-head {margin-bottom:19px;align-items:center;}
#js-universe .ru-section-head p {max-width:790px;color:#b8b6b1;}
#js-universe .ru-pill {background:#242018;border-color:#52422b;color:#ebc68c;}
#js-universe .ru-map-layout {grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:18px;align-items:start;}
#js-universe .ru-map-container {background:#0e171b;border:1px solid #33383d;border-radius:12px;overflow:hidden;}
#js-universe .ru-map-toolbar {display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;background:#191b1e;border-bottom:1px solid #383b3d;flex-wrap:wrap;}
#js-universe .ru-map-status {font-size:12px;font-weight:700;color:#ded6c5;display:flex;align-items:center;gap:8px;}
#js-universe .ru-status-dot {display:inline-block;background:#62bd86;width:8px;height:8px;border-radius:50%;}
#js-universe .ru-map-zoom {display:flex;gap:6px;padding:0;background:none;}
#js-universe .ru-map-zoom button {border:1px solid #555046;border-radius:8px;background:#242326;color:#edce92;min-width:38px;min-height:36px;}
#js-universe .ru-map-viewport {overflow:auto;width:100%;background:#0e171b;}
#js-universe .ru-map-svg {display:block;width:100%;height:auto;max-width:none;min-width:100%;aspect-ratio:2/1;transition:width .18s ease;}
#js-universe .ru-map-svg path[data-code] {cursor:pointer;transition:fill .1s ease;}
#js-universe .ru-map-svg path[data-code]:hover,#js-universe .ru-map-svg path.selected {fill:#dfae68!important;stroke:#ffdf9c;stroke-width:1.4;}
#js-universe .ru-map-caption {font-size:11px;line-height:1.5;padding:12px;color:#adafb3!important;background:#14181d;}
#js-universe .ru-map-panel {border-left:0;background:#191a1e;border:1px solid #303238;padding:20px;border-radius:12px;min-height:320px;}
#js-universe .ru-map-panel label {font-size:11px;letter-spacing:.12em;}
#js-universe .ru-map-panel select {margin:10px 0 15px;background:#24262b;border-color:#3f4349;}
#js-universe .ru-country-quick {display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px;}
#js-universe .ru-country-quick button {background:#26272b;border:1px solid #45474b;border-radius:100px;color:#e7e1d5;padding:8px 10px;font-size:12px;min-height:36px;}
#js-universe .ru-country-quick button:hover {border-color:#bc925c;background:#34302a;}
#js-universe .ru-map-summary {font-weight:600;color:#e5c18a;font-size:14px;line-height:1.5;margin:10px 0 12px;}
#js-universe .ru-country-retry {background:#292523;color:#eac48d;border:1px solid #7a613e;border-radius:8px;padding:10px 13px;min-height:42px;margin:0 0 12px;}
#js-universe .ru-station-list {gap:8px;}
#js-universe .ru-station-mini {background:#22242a;border-color:#393a3f;}
#js-universe .ru-station-mini a {font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;}
#js-universe .ru-small-link {margin-top:16px;}
#js-universe .ru-group-heading {margin:34px 4px 18px;}
#js-universe .ru-group-heading h2 {font-size:clamp(25px,2.8vw,32px);letter-spacing:-.04em;margin:8px 0;}
#js-universe .ru-group-heading p {color:#b4b5b8;margin:0;}
#js-universe .ru-card {background:#1c1d21;border-color:#36383e;}
#js-universe .ru-card:hover {border-color:#b18a58;}
#js-universe .ru-card-actions a {background:#2a2a2e;}
#js-universe .ru-footer {border-color:#2c2c30;}
@media (max-width:960px) {
 #js-universe .ru-map-layout {grid-template-columns:1fr;}
 #js-universe .ru-map-panel {min-height:0;}
 #js-universe .ru-hero {grid-template-columns:minmax(0,1fr) 130px;}
 #js-universe .ru-hero-art {min-height:140px;}
 #js-universe .ru-hero-art img {width:120px;}
 #js-universe .ru-ring {width:145px;height:145px;}
 #js-universe .ru-ring-two {width:100px;height:100px;}
}
@media(max-width:650px) {
 #js-universe main {width:calc(100% - 24px);}
 #js-universe .ru-nav {padding:12px;}
 #js-universe .ru-hero {display:block;padding:31px 2px 25px;}
 #js-universe .ru-hero-art {display:none;}
 #js-universe .ru-hero h1 {font-size:clamp(34px,8vw,48px);}
 #js-universe .ru-hero p {font-size:14px;line-height:1.55;}
 #js-universe .ru-metrics {gap:8px;}
 #js-universe .ru-metrics>div {padding:12px;}
 #js-universe .ru-metrics span {font-size:9px;letter-spacing:.06em;}
 #js-universe .ru-metrics strong {font-size:18px;}
 #js-universe .ru-section-head {gap:9px;}
 #js-universe .ru-pill {font-size:10px;padding:6px 10px;}
 #js-universe .ru-map-panel {padding:16px;}
 #js-universe .ru-map-toolbar {padding:7px;}
 #js-universe .ru-map-status {font-size:11px;}
 #js-universe .ru-map-zoom button {min-width:35px;}
 #js-universe .ru-panel {padding:16px;}
 #js-universe .ru-group-heading {margin-top:24px;}
}
@media(prefers-reduced-motion:reduce){#js-universe .ru-map-svg {transition:none;}}

/* 6.2: touch map en duidelijkere toegangscontrole */
#js-universe .ru-map-viewport{aspect-ratio:2/1;touch-action:none;overflow:hidden;position:relative;user-select:none;cursor:grab;overscroll-behavior:contain}
#js-universe .ru-map-viewport:active{cursor:grabbing}
#js-universe .ru-map-svg{width:100%!important;height:100%!important;display:block;max-width:none;max-height:none;touch-action:none}
#js-universe .ru-map-zoom output{font-size:12px;color:#f0d29b;min-width:46px;text-align:center}
#js-universe .ru-sessionbar{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:10px clamp(16px,3vw,58px);color:#c6bfae;font-size:12px;flex-wrap:wrap}
#js-universe .ru-sessionbar button[hidden],#js-universe .ru-announcements[hidden],#js-universe .ru-login-gate[hidden]{display:none!important}
#js-universe .ru-login-gate{padding:18px;border:1px solid #936e3e;border-radius:13px;background:#292218;margin:16px 0}
#js-universe .ru-login-gate p{color:#f3dfbb;margin:0 0 10px}
#js-universe form.ru-locked{opacity:.42;pointer-events:none}
#js-universe .ru-announcements{display:grid;gap:10px;margin:20px 0}
#js-universe .ru-announcement{border-left:4px solid #dcb46f;background:#1d1b18;padding:14px 18px;border-radius:11px}
#js-universe .ru-announcement strong{color:#f0cf91}#js-universe .ru-announcement p{margin:5px 0;color:#e1d7c5}
@media(max-width:600px){#js-universe .ru-sessionbar{justify-content:center}#js-universe .ru-map-viewport{aspect-ratio:1.5/1}}


/* 6.2.1: account in the navigation instead of an unstyled, full-width login row. */
#js-universe .ru-nav{gap:clamp(12px,2vw,25px)}
#js-universe .ru-nav-tools{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0;min-width:0}
#js-universe .ru-auth-slot{display:flex;align-items:center;min-width:0}
#js-universe .ru-discord-pill{display:inline-flex;align-items:center;gap:9px;min-height:43px;padding:7px 14px;border:1px solid #b38b55;border-radius:999px;background:linear-gradient(125deg,#dfb477,#f2d49d);color:#20170e;font-size:12px;font-weight:800;letter-spacing:.01em;white-space:nowrap;transition:filter .15s ease}
#js-universe .ru-discord-pill:hover{filter:brightness(1.06)}
#js-universe .ru-discord-symbol{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#2d231c;color:#f1cd92;font-size:17px;line-height:1}
#js-universe .ru-account-pill{display:flex;align-items:center;gap:9px;min-width:0;max-width:225px;min-height:43px;padding:5px 11px 5px 6px;border-radius:999px;border:1px solid #5a5549;background:#1d1d20;color:#f7efd9}
#js-universe .ru-account-avatar{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#b78b51,#ebd09c);font-weight:900;color:#18120b}
#js-universe .ru-account-copy{min-width:0;display:flex;flex-direction:column;line-height:1.3}
#js-universe .ru-account-copy strong{font-size:12px;max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#js-universe .ru-account-copy small{font-size:10px;color:#bfa877;letter-spacing:.01em}
#js-universe .ru-auth-loading{font-size:11px;color:#a8a39b;white-space:nowrap}
#js-universe .ru-auth-loading[hidden],#js-universe .ru-discord-pill[hidden],#js-universe .ru-account-pill[hidden]{display:none!important}
#js-universe .ru-authenticated [data-discord-login],#js-universe.ru-authenticated [data-discord-login],#js-universe.ru-authenticated .ru-login-gate,#js-universe.ru-authenticated #ru-discord-login{display:none!important}
#js-universe .ru-login-gate{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;border:1px solid #655136;border-radius:13px;background:linear-gradient(110deg,#242019,#1c1c20);margin:0 0 19px}
#js-universe .ru-login-gate p{display:flex;flex-direction:column;gap:4px;line-height:1.35;margin:0;min-width:0}
#js-universe .ru-login-gate strong{font-size:13px;color:#ebd3a2}
#js-universe .ru-login-gate small{font-size:12px;color:#c6bfaf;font-weight:400}
#js-universe .ru-login-gate button{white-space:nowrap;min-height:41px;padding:10px 15px;font-size:12px}
@media(max-width:1110px){
 #js-universe .ru-nav{flex-wrap:wrap}
 #js-universe .ru-nav nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding:4px 0 8px}
}
@media(max-width:650px){
 #js-universe .ru-nav{gap:9px;padding:12px}
 #js-universe .ru-brand strong{font-size:11px}
 #js-universe .ru-brand small{font-size:8px}
 #js-universe .ru-brand img{width:34px;height:34px}
 #js-universe .ru-nav-tools{gap:6px}
 #js-universe .ru-nav-tools .ru-live{font-size:10px;padding:7px 8px}
 #js-universe .ru-discord-pill{min-height:40px;padding:6px 10px;font-size:11px;gap:5px}
 #js-universe .ru-discord-symbol{width:21px;height:21px;font-size:14px}
 #js-universe .ru-account-pill{max-width:155px;padding-right:8px}
 #js-universe .ru-account-copy strong{max-width:85px}
 #js-universe .ru-account-copy small{font-size:9px}
 #js-universe .ru-account-avatar{width:27px;height:27px;flex-basis:27px}
 #js-universe .ru-login-gate{flex-wrap:wrap;padding:13px}
 #js-universe .ru-login-gate button{width:100%}
}
@media(max-width:390px){
 #js-universe .ru-brand{gap:6px}
 #js-universe .ru-brand strong{font-size:10px;letter-spacing:.1em}
 #js-universe .ru-brand small{font-size:7px;letter-spacing:.07em}
 #js-universe .ru-brand img{width:30px;height:30px}
 #js-universe .ru-nav-tools .ru-live{display:none}
 #js-universe .ru-discord-pill{min-height:38px}
}
@media(prefers-reduced-motion:reduce){#js-universe .ru-discord-pill{transition:none}}

/* 6.3.1: beperkte rol-navigatie; geen beheerpaneel meer op de publieke Universe-pagina. */
#js-universe .ru-nav-tools .ru-role-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid #8d6c3c;border-radius:12px;color:#efd19a;background:#221d17;font-size:12px;font-weight:750;white-space:nowrap}
#js-universe .ru-nav-tools .ru-role-link:hover{background:#3b2e1c;color:#fff2cf}
#js-universe .ru-nav-tools .ru-role-link[hidden]{display:none!important}
@media(max-width:850px){#js-universe .ru-nav-tools{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:650px){#js-universe .ru-nav-tools{width:100%;margin-left:0;justify-content:flex-start;gap:8px}#js-universe .ru-nav-tools .ru-role-link{font-size:11px;padding:8px 10px;min-height:40px}#js-universe .ru-nav nav{order:4}}

/* 7.3: no intrusive floating donation button */
.js-support-chip{display:none!important}