:root{color-scheme:dark;--text:#f2f2f2;--muted:#b1b1b5;--border:#ffffff26}*{box-sizing:border-box}body,html{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#202022;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid white;outline-offset:5px}button{touch-action:manipulation}.experience,.stage{position:absolute;inset:0}.stage{z-index:0}.identity{position:absolute;top:38px;left:46px;pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text;text-shadow:0 2px 20px #0004}.identity h1{font:500 clamp(38px,4vw,58px)/1.1 Georgia,Times New Roman,serif;letter-spacing:-2.8px;margin:0}.identity h1 span{color:#999}.identity p{margin:11px 0 0;font:italic 15px/1.4 Georgia,serif;color:#ccc}.glass{background:linear-gradient(145deg,#232325db,#171719c2);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--border);box-shadow:0 12px 50px #0002,inset 0 1px #ffffff08}.icon-button{display:grid;place-items:center;background:transparent;border:0;border-radius:10px;width:40px;height:40px;transition:background .2s}.icon-button.active,.icon-button:hover{background:#ffffff18}.setup-panel{position:absolute;right:32px;top:96px;width:275px;padding:24px;border-radius:19px;animation:appear .2s ease-out}.setup-panel option{background:#252528;color:#eee}.view-controls{left:36px;bottom:40px;padding:5px;border-radius:13px}.transport,.view-controls{position:absolute;display:flex}.transport{bottom:34px;left:50%;transform:translateX(-50%);width:min(940px,calc(100% - 330px));min-height:88px;align-items:center;gap:23px;padding:18px 25px;border-radius:18px}.track{min-width:145px;max-width:200px;display:flex;flex-direction:column;gap:7px}.track strong{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track span{font-size:11px;color:#98989f}.play-actions{display:flex;gap:9px;align-items:center}.play-button{border:0;width:47px;height:47px;background:#f0f0f0;color:#18181b;border-radius:50%;display:grid;place-items:center;transition:transform .2s,background .2s}.play-button:hover{background:white;transform:scale(1.04)}.timeline{flex:1 1;display:flex;align-items:center;gap:11px;min-width:100px}.timeline span{font-size:11px;color:#b0b0b4;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:3px;accent-color:white;cursor:pointer;margin:0}.timeline input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#eee var(--progress),#ffffff25 var(--progress));border-radius:5px}.timeline input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:9px;width:9px;background:#fff;border-radius:50%}.volume{display:flex;align-items:center;gap:10px;width:92px;color:#b4b4ba}.volume input{width:62px}.scene-loading{height:100%;display:grid;place-items:center;color:#aaa}.asset-loading{display:block;background:#202024d9;color:#eee;padding:10px 16px;border-radius:8px;white-space:nowrap;font-size:13px}.scene-error{position:absolute;inset:40% 20%;display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center}.scene-error button{background:#eee;border:0;padding:10px 20px;border-radius:8px;color:#111}@keyframes appear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.transport{width:calc(100% - 210px);left:auto;right:25px;transform:none;gap:14px;padding:16px}.track{min-width:115px;max-width:155px}.volume{display:none}.view-controls{left:25px}.setup-panel{width:250px}}@media (max-width:700px){.identity{top:25px;left:24px}.identity h1{font-size:39px;letter-spacing:-2px}.identity p{font-size:12px;margin-top:8px;max-width:230px}.setup-panel{right:20px;top:108px;padding:17px;width:237px;max-height:calc(100dvh - 280px);overflow:auto}.transport{bottom:20px;left:18px;right:18px;width:auto;flex-wrap:wrap;padding:14px 17px;gap:10px;min-height:107px}.track{flex:1 1;max-width:none}.play-actions{order:2}.timeline{order:3;flex-basis:100%;margin-top:7px}.play-button{width:37px;height:37px}.play-actions .icon-button{height:32px;width:32px}.view-controls{bottom:146px;left:18px}.view-controls .icon-button{height:34px;width:34px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.identity h1{display:flex;align-items:center}.identity h1 img{margin-right:13px;border-radius:10px}.setup-panel{max-height:calc(100dvh - 235px);overflow:auto}.setup-panel.score-panel{width:min(540px,calc(100vw - 64px));padding:18px}.score-caption{font:16px Georgia,serif;margin:0 0 15px}.sheet-scroll{height:calc(100dvh - 370px);min-height:160px;overflow:auto;border-radius:7px;background:white;overscroll-behavior:contain}.sheet-paper{background:white;color:#111;min-height:100%;padding:10px 4px}.upload-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.upload-button:focus-within{outline:2px solid white;outline-offset:3px}.score-error{font-size:12px;line-height:1.5;color:#ffb4a8}.transport>.icon-button{flex-shrink:0}@media (max-width:700px){.identity h1 img{width:33px;height:33px;margin-right:8px}.identity h1{font-size:33px}.setup-panel.score-panel{right:18px;width:calc(100vw - 36px);max-height:calc(100dvh - 280px)}.sheet-scroll{height:calc(100dvh - 390px)}.transport>.icon-button{order:2}}.hardware-badge{position:absolute;top:42px;right:36px;font-size:13px;color:#ddd;letter-spacing:.3px}.hardware-badge span{color:#888;padding:0 5px}.track label{font-size:10px;color:#aaa;text-transform:uppercase;letter-spacing:1px}.track select{max-width:100%;background:#272729;color:#eee;border:1px solid #ffffff26;border-radius:7px;padding:7px;font-size:12px}.upload-button{position:relative;flex-shrink:0}.sheet-close{position:absolute;right:10px;top:8px}.transport-error{position:absolute;bottom:100%;left:0;background:#252527;padding:10px;border-radius:8px}.transport{gap:16px}.sheet-scroll{height:calc(100dvh - 390px)}@media (max-width:700px){.hardware-badge{top:101px;left:25px;right:auto;font-size:11px}.setup-panel.score-panel{top:133px}.transport{gap:7px}.track{min-width:100px}.track select{width:100%}}button:disabled,input:disabled,select:disabled{cursor:default;opacity:.45}.upload-button input:disabled{opacity:0}.bottom-controls{position:absolute;bottom:34px;left:28px;right:28px;display:grid;grid-template-columns:136px minmax(0,940px);justify-content:center;align-items:center;grid-gap:18px;gap:18px;pointer-events:none}.bottom-controls>*{pointer-events:auto}.bottom-controls .view-controls{position:static;display:grid;grid-template-columns:repeat(3,40px);grid-gap:2px;gap:2px;padding:5px;order:0}.view-controls .icon-button{border:1px solid transparent}.view-controls .icon-button.active{border-color:#d5d5d5;background:#ffffff18}.bottom-controls .transport{position:relative;inset:auto;transform:none;width:100%;min-width:0;order:1}@media (max-width:1100px){.bottom-controls{left:18px;right:18px;gap:12px;grid-template-columns:124px minmax(0,1fr)}.bottom-controls .view-controls{grid-template-columns:repeat(3,36px)}.view-controls .icon-button{width:36px;height:36px}.bottom-controls .transport{gap:10px;padding:14px}}@media (max-width:850px){.bottom-controls{bottom:20px;grid-template-columns:124px minmax(0,1fr);gap:10px}.bottom-controls .transport{grid-column:1/-1;grid-row:2;flex-wrap:wrap}.bottom-controls .view-controls{grid-column:1;grid-row:1}.bottom-controls .timeline{flex-basis:100%;order:3}.score-panel{z-index:2}}.controls-hidden,.controls-hidden *{cursor:none!important}.controls-hidden .bottom-controls{opacity:0;visibility:hidden}.controls-hidden .bottom-controls,.controls-hidden .bottom-controls *{pointer-events:none}.hardware-badge a{color:inherit;text-decoration:none}.hardware-badge a:hover{text-decoration:underline;text-underline-offset:3px}a:focus-visible,summary:focus-visible{outline:2px solid white;outline-offset:4px}.upload-controls{flex-shrink:0;display:flex;flex-direction:column;align-items:center}.upload-guide summary{cursor:pointer;font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;list-style:none}.upload-guide summary::-webkit-details-marker{display:none}.upload-guide-block{position:absolute;bottom:calc(100% + 12px);left:0;width:min(360px,100%);padding:18px;border-radius:14px;font-size:12px;line-height:1.6;max-height:calc(100dvh - 300px);overflow:auto;background:#252527;z-index:3}.upload-guide-block strong{display:block;padding-right:30px;font-size:14px;font-weight:500}.upload-guide-block p{margin:10px 0 0;color:#c5c5c8}.score-credits a,.upload-guide-block a{color:inherit;text-underline-offset:3px}.setup-panel.score-panel{overflow:hidden;display:flex;flex-direction:column}.score-caption{padding-right:30px;margin-bottom:10px}.score-credits{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 14px}.sheet-frame{border-radius:9px;overflow:hidden;min-height:0}.sheet-scroll{background:transparent;border-radius:0;scrollbar-width:thin;scrollbar-color:#68686c transparent}.sheet-scroll::-webkit-scrollbar{width:7px;height:7px}.sheet-scroll::-webkit-scrollbar-thumb{background:#68686c;border-radius:7px}.sheet-scroll::-webkit-scrollbar-corner{background:transparent}.sheet-paper{background:transparent;color:#dededf}.speed-control{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:11px;color:var(--muted)}.speed-control select{background:#272729;color:#eee;border:1px solid #ffffff26;border-radius:7px;padding:6px;font:inherit}