/* SEKI & CO. R4.5.4 · АТМОСФЕРА
   Contextual, decorative CSS only. Does not depict real navigation or telemetry.
   Contrast is preserved: atmospheric layers sit BEHIND functional cards/content.
*/
.r453-shell.r454-shell{
  --atmo-base:#06111c;
  --atmo-blue:rgba(45,109,142,.20);
  --atmo-gold:rgba(186,122,75,.10);
  --atmo-focus:rgba(73,148,173,.13);
  --atmo-star:rgba(195,222,231,.48);
}
.r454-shell[data-screen="home"]{
  --atmo-base:#07121c;--atmo-blue:rgba(50,114,153,.25);
  --atmo-gold:rgba(201,125,83,.13);--atmo-focus:rgba(62,152,169,.16)
}
.r454-shell[data-screen="quests"]{
  --atmo-base:#0a141e;--atmo-blue:rgba(45,119,157,.18);
  --atmo-gold:rgba(176,117,75,.10);--atmo-focus:rgba(109,139,147,.13)
}
.r454-shell[data-persona="korshun"][data-screen="quests"]{
  --atmo-base:#15151a;--atmo-blue:rgba(90,81,92,.16);
  --atmo-gold:rgba(205,107,63,.21);--atmo-focus:rgba(170,105,71,.11)
}
.r454-shell[data-screen="expeditions"]{
  --atmo-base:#0c171d;--atmo-blue:rgba(61,99,105,.13);
  --atmo-gold:rgba(178,133,82,.16);--atmo-focus:rgba(129,113,83,.11)
}
.r454-shell[data-screen="coop"]{
  --atmo-base:#0c141c;--atmo-blue:rgba(58,112,137,.19);
  --atmo-gold:rgba(207,126,74,.21);--atmo-focus:rgba(189,122,93,.11)
}
.r454-shell[data-screen="team"]{
  --atmo-base:#0b141d;--atmo-blue:rgba(66,133,174,.18);
  --atmo-gold:rgba(216,136,76,.14);--atmo-focus:rgba(126,132,166,.11)
}
.r454-shell[data-screen="archive"]{
  --atmo-base:#12161b;--atmo-blue:rgba(73,101,110,.12);
  --atmo-gold:rgba(166,126,83,.19);--atmo-focus:rgba(153,122,90,.10)
}
/* The page-wide gradient is the actual background; individual stars and glow
   are a separate, non-interactive, low-opacity layer. */
#preview-root .r454-shell .v1-main{
  position:relative;isolation:isolate;
  background:
    radial-gradient(ellipse 72% 45% at 70% -4%,var(--atmo-blue) 0%,transparent 100%),
    radial-gradient(ellipse 59% 39% at 91% 69%,var(--atmo-gold) 0%,transparent 100%),
    linear-gradient(170deg,var(--atmo-base),#06101a 82%);
  transition:background-color .5s ease;
}
#preview-root .r454-shell .v1-main::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(circle at 9% 16%,var(--atmo-star) 0 1px,transparent 1.7px),
    radial-gradient(circle at 39% 11%,rgba(200,228,242,.37) 0 .8px,transparent 1.6px),
    radial-gradient(circle at 63% 7%,rgba(220,231,241,.30) 0 .8px,transparent 1.6px),
    radial-gradient(circle at 91% 13%,rgba(232,208,167,.35) 0 1px,transparent 1.7px),
    radial-gradient(circle at 76% 39%,rgba(195,220,229,.24) 0 .8px,transparent 1.7px),
    radial-gradient(circle at 28% 57%,rgba(195,220,229,.28) 0 .9px,transparent 1.8px),
    radial-gradient(circle at 84% 78%,rgba(236,207,169,.33) 0 .9px,transparent 1.8px),
    radial-gradient(ellipse at 66% 29%,var(--atmo-focus),transparent 62%);
  opacity:.57;
}
#preview-root .r454-shell .v1-main::after{
  content:"";position:fixed;z-index:0;pointer-events:none;
  width:55vw;height:47vh;min-width:440px;min-height:340px;
  top:12vh;right:-13vw;border-radius:50%;
  background:radial-gradient(ellipse at center,var(--atmo-blue),transparent 68%);
  filter:blur(48px);opacity:.74;
  animation:r454-breathe 48s ease-in-out infinite alternate;
}
#preview-root .r454-shell .v1-main > *{position:relative;z-index:1}
@keyframes r454-breathe{from{transform:translate3d(0,0,0) scale(.93);opacity:.40}to{transform:translate3d(-4vw,2vh,0) scale(1.10);opacity:.79}}
/* A restrained warm edge on the character's own field notes. */
.r454-shell .r453-field-note{
  background:linear-gradient(115deg,rgba(30,51,60,.96),rgba(10,26,39,.96) 64%,rgba(59,47,40,.91));
  box-shadow:0 16px 44px rgba(2,10,18,.20),inset 0 1px rgba(236,203,149,.06);
}
.r454-shell[data-persona="korshun"] .r453-field-note{
  background:linear-gradient(115deg,rgba(61,43,38,.96),rgba(27,31,38,.96) 72%,rgba(11,26,35,.95));
}
.r454-shell .r451-side-panel,
.r454-shell .r43-card,
.r454-shell .r2-card,
.r454-shell .r451-action-card,
.r454-shell .ex-box{
  box-shadow:0 12px 38px rgba(2,9,17,.13),inset 0 1px rgba(225,242,251,.035);
}
.r454-shell[data-screen="coop"] .r452-coop-page>.r43-hero{
  background:linear-gradient(105deg,rgba(38,43,46,.98),rgba(15,37,47,.96) 63%,rgba(66,48,37,.97))!important;
  border-top:1px solid rgba(204,155,107,.34);
}
.r454-shell[data-screen="archive"] .r45-log{border-left:2px solid rgba(194,151,97,.53)}
.r454-shell[data-screen="expeditions"] .r453-expedition-strap{border-left-color:#dcb27e}
.r454-shell .r451-page-title h1,
.r454-shell .r451-focus h2{text-shadow:0 2px 22px rgba(1,8,13,.28)}
/* User control. The switch does not affect narrative or saved gameplay. */
.r454-atmo-toggle{
  background:rgba(20,43,53,.72);border:1px solid #456373;border-radius:999px;
  color:#c9dfdf;font-size:12px;font-weight:650;padding:7px 12px;
  min-height:34px;white-space:nowrap;
}
.r454-atmo-toggle:focus-visible{outline:2px solid #a6e5fc;outline-offset:3px}
.r454-atmo-toggle:hover{background:#234252;border-color:#79a6b6}
.r454-atmo-toggle[aria-pressed="false"]{color:#afbbbf;background:#12212b}
.r454-shell[data-atmosphere="off"] .v1-main::before,
.r454-shell[data-atmosphere="off"] .v1-main::after{display:none!important;animation:none!important}
#preview-root .r454-shell[data-atmosphere="off"] .v1-main{background:#06111c!important}
.r454-shell .r451-more-panel .r454-atmo-toggle{width:100%;min-height:44px;margin-top:10px;border-radius:11px;text-align:center;font-size:14px}
@media(min-width:1100px){
  .r454-shell .r451-home-aside .r451-side-panel:first-child{border-top:2px solid rgba(106,173,192,.30)}
  .r454-shell[data-screen="home"] .r453-field-note{border-left-width:4px}
  .r454-shell[data-screen="quests"] .r453-story-fragment{box-shadow:0 22px 55px rgba(1,10,18,.25)}
}
@media(max-width:1099px){
 #preview-root .r454-shell .v1-main::before{opacity:.31}
 #preview-root .r454-shell .v1-main::after{animation:none!important;opacity:.23;filter:blur(60px);top:4vh;right:-35vw}
 .r454-shell .r454-atmo-toggle{display:none}
 .r454-shell .r451-more-panel .r454-atmo-toggle{display:block}
}
@media(max-width:650px){
 #preview-root .r454-shell .v1-main::after{display:none}
 #preview-root .r454-shell .v1-main::before{opacity:.20}
 .r454-shell .r453-field-note{box-shadow:none}
}
@media(prefers-reduced-motion:reduce){
 #preview-root .r454-shell .v1-main::after{animation:none!important}
 #preview-root .r454-shell *{scroll-behavior:auto!important}
}
@media(prefers-contrast:more){
 #preview-root .r454-shell .v1-main::before,
 #preview-root .r454-shell .v1-main::after{display:none!important}
}
