:root{--gold:#d4af37;--gold-glow:#d4af374d;--bg:#060608}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app-viewport{flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;min-height:100vh;margin:0;padding:0;display:flex;position:relative;overflow:hidden auto}.spiral-background{z-index:1;width:100vw;height:100vh;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden;background-color:#060608!important}.spiral-svg{width:103vw;height:auto;display:block;position:absolute;top:0;left:0}.svg-line{fill:none;opacity:.15;stroke-width:1.5px;transition:stroke .6s ease-in-out,opacity .6s ease-in-out;stroke:var(--dynamic-color,#d4af37)!important}.svg-spiral-path{fill:none;stroke-width:3px;filter:drop-shadow(0 0 8px var(--gold-glow));transition:stroke .6s ease-in-out;stroke:var(--dynamic-color,#d4af37)!important}@media (width<=600px){.spiral-svg{width:85vw}}.scroll-container{perspective:1400px;z-index:10;pointer-events:none;opacity:0;visibility:hidden;will-change:transform, opacity;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s,visibility .5s,transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;transform:scale(.4)translateZ(-800px)}.cube-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:scale(.4)translateZ(-800px)!important}.cube-visible{opacity:1!important;visibility:visible!important;pointer-events:all!important;transform:scale(1)translateZ(0)!important}.spiral-world{--cube-size:min(90vw, 90vh, 1200px);--cube-radius:calc(var(--cube-size) / 2);transform-style:preserve-3d;will-change:transform;position:relative;width:var(--cube-size)!important;height:var(--cube-size)!important}.cube-yaw,.cube-pitch{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:absolute}.prism-face{pointer-events:none;box-sizing:border-box;border:2px solid #0000;border-radius:14px;padding:5%;transition:opacity .4s,border-color .4s,box-shadow .4s;position:absolute;overflow-y:auto;box-shadow:0 40px 120px #000000f2;opacity:.2!important;-webkit-backdrop-filter:blur(14px)!important;background:#030305a6!important;width:100%!important;height:100%!important}.active-face{box-shadow:0 0 50px #00ffcc26;opacity:1!important;pointer-events:all!important}.f-dashboard{transform:rotateY(0deg) translateZ(var(--cube-radius))}.f-settings{transform:rotateY(180deg) translateZ(var(--cube-radius))}.f-media{transform:rotateX(90deg) translateZ(var(--cube-radius))}.f-workspace{transform:rotateX(-90deg) translateZ(var(--cube-radius))}.f-grid{transform:rotateY(-90deg) translateZ(var(--cube-radius))}.f-profile{transform:rotateY(90deg) translateZ(var(--cube-radius))}.prism-face,.prism-face span,.prism-face div,.prism-face p,.prism-face button{font-family:monospace;color:#fff!important;text-shadow:0 2px 4px #000000e6,0 4px 12px #000c!important}.prism-face .hud-title{text-transform:uppercase;letter-spacing:3px;border-bottom:1px solid #d4af3733;margin-bottom:25px;padding-bottom:10px;font-size:1.5rem;font-weight:300;transition:color .6s ease-in-out,text-shadow .6s ease-in-out;color:var(--dynamic-color,#d4af37)!important;text-shadow:0 0 15px var(--dynamic-color), 0 2px 4px #000000e6!important}.prism-face .hud-row{letter-spacing:1px;justify-content:space-between;margin-bottom:12px;display:flex;font-size:.85rem!important}.prism-face .hud-label{color:#888!important;font-size:.85rem!important}.prism-face .hud-value{color:#aaa!important;font-size:.85rem!important}.prism-face .hud-value.active{font-weight:700;color:#0fc!important;text-shadow:0 0 12px #0fc9,0 2px 4px #000000e6!important;font-size:.85rem!important}.prism-face .hud-value.danger{font-weight:700;color:#f33!important;text-shadow:0 0 12px #f339,0 2px 4px #000000e6!important;font-size:.85rem!important}input,select{border-radius:4px;width:100%;margin-bottom:8px;padding:8px;font-family:monospace;color:var(--dynamic-color,#0fc)!important;text-shadow:none!important;background:#020203!important;border:1px solid #ffffff26!important}.hud-overlay-content{flex-direction:column;width:100%;height:100%;display:flex}.cube-visible .scroll-container{transition:opacity .4s,visibility .4s,transform .6s cubic-bezier(.16,1,.3,1);opacity:1!important;visibility:visible!important;pointer-events:all!important;transform:scale(1)translateZ(0)!important}@media (width<=600px){.scroll-container{perspective:1000px;width:100vw;height:100vh;transform-style:preserve-3d;padding:0}.spiral-world{--cube-size:85vw!important;--cube-radius:calc(var(--cube-size) / 2)!important;width:var(--cube-size)!important;height:var(--cube-size)!important;transform-style:preserve-3d!important}.prism-face{-webkit-backdrop-filter:blur(8px)!important;background:#030305cc!important;padding:20px!important;box-shadow:0 15px 40px #000c!important}.f-settings{transform:rotateY(180deg) translateZ(var(--cube-radius))!important}.prism-face .hud-title{margin-bottom:15px!important;font-size:1.1rem!important}.prism-face .hud-row{margin-bottom:8px!important;font-size:.75rem!important}}