:root{--bg: #07141a;--panel: rgba(10, 28, 34, .88);--panel-border: rgba(180, 214, 210, .18);--text: #e8f2ef;--muted: #9bb4ae;--accent: #3db8a8;--accent-2: #c9a227;--danger: #d9655b;--warn: #e6a23c;--ok: #3db8a8;--font: "Noto Sans TC", "Segoe UI", sans-serif;--display: "Outfit", "Noto Sans TC", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font)}button{font-family:inherit}.app-shell{position:relative;width:100%;height:100%;background:radial-gradient(1200px 600px at 70% 10%,rgba(61,184,168,.12),transparent 60%),radial-gradient(900px 500px at 10% 80%,rgba(201,162,39,.08),transparent 55%),var(--bg)}.viewer-canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important}.topbar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.25rem;pointer-events:none;background:linear-gradient(to bottom,rgba(7,20,26,.72),transparent)}.brand-block,.mode-switch,.topbar-actions,.scene-picker{pointer-events:auto}.brand{margin:0;font-family:var(--display);font-weight:700;letter-spacing:.04em;font-size:1.35rem}.subtitle,.eyebrow,.meta,.hint,.progress-text{color:var(--muted)}.subtitle{margin:.2rem 0 0;font-size:.9rem}.eyebrow{margin:0;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.mode-switch{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}.scene-picker{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.82rem}.scene-picker select{border:1px solid var(--panel-border);border-radius:10px;padding:.55rem 2rem .55rem .75rem;background:#08181ee6;color:var(--text);font:inherit;cursor:pointer}.scene-picker select:hover,.scene-picker select:focus{border-color:#3db8a8b3;outline:none}.scene-picker select:disabled{cursor:wait;opacity:.65}.mode-switch button,.ghost-btn,.primary-btn,.asset-list button{border:1px solid var(--panel-border);background:#08181ebf;color:var(--text);border-radius:10px;padding:.55rem .85rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.mode-switch button:hover,.ghost-btn:hover,.primary-btn:hover,.asset-list button:hover{border-color:#3db8a88c;transform:translateY(-1px)}.mode-switch button.active{background:#3db8a838;border-color:#3db8a8b3}.primary-btn{background:linear-gradient(135deg,#3db8a8e6,#2a8c80f2);border-color:transparent;font-weight:600;width:100%;margin-top:.75rem}.info-panel{position:absolute;top:5.5rem;right:1.1rem;width:min(320px,calc(100vw - 1.5rem));max-height:calc(100vh - 6.5rem);z-index:50;background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;backdrop-filter:blur(12px);padding:1rem;box-shadow:0 18px 50px #00000059;display:flex;flex-direction:column;overflow:hidden}.info-panel.collapsed{width:auto;max-height:none}.info-panel-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;margin-top:.25rem;padding-right:.15rem;scrollbar-gutter:stable}.info-panel-body::-webkit-scrollbar{width:6px}.info-panel-body::-webkit-scrollbar-thumb{background:#b4d6d259;border-radius:999px}.asset-count{font-size:.85rem;font-weight:500;color:var(--muted)}.list-caption{margin:.75rem 0 .35rem;font-size:.78rem;color:var(--muted)}.asset-list-wrap{margin-top:.25rem;padding-top:.5rem;border-top:1px solid var(--panel-border)}.asset-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;max-height:min(280px,40vh);overflow-y:auto;padding-right:.1rem}.asset-list::-webkit-scrollbar{width:5px}.asset-list::-webkit-scrollbar-thumb{background:#b4d6d24d;border-radius:999px}.info-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.info-panel-header-actions{display:flex;gap:.4rem;flex-shrink:0}.info-panel-header h2{margin:.15rem 0 0;font-family:var(--display);font-size:1.25rem}.asset-detail{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--panel-border)}.asset-add-block{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--panel-border)}.asset-add-row{display:flex;flex-direction:column;gap:.45rem;margin-top:.5rem}.asset-tools-row{display:flex;gap:.4rem;margin-top:.45rem;flex-wrap:wrap}.asset-input,.asset-textarea,.asset-select{width:100%;border:1px solid var(--panel-border);background:#08181ed9;color:var(--text);border-radius:8px;padding:.5rem .65rem;font-family:inherit;font-size:.88rem}.asset-textarea{margin-top:.45rem;resize:vertical;min-height:4.5rem}.asset-name-input{font-weight:600;font-size:1rem}.asset-add-btn{margin-top:0!important}.coord-line{font-family:ui-monospace,monospace;font-size:.75rem!important;word-break:break-all}.coord-fieldset{margin:.65rem 0 0;padding:.55rem .65rem .65rem;border:1px solid var(--panel-border);border-radius:10px}.coord-fieldset .list-caption{margin:0;padding:0 .25rem}.coord-hint{margin:.35rem 0 .5rem;font-size:.75rem;line-height:1.45;color:var(--muted)}.coord-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.35rem}.coord-field{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:var(--muted)}.coord-input{padding:.4rem .45rem;font-family:ui-monospace,monospace;font-size:.82rem}.coord-input::-webkit-outer-spin-button,.coord-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.coord-input[type=number]{-moz-appearance:textfield;appearance:textfield}.danger-btn{color:#ffb4ab!important;border-color:#d9655b73!important}.danger-btn:hover{background:#d9655b26!important}.asset-detail .ghost-btn{width:100%;margin-top:.45rem}.asset-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.asset-title-row h3{margin:0;font-size:1.1rem}.desc{margin:.65rem 0 0;line-height:1.55;font-size:.92rem}.hint{margin:.75rem 0 0;font-size:.9rem;line-height:1.5}.asset-list button{width:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;text-align:left}.asset-list button.active{border-color:#c9a227b3;background:#c9a2271f}.list-status{font-size:.78rem;color:var(--muted)}.status-pill{font-size:.75rem;padding:.2rem .5rem;border-radius:999px;border:1px solid transparent}.status-dot{width:.55rem;height:.55rem;border-radius:50%;display:inline-block}.status-normal,.status-pill.status-normal{color:#b7efe6;background:#3db8a82e;border-color:#3db8a859}.status-attention,.status-pill.status-attention{color:#ffb4ab;background:#e5393533;border-color:#e5393573}.status-maintenance,.status-pill.status-maintenance{color:#fff3b0;background:#f0c14a33;border-color:#f0c14a73}.status-dot.status-normal{background:var(--ok)}.status-dot.status-attention{background:#e53935}.status-dot.status-maintenance{background:#f0c14a}.hud-footer{position:absolute;left:1.1rem;bottom:1.1rem;z-index:20;max-width:min(560px,calc(100vw - 2rem));opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .35s ease,transform .35s ease}.hud-footer.is-hidden{opacity:0;transform:translateY(12px);pointer-events:auto}.hud-footer.is-hidden .hint-card{pointer-events:none}.scene-watermark{position:absolute;right:1.1rem;bottom:1.1rem;z-index:22;display:flex;align-items:center;gap:.55rem;margin:0;padding:.4rem .7rem;border-radius:8px;background:#07141a73;border:1px solid rgba(180,214,210,.14);color:#e8f2efc7;font-family:var(--display);font-size:.82rem;font-weight:500;letter-spacing:.06em;user-select:none;backdrop-filter:blur(6px);pointer-events:auto}.scene-watermark-label{pointer-events:none}.scene-watermark-link{border:none;background:transparent;color:var(--accent);font:inherit;font-size:.78rem;letter-spacing:.04em;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:.18em}.scene-watermark-link:hover{color:#7ad4c7}.hint-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:.85rem 1rem;backdrop-filter:blur(10px)}.hint-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.hint-title{margin:0!important;font-size:.78rem!important;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)!important}.hint-pin{padding:.25rem .55rem!important;font-size:.75rem!important;border-radius:8px!important}.hint-pin.active{background:#3db8a838;border-color:#3db8a8b3}.hint-card p{margin:0;font-size:.86rem;line-height:1.55;color:var(--muted)}.status-line{margin-top:.45rem!important;color:var(--text)!important}.gamepad-id{margin-top:.35rem!important;font-size:.75rem!important;color:var(--accent)!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stick-mode-row{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin:.55rem 0;font-size:.82rem;color:var(--muted)}.stick-mode-row button{border:1px solid var(--panel-border);background:#08181ebf;color:var(--text);border-radius:8px;padding:.3rem .55rem;cursor:pointer;font-size:.78rem}.stick-mode-row button.active{background:#3db8a838;border-color:#3db8a8b3}kbd{display:inline-block;padding:.05rem .35rem;border-radius:5px;border:1px solid var(--panel-border);background:#ffffff0d;color:var(--text);font-size:.78rem}.text-btn{margin-left:.6rem;border:none;background:transparent;color:var(--accent);cursor:pointer;text-decoration:underline;padding:0}.loader{position:absolute;inset:0;z-index:60;display:grid;place-items:center;background:radial-gradient(800px 400px at 50% 40%,rgba(61,184,168,.15),transparent 60%),#07141aeb}.loader-card{width:min(420px,calc(100vw - 2rem));text-align:center}.loader-credits{margin-top:1.35rem;padding-top:1rem;border-top:1px solid var(--panel-border);text-align:left}.credits-heading{margin:0 0 .65rem;font-family:var(--display);font-size:.95rem;font-weight:700;letter-spacing:.04em;color:var(--text)}.credits-list{margin:0;display:grid;gap:.45rem}.credits-row{display:grid;grid-template-columns:5.5rem 1fr;gap:.55rem;align-items:baseline}.credits-row dt{margin:0;font-size:.75rem;letter-spacing:.06em;color:var(--muted)}.credits-row dd{margin:0;font-size:.88rem;color:var(--text);line-height:1.45}.credits-panel{position:absolute;top:4.75rem;left:1.25rem;z-index:50;width:min(520px,calc(100vw - 2.5rem));max-height:min(72vh,640px);display:flex;flex-direction:column;padding:.95rem .35rem .95rem 1rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;backdrop-filter:blur(8px);pointer-events:auto}.credits-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;padding-right:.65rem}.credits-panel-header h2{margin:.15rem 0 0;font-family:var(--display);font-size:1.15rem;font-weight:700}.credits-panel-body{overflow-y:auto;padding-right:.65rem;display:grid;gap:1.1rem}.credits-section h3{margin:0 0 .55rem;font-family:var(--display);font-size:.95rem;font-weight:700;letter-spacing:.04em;color:var(--accent)}.credits-section p{margin:0 0 .7rem;font-size:.86rem;line-height:1.65;color:var(--text)}.credits-section p:last-child{margin-bottom:0}.credits-panel--origin{width:min(540px,calc(100vw - 2.5rem))}.credits-panel--team{width:min(380px,calc(100vw - 2.5rem));max-height:none}.credits-panel--copyright{width:min(520px,calc(100vw - 2.5rem))}.credits-section-title{margin:0 0 .35rem;font-family:var(--display);font-size:.95rem;font-weight:600;color:var(--accent)}.credits-contact{margin:.85rem 0 0;padding-top:.75rem;border-top:1px solid var(--panel-border);color:var(--muted);font-size:.9rem}.loader-card h1{margin:.4rem 0 1.2rem;font-family:var(--display);font-size:1.6rem}.progress-track{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2a8c80,#c9a227);transition:width .2s ease}.poi-label{display:flex;flex-direction:column;align-items:center;gap:.18rem;padding:.42rem .7rem;border-radius:10px;background:#08181ee6;border:1px solid rgba(180,214,210,.38);color:#e8f2ef;white-space:nowrap;font-size:.72rem;line-height:1.3;box-shadow:0 8px 22px #00000061;backdrop-filter:blur(4px);transition:opacity .18s ease;opacity:1}.poi-label.is-hidden{opacity:0;pointer-events:none}.poi-label.is-shown{opacity:1}.poi-label strong{font-size:.87rem;font-weight:700;letter-spacing:.02em}.poi-label-meta{font-size:.63rem;color:var(--muted)}.poi-label.active{border-color:#c9a227d9;box-shadow:0 0 0 2px #c9a22759,0 10px 26px #0006;background:#0c2026f0}.poi-label.active strong{font-size:.93rem;color:#f5d76e}.poi-label--attention,.poi-label--maintenance{gap:.2rem;padding:.48rem .75rem;font-size:.75rem;box-shadow:0 8px 22px #00000061}.poi-label--attention strong,.poi-label--maintenance strong{font-size:.93rem}.poi-label--attention .poi-label-meta,.poi-label--maintenance .poi-label-meta{font-size:.65rem}.poi-label--attention{border-color:#e539358c}.poi-label--attention.active{border-color:#e53935d9;box-shadow:0 0 0 2px #e5393559,0 12px 32px #00000061}.poi-label--attention.active strong{font-size:.96rem;color:#ff8a80}.poi-label--maintenance{border-color:#f0c14a8c}.poi-label--maintenance.active{border-color:#f0c14ad9;box-shadow:0 0 0 2px #f0c14a59,0 12px 32px #00000061}.poi-label--maintenance.active strong{font-size:.96rem;color:#ffe082}@media(max-width:720px){.topbar{flex-direction:column}.topbar-actions{justify-content:flex-start}.info-panel{top:auto;bottom:5.5rem;right:.75rem;left:.75rem;width:auto;max-height:min(52vh,calc(100vh - 8rem))}.hud-footer{left:.75rem;right:.75rem;max-width:none}.scene-watermark{right:.75rem;bottom:.75rem;font-size:.75rem}}