.diamond-rain{--neptune-blue: #2E5FA1;--neptune-pale: #5B8EC9;--diamond-white: #C8DBE8;--diamond-shimmer: rgba(200, 219, 232, .15);--mantle-teal: #2A6E7A;--core-amber: #A87A3A;--pressure-warm: #C46A4A;--methane-green: #4A8A6A}.diamond-rain .dr-cross-section{position:relative;width:100%;max-width:520px;margin:0 auto}.diamond-rain .dr-cross-canvas-wrap{position:relative;width:100%;aspect-ratio:1 / 1.1;max-height:560px;background:var(--abyss);border:1px solid rgba(255,255,255,.04);border-radius:2px;overflow:hidden}.diamond-rain .dr-cross-canvas-wrap canvas{width:100%;height:100%}.diamond-rain .dr-cross-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.diamond-rain .dr-cross-label{position:absolute;font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;opacity:0;transition:opacity .5s ease}.diamond-rain .dr-cross-label.visible{opacity:1}.diamond-rain .dr-cross-label-line{display:inline-block;width:24px;height:1px;background:var(--text-dim);vertical-align:middle;margin:0 8px}.diamond-rain .dr-cross-depth{display:block;font-family:DM Mono,monospace;font-size:9px;color:var(--text-dim);letter-spacing:.05em;text-transform:none;margin-top:2px}.diamond-rain .dr-depth-display{display:flex;align-items:baseline;gap:6px;font-family:DM Mono,monospace;font-size:28px;color:var(--brass);margin-bottom:16px}.diamond-rain .dr-depth-unit{font-size:14px;color:var(--text-dim)}.diamond-rain .dr-slider-labels{display:flex;justify-content:space-between;padding:0 4px;margin-top:4px}.diamond-rain .dr-slider-labels span{font-family:DM Sans,sans-serif;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.diamond-rain .dr-conditions{margin-top:20px;padding:20px 24px;background:var(--abyss);border-left:2px solid var(--neptune-blue);border-radius:0 4px 4px 0;transition:border-color .4s ease}.diamond-rain .dr-conditions.in-diamond-zone{border-left-color:var(--diamond-white)}.diamond-rain .dr-conditions p{font-family:"Source Serif 4",serif;font-style:italic;font-size:15px;color:var(--text-secondary);line-height:1.65;margin:0}.diamond-rain .dr-layer-indicator{display:flex;align-items:center;gap:8px;margin-bottom:12px}.diamond-rain .dr-layer-dot{width:8px;height:8px;border-radius:50%;transition:background .4s ease}.diamond-rain .dr-layer-name{font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);transition:color .4s ease}.diamond-rain .dr-gradient-bar{width:100%;height:6px;border-radius:3px;margin-top:16px;position:relative;overflow:hidden}.diamond-rain .dr-gradient-fill{height:100%;border-radius:3px;transition:width .15s ease}.diamond-rain .dr-sim-wrap{position:relative;width:100%;aspect-ratio:16 / 10;background:var(--abyss);border:1px solid rgba(255,255,255,.04);border-radius:2px;overflow:hidden}.diamond-rain .dr-sim-wrap canvas{width:100%;height:100%}.diamond-rain .dr-sim-depth-strip{position:absolute;top:0;right:0;bottom:0;width:40px;pointer-events:none;z-index:2}.diamond-rain .dr-sim-depth-label{position:absolute;right:8px;font-family:DM Mono,monospace;font-size:8px;color:var(--text-dim);writing-mode:horizontal-tb}.diamond-rain .dr-sim-speed{position:absolute;top:16px;left:16px;z-index:4}.diamond-rain .dr-sim-overlay{position:absolute;bottom:0;left:0;right:0;padding:32px 24px;background:linear-gradient(to top,rgba(12,12,20,.9),transparent);z-index:3}.diamond-rain .dr-sim-overlay p{font-family:"DM Serif Display",serif;font-style:italic;font-size:clamp(14px,2.2vw,17px);color:var(--text-secondary);line-height:1.6;max-width:500px}.diamond-rain .dr-layers-grid{max-width:680px;margin:48px auto;padding:0 24px;display:flex;flex-direction:column;gap:12px}.diamond-rain .dr-layer-card{display:grid;grid-template-columns:10px 1fr;gap:8px 16px;padding:20px 24px;background:var(--abyss);border:1px solid rgba(255,255,255,.04);border-radius:4px;transition:border-color .3s ease}.diamond-rain .dr-layer-card:hover{border-color:#ffffff14}.diamond-rain .dr-layer-card-dot{width:8px;height:8px;border-radius:50%;margin-top:4px}.diamond-rain .dr-layer-card-name{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);grid-column:2}.diamond-rain .dr-layer-card-desc{font-family:"Source Serif 4",serif;font-size:14px;color:var(--text-secondary);line-height:1.5;grid-column:2}.diamond-rain .dr-layer-card-data{font-family:DM Mono,monospace;font-size:12px;color:var(--text-dim);grid-column:2}.diamond-rain .dr-timeline{max-width:680px;margin:48px auto;padding:0 24px;position:relative}.diamond-rain .dr-timeline:before{content:"";position:absolute;left:36px;top:0;bottom:0;width:1px;background:#ffffff0f}.diamond-rain .dr-timeline-item{position:relative;padding-left:56px;padding-bottom:32px}.diamond-rain .dr-timeline-item:last-child{padding-bottom:0}.diamond-rain .dr-timeline-dot{position:absolute;left:32px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--neptune-blue);border:2px solid var(--void)}.diamond-rain .dr-timeline-year{font-family:DM Mono,monospace;font-size:12px;color:var(--brass);letter-spacing:.05em}.diamond-rain .dr-timeline-title{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--text-primary);margin-top:4px}.diamond-rain .dr-timeline-desc{font-family:"Source Serif 4",serif;font-size:14px;color:var(--text-secondary);line-height:1.6;margin-top:4px}.diamond-rain .dr-stat-block{text-align:center;padding:48px 24px}.diamond-rain .dr-stat-number{font-family:"DM Serif Display",serif;font-size:clamp(36px,8vw,64px);color:var(--diamond-white);line-height:1.1}.diamond-rain .dr-stat-label{font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-top:8px}.diamond-rain .dr-stat-caption{font-family:"Source Serif 4",serif;font-size:15px;font-style:italic;color:var(--text-secondary);max-width:480px;margin:16px auto 0;line-height:1.6}@media(max-width:768px){.diamond-rain .dr-cross-canvas-wrap{max-height:440px}.diamond-rain .dr-cross-label{font-size:9px}.diamond-rain .dr-sim-wrap{aspect-ratio:4 / 3}.diamond-rain .dr-timeline:before{left:28px}.diamond-rain .dr-timeline-item{padding-left:48px}.diamond-rain .dr-timeline-dot{left:24px}}@media(max-width:480px){.diamond-rain .dr-depth-display{font-size:24px}.diamond-rain .dr-cross-canvas-wrap{max-height:380px}.diamond-rain .dr-sim-wrap{aspect-ratio:3 / 4}.diamond-rain .dr-sim-speed{top:auto;bottom:16px}.diamond-rain .dr-layer-card,.diamond-rain .dr-conditions{padding:16px 20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/immersive-there-are-diamonds-raining-on-neptune.css.map */