:root{--color-bg:#08080a;--color-panel-bg:#0a0a0cdb;--color-panel-bg-strong:#060608f0;--color-border:#c8cdd247;--color-border-strong:#c8cdd280;--color-text:#efe9df;--color-text-dim:#efe9dfa8;--color-blue:#3d7bff;--color-blue-bright:#6b98ff;--color-gold:#f0b35c;--color-gold-bright:#ffc87a;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--font-display:"Avenir Next Condensed", "Helvetica Neue", Impact, system-ui, sans-serif;--font-body:"Avenir Next", "Segoe UI", system-ui, sans-serif;--shadow-panel:0 20px 60px #0009;--glow-blue:0 0 10px #3d7bff80, 0 0 26px #3d7bff40;--glow-gold:0 0 10px #f0b35c80, 0 0 26px #f0b35c40;--ease-standard:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;height:100%;min-height:100dvh;margin:0;overflow:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,p,dl,dd,table,ul{margin:0}ul{padding:0;list-style:none}button,select,input{font:inherit;color:inherit}button{background:0 0}.tabular{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--color-blue-bright);outline-offset:2px;border-radius:var(--radius-sm)}.game-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:fixed;inset:0}.app-root{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.overlay-layer{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0}.overlay-layer>*{pointer-events:auto}.glass-panel{background:var(--color-panel-bg);-webkit-backdrop-filter:blur(18px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);position:relative}.primary-button,.secondary-button,.icon-button,.camera-button,.paint-swatch,.parts-row,.about-nav-item{cursor:pointer;border-radius:var(--radius-sm);font-family:var(--font-body);transition:transform .15s var(--ease-standard), background .15s var(--ease-standard), border-color .15s var(--ease-standard), box-shadow .15s var(--ease-standard);border:1px solid #0000}.primary-button,.secondary-button{min-height:46px}.primary-button{background:linear-gradient(180deg, var(--color-gold-bright), var(--color-gold));color:#241708;letter-spacing:.03em;border-radius:var(--radius-md);box-shadow:var(--glow-gold);padding:14px 28px;font-size:1.02rem;font-weight:700}.primary-button:hover:not(:disabled){filter:brightness(1.08)}.primary-button:active:not(:disabled){transform:scale(.97)}.secondary-button{border-color:var(--color-border);color:var(--color-text);background:#efe9df0d;padding:10px 16px;font-size:.88rem;font-weight:600}.secondary-button:hover:not(:disabled){border-color:var(--color-blue-bright);background:#3d7bff1f}.secondary-button:active:not(:disabled){transform:scale(.97)}.secondary-button[aria-pressed=true]{border-color:var(--color-gold-bright);color:var(--color-gold-bright);box-shadow:var(--glow-gold)}.secondary-button:disabled{opacity:.4;cursor:not-allowed}.icon-button{border-color:var(--color-border);background:#efe9df0d;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;min-width:46px;height:42px;padding:4px 8px;display:inline-flex}.icon-button:hover{border-color:var(--color-blue-bright);background:#3d7bff24}.icon-button:active{transform:scale(.93)}.icon-button[aria-pressed=true]{border-color:var(--color-gold-bright);color:var(--color-gold-bright);box-shadow:var(--glow-gold)}.icon-button-caption{letter-spacing:.05em;text-transform:uppercase;color:inherit;white-space:nowrap;font-size:.6rem}.phone-only{display:none}@media (pointer:coarse){.primary-button,.secondary-button,.icon-button{min-height:44px}.icon-button{min-width:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.legend-list{grid-template-columns:auto 1fr;gap:5px 12px;font-size:.8rem;display:grid}.legend-row{display:contents}.legend-row dt{color:var(--color-text-dim)}.legend-row dd{text-align:right;color:var(--color-text);font-variant-numeric:tabular-nums}@keyframes panel-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toolbar-top{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));z-index:10;animation:drop-in .3s var(--ease-standard);align-items:center;gap:14px;padding:10px 16px;display:flex;position:fixed}.toolbar-title{flex:none}.toolbar-title-mark{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:1.05rem;font-variant-caps:small-caps;font-weight:700}.camera-buttons{flex-wrap:wrap;flex:1;justify-content:center;gap:6px;display:flex}.camera-button{border-color:var(--color-border);color:var(--color-text-dim);white-space:nowrap;background:#efe9df0d;padding:8px 14px;font-size:.8rem;font-weight:600}.camera-button:hover{border-color:var(--color-blue-bright);color:var(--color-text)}.camera-button-active{border-color:var(--color-gold-bright);color:var(--color-gold-bright);box-shadow:var(--glow-gold)}.camera-select{border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text);background:#efe9df0d;padding:8px 10px;display:none}.toolbar-actions{flex:none;gap:6px;display:flex}@keyframes drop-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.toolbar-bottom{left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));z-index:10;animation:rise-in .3s var(--ease-standard);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;display:flex;position:fixed}.paint-swatches{flex:none;align-items:center;gap:8px;display:flex}.paint-swatch{border:2px solid var(--color-border);border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex;position:relative}.paint-swatch:hover{border-color:var(--color-blue-bright)}.paint-swatch-selected{border-color:var(--color-gold-bright);box-shadow:var(--glow-gold)}.paint-swatch-dot{border-radius:50%;position:absolute;inset:2px}.paint-swatch-label{white-space:nowrap;color:var(--color-gold-bright);font-size:.62rem;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.explode-control{flex:1;align-items:center;gap:8px;min-width:160px;display:flex}.explode-control label{color:var(--color-text-dim);white-space:nowrap;font-size:.78rem}.explode-control input[type=range]{accent-color:var(--color-gold);flex:1}.panel-toggles{flex:none;gap:6px;display:flex}.rev-button{border-radius:var(--radius-md);background:linear-gradient(180deg, var(--color-blue-bright), var(--color-blue));color:#06122e;letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--glow-blue);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border:none;flex:none;padding:10px 20px;font-size:.82rem;font-weight:700}.rev-button:active{filter:brightness(1.1)}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.parts-panel{z-index:5;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-top:none;border-bottom:none;border-left:none;border-radius:0;width:300px;padding:84px 14px 116px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.parts-panel-header{display:none}.parts-panel-body{flex-direction:column;gap:14px;display:flex}.parts-group{flex-direction:column;gap:4px;display:flex}.parts-group-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold);padding:8px 8px 2px;font-size:.68rem;font-weight:700}.parts-row{text-align:left;border-radius:var(--radius-sm);color:var(--color-text-dim);background:0 0;padding:8px 10px;font-size:.86rem}.parts-row:hover{border-color:var(--color-blue-bright);color:var(--color-text);background:#3d7bff1a}.parts-row-selected{border-color:var(--color-gold-bright);color:var(--color-gold-bright);background:#f0b35c1a}.info-panel{z-index:5;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-top:none;border-bottom:none;border-right:none;border-radius:0;flex-direction:column;gap:14px;width:340px;padding:84px 18px 116px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.info-panel-header{flex-direction:column;gap:2px;display:flex}.info-panel-group{letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold);font-size:.68rem;font-weight:700}.info-panel-title{font-family:var(--font-display);letter-spacing:.01em;font-size:1.3rem}.info-panel-description{color:var(--color-text-dim);font-size:.86rem;line-height:1.5}.specs-table{border-collapse:collapse;width:100%;font-size:.82rem}.specs-table td{vertical-align:top;border-bottom:1px dashed #c8cdd229;padding:5px 0}.specs-label{color:var(--color-text-dim);padding-right:10px}.specs-value{text-align:right;color:var(--color-text);white-space:nowrap}.info-panel-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.info-panel-hint{flex-direction:column;gap:12px;display:flex}.hint-list{flex-direction:column;gap:6px;display:flex}.hint-list li{color:var(--color-text-dim);padding-left:16px;font-size:.84rem;line-height:1.4;position:relative}.hint-list li:before{content:"—";color:var(--color-blue-bright);position:absolute;left:0}.hover-chip{z-index:8;pointer-events:none;border-radius:var(--radius-sm);background:var(--color-panel-bg-strong);border:1px solid var(--color-blue-bright);color:var(--color-text);white-space:nowrap;box-shadow:var(--glow-blue);padding:6px 12px;font-size:.8rem;font-weight:600;position:fixed}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .25s var(--ease-standard);background:#040406b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.about-panel{width:min(880px,100%);max-height:min(720px,100%);animation:card-in .3s var(--ease-standard);flex-direction:column;padding:0;display:flex;overflow:hidden}.about-header{border-bottom:1px solid var(--color-border);flex:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 26px;display:flex}.about-title{font-family:var(--font-display);letter-spacing:.02em;font-size:1.4rem}.about-subtitle{color:var(--color-text-dim);margin-top:2px;font-size:.86rem;font-style:italic}.about-close{font-size:1.3rem;line-height:1}.about-body{flex:1;min-height:0;display:flex}.about-nav{border-right:1px solid var(--color-border);flex-direction:column;flex:none;gap:2px;width:220px;padding:16px 10px;display:flex;overflow-y:auto}.about-nav-item{text-align:left;border-radius:var(--radius-sm);color:var(--color-text-dim);background:0 0;padding:10px 12px;font-size:.86rem}.about-nav-item:hover{border-color:var(--color-blue-bright);color:var(--color-text)}.about-nav-item-active{border-color:var(--color-gold-bright);color:var(--color-gold-bright);background:#f0b35c1a}.about-content{flex-direction:column;flex:1;gap:14px;min-width:0;padding:22px 26px;display:flex;overflow-y:auto}.about-content-title{font-family:var(--font-display);letter-spacing:.01em;color:var(--color-gold-bright);font-size:1.15rem}.about-paragraph{color:var(--color-text-dim);font-size:.9rem;line-height:1.6}.about-credits{margin-top:1rem;font-size:.8rem}.about-credits a{color:inherit;text-underline-offset:2px;text-decoration:underline}.about-table{margin-top:4px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=720px){.camera-buttons{display:none}.camera-select{flex:1;min-width:0;display:block}.toolbar-top{flex-wrap:wrap}.toolbar-bottom{flex-direction:column;align-items:stretch;gap:10px}.paint-swatches{flex-wrap:wrap;justify-content:center}.panel-toggles{justify-content:center}.phone-only{display:inline-flex}.parts-panel-header{justify-content:space-between;align-items:center;display:flex}.parts-panel,.info-panel{width:auto;max-height:60vh;padding:16px 16px max(16px, env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--color-border);transition:transform .25s var(--ease-standard);border-bottom:none;inset:auto 0 0;transform:translateY(100%)}.parts-panel-open,.info-panel{transform:translateY(0)}.info-panel-empty{transform:translateY(100%)}.parts-panel-open,.info-panel:not(.info-panel-empty){z-index:12;background:#0c0c0ff5}.about-body{flex-direction:column}.about-nav{border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;gap:6px;width:auto;padding:12px 12px 10px;overflow:auto hidden}.about-nav-item{white-space:nowrap;padding:8px 12px}.about-content{padding:18px 18px 22px}}@media (width<=380px){.toolbar-title-mark{font-size:.9rem}.icon-button-caption{display:none}.icon-button{min-width:40px}}