* { margin:0; padding:0; box-sizing:border-box; }
body { overflow:hidden; background:#1A1A1A; font-family:'Share Tech Mono',monospace; color:#E8D5B7; user-select:none; cursor:default; }
#game-container { width:100vw; height:100vh; position:relative; }
#scene-container { width:100%; height:100%; position:absolute; top:0; left:0; }
#scene-container canvas { display:block; }
#ui-layer { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:10; }
#ui-layer > * { pointer-events:auto; }

/* PANEL */
.panel { background:linear-gradient(145deg,#3a3a3a 0%,#2a2a2a 50%,#222 100%); border:2px solid #555; border-radius:4px; position:relative; box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 4px 20px rgba(0,0,0,0.6),0 0 0 1px #111; }
.panel::before { content:''; position:absolute; top:0;left:0;right:0;bottom:0; background:radial-gradient(circle at 8px 8px,#666 2px,transparent 2px),radial-gradient(circle at calc(100% - 8px) 8px,#666 2px,transparent 2px),radial-gradient(circle at 8px calc(100% - 8px),#666 2px,transparent 2px),radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),#666 2px,transparent 2px); pointer-events:none; z-index:1; }
.panel-inner { position:relative; z-index:2; }
.stencil { font-family:'Black Ops One',cursive; text-transform:uppercase; letter-spacing:2px; }
.mono { font-family:'Share Tech Mono',monospace; }

/* BUTTON */
.btn-metal { font-family:'Black Ops One',cursive; text-transform:uppercase; letter-spacing:3px; font-size:16px; color:#E8D5B7; background:linear-gradient(180deg,#4a4a4a 0%,#333 40%,#2a2a2a 100%); border:2px solid #555; border-bottom-color:#222; border-right-color:#222; padding:14px 40px; cursor:pointer; position:relative; text-shadow:0 1px 2px rgba(0,0,0,0.8); box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 2px 8px rgba(0,0,0,0.4); transition:all 0.15s; min-width:280px; text-align:center; outline:none; }
.btn-metal:hover { background:linear-gradient(180deg,#555 0%,#3d3d3d 40%,#333 100%); color:#D4A017; border-color:#D4A017; box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 0 15px rgba(212,160,23,0.3),0 2px 8px rgba(0,0,0,0.4); transform:scale(1.02); }
.btn-metal:active { transform:scale(0.98); box-shadow:inset 0 2px 4px rgba(0,0,0,0.5); }
.btn-metal::before,.btn-metal::after { content:''; position:absolute; width:6px; height:6px; background:radial-gradient(circle,#777 30%,#444 70%); border-radius:50%; border:1px solid #333; }
.btn-metal::before { top:6px; left:6px; }
.btn-metal::after { top:6px; right:6px; }
.btn-metal.btn-sm { min-width:120px; font-size:12px; padding:8px 16px; letter-spacing:1px; }
.btn-metal:disabled { opacity:0.5; cursor:not-allowed; }

/* MAIN MENU */
#main-menu { position:absolute; top:0;left:0;width:100%;height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:radial-gradient(ellipse at center,rgba(30,30,30,0.7) 0%,rgba(10,10,10,0.9) 100%); z-index:100; }
.menu-title { font-family:'Black Ops One',cursive; font-size:72px; letter-spacing:8px; color:#E8D5B7; text-shadow:0 0 20px rgba(212,160,23,0.4),0 2px 4px rgba(0,0,0,0.8); margin-bottom:4px; animation:titleSheen 4s ease-in-out infinite; }
@keyframes titleSheen { 0%,100%{text-shadow:0 0 20px rgba(212,160,23,0.3),0 2px 4px rgba(0,0,0,0.8);} 50%{text-shadow:0 0 40px rgba(212,160,23,0.6),0 2px 4px rgba(0,0,0,0.8),0 0 80px rgba(212,160,23,0.2);} }
.menu-subtitle { font-family:'Share Tech Mono',monospace; font-size:16px; color:#8a7a5a; letter-spacing:12px; margin-bottom:50px; text-transform:uppercase; }
.menu-gear { display:inline-block; animation:spin 8s linear infinite; margin-left:10px; font-size:28px; vertical-align:middle; }
@keyframes spin { from{transform:rotate(0deg);} to{transform:rotate(360deg);} }
.menu-buttons { display:flex; flex-direction:column; gap:10px; align-items:center; }

/* STEEL COUNTER */
.steel-counter { position:absolute; top:15px; right:15px; display:flex; align-items:center; gap:8px; padding:8px 16px; background:linear-gradient(180deg,#3a3a3a,#2a2a2a); border:2px solid #555; border-radius:3px; z-index:200; box-shadow:0 2px 10px rgba(0,0,0,0.5); }
.steel-icon { width:24px; height:24px; background:linear-gradient(135deg,#888 0%,#666 50%,#555 100%); border:1px solid #999; transform:rotate(45deg) scale(0.7); box-shadow:0 0 6px rgba(212,160,23,0.3); }
.steel-amount { font-family:'Share Tech Mono',monospace; font-size:20px; color:#D4A017; text-shadow:0 0 8px rgba(212,160,23,0.3); min-width:60px; text-align:right; }

/* OVERLAY */
.overlay { position:absolute; top:0;left:0;width:100%;height:100%; background:rgba(10,10,10,0.85); display:flex; align-items:center; justify-content:center; z-index:150; animation:fadeIn 0.2s ease; }
@keyframes fadeIn { from{opacity:0;} to{opacity:1;} }
.overlay-panel { width:85%; max-width:1000px; max-height:80vh; overflow-y:auto; padding:30px; }
.overlay-panel::-webkit-scrollbar { width:8px; }
.overlay-panel::-webkit-scrollbar-track { background:#1a1a1a; }
.overlay-panel::-webkit-scrollbar-thumb { background:#555; border-radius:4px; }
.overlay-title { font-family:'Black Ops One',cursive; font-size:28px; color:#D4A017; letter-spacing:4px; text-align:center; margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid #444; }
.close-btn { position:absolute; top:12px; right:16px; font-size:24px; color:#C0392B; cursor:pointer; background:none; border:none; font-family:'Share Tech Mono',monospace; z-index:10; transition:color 0.2s; }
.close-btn:hover { color:#e74c3c; text-shadow:0 0 10px rgba(231,76,60,0.5); }

/* INVENTORY GRID */
.inv-grid { display:grid; grid-template-columns:repeat(8,1fr); gap:4px; margin-top:10px; }
.inv-slot { aspect-ratio:1; background:linear-gradient(145deg,#2a2a2a,#222); border:1px solid #444; border-radius:2px; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; cursor:pointer; transition:all 0.15s; min-height:55px; }
.inv-slot:hover { border-color:#D4A017; box-shadow:0 0 8px rgba(212,160,23,0.3); }
.inv-slot.has-item { background:linear-gradient(145deg,#333,#2a2a2a); }
.inv-slot .slot-icon { font-size:22px; }
.inv-slot .slot-qty { position:absolute; bottom:2px; right:4px; font-size:10px; color:#aaa; }
.inv-slot .slot-tier { position:absolute; top:1px; left:3px; font-size:9px; color:#D4A017; }
.inv-actions { margin-top:15px; display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }

/* CATEGORY TABS */
.cat-tabs { display:flex; gap:4px; flex-wrap:wrap; margin-bottom:12px; }
.cat-tab { padding:6px 14px; font-family:'Share Tech Mono',monospace; font-size:11px; text-transform:uppercase; letter-spacing:1px; background:#2a2a2a; border:1px solid #444; color:#888; cursor:pointer; transition:all 0.15s; }
.cat-tab:hover,.cat-tab.active { color:#D4A017; border-color:#D4A017; background:#333; }

/* SHOP */
.shop-layout { display:grid; grid-template-columns:180px 1fr 260px; gap:15px; min-height:400px; }
.shop-cats { display:flex; flex-direction:column; gap:4px; }
.shop-cat-btn { padding:8px 12px; font-family:'Share Tech Mono',monospace; font-size:12px; text-transform:uppercase; background:#2a2a2a; border:1px solid #444; border-left:3px solid transparent; color:#888; cursor:pointer; text-align:left; transition:all 0.15s; }
.shop-cat-btn:hover,.shop-cat-btn.active { color:#D4A017; border-left-color:#D4A017; background:#333; }
.shop-items { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:8px; align-content:start; }
.shop-item-card { background:linear-gradient(145deg,#3a3530,#2d2820); border:1px solid #555; border-radius:3px; padding:10px; text-align:center; cursor:pointer; transition:all 0.15s; position:relative; }
.shop-item-card:hover { border-color:#D4A017; box-shadow:0 0 10px rgba(212,160,23,0.2); }
.shop-item-card.selected { border-color:#D4A017; box-shadow:0 0 15px rgba(212,160,23,0.3); }
.shop-item-card .item-icon { font-size:32px; margin-bottom:6px; }
.shop-item-card .item-name { font-size:11px; color:#E8D5B7; margin-bottom:4px; }
.shop-item-card .item-price { font-size:12px; color:#D4A017; }
.shop-item-card .item-owned { font-size:10px; color:#888; margin-top:2px; }
.shop-detail { background:#222; border:1px solid #444; border-radius:3px; padding:15px; display:flex; flex-direction:column; gap:8px; }
.shop-detail .detail-icon { font-size:56px; text-align:center; }
.shop-detail .detail-name { font-family:'Black Ops One',cursive; font-size:16px; color:#D4A017; text-align:center; }
.shop-detail .detail-tier-badge { text-align:center; font-size:11px; color:#888; letter-spacing:2px; border:1px solid #555; display:inline-block; padding:2px 8px; margin:0 auto; }
.shop-detail .detail-desc { font-size:12px; color:#999; line-height:1.5; }
.shop-detail .detail-stats { font-size:11px; color:#aaa; }
.shop-detail .detail-stats div { display:flex; justify-content:space-between; padding:3px 0; border-bottom:1px solid #333; }
.shop-detail .detail-asset-path { word-break:break-all; }
.shop-buy-row,.shop-sell-row { display:flex; gap:4px; }
.btn-buy { flex:1; background:linear-gradient(180deg,#4A5A3C,#3a4a2c); border:2px solid #6a7a5c; color:#E8D5B7; padding:8px; font-family:'Black Ops One',cursive; font-size:12px; letter-spacing:1px; cursor:pointer; transition:all 0.15s; }
.btn-buy:hover { background:linear-gradient(180deg,#5a6a4c,#4a5a3c); box-shadow:0 0 10px rgba(106,122,92,0.4); }
.btn-buy-multi { flex:0.5; font-size:11px; background:linear-gradient(180deg,#3a4a2c,#2a3a1c); }
.btn-sell { flex:1; background:linear-gradient(180deg,#5a3a2a,#4a2a1a); border:2px solid #8B4513; color:#E8D5B7; padding:8px; font-family:'Black Ops One',cursive; font-size:12px; letter-spacing:1px; cursor:pointer; transition:all 0.15s; }
.btn-sell:hover { background:linear-gradient(180deg,#6a4a3a,#5a3a2a); }
.btn-sell-multi { flex:0.5; font-size:11px; }

/* TIER SELECTOR */
.tier-selector { display:flex; gap:3px; justify-content:center; }
.tier-btn { width:28px; height:28px; background:#2a2a2a; border:1px solid #555; color:#888; font-size:10px; font-family:'Share Tech Mono',monospace; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.15s; }
.tier-btn:hover,.tier-btn.active { color:#D4A017; border-color:#D4A017; background:#333; }

/* HOTBAR */
.hotbar { position:absolute; bottom:15px; left:50%; transform:translateX(-50%); display:flex; gap:4px; padding:6px; background:rgba(30,30,30,0.9); border:2px solid #555; border-radius:4px; z-index:120; }
.hotbar-slot { width:52px; height:52px; background:linear-gradient(145deg,#2a2a2a,#222); border:2px solid #444; border-radius:3px; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; cursor:pointer; transition:all 0.1s; }
.hotbar-slot.selected { border-color:#D4A017; box-shadow:0 0 12px rgba(212,160,23,0.4); }
.hotbar-slot.tool-slot { border-bottom:2px solid #4A5A3C; }
.hotbar-slot.tool-slot.selected { border-color:#D4A017; }
.hotbar-slot .slot-key { position:absolute; top:1px; left:3px; font-size:9px; color:#666; }
.hotbar-slot .slot-icon { font-size:20px; }
.hotbar-slot .slot-qty { position:absolute; bottom:1px; right:3px; font-size:9px; color:#aaa; }
.hotbar-slot .slot-tool-mark { position:absolute; bottom:1px; left:3px; font-size:8px; color:#4A5A3C; }
.hotbar-slot.active-control { border-color:#44ff44; box-shadow:0 0 10px rgba(68,255,68,0.3); }
.vehicle-hotbar { border-color:#44aaff; }

/* TOOL INDICATOR */
.tool-indicator { position:absolute; top:15px; left:15px; padding:8px 14px; background:rgba(30,30,30,0.9); border:1px solid #555; border-radius:3px; display:flex; align-items:center; gap:8px; z-index:120; }
.tool-indicator .tool-icon { font-size:20px; }
.tool-indicator .tool-name { font-size:13px; color:#D4A017; }
.tool-indicator .tool-mode { font-size:10px; color:#888; }

/* PAINT */
.paint-indicator { position:absolute; top:55px; left:15px; padding:6px 12px; background:rgba(30,30,30,0.9); border:1px solid #555; border-radius:3px; display:flex; align-items:center; gap:8px; z-index:120; font-size:12px; color:#aaa; }
.paint-swatch { width:18px; height:18px; border:2px solid #888; border-radius:2px; }
.paint-palette { position:absolute; top:85px; left:15px; padding:8px; background:rgba(30,30,30,0.95); border:2px solid #D4A017; border-radius:4px; display:grid; grid-template-columns:repeat(4,1fr); gap:4px; z-index:130; }
.palette-swatch { width:32px; height:32px; border:2px solid #555; border-radius:2px; cursor:pointer; transition:all 0.15s; }
.palette-swatch:hover { border-color:#E8D5B7; transform:scale(1.1); }
.palette-swatch.active { border-color:#D4A017; box-shadow:0 0 8px rgba(212,160,23,0.5); }

/* CONNECTION */
.connect-indicator { position:absolute; top:55px; left:15px; padding:6px 12px; background:rgba(30,30,30,0.9); border:1px solid #555; border-radius:3px; display:flex; align-items:center; gap:8px; z-index:120; font-size:12px; color:#aaa; }
.connect-dot { width:14px; height:14px; border-radius:50%; border:2px solid #888; box-shadow:0 0 6px currentColor; }

/* CROSSHAIR */
.crosshair { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none; z-index:110; }
.crosshair-line { position:absolute; background:rgba(232,213,183,0.6); }
.crosshair-line.h { width:20px; height:1px; top:50%; left:50%; transform:translate(-50%,-50%); }
.crosshair-line.v { width:1px; height:20px; top:50%; left:50%; transform:translate(-50%,-50%); }
.crosshair-bracket { position:absolute; width:6px; height:6px; border-color:rgba(232,213,183,0.8); border-style:solid; }
.crosshair-bracket.tl { top:-12px; left:-12px; border-width:1px 0 0 1px; }
.crosshair-bracket.tr { top:-12px; right:-12px; border-width:1px 1px 0 0; }
.crosshair-bracket.bl { bottom:-12px; left:-12px; border-width:0 0 1px 1px; }
.crosshair-bracket.br { bottom:-12px; right:-12px; border-width:0 1px 1px 0; }

/* CONTEXT PROMPT */
.context-prompt { position:absolute; bottom:85px; left:50%; transform:translateX(-50%); font-family:'Share Tech Mono',monospace; font-size:11px; color:rgba(232,213,183,0.5); letter-spacing:1px; text-transform:uppercase; text-align:center; z-index:115; text-shadow:0 1px 3px rgba(0,0,0,0.8); max-width:90%; }

/* RESOURCE BAR */
.resource-bar { position:absolute; top:55px; right:15px; display:flex; flex-direction:column; gap:4px; z-index:120; }
.resource-item { display:flex; align-items:center; gap:6px; padding:4px 10px; background:rgba(30,30,30,0.85); border:1px solid #444; border-radius:2px; font-size:12px; color:#aaa; }
.resource-item .res-label { color:#888; font-size:10px; text-transform:uppercase; letter-spacing:1px; }
.resource-item .res-val { color:#D4A017; font-size:14px; }
.resource-item .res-val.over-limit { color:#C0392B; text-shadow:0 0 6px rgba(192,57,43,0.5); }

/* MASS WARNING */
.mass-warning { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(192,57,43,0.15); border:2px solid #C0392B; padding:12px 24px; font-family:'Black Ops One',cursive; font-size:14px; color:#C0392B; letter-spacing:2px; text-align:center; z-index:125; animation:massPulse 1s ease-in-out infinite; pointer-events:none; }
@keyframes massPulse { 0%,100%{opacity:0.8;} 50%{opacity:1;} }

/* SEATED INDICATOR */
.seated-indicator { position:absolute; top:15px; left:50%; transform:translateX(-50%); padding:8px 20px; background:rgba(68,170,255,0.15); border:1px solid #44aaff; border-radius:3px; font-family:'Black Ops One',cursive; font-size:14px; color:#44aaff; letter-spacing:2px; z-index:120; }

/* MINIMAP */
.minimap { position:absolute; top:250px; right:15px; width:100px; height:100px; border-radius:50%; border:3px solid #555; background:rgba(20,20,20,0.9); overflow:hidden; z-index:120; box-shadow:inset 0 0 20px rgba(0,0,0,0.5); }
.minimap-dot { position:absolute; width:6px; height:6px; background:#D4A017; border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 4px rgba(212,160,23,0.6); }
.minimap-lift { position:absolute; width:8px; height:8px; background:#44ff44; border-radius:1px; transform:translate(-50%,-50%); opacity:0.7; }

/* PROFILE */
.profile-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.profile-card { background:#222; border:1px solid #444; border-radius:3px; padding:15px; }
.profile-card h3 { font-family:'Black Ops One',cursive; font-size:14px; color:#D4A017; margin-bottom:10px; letter-spacing:2px; }
.profile-stat { display:flex; justify-content:space-between; padding:4px 0; border-bottom:1px solid #333; font-size:12px; }
.profile-stat .stat-label { color:#888; }
.profile-stat .stat-val { color:#E8D5B7; }
.profile-input { background:#1a1a1a; border:1px solid #555; color:#E8D5B7; padding:8px 12px; font-family:'Share Tech Mono',monospace; font-size:14px; width:100%; outline:none; }
.profile-input:focus { border-color:#D4A017; }

/* SETTINGS */
.settings-section { margin-bottom:20px; }
.settings-section h3 { font-family:'Black Ops One',cursive; font-size:14px; color:#D4A017; margin-bottom:10px; letter-spacing:2px; }
.setting-row { display:flex; align-items:center; justify-content:space-between; padding:6px 0; border-bottom:1px solid #333; }
.setting-row label { font-size:12px; color:#aaa; }
.setting-row select,.setting-row input[type="range"] { background:#222; border:1px solid #555; color:#E8D5B7; padding:4px 8px; font-family:'Share Tech Mono',monospace; font-size:12px; }
input[type="range"] { -webkit-appearance:none; appearance:none; height:6px; background:#333; border-radius:3px; outline:none; width:120px; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:16px; height:16px; border-radius:2px; background:#D4A017; cursor:pointer; border:2px solid #333; }
.toggle-btn { padding:4px 12px; font-family:'Share Tech Mono',monospace; font-size:11px; background:#2a2a2a; border:1px solid #555; color:#888; cursor:pointer; }
.toggle-btn.on { color:#4A5A3C; border-color:#4A5A3C; background:#2a3a1c; }

/* BLUEPRINTS */
.bp-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:10px; }
.bp-card { background:linear-gradient(145deg,#3a3530,#2d2820); border:1px solid #555; border-radius:3px; padding:15px; cursor:pointer; transition:all 0.15s; position:relative; }
.bp-card:hover,.bp-card.selected { border-color:#D4A017; box-shadow:0 0 12px rgba(212,160,23,0.2); }
.bp-card .bp-name { font-family:'Black Ops One',cursive; font-size:14px; color:#E8D5B7; margin-bottom:8px; }
.bp-card .bp-stats { font-size:11px; color:#888; line-height:1.6; }
.bp-card .bp-stamp { position:absolute; top:8px; right:10px; font-size:9px; color:#C0392B; text-transform:uppercase; letter-spacing:1px; border:1px solid #C0392B; padding:2px 6px; transform:rotate(3deg); }
.bp-actions { display:flex; gap:4px; margin-top:8px; }
.bp-actions button { flex:1; padding:4px; font-family:'Share Tech Mono',monospace; font-size:10px; background:#2a2a2a; border:1px solid #444; color:#aaa; cursor:pointer; transition:all 0.15s; }
.bp-actions button:hover { color:#D4A017; border-color:#D4A017; }
.bp-actions button:disabled { opacity:0.4; cursor:not-allowed; }

/* LIFT BROWSER */
.lift-browser-overlay { position:absolute; top:0;left:0;width:100%;height:100%; background:rgba(10,10,10,0.8); display:flex; align-items:center; justify-content:center; z-index:140; animation:fadeIn 0.2s ease; }
.lift-browser { width:80%; max-width:800px; max-height:70vh; overflow-y:auto; padding:25px; }

/* MOTOR CONFIG */
.motor-config-overlay { position:absolute; top:0;left:0;width:100%;height:100%; background:rgba(10,10,10,0.7); display:flex; align-items:center; justify-content:center; z-index:140; animation:fadeIn 0.2s ease; }
.motor-config { width:400px; padding:25px; }

/* PLAY MODE */
.mode-cards { display:flex; gap:15px; justify-content:center; margin:20px 0; }
.mode-card { width:180px; height:200px; background:linear-gradient(145deg,#3a3a3a,#2a2a2a); border:2px solid #555; border-radius:4px; display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; transition:all 0.15s; position:relative; }
.mode-card:hover { border-color:#D4A017; box-shadow:0 0 20px rgba(212,160,23,0.2); }
.mode-card.selected { border-color:#D4A017; box-shadow:0 0 25px rgba(212,160,23,0.3); }
.mode-card .mode-label { font-family:'Black Ops One',cursive; font-size:36px; color:#E8D5B7; }
.mode-card .mode-desc { font-size:11px; color:#888; margin-top:8px; }
.coming-soon-badge { position:absolute; top:0;left:0;width:100%;height:100%; background:rgba(10,10,10,0.8); display:flex; align-items:center; justify-content:center; font-family:'Black Ops One',cursive; font-size:12px; color:#C0392B; letter-spacing:2px; border-radius:3px; text-align:center; }
.map-themes { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-top:15px; }
.map-theme { padding:10px 18px; background:#2a2a2a; border:1px solid #444; border-radius:3px; font-size:12px; color:#888; cursor:pointer; transition:all 0.15s; }
.map-theme:hover,.map-theme.selected { color:#D4A017; border-color:#D4A017; }

/* FOOTER */
.footer-link { position:absolute; bottom:8px; right:12px; z-index:200; }
.footer-link a { font-family:'Share Tech Mono',monospace; font-size:10px; color:#555; text-decoration:none; letter-spacing:1px; }
.footer-link a:hover { color:#D4A017; }

/* NOTIFICATION */
.notification { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding:20px 40px; background:rgba(30,30,30,0.95); border:2px solid #D4A017; border-radius:4px; font-family:'Share Tech Mono',monospace; font-size:14px; color:#E8D5B7; text-align:center; z-index:300; animation:notifPop 0.3s ease; box-shadow:0 0 30px rgba(212,160,23,0.3); }
@keyframes notifPop { from{transform:translate(-50%,-50%) scale(0.8);opacity:0;} to{transform:translate(-50%,-50%) scale(1);opacity:1;} }
.notification .notif-title { font-family:'Black Ops One',cursive; font-size:18px; color:#D4A017; margin-bottom:10px; }
.notification .notif-btn { margin-top:15px; padding:6px 20px; background:#333; border:1px solid #555; color:#E8D5B7; font-family:'Share Tech Mono',monospace; cursor:pointer; }
.notification .notif-btn:hover { border-color:#D4A017; color:#D4A017; }

/* RESPONSIVE */
@media (max-width:900px) {
  .shop-layout { grid-template-columns:1fr; }
  .shop-cats { flex-direction:row; flex-wrap:wrap; }
  .profile-grid { grid-template-columns:1fr; }
  .menu-title { font-size:42px; letter-spacing:4px; }
  .btn-metal { min-width:200px; font-size:13px; padding:10px 20px; }
}