/* CHUYU living backgrounds: cinematic sea + luminous network */
body{isolation:isolate;background:#030d1b!important;min-height:100vh}.cy-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 73% 29%,#204968 0%,#0b243d 30%,#030c19 76%)}.cy-atmosphere canvas{position:absolute;inset:0;width:100%;height:100%}.cy-scene-moon{position:absolute;top:8vh;right:13vw;width:clamp(82px,12vw,170px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 38%,#c8dae4 0 7%,transparent 8%),radial-gradient(circle at 67% 65%,#a1bacf 0 12%,transparent 13%),radial-gradient(circle at 60% 25%,#aec5d4 0 5%,transparent 6%),radial-gradient(circle at 40% 60%,#e8f7ff,#bfd5e8 65%,#829fb9);box-shadow:0 0 24px #c7eaff88,0 0 100px 35px #6dbeee25,0 0 220px 65px #6dbbff10;opacity:.85}.cy-fog{position:absolute;inset:10% -25% 30%;background:radial-gradient(ellipse at 30% 48%,#aecfe51b,transparent 38%),radial-gradient(ellipse at 74% 55%,#bceaff22,transparent 34%);filter:blur(22px);animation:cy-fog-drift 35s ease-in-out infinite alternate}.cy-fog.second{inset:27% -40% 10%;animation-duration:49s;animation-direction:alternate-reverse;opacity:.65}.cy-islands{position:absolute;width:100%;height:36%;bottom:27%;filter:drop-shadow(0 -3px 6px #8bddff33)}.cy-horizon{position:absolute;top:57%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#7ebbd94d,transparent);box-shadow:0 0 30px #76d2f7}.cy-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#020b19a6,transparent 65%),linear-gradient(0deg,#02091699,transparent 50%,#020a1822)}
@keyframes cy-fog-drift{from{transform:translate(-4%,0) scale(1)}to{transform:translate(7%,4%) scale(1.1)}}
body[data-atmosphere=member] .cy-atmosphere{background:radial-gradient(ellipse at 78% 20%,#293e60,#0a1c35 42%,#060d20 80%)}body[data-atmosphere=member] .cy-scene-moon{right:8vw;top:10vh;opacity:.65}body[data-atmosphere=order] .cy-scene-moon{width:85px;right:9vw;opacity:.55}body[data-atmosphere=order] .cy-atmosphere{background:radial-gradient(ellipse at 80% 32%,#123e50,#071d30 42%,#030d1a 85%)}
body[data-atmosphere] .card,body[data-atmosphere] .panel,body[data-atmosphere] .order,body[data-atmosphere] .hero,body[data-atmosphere] .stat-card,body[data-atmosphere] .content-card{background:linear-gradient(135deg,#102d42e8,#071727eb)!important;border-color:#79d9e343!important;backdrop-filter:blur(16px);box-shadow:inset 0 1px #b0f1fa16,0 18px 50px #0003}body[data-atmosphere] .sidebar{background:linear-gradient(180deg,#071827eb,#04111ce8);backdrop-filter:blur(18px);border-right:1px solid #75d8df44}body[data-atmosphere] header{background:#06152488;backdrop-filter:blur(10px)}body[data-atmosphere] input,body[data-atmosphere] textarea,body[data-atmosphere] select{background:#061522ee}body[data-atmosphere] main{position:relative}body[data-atmosphere=staff] h1,body[data-atmosphere=player] h1{text-shadow:0 0 30px #9be7fb55}body[data-atmosphere] .cy-motion-toggle{z-index:101}
html[data-cy-motion=off] .cy-fog{animation:none}@media(prefers-reduced-motion:reduce){.cy-fog{animation:none}}@media(max-width:650px){.cy-scene-moon{top:13vh;right:7vw}.cy-islands{height:25%;bottom:36%}.cy-vignette{background:linear-gradient(0deg,#020916aa,#020b1944)}body[data-atmosphere] .card{backdrop-filter:none}}
/* Keep the moon crisp through the header rather than blurring it. */
body[data-atmosphere] header{backdrop-filter:none;background:linear-gradient(90deg,#061524c9,#06152422)}
body[data-atmosphere=staff] .cy-atmosphere,body[data-atmosphere=player] .cy-atmosphere{filter:saturate(1.15)}
.cy-scene-moon{background:radial-gradient(circle at 31% 34%,#f3faff,#bcd3e3 60%,#6b8ba8 100%);overflow:hidden}.cy-scene-moon:after{content:'';position:absolute;inset:0;border-radius:50%;opacity:.46;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.045' numOctaves='5' seed='9'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");background-size:cover}