/* Staff Worlds v9: a destination has one recognisable colour, from its navigation
   button to its title, scenery and work surfaces. Semantic consequences stay red.
   Art is static and shared by header/body through the browser cache. */
body:is([data-page=owners],[data-page=admin]){
 --staff-tint:#f4c878;--world-base:#201d12;--world-surface:#403d29;--world-deep:#171f16;
 --staff-art:url('assets/staff-v9/overview.webp');
 --world-title-a:#ffe9ad;--world-title-b:#f3b95f;
 --staff-mist:color-mix(in srgb,var(--staff-tint) 10%,transparent);
 --staff-glass:linear-gradient(135deg,color-mix(in srgb,var(--world-surface) 92%,transparent),color-mix(in srgb,var(--world-deep) 95%,transparent) 68%);
 --staff-border:color-mix(in srgb,var(--staff-tint) 23%,transparent);
}
body:is([data-page=owners],[data-page=admin])[data-workspace-section=dinos]{--staff-tint:#85dfb4;--world-base:#10251e;--world-surface:#285448;--world-deep:#142d27;--staff-art:url('assets/staff-v9/dinos.webp');--world-title-a:#d6ffe6;--world-title-b:#72d4ad}
body:is([data-page=owners],[data-page=admin])[data-workspace-section=roles]{--staff-tint:#c0a3ff;--world-base:#1c162b;--world-surface:#463c60;--world-deep:#261f37;--staff-art:url('assets/staff-v9/roles.webp');--world-title-a:#f2dfff;--world-title-b:#b398f4}
body:is([data-page=owners],[data-page=admin])[data-workspace-section=releases]{--staff-tint:#a5b7ff;--world-base:#151e30;--world-surface:#354b6b;--world-deep:#1c2b42;--staff-art:url('assets/staff-v9/releases.webp');--world-title-a:#e0e9ff;--world-title-b:#9faef3}
body:is([data-page=owners],[data-page=admin])[data-workspace-section=team]{--staff-tint:#c1dc87;--world-base:#1b2616;--world-surface:#455a35;--world-deep:#25361f;--staff-art:url('assets/staff-v9/team.webp');--world-title-a:#eef8cc;--world-title-b:#afcf72}
body:is([data-page=owners],[data-page=admin])[data-workspace-section=map]{--staff-tint:#73dcd3;--world-base:#102728;--world-surface:#285759;--world-deep:#173739;--staff-art:url('assets/staff-v9/map.webp');--world-title-a:#d2fff7;--world-title-b:#68cfc9}
body:is([data-page=owners],[data-page=admin])[data-workspace-section=punishments]{--staff-tint:#ffad98;--world-base:#291b1c;--world-surface:#5a3d3d;--world-deep:#372527;--staff-art:url('assets/staff-v9/punishments.webp');--world-title-a:#ffe2d2;--world-title-b:#f59e8d}
body:is([data-page=owners],[data-page=admin])[data-workspace-section=status]{--staff-tint:#91c1ff;--world-base:#122033;--world-surface:#2c486a;--world-deep:#1c2e47;--staff-art:url('assets/staff-v9/status.webp');--world-title-a:#e0f1ff;--world-title-b:#80b2f5}
body:is([data-page=owners],[data-page=admin])[data-workspace-section=messages]{--staff-tint:#f5b77d;--world-base:#2a2018;--world-surface:#5d4a37;--world-deep:#382b22;--staff-art:url('assets/staff-v9/messages.webp');--world-title-a:#ffe6c7;--world-title-b:#eaa568}
body:is([data-page=owners],[data-page=admin])[data-workspace-section=tickets]{--staff-tint:#9edff3;--world-base:#112630;--world-surface:#2d5261;--world-deep:#19353e;--staff-art:url('assets/staff-v9/tickets.webp');--world-title-a:#e3f9ff;--world-title-b:#8dd4e9}
body:is([data-page=owners],[data-page=admin])[data-workspace-section=history]{--staff-tint:#dfa6cf;--world-base:#281d2b;--world-surface:#584157;--world-deep:#352736;--staff-art:url('assets/staff-v9/history.webp');--world-title-a:#ffe0ef;--world-title-b:#d199c5}
body:is([data-page=owners],[data-page=admin])[data-workspace-section=players]{--staff-tint:#8bc8ca;--world-base:#17282a;--world-surface:#38565c;--world-deep:#20383c;--staff-art:url('assets/staff-v9/players.webp');--world-title-a:#e1f7f1;--world-title-b:#7cbcc1}
body:is([data-page=owners],[data-page=admin])[data-workspace-section=help]{--staff-tint:#e8db98;--world-base:#25271b;--world-surface:#55583c;--world-deep:#323626;--staff-art:url('assets/staff-v9/help.webp');--world-title-a:#fff8d9;--world-title-b:#d9cd87}

/* Navigation colours are fixed per destination, so their meaning does not change
   as the active page changes. Tint the entire button, not just its small icon. */
body:is([data-page=owners],[data-page=admin]) .v6-navigation .c2-tabs>button[data-tab=overview]{--nav-tone:#f4c878}
body:is([data-page=owners],[data-page=admin]) .v6-navigation .c2-tabs>button[data-tab=dinos]{--nav-tone:#85dfb4}
body:is([data-page=owners],[data-page=admin]) .v6-navigation .c2-tabs>button[data-tab=roles]{--nav-tone:#c0a3ff}
body:is([data-page=owners],[data-page=admin]) .v6-navigation .c2-tabs>button[data-tab=releases]{--nav-tone:#a5b7ff}
body:is([data-page=owners],[data-page=admin]) .v6-navigation .c2-tabs>button[data-tab=team]{--nav-tone:#c1dc87}
body:is([data-page=owners],[data-page=admin]) .v6-navigation .c2-tabs>button[data-tab=map]{--nav-tone:#73dcd3}
body:is([data-page=owners],[data-page=admin]) .v6-navigation .c2-tabs>button[data-tab=punishments]{--nav-tone:#ffad98}
body:is([data-page=owners],[data-page=admin]) .v6-navigation .c2-tabs>button[data-tab=status]{--nav-tone:#91c1ff}
body:is([data-page=owners],[data-page=admin]) .v6-navigation .c2-tabs>button[data-tab=messages]{--nav-tone:#f5b77d}
body:is([data-page=owners],[data-page=admin]) .v6-navigation .c2-tabs>button[data-tab=tickets]{--nav-tone:#9edff3}
body:is([data-page=owners],[data-page=admin]) .v6-navigation .c2-tabs>button[data-tab=history]{--nav-tone:#dfa6cf}
body:is([data-page=owners],[data-page=admin]) .v6-navigation .c2-tabs>button[data-tab=players]{--nav-tone:#8bc8ca}
body:is([data-page=owners],[data-page=admin]) .v6-navigation .c2-tabs>button[data-tab=help]{--nav-tone:#e8db98}
body:is([data-page=owners],[data-page=admin]) .v6-navigation .c2-tabs>button{
 border:1px solid color-mix(in srgb,var(--nav-tone) 22%,transparent);
 background:linear-gradient(115deg,color-mix(in srgb,var(--nav-tone) 21%,#161c24),color-mix(in srgb,var(--nav-tone) 11%,#111820));
 color:color-mix(in srgb,var(--nav-tone) 52%,#e9efdb);box-shadow:inset 0 1px #ffffff06;
}
body:is([data-page=owners],[data-page=admin]) .v6-navigation .c2-tabs>button:hover{background:linear-gradient(115deg,color-mix(in srgb,var(--nav-tone) 30%,#161c24),color-mix(in srgb,var(--nav-tone) 19%,#111820));border-color:color-mix(in srgb,var(--nav-tone) 58%,transparent);color:#f7f3e2}
body:is([data-page=owners],[data-page=admin]) .v6-navigation .c2-tabs>button[aria-selected=true]{background:linear-gradient(115deg,var(--nav-tone),color-mix(in srgb,var(--nav-tone) 62%,#fff8e5));color:#243331;border-color:color-mix(in srgb,var(--nav-tone) 68%,white);box-shadow:0 5px 22px color-mix(in srgb,var(--nav-tone) 16%,transparent),inset 0 1px #fff7}

body:is([data-page=owners],[data-page=admin])[data-workspace-section] .portal-atmosphere{background:radial-gradient(ellipse at 80% 0,var(--staff-mist),transparent 65%),linear-gradient(90deg,color-mix(in srgb,var(--world-base) 94%,transparent),color-mix(in srgb,var(--world-base) 84%,transparent) 65%,color-mix(in srgb,var(--world-base) 91%,transparent)),var(--staff-art) 65% top/cover no-repeat!important}
body:is([data-page=owners],[data-page=admin]) .portal-atmosphere:after{background:linear-gradient(0deg,color-mix(in srgb,var(--world-base) 78%,transparent),transparent 70%)}
body:is([data-page=owners],[data-page=admin]) .portal-atmosphere-motes i{background:var(--staff-tint);box-shadow:0 0 7px color-mix(in srgb,var(--staff-tint) 45%,transparent)}
body:is([data-page=owners],[data-page=admin]) .portal-header{background:color-mix(in srgb,var(--world-base) 96%,#101b18);border-bottom-color:var(--staff-border)}
body:is([data-page=owners],[data-page=admin]) .c3-page .c2-header.v8-staff-hero{
 background:linear-gradient(90deg,var(--world-base) 0%,var(--world-base) 40%,color-mix(in srgb,var(--world-base) 95%,transparent) 54%,color-mix(in srgb,var(--world-base) 42%,transparent) 70%,transparent 88%),linear-gradient(0deg,color-mix(in srgb,var(--world-base) 55%,transparent),transparent 80%),var(--staff-art) right 12%/auto 120% no-repeat;
 border-color:color-mix(in srgb,var(--staff-tint) 30%,transparent);box-shadow:0 20px 60px #0003,inset 0 1px color-mix(in srgb,var(--staff-tint) 13%,transparent);
}
body:is([data-page=owners],[data-page=admin]) .v6-island-arrival{background:linear-gradient(90deg,var(--world-base) 0%,color-mix(in srgb,var(--world-base) 90%,transparent) 35%,transparent 85%),linear-gradient(0deg,color-mix(in srgb,var(--world-base) 70%,transparent),transparent 70%),var(--staff-art) right 10%/auto 112% no-repeat;border-color:var(--staff-border)}
body:is([data-page=owners],[data-page=admin]) .c3-page :is(.v8-staff-hero,.v6-island-arrival) h1{background-image:linear-gradient(105deg,#fff8ed 4%,color-mix(in srgb,var(--staff-tint) 25%,#fff9ed) 35%,#fff9f0 65%,color-mix(in srgb,var(--staff-tint) 18%,#fff9ed));background-size:230% 100%}
body:is([data-page=owners],[data-page=admin]) .c3-page :is(.v8-staff-hero,.v6-island-arrival) h1 em{background-image:linear-gradient(100deg,var(--world-title-b) 0%,var(--world-title-a) 26%,var(--staff-tint) 47%,var(--world-title-a) 68%,var(--world-title-b) 88%);background-size:260% 100%}
body:is([data-page=owners],[data-page=admin]) :is(.v6-breadcrumb,.v6-eyebrow,.c2-kicker){color:color-mix(in srgb,var(--staff-tint) 85%,#fff5d4)}
body:is([data-page=owners],[data-page=admin]) :is(.v8-hero-lead,.v6-island-arrival p:not(.v6-eyebrow)){color:color-mix(in srgb,var(--staff-tint) 15%,#dde2d6)}

/* Carry the page colour into every work surface. Readability comes from the dense
   dark lower layer, not from a costly viewport-wide blur. */
body:is([data-page=owners],[data-page=admin]) :is(.c3-page,.c2-dialog){--action-tone:var(--staff-tint)}
body:is([data-page=owners],[data-page=admin]) :is(.c3-page,.c2-dialog) .c2-button:not(.text):not(.danger-text):not(.primary){background:linear-gradient(115deg,color-mix(in srgb,var(--action-tone) 12%,var(--world-deep)),color-mix(in srgb,var(--world-base) 55%,transparent))}
body:is([data-page=owners],[data-page=admin]) .c4-nav.v6-navigation{background:linear-gradient(150deg,color-mix(in srgb,var(--world-surface) 85%,transparent),color-mix(in srgb,var(--world-deep) 93%,transparent));border-color:var(--staff-border)}
body:is([data-page=owners],[data-page=admin]) .v6-mobile-navigation>summary{background:linear-gradient(120deg,color-mix(in srgb,var(--staff-tint) 16%,var(--world-base)),var(--world-deep));border:1px solid var(--staff-border);color:var(--world-title-a)}
body:is([data-page=owners],[data-page=admin]) .c3-page :is(.c2-panel,.v6-inbox-preview,.v6-online-lounge,.v6-team-hall,.v6-role-builder,.v6-operation-ledger,.v6-observatory,.v6-message-studio-start,.v6-message-library,.v6-release-registry,.v6-staff-inbox){background:var(--staff-glass)!important;border-color:var(--staff-border)!important}
body:is([data-page=owners],[data-page=admin]) .c3-page :is(.wb-editor,.wb-player-rail,.wb-context,.wb-command,.c2-help-row,.mc-target-picker,.v6-map-room .c2-admin-map>aside){background:var(--staff-glass)!important;border-color:var(--staff-border)}
body:is([data-page=owners],[data-page=admin]) .v6-role-builder .c2-editor-footer{background:linear-gradient(110deg,var(--world-deep),var(--world-base));border-top-color:var(--staff-border)}
body:is([data-page=owners],[data-page=admin]) .c3-page .c2-role-sidebar{background:var(--staff-glass)!important;border-color:var(--staff-border)!important}
body:is([data-page=owners],[data-page=admin]) .c2-appearance-controls>section,
body:is([data-page=owners],[data-page=admin]) :is(.wb-preflight,.wb-role-limits,.rc-preview-selectors,.rc-rule,.c2-help-player-state,.v6-cpu-readout,.v6-memory-readout,.v6-load-history,.v6-resource-footnotes>div){background:linear-gradient(135deg,color-mix(in srgb,var(--staff-tint) 8%,var(--world-deep)),color-mix(in srgb,var(--world-base) 55%,transparent));border-color:var(--staff-border)}
body:is([data-page=owners],[data-page=admin]) .c2-live-preview{background:linear-gradient(135deg,color-mix(in srgb,var(--world-surface) 70%,transparent),color-mix(in srgb,var(--world-base) 85%,transparent));border-color:var(--staff-border)}
body:is([data-page=owners],[data-page=admin]) :is(.c3-page,.c2-dialog) .c2-search{background:color-mix(in srgb,var(--world-base) 90%,#071318)!important;border-color:var(--staff-border)}
body:is([data-page=owners],[data-page=admin]) :is(.c3-page,.c2-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select){background:color-mix(in srgb,var(--world-base) 85%,#071318)!important;border-color:var(--staff-border);color:#f1eee5}
body:is([data-page=owners],[data-page=admin]) :is(.c3-page,.c2-dialog) .c2-search input:not([type=checkbox]):not([type=radio]):not([type=color]){background:transparent!important}
body:is([data-page=owners],[data-page=admin]) :is(.v6-lab-modes,.c4-dino-sections){background:color-mix(in srgb,var(--world-base) 82%,transparent);border-color:var(--staff-border)}
body:is([data-page=owners],[data-page=admin]) .c2-dialog{background:linear-gradient(135deg,color-mix(in srgb,var(--world-surface) 97%,#101419),var(--world-base))!important;border-color:color-mix(in srgb,var(--staff-tint) 32%,transparent)}
body:is([data-page=owners],[data-page=admin]) .c2-dialog .c2-dialog-footer{background:var(--world-deep);border-top-color:var(--staff-border)}
body:is([data-page=owners],[data-page=admin]) .c2-dialog :is(h2,h3){color:var(--world-title-a)}
body:is([data-page=owners],[data-page=admin]) .c2-ticket-dialog :is(.c2-dialog-head,.c2-ticket-toolbox,.c2-ticket-compose){background:color-mix(in srgb,var(--world-deep) 90%,#101718);border-color:var(--staff-border)}
body:is([data-page=owners],[data-page=admin]) .c2-ticket-transcript{background:color-mix(in srgb,var(--world-base) 95%,#0a1417)}
body:is([data-page=owners],[data-page=admin]) .c2-chat-message{background:linear-gradient(120deg,color-mix(in srgb,var(--staff-tint) 9%,var(--world-deep)),var(--world-deep));border-color:var(--staff-border)}
body:is([data-page=owners],[data-page=admin]) .c3-page .v6-message-editor .c2-message-preview{background:linear-gradient(130deg,color-mix(in srgb,var(--staff-tint) 23%,#f5f0df),#dbdbc9)!important;color:#38483a!important}
body:is([data-page=owners],[data-page=admin]) .c3-page[data-section=players] .c2-table-wrap{background:color-mix(in srgb,var(--world-base) 95%,transparent);border-color:var(--staff-border)}
body:is([data-page=owners],[data-page=admin]) .c3-page[data-section=players] .c2-table th{background:var(--world-surface);color:var(--world-title-a)}

@media(max-width:800px){
 body:is([data-page=owners],[data-page=admin]) .v8-staff-hero:before{background:linear-gradient(90deg,color-mix(in srgb,var(--world-base) 90%,transparent),color-mix(in srgb,var(--world-base) 70%,transparent) 60%,transparent)}
 body:is([data-page=owners],[data-page=admin]) .c3-page .c2-header.v8-staff-hero{background-position:center,center,80% top;background-size:auto,auto,auto 112%}
 body:is([data-page=owners],[data-page=admin]) .v6-island-arrival{background-image:linear-gradient(90deg,color-mix(in srgb,var(--world-base) 97%,transparent),color-mix(in srgb,var(--world-base) 82%,transparent) 50%,color-mix(in srgb,var(--world-base) 40%,transparent)),linear-gradient(0deg,color-mix(in srgb,var(--world-base) 75%,transparent),transparent),var(--staff-art);background-position:center,center,72% top;background-size:auto,auto,auto 100%}
}