:root{color-scheme:dark;--ink:#14212d;--mint:#b8efcd;--paper:#edf0ec;--muted:#9eafba;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overflow:hidden}body{background:var(--ink);color:#f2f5f2}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #86ba9f;outline-offset:4px}button{border-radius:7px}a{color:inherit}button[hidden],[hidden]{display:none!important}.app{height:100dvh;min-height:560px;display:grid;grid-template-rows:66px minmax(0,1fr) 112px;max-width:2400px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #ffffff16;gap:24px;background:#14212d}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:12px;letter-spacing:.18em;font-weight:800;white-space:nowrap}.brand-divider{color:#6b8191;margin:0 2px}.brand-type{color:#a9bac4;font-size:10px}.brand-icon{width:25px;height:25px;display:grid;grid-template:1fr 1fr / 1fr 1fr;gap:3px}.brand-icon i{background:var(--mint);border-radius:50%;box-shadow:inset -2px -2px 2px #5a9a7566}.series{font-size:9px;letter-spacing:.18em;color:#9bafb9;display:flex;align-items:center;gap:8px}.live-dot{width:5px;height:5px;background:var(--mint);border-radius:50%}.source-link{font-size:11px;color:#b7c6ce;text-decoration:none;white-space:nowrap}.source-link:hover{color:var(--mint)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:0}.viewer{position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 40%,#48657a 0%,#2d465b 46%,#1a2d40 100%);min-height:0}.viewer:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.scene{position:absolute;inset:0;touch-action:none;cursor:grab}.scene:active{cursor:grabbing}.scene canvas{display:block;width:100%;height:100%}.viewer-label{position:absolute;top:25px;left:30px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:.2em;font-weight:700;color:var(--mint)}h1{font-size:30px;font-weight:650;letter-spacing:-.055em;line-height:1.15;margin:8px 0 0;text-shadow:0 2px 18px #17273745}h1 span{color:var(--mint);font-weight:400}.model-badge{position:absolute;right:28px;top:27px;display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:10px;color:#cedbe4;pointer-events:none}.model-badge span:last-child{font-size:8px;letter-spacing:.14em;color:#9fb5c6}.view-tools{position:absolute;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px}.view-tools button{width:36px;height:36px;border:1px solid #ffffff22;background:#16273699;color:#e7f1f7;font-size:24px;line-height:1;backdrop-filter:blur(8px);transition:background .2s}.view-tools button:hover{background:#47627a}.view-tools button[aria-pressed=true]{background:var(--mint);color:#193328}.view-tools>span{height:5px}.scene-bottom{position:absolute;left:30px;right:27px;bottom:21px;display:flex;justify-content:space-between;align-items:center;gap:16px}.scene-hint{font-size:10px;color:#c0d0db;display:flex;align-items:center;gap:9px;pointer-events:none}.scene-hint svg{width:18px;height:18px;fill:none;stroke:#c0d0db;stroke-width:1.3}.scene-bottom button{font-size:10px;letter-spacing:.015em;color:#dce8ef;border:1px solid #ffffff26;background:#172a3b7a;padding:9px 12px}.scene-bottom button span{color:var(--mint);margin-left:12px}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#233b50ed;z-index:3;text-align:center;padding:25px}.loading strong{font-size:19px;font-weight:500}.loading>span:last-of-type{font-size:12px;color:#b5c8d5;max-width:320px;line-height:1.6}.loading button{background:var(--mint);border:0;padding:12px 16px;color:#142f23;margin-top:9px}.loader-orbit{width:48px;height:48px;border:2px solid #ffffff20;border-top:2px solid var(--mint);border-radius:50%;animation:spin 1.1s linear infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}.guide{background:var(--paper);color:var(--ink);padding:26px 25px 18px;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;scrollbar-color:#c8d2ce transparent}.guide-top{display:flex;justify-content:space-between;align-items:center}.guide-top .eyebrow{color:#5e7c70;font-size:9px;letter-spacing:.16em}.guide-icon{color:#729180;font-size:24px}.step-block{margin:30px 0 23px}.overline{font-size:9px;font-weight:700;letter-spacing:.15em;color:#80918e}.overline strong{font-size:11px;color:#416653}h2{font-size:29px;font-weight:650;letter-spacing:-.055em;line-height:1.12;margin:10px 0 10px}.step-block p{font-size:12px;line-height:1.6;color:#677673;margin:0;min-height:56px}.assembly-status{display:flex;flex-direction:column;gap:10px}.assembly-status>span{font-size:8px;letter-spacing:.16em;font-weight:700;color:#667e72}.assembly-status strong{font-size:33px;letter-spacing:-.045em;font-weight:650;font-variant-numeric:tabular-nums}.muted{color:#899791;font-size:16px;font-weight:400}.progress-track{height:3px;background:#d2dcd5;border-radius:4px;margin-top:12px;overflow:hidden}.progress-track>div{height:100%;background:#5b977d}.part-card{border:1px solid #ccd8cf;border-radius:8px;display:flex;gap:12px;align-items:center;padding:13px 11px;margin-top:20px;background:#e3eae2}.part-card>div:last-child{min-width:0;display:flex;flex-direction:column;gap:6px}.small-label{font-size:8px;letter-spacing:.07em;color:#738574}.small-label b{color:#3d6352;font-weight:650}.part-card strong{font-size:10px;font-weight:500;line-height:1.35;max-height:28px;overflow:hidden;color:#4e6659}.part-symbol{width:31px;height:29px;background:#93a69b;box-shadow:3px 4px 0 #62756a;display:grid;grid-template:1fr 1fr / 1fr 1fr;gap:4px;padding:4px;transform:rotate(-10deg);border-radius:2px;flex-shrink:0}.part-symbol i{border-radius:50%;background:#c9d2cc;box-shadow:1px 1px 0 #55685b}.chapters{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:24px}.chapter{padding:8px 5px 8px 7px;display:flex;gap:7px;align-items:center;background:none;border:1px solid transparent;text-align:left;color:#6b7d71;font-size:9px;line-height:1.4;border-radius:5px}.chapter span{font-size:8px;color:#97a49b;font-variant-numeric:tabular-nums}.chapter:hover{background:#dce6dc}.chapter.active{border-color:#b9ccbe;background:#dce7dd;color:#30543b}.chapter.active span{color:#558269}.about{margin-top:auto;padding-top:22px;font-size:10px;color:#74877c}.about summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}.about p{line-height:1.55;font-size:10px}.about summary::-webkit-details-marker{display:none}.about a{color:#496b58}.controls{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:36px;align-items:center;padding:0 30px;background:#14212d;border-top:1px solid #ffffff18}.transport{display:flex;align-items:center;gap:8px}.icon-button{background:#1d2e3c;border:1px solid #3c505c;color:#e5eee9;width:39px;height:43px;font-size:22px}.icon-button:not(:disabled):hover{background:#334d5c}.play-button{height:43px;min-width:153px;background:var(--mint);color:#1b3728;border:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 17px;font-size:11px;font-weight:700}.play-button:hover{background:#d0fbdd}.play-button span:first-child{font-size:12px}.timeline{min-width:0}.timeline-label{display:flex;justify-content:space-between;margin:0 41px 9px 19px;gap:10px;color:#9eafb9;font-size:8px;letter-spacing:.12em}.timeline-label>span{letter-spacing:0;color:#6e8798;font-size:9px}.timeline-track{display:flex;gap:11px;align-items:center}.timeline-track .zero{color:#778d9a;font-size:10px}.timeline-track output{font-size:12px;min-width:38px;text-align:right;color:var(--mint);font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:27px;margin:0;appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--mint) 0 var(--fill,100%),#3d5363 var(--fill,100%) 100%)}input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-7px;background:#e1ffed;border:4px solid #66a888;border-radius:50%;box-shadow:0 0 0 4px #b8efcd13}input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:#3d5363}input[type=range]::-moz-range-progress{height:4px;background:var(--mint)}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#e1ffed;border:4px solid #66a888;border-radius:50%}.speed-label{font-size:8px;letter-spacing:.12em;display:flex;flex-direction:column;gap:8px;color:#8197a4}.speed-label select{background:#243745;color:#dbe9e0;border:1px solid #3d5563;border-radius:5px;padding:4px 6px;font-size:12px;min-width:65px}.ready{opacity:1}@media(max-height:760px) and (min-width:761px){.step-block{margin:16px 0}.step-block h2{font-size:25px}.step-block p{min-height:40px}.part-card{margin-top:13px}.chapters{margin-top:14px}.about{padding-top:15px}.guide{padding-top:20px}.assembly-status strong{font-size:29px}}@media(max-width:1100px){.series{display:none}.workspace{grid-template-columns:minmax(0,1fr) 280px}.guide{padding:22px}.controls{gap:22px}.model-badge{display:none}.viewer-label{left:24px}.topbar{padding:0 24px}}@media(max-width:760px){.app{height:100dvh;min-height:590px;grid-template-rows:50px minmax(0,1fr) calc(112px + env(safe-area-inset-bottom,0px))}.topbar{padding:0 17px}.brand{font-size:11px;gap:8px}.brand-icon{width:21px;height:21px;gap:2px}.brand-type{font-size:8px;letter-spacing:.1em}.source-link{font-size:9px}.workspace{display:flex;flex-direction:column}.viewer{flex:1;min-height:275px}.viewer-label{top:17px;left:18px}.viewer-label h1{font-size:23px;margin-top:6px}.viewer-label .eyebrow{font-size:7px;letter-spacing:.16em}.view-tools{right:13px;gap:5px;top:52%}.view-tools button{width:30px;height:30px;font-size:21px;border-radius:6px}.view-tools>span{height:2px}.scene-bottom{left:17px;right:14px;bottom:11px}.scene-hint{font-size:8px;gap:6px}.scene-hint svg{width:15px;height:15px}.scene-bottom button{font-size:8px;padding:7px 8px}.scene-bottom button span{margin-left:5px}.guide{padding:16px 18px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:17px;overflow:visible;flex:none;min-height:137px}.guide-top,.part-card,.chapters,.about{display:none}.step-block{margin:0;grid-column:1;grid-row:1 / 3}.overline{font-size:8px}.overline strong{font-size:10px}.step-block h2{font-size:23px;line-height:1.1;max-width:245px;margin:6px 0}.step-block p{font-size:10px;line-height:1.45;min-height:0;max-width:240px}.assembly-status{grid-column:2;grid-row:1;align-self:center;gap:7px;align-items:flex-end}.assembly-status>span{font-size:6px;letter-spacing:.1em}.assembly-status strong{font-size:26px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.15}.muted{font-size:11px;white-space:nowrap}.progress-track{grid-column:2;grid-row:2;width:77px;align-self:center;margin:9px 0 0}.controls{grid-template-columns:1fr auto;grid-template-rows:41px 49px;column-gap:15px;row-gap:2px;padding:7px 18px calc(12px + env(safe-area-inset-bottom,0px))}.timeline{grid-column:1 / 3;grid-row:1}.timeline-label{margin:0 42px 0 15px;font-size:7px}.timeline-label>span{font-size:8px}.timeline-track{gap:9px}.timeline-track .zero{font-size:9px}.timeline-track output{font-size:11px}.transport{grid-row:2;gap:6px}.icon-button{width:33px;height:35px;font-size:20px;border-radius:5px}.play-button{height:35px;min-width:147px;font-size:10px;border-radius:5px;padding:0 11px}.speed-label{grid-row:2;display:flex;flex-direction:row;align-items:center;font-size:7px;gap:7px;letter-spacing:.04em;justify-self:end}.speed-label select{font-size:11px;min-width:52px;padding:6px 5px}.loading strong{font-size:17px}.loading>span:last-of-type{font-size:11px}}@media(max-width:380px){.brand-type{display:none}.speed-label{font-size:0;gap:0}.step-block h2{font-size:21px}.guide{column-gap:12px}.step-block p{font-size:9px}.viewer-label h1{font-size:21px}.app{min-height:570px}.play-button{min-width:137px}}@media(prefers-reduced-motion:reduce){*{animation-duration:2s!important;transition:none!important}}
.model-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.loading{background:linear-gradient(0deg,#14293ee8,#233b5066 55%,#233b5011);justify-content:flex-end;padding-bottom:55px}.loading .loader-orbit{width:28px;height:28px;margin-bottom:0}.loading.load-error{padding:20px 20px 55px;background:linear-gradient(0deg,#14293ef5,#14293ee5 25%,transparent 80%)}.load-error .loader-orbit{display:none}.loading.load-error strong{font-size:16px}.loading.load-error>span:last-of-type{font-size:10px;max-width:330px}
.view-modes{position:absolute;left:29px;top:107px;z-index:3;display:flex;padding:4px;background:#142635cf;backdrop-filter:blur(12px);border:1px solid #ffffff22;border-radius:9px;gap:3px}.view-modes button{font-size:13px;color:#bcd0da;border:0;background:none;padding:10px 16px;min-height:38px;display:flex;align-items:center;gap:9px}.view-modes button[aria-pressed=true]{background:#b8efcd;color:#173928;font-weight:650}.view-modes button span{font-size:10px;border-left:1px solid #203b2940;padding-left:9px;font-weight:400}.explore-caption{position:absolute;left:31px;top:166px;color:#b5cbd8;font-size:10px;pointer-events:none}.hotspots{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.secret-hotspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:30px;height:30px;border-radius:50%;background:#132d3fdc;color:#d4f9e5;border:1px solid #b7eaceb0;box-shadow:0 0 0 4px #b8efcd16;font-size:14px;font-weight:700;backdrop-filter:blur(5px)}.secret-hotspot:hover{background:#b8efcd;color:#193b29;transform:translate(-50%,-50%) scale(1.13)}.secret-hotspot.found{background:#b8efcd;color:#193b29;font-size:12px}.secret-progress{position:absolute;right:28px;top:94px;display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.08em;color:#b6cad5;pointer-events:none}.secret-progress>span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #9ac6b2;border-radius:50%;color:var(--mint);font-size:10px}.secret-progress b{font-weight:600;color:var(--mint);margin-left:3px}.room-nav{position:absolute;left:50%;bottom:61px;transform:translateX(-50%);z-index:4;display:flex;gap:5px;padding:5px;background:#122b3dca;backdrop-filter:blur(12px);border:1px solid #ffffff23;border-radius:10px;max-width:calc(100% - 50px);overflow:auto;scrollbar-width:none}.room-nav::-webkit-scrollbar{display:none}.room-button{border:0;padding:10px 13px;background:none;color:#bed1dc;font-size:11px;white-space:nowrap;min-height:35px}.room-button.active{background:#b8efcd;color:#173a28;font-weight:600}.room-button:hover{background:#446571;color:#fff}.room-button.active:hover{background:#b8efcd;color:#173a28}.secret-card{position:absolute;right:26px;bottom:125px;width:265px;padding:20px 19px 18px;background:#122633ed;border:1px solid #80b69c6b;border-radius:11px;z-index:5;backdrop-filter:blur(16px);box-shadow:0 12px 30px #09162150}.secret-card>span{font-size:9px;letter-spacing:.14em;color:#a4d9be}.secret-card h3{margin:11px 0 9px;font-size:23px;font-weight:650;letter-spacing:-.035em;line-height:1.15}.secret-card p{font-size:12px;line-height:1.6;color:#bbced7;margin:0}.secret-card>button{position:absolute;right:7px;top:5px;border:0;background:none;color:#b7cbd4;font-size:23px;width:30px;height:30px}.view-tools{z-index:4}.scene-bottom{z-index:3}.scene-hint{max-width:55%}@media(max-width:1100px) and (min-width:761px){.secret-progress{top:25px}.secret-card{right:22px;width:225px}.room-button{font-size:10px;padding:9px}.room-nav{max-width:calc(100% - 30px)}}@media(max-width:760px){.view-modes{left:16px;top:77px;padding:3px;border-radius:8px}.view-modes button{font-size:12px;padding:8px 12px;min-height:33px}.view-modes button span{display:none}.explore-caption{left:18px;top:124px;font-size:8px;max-width:calc(100% - 70px)}.secret-progress{right:15px;top:84px;font-size:7px;gap:4px;letter-spacing:0}.secret-progress>span{width:17px;height:17px;font-size:9px}.secret-progress b{margin-left:2px}.room-nav{bottom:44px;max-width:calc(100% - 26px);gap:2px;padding:3px;border-radius:8px}.room-button{padding:8px 10px;font-size:10px;min-height:34px;border-radius:5px}.secret-hotspot{width:29px;height:29px;font-size:13px}.secret-card{right:14px;bottom:91px;width:calc(100% - 28px);max-width:300px;padding:12px 15px}.secret-card>span{font-size:7px}.secret-card h3{font-size:18px;margin:5px 0 5px}.secret-card p{font-size:10px;line-height:1.5}.secret-card>button{width:32px;height:32px}.view-tools{top:54%}.scene-bottom{bottom:9px}.step-block p{max-width:250px}.guide{min-height:133px}.timeline-label>span{font-size:7px}.room-nav{justify-content:flex-start}}
@media(max-width:760px){.secret-card{display:none!important}.secret-hotspot{width:36px;height:36px;font-size:14px}}
.view-modes button{font-size:14px}.room-button{font-size:12px;min-height:40px}.explore-caption{font-size:11px}.secret-progress{font-size:10px}@media(max-width:760px){.view-modes button{font-size:13px}.room-button{font-size:12px;padding:8px 11px;min-height:38px}.explore-caption{font-size:10px;top:126px}.secret-progress{font-size:8px}.step-block p{font-size:11px}}