/* DNGWORLD V58 / Shared Live 3D Quantum Growth Nexus in Sunlit Royal Emerald Studio Atmosphere */
*{box-sizing:border-box}
:root{color-scheme:dark}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#0a2118}
body{position:relative;isolation:isolate;background:radial-gradient(ellipse 74% 96% at 50% 42%,rgba(255,246,216,.28) 0%,rgba(48,238,166,.38) 36%,rgba(229,191,136,.18) 62%,transparent 88%),linear-gradient(180deg,#134a35 0%,#0f3a29 54%,#0b1e16 100%)}
body:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,rgba(8,36,25,.16),transparent 18% 82%,rgba(8,36,25,.16)),linear-gradient(180deg,rgba(255,248,228,.08),transparent 24% 82%,rgba(8,32,22,.28))}
body:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,248,230,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,248,230,.048) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,black 15% 85%,transparent)}
#dw52Field{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
#art{position:absolute;inset:0;width:100%;height:100%;z-index:2;cursor:grab;touch-action:pan-y;user-select:none}
#art:active{cursor:grabbing}
#art:before{content:"";position:absolute;left:28%;top:10%;width:44%;height:82%;border-radius:50%;z-index:0;background:radial-gradient(ellipse at center,rgba(255,248,226,.38),rgba(46,234,160,.34) 44%,rgba(229,191,136,.20) 68%,transparent 84%);filter:blur(26px)}
#art img,#art canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#art img{z-index:1;filter:drop-shadow(0 19px 17px rgba(0,11,8,.32))}
#art canvas{z-index:2;opacity:0;transition:opacity .55s ease}
#art.is-3d canvas{opacity:1}
#art.is-3d img{opacity:0}
@media(prefers-reduced-motion:reduce){#art canvas{transition:none}}