:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--page-bg:#c8871b;--ink:#f9e8b7;--muted:#ebd7a8;--border:#ffedc059;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:var(--page-bg);color:var(--ink);margin:0}body:before{content:"";position:fixed;z-index:-1;pointer-events:none;background:radial-gradient(at 50% 57%,#ffdc24 0%,#f8c71c 27%,#dfa01e 53%,#c1811c 73%,#934b0e 100%);inset:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button:enabled{cursor:pointer}button:focus-visible{outline:2px solid #fff0c6;outline-offset:5px}a:focus-visible{outline:2px solid #fff0c6;outline-offset:5px}canvas:focus-visible{outline:2px solid #fff0c6;outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}.site-shell{display:flex;flex-direction:column;min-height:100svh;padding:16px 30px 26px}.main-content{display:flex;flex-direction:column;flex:1}.stage{position:relative;isolation:isolate;flex:1;min-height:380px}.viewer{position:absolute;inset:0}.viewer canvas{display:block;cursor:grab;touch-action:none;width:100%;height:100%}.viewer canvas:active{cursor:grabbing}.loading-state{position:absolute;display:flex;white-space:nowrap;background:var(--page-bg);border:1px solid var(--border);color:var(--muted);border-radius:50px;align-items: center;gap:11px;padding:14px 20px;font-size:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-orbit{display:block;border:1.5px solid #f9e8b755;border-top-color:var(--ink);animation:1s linear infinite orbit;border-radius:50%;width:13px;height:13px}.error-state{position:absolute;text-align:center;background:var(--page-bg);border:1px solid var(--border);border-radius:14px;width:calc(100% - 32px);max-width:360px;padding:28px;top:50%;left:50%;transform:translate(-50%,-50%)}.error-state h2{margin:0 0 10px;font-size:18px;font-weight:500}.error-state p{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.7}.retry-button{border:1px solid var(--border);background:0 0;border-radius:6px;margin-top:8px;padding:9px 15px;font-size:12px}.retry-button span{padding-left:12px}.site-footer{padding-top:16px}.artist-credits{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 30px}.artist-credits a{display:inline-flex;color:var(--muted);text-decoration:none;flex-wrap:wrap;align-items:baseline;column-gap:5px;padding-block-start:5px;padding-block-end:5px;transition:color .18s;font-size:16px;font-weight:400;line-height:1.4}.artist-credits a:hover{color:#fff5d9;text-decoration:underline;text-underline-offset:4px}@keyframes orbit{to{transform:rotate(360deg)}}@media (max-width:760px){.site-shell{padding-inline-start:20px;padding-inline-end:20px}.stage{min-height:320px}.artist-credits{flex-direction:column;align-items: flex-start;gap:2px}.artist-credits a{font-size:14px}}@media (max-width:400px){.site-shell{padding-inline-start:16px;padding-inline-end:16px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
