﻿
.cube-section { position: relative; height: 100vh; background: #0B0C0D; }
.cube-stage {
    position: relative; height: 100vh;
    overflow: hidden; display: flex;
    align-items: center; justify-content: center;
}

.cube-bg-video {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; z-index: 0; opacity: 0.4;
}

.cube-inner-col {
    display: flex; flex-direction: column; align-items: center; gap: 16px;
    position: relative; z-index: 1;
}
#cubeWrap { width: min(580px, 80vw); aspect-ratio: 1/1; position: relative; }
#cubeWrap canvas { display: block; width: 100% !important; height: 100% !important; cursor: url('../cursor/cursor-grab.svg?v=3') 15 16, grab; }
#cubeWrap canvas:active { cursor: url('../cursor/cursor-grabbing.svg?v=3') 15 12, grabbing; }

.cube-drag-hint {
    font-family: "ClashDisplay-Medium", Arial, sans-serif;
    font-size: 11px; font-weight: 700; letter-spacing: .14em;
    text-transform: uppercase; color: var(--text-muted-on-dark);
    display: flex; align-items: center; gap: 10px;
    width: min(580px, 80vw); pointer-events: none; white-space: nowrap;
}
.cube-drag-hint::before, .cube-drag-hint::after {
    content: ''; flex: 1; height: 1px; background: rgba(239,235,229,0.22);
}

.ticker-wrap {
    overflow: hidden; padding: 14px 0;
    background: #0B0C0D;
    border-top: 1px solid rgba(239,235,229,0.15);
    border-bottom: 1px solid rgba(239,235,229,0.15);
}
.ticker-track {
    display: flex; white-space: nowrap;
    animation: tickerAnim 55s linear infinite;
}
.ticker-track:hover { animation-play-state: paused; }
@keyframes tickerAnim { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.tick {
    display: inline-flex; align-items: center; gap: 20px; padding: 0 20px;
    font-family: "ClashDisplay-Medium", Arial, sans-serif;
    font-size: 12px; font-weight: 600; letter-spacing: .08em;
    text-transform: uppercase; color: var(--text-muted-on-dark); flex-shrink: 0;
}
.tick-dot {
    width: 3px; height: 3px; border-radius: 50%;
    background: #efebe5; flex-shrink: 0;
}
