:root{--ui-bg-void: #060508;--ui-surface: rgba(20, 16, 30, .96);--ui-surface-deep: rgba(12, 10, 22, .98);--ui-accent: #f59e0b;--ui-accent-bright: #fbbf24;--ui-glow: #22d3ee;--ui-glow-soft: rgba(34, 211, 238, .35);--ui-border: rgba(245, 158, 11, .4);--ui-border-cool: rgba(56, 189, 248, .28);--ui-text: #ece8e3;--ui-text-muted: #9b92a8}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--ui-bg-void);font-family:Segoe UI,Roboto,Oxygen,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.game-container,.hud,.build-menu{user-select:none;-webkit-user-select:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#f59e0b59;border-radius:3px}.hud{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;font-family:Segoe UI,Roboto,sans-serif;color:var(--ui-text, #ece8e3);z-index:10}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(180deg,#0e0c18e0,#0e0c1800)}.hud-time{font-size:18px;font-weight:600;letter-spacing:2px;color:var(--ui-accent-bright, #fbbf24)}.hud-floor{display:flex;align-items:center;gap:8px;font-size:16px;background:#1c162ac7;padding:6px 16px;border-radius:6px;border:1px solid var(--ui-border-cool, rgba(56, 189, 248, .28))}.hud-btn{background:#37281c8c;border:1px solid var(--ui-border, rgba(245, 158, 11, .4));color:#f5e6d3;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .15s}.hud-btn:hover{background:#50371ebf;border-color:#fbbf24bf}.hud-mode{font-size:14px;color:#c9a87a}.hud-bottom{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px}.hud-action-btn{background:#161224e6;border:1px solid var(--ui-border, rgba(245, 158, 11, .38));color:#f0e8dc;padding:12px 24px;border-radius:8px;font-size:15px;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-action-btn:hover{background:#261e34f2;border-color:#fbbf24a6;transform:translateY(-2px);box-shadow:0 4px 24px #f59e0b38,0 0 20px var(--ui-glow-soft, rgba(34, 211, 238, .12))}.hud-action-btn-admin{border-color:#ffb40066;color:#fc8}.hud-action-btn-admin:hover{background:#3c2800e6;border-color:#ffc832b3;box-shadow:0 4px 20px #ffb40040}.hud-action-btn-admin.active{background:#503200e6;border-color:#ffc800cc;color:#fe9;animation:admin-pulse 1.5s ease-in-out infinite}@keyframes admin-pulse{0%,to{box-shadow:0 0 8px #ffb4004d}50%{box-shadow:0 0 18px #ffb400b3}}.hud-action-btn-deconstruct{border-color:#ff646473;color:#faa}.hud-action-btn-deconstruct:hover{border-color:#ff8c78bf;box-shadow:0 4px 20px #ff505040}.hud-action-btn-deconstruct.active{background:#5a1419eb;border-color:#ff6464f2;color:#fcc;animation:deconstruct-btn-pulse 1s ease-in-out infinite}@keyframes deconstruct-btn-pulse{0%,to{box-shadow:0 0 6px #ff505066}50%{box-shadow:0 0 16px #ff7864bf}}.hud-deconstruct-banner{position:absolute;top:52px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:10px 18px;border-radius:8px;background:linear-gradient(90deg,#501419eb,#320f14eb);border:1px solid rgba(255,100,100,.55);box-shadow:0 4px 24px #ff3c3c40;max-width:min(640px,92vw);z-index:11;animation:deconstruct-banner-glow 1.4s ease-in-out infinite}@keyframes deconstruct-banner-glow{0%,to{border-color:#ff646473}50%{border-color:#ffa08cd9}}.hud-deconstruct-banner__icon{width:10px;height:10px;border-radius:50%;background:#f44;box-shadow:0 0 10px #f22;flex-shrink:0;animation:deconstruct-dot .9s ease-in-out infinite}@keyframes deconstruct-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.85)}}.hud-deconstruct-banner__text{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.35;color:#fcc;text-align:left}.hud-deconstruct-banner__text strong{font-size:15px;letter-spacing:.04em;color:#fff}.hud-deconstruct-banner__text span{font-size:12px;color:#ffc8c8d9}.hud-deconstruct-banner__btn{flex-shrink:0;padding:8px 14px;border-radius:6px;border:1px solid rgba(255,150,150,.6);background:#280a0ce6;color:#fdd;font-size:13px;cursor:pointer}.hud-deconstruct-banner__btn:hover{background:#46191ef2;border-color:#ffc8c8cc}.hud-build-info{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#161226eb;border:1px solid rgba(34,211,238,.45);box-shadow:0 0 24px #f59e0b14;padding:10px 20px;border-radius:8px;font-size:14px;text-align:center}.hud-hint{display:block;margin-top:4px;font-size:12px;color:#888}.hud-controls{position:absolute;bottom:20px;right:20px;font-size:11px;color:#b4a8c873;text-align:right;line-height:1.6;pointer-events:none}.deconstruct-hold-overlay{position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.deconstruct-hold-overlay__svg{filter:drop-shadow(0 0 8px rgba(255,60,60,.6))}.deconstruct-hold-overlay__track{stroke:#281414d9}.deconstruct-hold-overlay__fill{stroke:#f55;stroke-linecap:round}.deconstruct-hold-overlay__hint{font-size:11px;font-weight:600;color:#faa;text-shadow:0 0 6px #000,0 1px 2px #000;letter-spacing:.02em;white-space:nowrap}.pattern-ghost-load-overlay{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:150;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:10px}.pattern-ghost-load-overlay__svg{filter:drop-shadow(0 0 10px rgba(80,200,255,.55));animation:pattern-ghost-load-spin 1.1s linear infinite}.pattern-ghost-load-overlay__track{stroke:#14232de6}.pattern-ghost-load-overlay__arc{stroke:#6ec8ff;stroke-linecap:round}@keyframes pattern-ghost-load-spin{to{transform:rotate(360deg)}}.pattern-ghost-load-overlay__hint{font-size:12px;font-weight:600;color:#b8e8ff;text-shadow:0 0 8px #000,0 1px 2px #000;letter-spacing:.03em;white-space:nowrap}.build-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#040308b8;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.build-menu{display:flex;width:85vw;max-width:1200px;height:80vh;max-height:750px;background:var(--ui-surface, rgba(20, 16, 30, .96));border:1px solid var(--ui-border, rgba(245, 158, 11, .42));border-radius:12px;overflow:hidden;box-shadow:0 8px 48px #000000d9,0 0 0 1px #22d3ee0f,0 0 40px #f59e0b0f}.build-menu-categories{width:200px;min-width:200px;background:var(--ui-surface-deep, rgba(12, 10, 22, .98));border-right:1px solid rgba(56,189,248,.15);display:flex;flex-direction:column;padding:16px 0}.build-menu-title{padding:0 20px 16px;font-size:20px;font-weight:700;color:var(--ui-accent-bright, #fbbf24);letter-spacing:1px;border-bottom:1px solid rgba(245,158,11,.2);margin-bottom:8px}.build-menu-cat-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;background:transparent;border:none;color:var(--ui-text-muted, #9b92a8);font-size:14px;cursor:pointer;text-align:left;transition:all .15s}.build-menu-cat-btn:hover{background:#f59e0b14;color:#f5ead8}.build-menu-cat-btn.active{background:#f59e0b24;color:#fff;border-left:3px solid var(--ui-accent, #f59e0b)}.cat-icon{font-size:20px}.cat-name{font-weight:500}.build-menu-list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.build-subcategory{margin-bottom:8px}.subcategory-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#8a7d9a;padding:8px 4px 6px;border-bottom:1px solid rgba(245,158,11,.12);margin-bottom:8px}.subcategory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.subcategory-grid.special-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.build-menu-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;background:#1c182cd1;border:1px solid rgba(56,189,248,.12);border-radius:8px;cursor:pointer;transition:all .15s;color:#b8b0c4;min-height:70px}.build-menu-item:hover{background:#28203aeb;border-color:#fbbf2473;color:#fff;transform:translateY(-1px)}.build-menu-item-special{padding:20px 12px;min-height:100px;gap:10px}.build-menu-item-special .item-icon{font-size:44px}.build-menu-item-special .item-name{font-size:14px;font-weight:600}.item-icon{font-size:28px}.item-icon-preview{width:56px;height:56px;object-fit:contain;image-rendering:auto;border-radius:6px;background:#0a0812a6;padding:4px}.item-name{font-size:11px;text-align:center;line-height:1.3}.build-menu-details{width:280px;min-width:280px;background:#100e1cf0;border-left:1px solid rgba(245,158,11,.2);padding:24px 20px;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.detail-icon{font-size:64px;margin-bottom:16px}.detail-icon-preview{width:128px;height:128px;object-fit:contain;border-radius:10px;background:#0a0812b8;padding:8px;margin-bottom:16px}.build-menu-details h3{font-size:18px;color:#fff;margin:0 0 4px;text-align:center}.detail-name-en{font-size:12px;color:#678;margin:0 0 16px}.detail-desc{font-size:13px;color:#89a;text-align:center;line-height:1.6}.detail-hint{color:#567;font-size:14px;text-align:center;margin-top:100px}.build-menu-list::-webkit-scrollbar{width:6px}.build-menu-list::-webkit-scrollbar-track{background:#0003}.build-menu-list::-webkit-scrollbar-thumb{background:#f59e0b59;border-radius:3px}.build-menu-list::-webkit-scrollbar-thumb:hover{background:#fbbf2480}.build-menu-details::-webkit-scrollbar{width:4px}.build-menu-details::-webkit-scrollbar-track{background:#0003}.build-menu-details::-webkit-scrollbar-thumb{background:#22d3ee47;border-radius:2px}.build-menu-item.has-pattern{border-color:#22d3ee80}.pattern-badge{position:absolute;top:3px;right:3px;background:linear-gradient(135deg,#f59e0beb,#d97706e0);color:#1a1020;font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px;line-height:1.2}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.admin-panel{display:flex;flex-direction:column;width:92vw;max-width:1300px;height:85vh;background:#0a0c1af7;border:1px solid rgba(255,200,50,.35);border-radius:12px;overflow:hidden;box-shadow:0 0 60px #ffb4001f,0 8px 60px #000000d9}.admin-header{display:flex;align-items:center;gap:16px;padding:12px 20px;background:#281e05e6;border-bottom:1px solid rgba(255,180,0,.25);flex-shrink:0}.admin-title{font-size:16px;font-weight:700;color:#fc4;letter-spacing:1px;white-space:nowrap}.admin-builder-hint{flex:1;font-size:12px;color:#8df;text-align:center;padding:4px 12px;background:#0064b433;border:1px solid rgba(0,150,255,.3);border-radius:6px;animation:pulse-hint 2s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:1}50%{opacity:.65}}.admin-close-btn{margin-left:auto;background:transparent;border:1px solid rgba(255,100,80,.4);color:#f87;font-size:18px;width:32px;height:32px;border-radius:6px;cursor:pointer;line-height:1;transition:all .15s}.admin-close-btn:hover{background:#ff503c40;color:#fff}.admin-body{display:flex;flex:1;overflow:hidden}.admin-categories{width:190px;min-width:190px;background:#080a16f2;border-right:1px solid rgba(255,180,0,.12);display:flex;flex-direction:column;padding:10px 0;overflow-y:auto}.admin-cat-btn{padding:10px 14px;background:transparent;border:none;border-left:3px solid transparent;color:#89a;font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:all .12s}.admin-cat-btn:hover{background:#ffb4000f;color:#dc8}.admin-cat-btn.active{background:#ffb4001a;border-left-color:#fc4;color:#fc4}.admin-parts-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;padding:14px;overflow-y:auto;align-content:start}.admin-part-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;background:#141832cc;border:1px solid rgba(56,189,248,.18);border-radius:8px;cursor:pointer;transition:all .13s;color:#abc}.admin-part-item:hover{background:#283264e6;border-color:#ffb40080;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #ffb4001f}.admin-part-img{width:56px;height:56px;object-fit:contain;background:#080a1699;border-radius:6px;padding:4px}.admin-part-composition .admin-part-composition-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#22d3ee1f;border-radius:6px;font-size:28px;padding:4px}.admin-part-label{font-size:10px;text-align:center;line-height:1.3}.admin-composition{width:240px;min-width:240px;background:#080a16f2;border-left:1px solid rgba(255,180,0,.12);padding:18px 16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.admin-comp-title{font-size:14px;font-weight:700;color:#fc4;letter-spacing:1px;padding-bottom:8px;border-bottom:1px solid rgba(255,180,0,.15)}.admin-comp-stat{font-size:14px;color:#abc}.admin-comp-stat strong{color:#fff;font-size:18px}.admin-comp-hint{font-size:11px;color:#678;line-height:1.6}.admin-btn{padding:8px 12px;background:#241e3abf;border:1px solid rgba(56,189,248,.22);border-radius:7px;color:#c8e8f8;font-size:13px;font-weight:600;cursor:pointer;transition:all .13s;text-align:center}.admin-btn:hover:not(:disabled){background:#302848e6;border-color:#f59e0b73;color:#fff}.admin-btn:disabled{opacity:.4;cursor:default}.admin-btn-export{background:linear-gradient(180deg,#b45f148c,#78370ca6);border-color:#fbbf248c;color:#fff4e0;text-shadow:0 1px 2px rgba(0,0,0,.4)}.admin-btn-export:hover:not(:disabled){background:linear-gradient(180deg,#d97706bf,#b45309d9);border-color:#fde047bf;color:#fff}.admin-btn-danger{background:#3c0f0fb3;border-color:#b4323266;color:#f87;margin-top:auto}.admin-btn-danger:hover:not(:disabled){background:#5a1414e6;border-color:#e6505099;color:#fcc}.admin-btn-row{display:flex;gap:8px}.admin-btn-row .admin-btn{flex:1;font-size:12px;padding:6px 8px}.admin-json-area{font-family:Courier New,monospace;font-size:11px;background:#05070fe6;border:1px solid rgba(34,211,238,.2);border-radius:6px;color:#a5e9f5;padding:8px;resize:vertical;min-height:80px;line-height:1.4}.admin-categories::-webkit-scrollbar,.admin-parts-grid::-webkit-scrollbar,.admin-composition::-webkit-scrollbar{width:5px}.admin-categories::-webkit-scrollbar-track,.admin-parts-grid::-webkit-scrollbar-track,.admin-composition::-webkit-scrollbar-track{background:#0003}.admin-categories::-webkit-scrollbar-thumb,.admin-parts-grid::-webkit-scrollbar-thumb,.admin-composition::-webkit-scrollbar-thumb{background:#ffb40040;border-radius:3px}.game-container{width:100vw;height:100vh;position:relative;overflow:hidden;background:var(--ui-bg-void, #060508)}.game-canvas{display:block;width:100%;height:100%;outline:none}.game-container--deconstruct{animation:deconstruct-frame 1.25s ease-in-out infinite}@keyframes deconstruct-frame{0%,to{box-shadow:inset 0 0 0 2px #ff5a5a59}50%{box-shadow:inset 0 0 0 4px #ff78648c}}