.v3d{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#fff;border-radius:20px}.v3d-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .4s ease-out}.v3d.is-ready .v3d-canvas{opacity:1}.v3d.is-switching .v3d-canvas{opacity:.45;transition:none}.v3d-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.v3d-fallback[hidden]{display:none}.v3d-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#0000000d;opacity:0;transition:opacity .2s}.v3d-progress span{display:block;height:100%;width:0;background:var(--color-red);transition:width .2s ease-out}.v3d.is-loading .v3d-progress{opacity:1}.v3d-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:0;font-family:var(--font-sans);font-size:.8125rem;font-weight:600;color:var(--color-text-muted);pointer-events:none;opacity:1;transition:opacity .2s}.v3d-loader{display:none;flex-direction:column;align-items:center;gap:8px;color:#00000038}.v3d.is-loading .v3d-loader{display:flex}.v3d-loader svg{overflow:visible}.v3d-lo-deck,.v3d-lo-splash,.v3d-lo-bowl{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p, 0));transition:stroke-dashoffset .22s ease-out}.v3d-lo-splash{stroke-dashoffset:calc(1 - clamp(0,var(--p, 0) * 3,1))}.v3d-lo-deck{stroke-dashoffset:calc(1 - clamp(0,(var(--p, 0) - .15) * 2,1))}.v3d-lo-bowl{stroke-dashoffset:calc(1 - clamp(0,(var(--p, 0) - .5) * 2.2,1))}.v3d-lo-holes{opacity:clamp(0,(var(--p, 0) - .82) * 6,1);transition:opacity .2s}.v3d-pct{font-variant-numeric:tabular-nums;font-weight:700;font-size:.75rem;color:var(--color-text-muted)}.v3d[data-bg=moon] .v3d-loader{color:#ffffff47}.v3d.is-ready .v3d-status{opacity:0}.v3d.is-fallback .v3d-status{align-items:flex-end;padding-bottom:12px}.v3d-note,.v3d-hint{position:absolute;left:50%;transform:translate(-50%);margin:0;padding:6px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;background:#ffffffb8;backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5);border:1px solid rgba(255,255,255,.85);box-shadow:0 2px 10px #0000000f;font-family:var(--font-sans);font-size:.6875rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap;pointer-events:none}.v3d-note{top:12px}.v3d-note[hidden]{display:none}.v3d-hint{bottom:12px;opacity:0;transition:opacity .4s .6s}.v3d.is-ready .v3d-hint{opacity:1}.v3d.is-locked .v3d-hint{display:none}.v3d.is-ready:active .v3d-hint{opacity:0;transition-delay:0s}.v3d-hint svg{animation:v3d-spin 6s linear infinite}@keyframes v3d-spin{to{transform:rotate(360deg)}}.v3d[data-bg=moon]{background:radial-gradient(ellipse at 50% 40%,#4a4a4a,#2b2b2b)}.v3d[data-bg=moon] .v3d-note,.v3d[data-bg=moon] .v3d-hint,.v3d[data-bg=moon] .v3d-status{background:#ffffff14;border-color:#ffffff1f;color:#ffffffbf}.v3d[data-bg=moon] .v3d-status{background:none}.v3d-disclaimer{margin:10px 2px 0;font-size:13px;line-height:1.5;color:var(--color-text-muted)}.v3d-dl{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:999px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--color-text-muted);background:#ffffffb8;backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5);border:1px solid rgba(255,255,255,.85);box-shadow:0 2px 10px #0000000f;opacity:0;transition:opacity .4s .6s,color .2s ease-out,background .2s ease-out}.v3d.is-ready .v3d-dl{opacity:1}.v3d-dl:hover{color:var(--color-dark);background:#ffffffeb}.v3d-dl:disabled{cursor:default;opacity:.6}.v3d-dl:focus-visible{outline:2px solid var(--color-red);outline-offset:2px}.v3d[data-bg=moon] .v3d-dl{background:#ffffff14;border-color:#ffffff1f;color:#ffffffb3}.v3d[data-bg=moon] .v3d-dl:hover{color:#fff;background:#ffffff29}@media(max-width:520px){.v3d-dl span{display:none}.v3d-dl{padding:0;width:36px;justify-content:center}}.v3d-theme{position:absolute;top:12px;right:12px;display:flex;gap:2px;padding:3px;border-radius:999px;background:#ffffffb8;backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5);border:1px solid rgba(255,255,255,.85);box-shadow:0 2px 10px #0000000f;opacity:0;transition:opacity .4s .6s}.v3d.is-ready .v3d-theme{opacity:1}.v3d-theme-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background .2s ease-out,color .2s ease-out}.v3d-theme-btn:hover{color:var(--color-dark)}.v3d-theme-btn[aria-pressed=true]{background:var(--color-dark);color:#fff}.v3d-theme-btn:focus-visible{outline:2px solid var(--color-red);outline-offset:2px}.v3d[data-bg=moon] .v3d-theme{background:#ffffff14;border-color:#ffffff1f}.v3d[data-bg=moon] .v3d-theme-btn{color:#fff9}.v3d[data-bg=moon] .v3d-theme-btn:hover{color:#fff}.v3d[data-bg=moon] .v3d-theme-btn[aria-pressed=true]{background:#fff;color:var(--color-dark)}@media(prefers-reduced-motion:reduce){.v3d-canvas,.v3d-status,.v3d-hint,.v3d-progress span,.v3d-theme,.v3d-theme-btn,.v3d-dl{transition:none}.v3d-hint svg{animation:none}}