/* StreamSphere Atelier — cinematic presentation with an equally complete lite mode. */
:root {
  --atelier-ink:#070912;
  --atelier-surface:#101527;
  --atelier-line:#343b57;
  --atelier-lilac:#c5b7ff;
  --atelier-ice:#a8f1ee;
  --atelier-gold:#e5c7a0;
}
html body.home-design {
  background:radial-gradient(ellipse at 12% 10%,#29224466,transparent 44rem),radial-gradient(ellipse at 95% 35%,#14313844,transparent 52rem),#070912!important;
  color:#f3f1fc!important;
}
html .sphere-home .fresh-header,
html body.fresh-shell-ready .fresh-app-header {
  top:12px!important;
  width:min(1380px,calc(100% - 48px))!important;
  margin:12px auto 0!important;
  padding:14px 22px!important;
  border:1px solid #b5b8ef29!important;
  border-radius:20px!important;
  background:linear-gradient(120deg,#17192ae8,#0d1220ed)!important;
  box-shadow:inset 0 1px #ffffff0c,0 18px 60px #00000036!important;
  backdrop-filter:blur(22px)!important;
  z-index:110;
}
html .fresh-brand .fresh-logo {
  border-color:#a99ae080;
  background:radial-gradient(circle at 30% 20%,#8e79c755,#141728 65%)!important;
  box-shadow:inset 0 0 16px #b79cfa33,0 0 22px #a18ce926;
}
html .fresh-links a {font-weight:500;letter-spacing:.01em}
html .fresh-links a.active {background:#a28cdd18!important;color:#e3d9ff!important}
html body.home-design .fresh-button,
html body.home-design .btn {border-radius:9px!important}
html body.home-design .fresh-button.primary {
  color:#171023!important;
  background:linear-gradient(115deg,#e0d3ff,#b8a5ee 65%,#b2c7ed)!important;
  border:1px solid #e6dcff!important;
  box-shadow:inset 0 1px #ffffff8c,0 6px 25px #ad90fc26!important;
}
html body.home-design .fresh-button.primary:hover {filter:brightness(1.08)}
html body.home-design .fresh-button:not(.primary) {background:#161b2c;border-color:#4a4a657d}
html body.home-design .fresh-actions {gap:8px}
.sphere-home .sphere-hero {
  margin-top:-89px;
  padding-top:89px;
  min-height:min(970px,100svh);
  border-bottom:1px solid #bab5ed21;
}
.sphere-home .sphere-hero-inner {padding:100px 0 154px}
.sphere-home .sphere-hero-copy {max-width:760px}
.sphere-home .sphere-hero .sphere-kicker {
  border:0;
  border-radius:0;
  padding:0;
  background:none;
  color:#c4badc;
  font-size:10px;
  font-weight:500;
  letter-spacing:2.8px;
}
.sphere-home .sphere-hero .sphere-kicker i {background:var(--atelier-ice);box-shadow:0 0 15px #8ee8ed88}
.sphere-home .sphere-hero h1 {
  font-size:clamp(58px,6.4vw,104px);
  font-weight:600;
  line-height:1.04;
  text-transform:none;
  letter-spacing:-.06em;
  margin:30px 0 24px;
}
.sphere-home .sphere-hero h1 .sphere-outline {
  color:#d7d9ec;
  -webkit-text-stroke:0;
}
.sphere-home .sphere-hero h1 .sphere-accent {
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-weight:400;
  letter-spacing:-.055em;
  padding-bottom:9px;
  background:linear-gradient(100deg,#e6d1ff 10%,#b5beff 60%,#a2dedd);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
}
.sphere-home .fresh-hero-copy {max-width:405px!important;font-size:15px!important;line-height:1.9!important;color:#bcc3d8!important}
.sphere-home .sphere-hero .fresh-button {padding-inline:24px;min-height:50px;font-size:12px;font-weight:650}
.sphere-home .sphere-wallpaper::after {
  background:linear-gradient(90deg,#070912ed 0,#070912b3 28%,#07091212 66%),linear-gradient(0deg,#070912 0,transparent 20%,transparent 75%,#07091240);
}
.sphere-orbit-label {top:30%;right:0;color:#bcb9d6;line-height:2.1;font-size:9px}
.sphere-orbit-label b {font-size:12px;color:#e4d3ff;letter-spacing:3px}
.sphere-scene-caption {
  position:absolute;
  right:12%;
  bottom:17%;
  width:240px;
  padding:18px 20px;
  border:1px solid #c6bcf347;
  border-radius:12px;
  background:linear-gradient(135deg,#25233f99,#111b2f8c);
  backdrop-filter:blur(18px);
  box-shadow:inset 0 1px #ffffff0d,0 18px 60px #0004;
  pointer-events:none;
}
.sphere-scene-caption small {font:9px ui-monospace,monospace;letter-spacing:2px;color:#afa8cf}
.sphere-scene-caption strong {display:block;font-size:17px;font-weight:500;letter-spacing:-.03em;margin:8px 0;color:#f4eefa}
.sphere-scene-caption span {font-size:11px;color:#bac4d8}
.sphere-scene-caption i {display:inline-block;width:5px;height:5px;background:#a3e1d4;border-radius:50%;margin-right:7px}
.sphere-home .sphere-hero-bottom {
  bottom:28px;
  padding-top:22px;
  border-top:1px solid #b9b1df24;
  font-size:9px;
  color:#a7a4bf;
}
.sphere-home .sphere-proof {gap:28px}
.sphere-home .sphere-proof b {font-size:16px;color:#e7dffa;margin-right:8px}
.sphere-home .sphere-motion {background:transparent;border-color:#756b8f70;border-radius:6px;color:#c3b8df;font-size:10px}
.sphere-ticker {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:25px;
  padding:23px 24px;
  border-bottom:1px solid #ffffff0d;
  background:linear-gradient(90deg,#15132780,#14203355,#15132780);
  color:#c0b7d3;
  font:10px ui-monospace,monospace;
  letter-spacing:2px;
}
.sphere-ticker i {color:#84739b;font-style:normal;font-size:13px}
.sphere-section-head {align-items:center;margin-bottom:34px}
.sphere-section-head h2 {font-weight:500;font-size:clamp(32px,3.5vw,50px);letter-spacing:-.05em}
.sphere-kicker {color:#ada5bf;letter-spacing:2px;font-size:9px}
.sphere-section-number {color:#d1b6d6}
.sphere-section-head>a {border-bottom:1px solid #73668288;padding-bottom:9px;color:#c6b7dc}
.sphere-home .fresh-preview,
.sphere-home .fresh-creator,
.sphere-home .sphere-news-card,
.sphere-home .sphere-world {
  border:1px solid #67617e55;
  background:linear-gradient(145deg,#1b1c32b3,#0c1422e8);
  border-radius:18px;
  box-shadow:inset 0 1px #ffffff0b,0 18px 50px #0002;
}
.sphere-home .fresh-preview-head {padding:20px 23px;color:#bfb3d3;letter-spacing:2px}
.sphere-home .fresh-preview-card {min-height:360px}
.sphere-home .fresh-preview-copy h2 {font-weight:500;font-size:34px;letter-spacing:-.05em}
.sphere-home .fresh-creator-media {background-image:radial-gradient(ellipse at 30% 20%,#75688b66,#1c2440 55%,#121728);border-bottom:1px solid #b7a4d217}
.sphere-home .fresh-creator-body {padding:17px 18px}
.sphere-home .fresh-creator-body h3 {font-weight:600;font-size:16px;color:#e7e1f4}
.sphere-home .fresh-creator-body p {color:#adb4ca;font-size:12px}
.sphere-home .sphere-world {padding:33px;min-height:310px}
.sphere-home .sphere-world:nth-child(2) {background:linear-gradient(145deg,#20373d66,#0c1422e8)}
.sphere-home .sphere-world:nth-child(3) {background:linear-gradient(145deg,#3d2c3e88,#151423e8)}
.sphere-home .sphere-world::after {border-color:#b9a5d836;box-shadow:0 0 0 22px #b9a5d806,0 0 0 45px #b9a5d805;right:-20px;top:25px;transform:rotateX(50deg) rotateZ(-35deg)}
.sphere-home .sphere-world .world-icon {color:#d3b5dd;font-size:32px;margin-bottom:38px;font-weight:400}
.sphere-home .sphere-world:nth-child(2) .world-icon {color:#b3d8d6}
.sphere-home .sphere-world:nth-child(3) .world-icon {color:#e6c2ad}
.sphere-home .sphere-world h3 {font-weight:500;line-height:1.25;font-size:26px}
.sphere-home .sphere-world .world-link {color:#cfbce9;padding-top:20px;margin-top:25px;border-top:1px solid #b2a8cc26}
.sphere-home .sphere-news-card {padding:28px;min-height:240px}
.sphere-home .sphere-news-card h3 {font-weight:500;font-size:23px}
.sphere-home .fresh-empty {background:linear-gradient(145deg,#151a2e88,#10152188);border:1px solid #4d456366;border-radius:16px;color:#b9b7ce}
.sphere-home .sphere-community {
  border-radius:22px;
  padding:66px 50px;
  border-color:#8b73934d;
  background:radial-gradient(ellipse at 85% 20%,#6a4a7855,transparent 60%),linear-gradient(120deg,#1d2136,#15182b);
  box-shadow:inset 0 1px #e2d0ed17,0 25px 80px #0002;
}
.sphere-home .sphere-community h2 {font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em;line-height:1.12;font-size:clamp(38px,4.8vw,64px)}
.sphere-home .fresh-footer {background:#090c16;padding-bottom:90px}
.sphere-footer-brand b {font-weight:600;letter-spacing:-.04em;font-size:21px}
/* The same materials apply to existing workspaces, forms and real content. */
html body.home-design.fresh-shell-ready :is(.viewer-hero,.studio-hero,.network-hero,.pulse-hero,.mod-hero,.news-wire-hero,.games-intro,.game-detail-hero) {
  border:1px solid #71668255!important;
  border-radius:22px!important;
  background:radial-gradient(ellipse at 95% 0,#6d4d8850,transparent 65%),linear-gradient(135deg,#1b2136,#0e1423)!important;
  box-shadow:inset 0 1px #ffffff0d,0 20px 70px #0002!important;
}
html body.home-design.fresh-shell-ready :is(.studio-hero,.network-hero,.pulse-hero,.mod-hero,.news-wire-hero,.games-intro) h1 {font-weight:550!important;letter-spacing:-.06em!important}
html body.home-design.fresh-shell-ready :is(.studio-panel,.account-auth,.account-card,.network-card,.pulse-card,.admin-pro-card,.news-card,.viewer-panel,.game-card,.game-stream-card,.rework-tool-card) {
  border-color:#7166824d!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#1c2235d9,#0f1524ed)!important;
  box-shadow:inset 0 1px #ffffff08,0 12px 32px #0002!important;
}
html body.home-design.fresh-shell-ready :is(.btn.primary,.account-submit,.game-stream-watch) {background:linear-gradient(115deg,#d4c3f3,#b4bced)!important;color:#171525!important;border:1px solid #ddcef7!important}
html body.home-design.fresh-shell-ready :is(input,select,textarea) {border-color:#60526e80!important;background:#0b1020!important;border-radius:10px!important}
html body.home-design.fresh-shell-ready .account-intro {border-left-color:#c2a9dc}
html body.home-design.fresh-shell-ready .account-auth {border-top:1px solid #bda6d980!important}
html .sphere-workspace-nav {border-bottom-color:#9a87b52b;padding-bottom:16px;margin-top:24px}
html .sphere-workspace-nav a {background:#191c2c;border-color:#80708e44;border-radius:8px;padding:10px 15px;color:#c4bfd2}
html .sphere-workspace-nav a[aria-current=page] {background:#30283f;border-color:#a58cbd77;color:#eee0fb}
html .legal-hero,html .legal-section,html .legal-toc {border-radius:18px;background:linear-gradient(145deg,#171d30,#0f1422);border-color:#6c5c7e55}
html body.offline-page {display:block;padding:0!important}
html body.offline-page .offline-card {width:min(460px,calc(100% - 40px));margin:70px auto 90px!important}
/* Nonmodal, keyboard-accessible quality settings on every application page. */
.sphere-appearance {position:fixed;z-index:300;right:24px;bottom:22px;font-family:inherit;color:#eee8f7}
.sphere-appearance>summary {display:flex;align-items:center;gap:10px;list-style:none;min-height:44px;cursor:pointer;border:1px solid #9a83af66;border-radius:12px;padding:10px 15px;background:#151a2df2;box-shadow:0 8px 30px #0005;font-size:11px;font-weight:600;letter-spacing:.02em}
.sphere-appearance>summary::-webkit-details-marker {display:none}
.sphere-appearance-icon {font-size:19px;color:#cbb4ed}
.sphere-appearance-panel {position:absolute;bottom:58px;right:0;width:min(350px,calc(100vw - 32px));max-height:calc(100svh - 110px);overflow-y:auto;padding:24px;border:1px solid #80718b88;border-radius:18px;background:linear-gradient(145deg,#22253a,#0f1627);box-shadow:0 25px 85px #0009}
.sphere-appearance-heading {display:flex;justify-content:space-between;align-items:start;gap:16px}
.sphere-appearance-heading small {font:9px ui-monospace,monospace;letter-spacing:2px;color:#b9a6ce}
.sphere-appearance-heading h2 {font-size:25px!important;font-weight:500;letter-spacing:-.04em;margin:9px 0!important;color:#f3eafb}
.sphere-appearance-heading button {width:32px;height:32px;border:1px solid #9b8aaa44;border-radius:8px;background:#292b3f;color:#d5c7e7;cursor:pointer;font-size:22px}
.sphere-appearance-panel>p {font-size:12px;line-height:1.8;color:#b4b6cc;margin:8px 0 20px}
.sphere-mode-options {display:grid;gap:8px}
.sphere-mode-options>button {display:grid;grid-template-columns:24px 1fr 10px;align-items:center;gap:12px;padding:15px 12px;text-align:left;min-height:80px;border:1px solid #65607966;border-radius:11px;background:#11192a;color:#d9d3e8;cursor:pointer;font:inherit}
.sphere-mode-options>button>span:first-child {color:#c9b4e5;font-size:24px;font-weight:400}
.sphere-mode-options b {display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.sphere-mode-options small {display:block;font-size:11px;line-height:1.7;color:#b8bacf}
.sphere-mode-options i {width:9px;height:9px;border:1px solid #95849f;border-radius:50%}
.sphere-mode-options button[aria-pressed=true] {border-color:#baa1df;background:#2b2442}
.sphere-mode-options button[aria-pressed=true] i {background:#c9b0ed;border-color:#dac6f4;box-shadow:0 0 10px #b898e44d}
.sphere-appearance-note {font-size:10px;line-height:1.9;color:#b2a8c5;border-top:1px solid #9b86b333;padding-top:16px;margin-top:18px}
.sphere-appearance-note b {color:#e8dafa;font-weight:500}
.sphere-appearance :is(summary,button):focus-visible {outline:2px solid #a7e9e4;outline-offset:4px}
/* Effects are opt-in by quality tier; no legacy animation floodgates. */
html[data-visual-mode=cinematic] :is(.sphere-world,.sphere-creator,.fresh-creator,.sphere-news-card,.rework-tool-card,.network-card,.game-card) {transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease!important}
html[data-visual-mode=cinematic] :is(.sphere-world,.fresh-creator,.sphere-news-card,.rework-tool-card,.network-card,.game-card):hover {transform:translateY(-5px);border-color:#bca5d6!important;box-shadow:inset 0 1px #fff1,0 18px 55px #9484d119!important}
html[data-visual-mode=cinematic] .sphere-scene-caption {animation:atelierFloat 8s ease-in-out infinite!important}
html[data-visual-mode=cinematic] .sphere-world::after {animation:atelierOrbit 16s ease-in-out infinite alternate!important}
@keyframes atelierFloat {50%{transform:translateY(-10px)}}
@keyframes atelierOrbit {to{transform:rotateX(58deg) rotateZ(10deg)}}
html[data-visual-mode=balanced] .sphere-scene-caption {backdrop-filter:none;background:#171c2de8}
html[data-visual-mode=balanced] :is(.fresh-header,.fresh-app-header) {backdrop-filter:blur(8px)!important}
html[data-visual-mode=balanced] :is(.news-wire-glow,.account-bg,.network-bg,.pulse-bg,.mod-bg) {display:none!important}
.sphere-wallpaper[data-renderer=performance]::before {content:"";position:absolute;width:38vw;height:38vw;right:7%;top:15%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#8b7bba44,transparent 36%),repeating-linear-gradient(0deg,transparent 0 38px,#b1a7d90b 39px 40px),radial-gradient(circle at 38% 35%,#30365b,#131a30 65%);border:1px solid #8983af66;box-shadow:inset -20px -20px 40px #6f598f33,0 0 0 26px #a78bca05,0 0 0 27px #9c86bd33;transform:rotate(-25deg)}
html[data-visual-mode=performance] body.home-design {background:#090d17!important}
html[data-visual-mode=performance] body.home-design *,
html[data-visual-mode=performance] body.home-design *::before,
html[data-visual-mode=performance] body.home-design *::after {animation:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;scroll-behavior:auto!important}
html[data-visual-mode=performance] body.home-design :is(.fresh-header,.fresh-app-header,.sphere-scene-caption,.sphere-world,.fresh-creator,.sphere-news-card,.fresh-preview,.viewer-panel,.studio-panel,.account-auth,.account-card,.network-card,.pulse-card,.admin-pro-card,.news-card,.game-card,.game-stream-card,.glass,.sphere-appearance-panel) {background:#111827!important;box-shadow:none!important}
html[data-visual-mode=performance] .sphere-world::after,
html[data-visual-mode=performance] :is(.news-wire-glow,.news-wire-grid-bg,.account-bg,.network-bg,.pulse-bg,.mod-bg,.sphere-scene-caption) {display:none!important}
html[data-visual-mode=performance] :is(.fresh-button,.btn,.game-card,.sphere-world):hover {transform:none!important}
@media(min-width:1600px){.sphere-home .sphere-hero-inner{padding-top:140px;padding-bottom:180px}}
@media(max-width:1100px){.sphere-scene-caption{right:6%;bottom:16%;width:215px}.sphere-home .sphere-hero h1{font-size:clamp(62px,7.5vw,90px)}.sphere-home .sphere-world{padding:25px}.sphere-home .sphere-hero-inner{padding-top:95px;padding-bottom:155px}}
@media(max-width:760px){
  html .sphere-home .fresh-header,html body.fresh-shell-ready .fresh-app-header {top:0!important;width:100%!important;margin:0!important;border-radius:0!important;padding:12px!important;border-width:0 0 1px!important}
  .sphere-home .sphere-hero {margin-top:-72px;padding-top:72px;min-height:890px}
  .sphere-home .sphere-hero-inner {padding:65px 0 270px}
  .sphere-home .sphere-hero h1 {font-size:clamp(48px,11.7vw,78px);line-height:1.06;margin-top:25px}
  .sphere-home .sphere-hero h1 .sphere-accent {font-size:.95em;white-space:nowrap}
  .sphere-home .sphere-hero .sphere-kicker {font-size:8px;letter-spacing:1.5px;line-height:1.6}
  .sphere-home .fresh-hero-copy {font-size:14px!important;max-width:340px!important}
  .sphere-home .sphere-wallpaper::after {background:linear-gradient(180deg,#070912e0, #07091299 45%,#07091211 75%,#070912),linear-gradient(90deg,#07091277,transparent)}
  .sphere-scene-caption {right:24px;bottom:16%;width:195px;padding:14px 16px}
  .sphere-scene-caption strong {font-size:15px}
  .sphere-home .sphere-proof {gap:13px;font-size:8px;letter-spacing:.5px}
  .sphere-home .sphere-proof b {font-size:12px;margin-right:4px}
  .sphere-home .sphere-world {min-height:280px;padding:28px}
  .sphere-home .sphere-world .world-icon {margin-bottom:24px}
  .sphere-home .sphere-community {padding:35px 25px}
  .sphere-ticker {gap:13px;padding:20px 16px;font-size:8px;letter-spacing:1px}
  .sphere-section-head {align-items:start}
  .sphere-section-head h2 {max-width:260px}
  .sphere-appearance {right:12px;bottom:12px}
  .sphere-appearance>summary {padding:9px 12px;min-height:44px}
  .sphere-appearance-panel {padding:21px;bottom:56px}
  .sphere-page-footer {padding-bottom:80px}
  html[data-visual-mode=performance] .sphere-wallpaper::before {width:65vw;height:65vw;right:-3%;top:53%}
  #freshAppAccount,#freshAccountLink {max-width:94px;font-size:10px}
}
@media(max-width:360px){.sphere-home .sphere-hero h1{font-size:12vw}.sphere-home .sphere-hero .fresh-button{padding-inline:14px;font-size:10px}.sphere-brand-copy{font-size:11px}.sphere-brand-copy small{font-size:6px}.fresh-nav{gap:8px}.fresh-brand{gap:7px}#freshAppAccount,#freshAccountLink{max-width:70px}.sphere-home .sphere-proof{gap:8px;font-size:7px}.sphere-scene-caption{bottom:17%}}
@media(prefers-reduced-motion:reduce){html[data-visual-mode] body.home-design *,html[data-visual-mode] body.home-design *::before,html[data-visual-mode] body.home-design *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Account-only appearance controls; no floating widget on application pages. */
.sphere-workspace-nav[hidden]{display:none!important}
[data-sphere-appearance-settings]{grid-column:1/-1;min-width:0;margin-top:20px}
.sphere-account-appearance{width:100%;min-width:0}
.sphere-account-appearance .sphere-appearance-panel{position:static;width:100%;max-height:none;overflow:visible;padding:0;border:0;background:none;box-shadow:none;box-sizing:border-box}
.sphere-account-appearance .sphere-mode-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.sphere-account-appearance .sphere-mode-options>button{min-width:0}
.games-empty a{display:inline-flex;margin-top:16px;color:#c9b0ed}
@media(max-width:760px){.sphere-account-appearance .sphere-mode-options{grid-template-columns:1fr}}