:root{--hud-accent-rgb:84 224 199;--hud-gold-rgb:245 197 66;--hud-text-rgb:230 232 238;--hud-surface-rgb:17 21 31;--hud-sheet-rgb:14 20 28;--hud-danger-rgb:255 0 0;--hud-danger-soft-rgb:255 107 107;--hud-accent:rgb(var(--hud-accent-rgb));--hud-accent-text:#eafff9;--hud-accent-surface:#0f1f25f0;--hud-accent-glow:0 0 18px rgb(var(--hud-accent-rgb) / .2);--hud-gold:rgb(var(--hud-gold-rgb));--hud-text:rgb(var(--hud-text-rgb));--hud-text-muted:#8b93a7;--hud-border:#26304a;--hud-surface:rgb(var(--hud-surface-rgb) / .82);--hud-surface-solid:rgb(var(--hud-surface-rgb) / .88);--hud-sheet-surface:rgb(var(--hud-sheet-rgb) / .96);--hud-danger:#ff2f2f;--hud-danger-soft:rgb(var(--hud-danger-soft-rgb));--hud-danger-text:#ffe7e7;--hud-warn:#ffb347;--hud-warn-text:#ffdfae;--hud-reserve-tick:rgb(var(--hud-text-rgb) / .85);--mine-hotbar-clear:calc(68px + env(safe-area-inset-bottom));--mine-sheet-bottom:calc(84px + env(safe-area-inset-bottom))}*{box-sizing:border-box}html,body{color:var(--hud-text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#0b0e14;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}input,textarea{-webkit-user-select:text;user-select:text}button,a{touch-action:manipulation}button{transition:filter .12s,background-color .14s,border-color .14s,box-shadow .14s}button:not(:disabled):active{filter:brightness(.84)}button:focus-visible{outline:2px solid var(--hud-accent);outline-offset:2px}.workshop-tabs button,.carousel-arrow,.inspector-actions button,.workshop-header-menu button{transition:transform 90ms,filter .12s,background-color .14s,border-color .14s,box-shadow .14s}.workshop-tabs button:not(:disabled):active,.carousel-arrow:not(:disabled):active,.inspector-actions button:not(:disabled):active,.workshop-header-menu button:not(:disabled):active{filter:brightness(.92);transform:translateY(1px)scale(.97)}.app-error-screen{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));background:radial-gradient(circle at 52% 22%, rgb(var(--hud-accent-rgb) / .16), transparent 28%), linear-gradient(180deg, #0b0e14 0%, #121520 54%, #17120d 100%);place-items:center;display:grid}.app-error-panel{color:#eef2f7;text-align:center;border:1px solid rgb(var(--hud-accent-rgb) / .44);background:#0a0e17db;border-radius:8px;justify-items:center;gap:18px;width:min(420px,100%);padding:24px;display:grid;box-shadow:0 24px 64px #00000070}.app-error-mark{color:#121520;background:var(--hud-gold);width:54px;height:54px;box-shadow:0 0 24px rgb(var(--hud-gold-rgb) / .28);border:2px solid #ffe28a;border-radius:50%;place-items:center;font-size:32px;font-weight:900;line-height:1;display:grid}.app-error-copy{gap:8px;display:grid}.app-error-copy h1,.app-error-copy p{margin:0}.app-error-kicker{color:var(--hud-accent);text-transform:uppercase;font-size:13px;font-weight:800}.app-error-copy h1{color:#fff;font-size:clamp(26px,6vw,40px);line-height:1.05}.app-error-copy p{color:#c8d0dd;font-size:16px;line-height:1.45}.app-error-copy .app-error-code{color:#8fe9f2;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.app-error-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.app-error-actions button{color:#07110f;background:var(--hud-accent);cursor:pointer;border:1px solid #8ff4e4;border-radius:8px;min-width:112px;min-height:44px;padding:10px 16px;font-size:15px;font-weight:800}.app-error-actions .app-error-action-secondary{color:#eef2f7;border-color:rgb(var(--hud-text-rgb) / .24);background:#ffffff14}.workshop-stage{width:100%;height:100dvh;position:relative}.workshop-header{z-index:11;background:rgb(var(--hud-surface-rgb) / .92);border:1px solid var(--hud-border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;top:14px;left:170px;right:20px}.workshop-header-title{font-size:.9rem;font-weight:600}.workshop-header-menu{margin-left:auto;position:relative}.workshop-header-menu-button{color:#cdd4e4;cursor:pointer;background:0 0;border:1px solid #344061;border-radius:8px;padding:4px 12px;font-size:.82rem;font-weight:600}.workshop-header-menu-panel{z-index:19;background:rgb(var(--hud-surface-rgb) / .98);border:1px solid #344061;border-radius:10px;flex-direction:column;gap:6px;width:220px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000080}.workshop-header-menu-row{gap:6px;display:flex}.workshop-header-menu-row button{background:var(--hud-border);color:var(--hud-text);cursor:pointer;border:1px solid #344061;border-radius:6px;flex:1;padding:6px 10px;font-size:.85rem}.workshop-fight-action{background:var(--hud-accent);color:#0b0e14;cursor:pointer;border:1px solid #344061;border-radius:6px;width:100%;padding:8px 10px;font-size:.9rem;font-weight:600}.workshop-fight-rival{background:#7aa8ff}.workshop-header-menu-row button:disabled,.workshop-fight-action:disabled{color:#5a6378;cursor:not-allowed;background:#161b28}.workshop-sheet{z-index:12;max-width:560px;padding:0 12px calc(8px + env(safe-area-inset-bottom));border:1px solid var(--hud-border);background:#0d111af7;border-bottom:none;border-radius:16px 16px 0 0;flex-direction:column;margin:0 auto;transition:transform .2s;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000080}.workshop-sheet-drag{touch-action:none;cursor:grab}.workshop-sheet-drag button{touch-action:none}.workshop-sheet-handle{cursor:grab;touch-action:none;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;width:100%;padding:8px 0 6px;display:flex}.workshop-sheet-grip{background:#4a5578;border-radius:2px;width:40px;height:4px}.workshop-sheet-loading{justify-content:center;align-items:center;min-height:120px;padding:20px;display:flex}.workshop-spinner{border:3px solid var(--hud-border);border-top-color:var(--hud-accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite workshop-spin}@keyframes workshop-spin{to{transform:rotate(360deg)}}.workshop-sheet-hint{letter-spacing:.02em;color:var(--hud-text-muted);font-size:.68rem;font-weight:600}.workshop-tabs{gap:4px;padding:2px;display:flex}.workshop-tabs button{color:#aeb6c8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;padding:8px 6px;font-size:.85rem}.workshop-tabs button.workshop-tab-active{background:var(--hud-border);color:var(--hud-text);border-color:#344061}.workshop-build-panels{flex-direction:column;gap:12px;max-height:30dvh;padding:8px 2px;transition:max-height .22s,opacity .16s,padding .22s;display:flex;overflow-y:auto}.workshop-sheet-collapsed .workshop-build-panels{opacity:0;pointer-events:none;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.workshop-sheet-dragging .workshop-build-panels{opacity:1;pointer-events:auto;padding:8px 2px;overflow:hidden}.workshop-inspector{z-index:13;background:rgb(var(--hud-surface-rgb) / .95);border:1px solid #344061;border-radius:12px;flex-direction:column;gap:10px;min-width:248px;max-width:340px;padding:12px 14px;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000073}.inspector-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.inspector-name{font-size:.95rem;font-weight:600}.inspector-level{opacity:.85;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.inspector-pips{gap:3px;display:inline-flex}.inspector-pip{background:#2b3450;border:1px solid #3d496b;border-radius:50%;width:8px;height:8px}.inspector-pip-on{background:#ffe08a;border-color:#ffe08a;box-shadow:0 0 6px #ffe08ab3}.inspector-durability{background:#1b2233;border-radius:8px;height:15px;position:relative;overflow:hidden}.inspector-durability-fill{background:linear-gradient(90deg, var(--hud-accent), #7aa8ff);height:100%;position:absolute;inset:0 auto 0 0}.inspector-durability-text{color:#0b0e14;text-align:center;font-size:.7rem;font-weight:600;line-height:15px;display:block;position:relative}.inspector-actions{gap:8px;display:flex}.inspector-actions button{flex:1;padding:6px 8px}.part-remove-handle{z-index:14;color:#fff;cursor:pointer;background:#c2373a;border:1px solid #ff8f8f;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:.9rem;line-height:1;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000080}.part-remove-handle:active{background:#a82c2f}.carousel-arrow{background:var(--hud-border);width:40px;height:40px;color:var(--hud-text);cursor:pointer;border:1px solid #344061;border-radius:8px;flex:none;font-size:1rem;line-height:1}.carousel-arrow:hover{background:#303c5c}.chassis-option{color:#aeb6c8;cursor:pointer;background:#1a2133;border:1px solid #2b3550;border-radius:7px;flex:1;padding:8px 6px;font-size:.82rem;font-weight:600;transition:transform 90ms,filter .12s,background-color .14s,border-color .14s}.chassis-option:not(:disabled):active{filter:brightness(.92);transform:translateY(1px)scale(.97)}.chassis-option.chassis-active{color:#0b0e14;background:var(--hud-accent);border-color:#8ff4e4}.mirror-toggle{color:#aeb6c8;cursor:pointer;background:#1a2133;border:1px solid #2b3550;border-radius:7px;width:100%;margin-top:8px;padding:8px 10px;font-size:.82rem;font-weight:600;transition:transform 90ms,filter .12s,background-color .14s,border-color .14s}.mirror-toggle:not(:disabled):active{filter:brightness(.92);transform:translateY(1px)scale(.98)}.mirror-toggle.mirror-active{color:#0b0e14;background:#7aa8ff;border-color:#a9c6ff}.blueprint-option{text-align:left;color:var(--hud-text);cursor:pointer;background:#1a2133;border:1px solid #2b3550;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;transition:transform 90ms,filter .12s,border-color .14s;display:flex}.blueprint-option:not(:disabled):active{filter:brightness(.92);transform:translateY(1px)scale(.99)}.blueprint-option:hover{border-color:#3d496b}.blueprint-label{font-size:.9rem;font-weight:600}.blueprint-blurb{opacity:.7;font-size:.72rem}.carousel-overlay{z-index:11;pointer-events:none;position:absolute;inset:0}.carousel-overlay-name{pointer-events:none;background:rgb(var(--hud-surface-rgb) / .72);border:1px solid var(--hud-border);white-space:nowrap;border-radius:999px;padding:4px 14px;font-size:1rem;font-weight:600;transition:top .2s;position:absolute;top:60%;left:50%;transform:translate(-50%)}.carousel-overlay-arrows{justify-content:space-between;padding:0 28px;transition:top .2s;display:flex;position:absolute;top:68%;left:0;right:0}.carousel-overlay-raised .carousel-overlay-name{top:54%}.carousel-overlay-raised .carousel-overlay-arrows{top:62%}.carousel-overlay-lifted .carousel-overlay-name{top:40%}.carousel-overlay-lifted .carousel-overlay-arrows{top:48%}.carousel-overlay-arrows .carousel-arrow{pointer-events:auto}.inspector-count{font-size:.85rem;font-weight:600}.inspector-stats{opacity:.75;margin:0;font-size:.78rem}@keyframes count-consumed{0%{transform:scale(1)}30%{color:#ffe08a;transform:scale(1.55)}to{transform:scale(1)}}.count-consumed{animation:.6s ease-out count-consumed}@media (max-width:700px) and (orientation:portrait){.workshop-header{position:fixed;top:60px;left:12px;right:12px}.workshop-inspector{min-width:0;max-width:none;left:12px;right:12px;transform:none}}