@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Syncopate:wght@400;700&display=swap";:root{--bg-color:#3d2e22;--bg-darker:#2b1f16;--bg-glow:#5c4434;--text-primary:#f6efe6;--text-secondary:#cbbaa8;--text-muted:#8e7f72;--accent-color:#f50;--accent-glow:#f506;--cyan-glow:#00f0ff66;--pink-glow:#f076;--font-heading:"Syncopate", sans-serif;--font-body:"Outfit", sans-serif;--font-mono:"Space Mono", monospace;--hud-line:#f6efe61f;--hud-line-active:#ff550073;--glass-bg:#261e18a6;--glass-border:#f6efe62e;--glass-shadow:0 20px 50px 0 #0f0b0873}.app-container.mode-cyberpunk{--bg-color:#0c0f17;--bg-darker:#07090f;--bg-glow:#1a2233;--text-primary:#f0f6fc;--text-secondary:#9aa7be;--text-muted:#57657d;--accent-color:#00f0ff;--accent-glow:#00f0ff73;--hud-line:#00f0ff24;--hud-line-active:#00f0ff66;--glass-bg:#0e1420bf;--glass-border:#00f0ff59;--glass-shadow:0 20px 60px 0 #00f0ff26}.app-container.mode-noir{--bg-color:#141210;--bg-darker:#0c0b0a;--bg-glow:#24201c;--text-primary:#ededed;--text-secondary:#999;--text-muted:#555;--accent-color:#fff;--accent-glow:#ffffff4d;--hud-line:#ffffff14;--hud-line-active:#ffffff40;--glass-bg:#161311bf;--glass-border:#fff3;--glass-shadow:0 20px 50px 0 #0009}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body,html{background-color:var(--bg-color);width:100vw;height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-user-select:none;user-select:none;overflow:hidden}.app-container{background:radial-gradient(circle at 50% 45%, var(--bg-glow) 0%, var(--bg-color) 60%, var(--bg-darker) 100%);width:100vw;height:100vh;transition:background .6s,color .6s;position:relative;overflow:hidden}.bg-grid{background-size:60px 60px;background-image:linear-gradient(to right, var(--hud-line) 1px, transparent 1px), linear-gradient(to bottom, var(--hud-line) 1px, transparent 1px);pointer-events:none;opacity:.55;z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}.bg-dot-grid{background-image:radial-gradient(var(--hud-line-active) 1px, transparent 1px);pointer-events:none;opacity:.35;z-index:1;background-size:30px 30px;width:100vw;height:100vh;position:absolute;top:0;left:0}.bg-vignette{pointer-events:none;z-index:2;background:radial-gradient(circle,#0000 35%,#2319128c 100%);width:100vw;height:100vh;position:absolute;top:0;left:0}.bg-lighting-glow{filter:blur(60px);pointer-events:none;z-index:1;background:radial-gradient(#ff550026 0%,#5c44341f 50%,#0000 80%);border-radius:50%;width:700px;height:500px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.stage-3d-background{z-index:2;width:100vw;height:100vh;position:absolute;top:0;left:0}.hero-stage-container{width:100%;height:100%;position:relative}.three-canvas-container{width:100%;height:100%}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;position:relative;overflow:hidden}.glass-panel:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);height:1px;position:absolute;top:0;left:0;right:0}.hud-container{pointer-events:none;z-index:10;width:100vw;height:100vh;position:absolute;top:0;left:0}.hud-top-bar{pointer-events:auto;justify-content:space-between;align-items:center;display:flex;position:absolute;top:24px;left:32px;right:32px}.hud-brand{font-family:var(--font-heading);letter-spacing:2px;color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.brand-logo{color:var(--accent-color);font-weight:800}.hud-divider{color:var(--text-muted);font-weight:300}.brand-sub{color:var(--text-secondary);font-size:11px}.edition-badge{background:var(--accent-color);color:#fff;font-family:var(--font-mono);letter-spacing:1px;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:700}.hud-view-presets{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:30px;gap:8px;padding:6px 10px;display:flex}.view-preset-btn{color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:10px;font-weight:700;transition:all .25s;display:flex}.view-preset-btn:hover{color:var(--text-primary);background:#ffffff1f}.view-preset-btn.active{color:var(--text-primary);background:#f6efe633;box-shadow:0 4px 12px #0003}.explode-btn.active-explode{box-shadow:0 4px 16px var(--accent-glow);background:var(--accent-color)!important;color:#fff!important}.hud-status{align-items:center;gap:12px;display:flex}.hud-icon-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:10px;font-weight:700;transition:all .25s;display:flex}.hud-icon-btn:hover,.hud-icon-btn.btn-active{border-color:var(--accent-color);color:var(--text-primary);background:#f503}.lighting-toggle-group{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;gap:4px;padding:4px;display:flex}.light-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;padding:4px 8px;font-size:12px;transition:background .2s}.light-btn.active{background:#fff3}.status-indicator{font-family:var(--font-mono);color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:9px;display:flex}.status-dot{background:#2c6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #2c6}.hud-side-left,.hud-side-right{font-family:var(--font-mono);letter-spacing:1px;color:var(--text-muted);opacity:.6;flex-direction:column;gap:10px;font-size:9px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hud-side-left{left:32px}.hud-side-right{align-items:flex-end;right:32px}.hud-vertical-line{background:var(--hud-line);width:1px;height:60px}.hud-bottom-bar{pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:24px;left:32px;right:32px}.hud-terminal{font-family:var(--font-mono);color:var(--text-muted);max-width:320px;font-size:9px;line-height:1.5}.terminal-header{color:var(--accent-color);margin-bottom:4px;font-weight:700}.hud-coordinates{font-family:var(--font-mono);color:var(--text-muted);gap:16px;font-size:9px;display:flex}.bottom-product-spec-card{z-index:15;pointer-events:auto;width:340px;padding:24px;position:absolute;bottom:36px;left:36px}.spec-card-top-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.concept-badge{font-family:var(--font-mono);color:var(--accent-color);letter-spacing:1px;font-size:10px;font-weight:700}.edition-pill{font-family:var(--font-mono);color:var(--text-secondary);background:#ffffff1a;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:8px}.product-number-tag{font-family:var(--font-mono);color:var(--text-muted);font-size:10px}.product-title-3d{font-family:var(--font-heading);letter-spacing:1px;color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:700}.price-and-action-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.product-price-3d{font-family:var(--font-mono);color:var(--text-primary);font-size:18px;font-weight:700}.acquire-button-3d{background:var(--text-primary);color:var(--bg-darker);font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;border:none;border-radius:8px;padding:10px 18px;font-size:10px;font-weight:700;transition:all .25s}.acquire-button-3d:hover{background:var(--accent-color);color:#fff;box-shadow:0 6px 20px var(--accent-glow)}.specs-mini-grid{border-top:1px solid var(--glass-border);grid-template-columns:1fr 1fr;gap:10px;padding-top:14px;display:grid}.spec-mini-cell{flex-direction:column;gap:2px;display:flex}.spec-mini-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.5px;font-size:8px}.spec-mini-val{font-family:var(--font-body);color:var(--text-secondary);font-size:11px;font-weight:600}.spec-card-barcode-row{border-top:1px dashed var(--glass-border);justify-content:space-between;align-items:center;margin-top:16px;padding-top:10px;display:flex}.barcode-graphic{background:repeating-linear-gradient(90deg, var(--text-muted), var(--text-muted) 2px, transparent 2px, transparent 4px);opacity:.6;width:60px;height:12px}.barcode-number{font-family:var(--font-mono);color:var(--text-muted);font-size:8px}.bottom-shoe-selector-dock{z-index:15;pointer-events:auto;border-radius:36px;gap:6px;padding:8px 12px;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.shoe-dock-pill{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:24px;align-items:center;gap:8px;padding:6px 14px;transition:all .25s;display:flex}.shoe-dock-pill:hover{background:#ffffff1a}.shoe-dock-pill.active{background:#f6efe62e;border-color:#f6efe659;box-shadow:0 4px 16px #0000004d}.pill-color-dot{border-radius:50%;width:8px;height:8px}.pill-name{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.5px;font-size:9px;font-weight:700}.shoe-dock-pill.active .pill-name{color:var(--text-primary)}.pill-num{font-family:var(--font-mono);color:var(--text-muted);font-size:8px}.hotspot-trigger{cursor:pointer;z-index:20;pointer-events:auto;background:0 0;border:none;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;transform:translate(-50%,-50%)}.hotspot-beacon-core{background:var(--accent-color);width:8px;height:8px;box-shadow:0 0 10px var(--accent-color);border-radius:50%}.hotspot-ring{border:1px solid var(--accent-color);border-radius:50%;width:18px;height:18px;animation:2s ease-in-out infinite beacon-pulse;position:absolute}@keyframes beacon-pulse{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}.hotspot-label{font-family:var(--font-mono);color:var(--text-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);white-space:nowrap;letter-spacing:.5px;opacity:.85;border-radius:4px;padding:3px 8px;font-size:8px;font-weight:700;position:absolute;left:24px}.hotspots-svg-overlay{pointer-events:none;z-index:18;width:100vw;height:100vh;position:absolute;top:0;left:0}.hotspot-info-card{z-index:25;pointer-events:auto;width:320px;padding:24px;position:absolute;top:80px;right:36px}.info-card-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1;position:absolute;top:14px;right:14px}.info-card-close:hover{color:var(--text-primary)}.info-card-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.info-card-num{font-family:var(--font-mono);color:var(--accent-color);font-size:11px;font-weight:700}.info-card-badge{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.5px;font-size:8px}.info-card-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:.5px;margin-bottom:10px;font-size:14px;font-weight:700}.info-card-text{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:16px;font-size:11px;line-height:1.6}.feature-metrics-grid{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.metric-item{flex-direction:column;gap:4px;display:flex}.metric-name{font-family:var(--font-mono);color:var(--text-muted);font-size:8px}.metric-bar-track{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.metric-bar-fill{background:var(--accent-color);border-radius:2px;height:100%}.info-card-footer{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.spec-verified-tag{font-family:var(--font-mono);color:#2c6;font-size:8px}.info-next-btn{border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:9px;font-weight:700;transition:all .2s}.info-next-btn:hover{background:var(--accent-color);border-color:var(--accent-color)}.packaging-overlay-container{z-index:30;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.packaging-ticket-card{pointer-events:auto;justify-content:space-between;width:520px;padding:32px;display:flex}.ticket-left{flex-direction:column;gap:12px;display:flex}.dispatch-status{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:8px;font-size:9px;display:flex}.dispatch-dot{background:var(--accent-color);width:6px;height:6px;box-shadow:0 0 8px var(--accent-color);border-radius:50%}.ticket-right{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.card-barcode-area{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.unbox-btn{margin-top:16px}.init-screen{z-index:100;background:radial-gradient(circle at 50% 45%,#5c4434 0%,#3d2e22 60%,#2b1f16 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.init-dialog{text-align:center;flex-direction:column;gap:20px;width:480px;padding:36px;display:flex}.init-terminal-text{font-family:var(--font-mono);color:var(--text-secondary);text-align:left;font-size:10px;line-height:1.7}.glitch-text{color:var(--accent-color);font-weight:700}.init-button{background:var(--accent-color);color:#fff;font-family:var(--font-heading);letter-spacing:2px;cursor:pointer;box-shadow:0 8px 30px var(--accent-glow);border:none;border-radius:8px;padding:14px 28px;font-size:12px;font-weight:700;transition:transform .25s,box-shadow .25s}.init-button:hover{box-shadow:0 12px 40px var(--accent-glow);transform:translateY(-2px)}.fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}