.cube-wrap{display:flex;flex-direction:column;align-items:center;gap:26px}.cube-scene{--cube-size:min(340px,78vw);--cube-half:calc(var(--cube-size) / 2);position:relative;width:var(--cube-size);height:var(--cube-size);perspective:1000px;cursor:grab;touch-action:none;outline:none;border-radius:16px}.cube-scene:active{cursor:grabbing}.cube-scene:focus-visible{box-shadow:0 0 0 2px #a3e635,0 0 0 6px #a3e63533}.cube{transform-style:preserve-3d;transform:translateZ(calc(var(--cube-half) * -.94)) rotateX(-12deg) rotateY(-24deg);will-change:transform}.cube,.cube-face{position:absolute;inset:0}.cube-face{overflow:hidden;border-radius:10px;border:1px solid #ffffff2e;background:#0b0f16;backface-visibility:hidden;will-change:opacity}.cube-face[data-face=front]{transform:rotateY(0deg) translateZ(var(--cube-half))}.cube-face[data-face=right]{transform:rotateY(90deg) translateZ(var(--cube-half))}.cube-face[data-face=back]{transform:rotateY(180deg) translateZ(var(--cube-half))}.cube-face[data-face=left]{transform:rotateY(-90deg) translateZ(var(--cube-half))}.cube-face[data-face=top]{transform:rotateX(90deg) translateZ(var(--cube-half))}.cube-face[data-face=bottom]{transform:rotateX(-90deg) translateZ(var(--cube-half))}.cube-face-img{object-fit:cover;object-position:top center;pointer-events:none;user-select:none}.cube-face-live{position:absolute;top:0;left:0;width:1280px;height:800px;border:0;transform:scale(calc(var(--cube-size) / 1280));transform-origin:top left;background:#0b0f16}.cube-face-livebadge{top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:#0b0f16cc;border:1px solid #a3e63555;color:#a3e635;font-size:9px;font-weight:800;letter-spacing:.1em}.cube-face-label,.cube-face-livebadge{position:absolute;text-transform:uppercase;pointer-events:none}.cube-face-label{left:0;right:0;bottom:0;padding:24px 12px 10px;font-size:11px;font-weight:700;letter-spacing:.06em;color:#fff;text-align:center;background:linear-gradient(180deg,transparent,#000000cc)}.cube-hint{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid #ffffff1f;background:#0b0f16cc;color:#fff9;font-size:11px;font-weight:600;white-space:nowrap;animation:cube-hint-pulse 2.4s ease-in-out infinite}@keyframes cube-hint-pulse{0%,to{opacity:.55}50%{opacity:1}}.cube-readout{min-height:76px;justify-content:center;margin-top:20px}.cube-open,.cube-readout{display:flex;align-items:center}.cube-open{flex-direction:column;gap:3px;padding:12px 26px;border-radius:14px;border:1px solid #ffffff1a;background:#ffffff08;text-decoration:none}.cube-open-actions{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.cube-open-btn{padding:7px 14px;border-radius:999px;border:1px solid #a3e63566;background:#a3e6351a;color:#a3e635;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.cube-open-btn:hover{background:#a3e6352e}.cube-open-kind{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#a3e635}.cube-open-title{font-size:17px;font-weight:700;color:#fff}.cube-open-cta{margin-top:4px;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#fff9}.cube-readout-empty{font-size:13px;color:#fff5}.cube-faces{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:520px}.cube-face-btn{padding:6px 12px;border-radius:999px;border:1px solid #ffffff17;background:#ffffff06;color:#fff8;font-size:11px;font-weight:600;cursor:pointer;transition:color .18s ease,border-color .18s ease}.cube-face-btn:hover{color:#fff}.cube-face-btn[data-active=true]{color:#06090f;background:#a3e635;border-color:#a3e635}.cube-static{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));width:100%;max-width:900px;margin:0 auto}.cube-static-card{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid #ffffff14;background:#ffffff06;text-decoration:none;padding-bottom:12px}.cube-static-img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top center}.cube-static-kind{margin:12px 14px 0;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#a3e635}.cube-static-title{margin:2px 14px 0;font-size:15px;font-weight:700;color:#fff}.cube-wrap[data-surface=light] .cube-open{border-color:#1a1b4118;background:#1a1b4106}.cube-wrap[data-surface=light] .cube-open-kind{color:#64748b}.cube-wrap[data-surface=light] .cube-open-title{color:#1a1b41}.cube-wrap[data-surface=light] .cube-open-cta{color:#475569}.cube-wrap[data-surface=light] .cube-open-cta:hover{color:#1a1b41}.cube-wrap[data-surface=light] .cube-readout-empty{color:#64748b}.cube-wrap[data-surface=light] .cube-open-btn{border-color:#9ad614;background:#baff29;color:#1a1b41}.cube-wrap[data-surface=light] .cube-open-btn:hover{background:#9ad614}.cube-wrap[data-surface=light] .cube-face-btn{border-color:#1a1b4120;background:#1a1b4106;color:#475569}.cube-wrap[data-surface=light] .cube-face-btn:hover{color:#1a1b41;border-color:#1a1b4140}.cube-wrap[data-surface=light] .cube-face-btn[data-active=true]{color:#1a1b41;background:#baff29;border-color:#9ad614}.cube-static[data-surface=light] .cube-static-card,.cube-wrap[data-surface=light] .cube-static-card{border-color:#1a1b4114;background:#ffffff;box-shadow:0 1px 2px #1a1b410d}.cube-static[data-surface=light] .cube-static-kind{color:#64748b}.cube-static[data-surface=light] .cube-static-title{color:#1a1b41}