:root{
--bg:#0b0b12;--card:#13131d;--card2:#1a1a28;--border:#252538;--red:#ff003c;--blue:#00d4ff;--cyan:#00d4ff;
--green:#00ff88;--orange:#ff8800;--yellow:#ffd000;--purple:#a855f7;
--t1:#e8e8f0;--t2:#bbbbdd;--t3:#aaaacc;--t4:#8a8aa0;--accent:#ff003c;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--t1);font-family:'Rajdhani',sans-serif;font-weight:500;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}

/* Utility classes for inline style extraction */
.logo-hero{max-width:min(80vw,400px);height:auto;margin-bottom:12px;filter:drop-shadow(0 0 30px rgba(0,212,255,.4));mix-blend-mode:screen}
.text-center{text-align:center}
.text-left{text-align:left}
.mt-8{margin-top:8px}
.mt-12{margin-top:12px}
.mb-8{margin-bottom:8px}
.gap-8{gap:8px}
.hidden{display:none}
.block{display:block}
.color-red{color:var(--red)}
.color-green{color:var(--green)}
.color-cyan{color:var(--cyan)}
.color-orange{color:var(--orange)}
.color-t2{color:var(--t2)}
.color-t3{color:var(--t3)}
.w-full{width:100%}
.flex-center{display:flex;align-items:center;justify-content:center}

.screen{position:fixed;inset:0;display:none;z-index:1;overflow:hidden;background:var(--bg)}.screen.active{display:flex}

/* == BOOT == */
#boot-screen{background:var(--bg);flex-direction:column;align-items:center;justify-content:center;z-index:1000}
.boot-wrap{text-align:center;width:85%;max-width:380px}
.boot-sub{font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--t2);letter-spacing:6px;margin:6px 0 30px}
.boot-lines{text-align:left;font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--green);min-height:50px;margin-bottom:16px}
.boot-lines div{opacity:0;animation:fadeUp .3s forwards;margin:3px 0}
.boot-bar{height:3px;background:var(--card);border-radius:2px;overflow:hidden}
.boot-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--red),var(--orange));transition:width .3s}

/* == ONBOARDING == */
#onboard-screen{background:var(--bg);flex-direction:column;z-index:900}
.ob-scroll{overflow-y:auto;padding:calc(20px + var(--sat)) 16px calc(20px + var(--sab));width:100%;max-width:440px;margin:0 auto}
.ob-hero{text-align:center;padding:24px 0 16px}
.ob-title{font-family:'Orbitron',sans-serif;font-size:36px;font-weight:900;color:var(--red);letter-spacing:4px}
.ob-tag{font-size:15px;color:var(--t2);margin-top:8px;line-height:1.5}

/* Cards */
.card{background:var(--card);border:1px solid var(--border);border-radius:4px;padding:16px;margin-bottom:14px}
.card-label{font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--t3);letter-spacing:3px;margin-bottom:10px}

/* Selfie / Biometric scan */
.selfie-ring{position:relative;width:160px;height:160px;margin:0 auto 14px;border-radius:50%;overflow:hidden;border:3px solid var(--cyan);box-shadow:0 0 20px rgba(0,212,255,.25),inset 0 0 20px rgba(0,212,255,.08);background:var(--bg);transition:border-color .4s,box-shadow .4s}
.selfie-ring.scan-active{border-color:#00ff88;box-shadow:0 0 30px rgba(0,255,136,.35),inset 0 0 20px rgba(0,255,136,.1)}
.selfie-ring.scan-done{border-color:#00ff88;box-shadow:0 0 20px rgba(0,255,136,.2)}
.selfie-ring video,.selfie-ring img{width:100%;height:100%;object-fit:cover}
.scan-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s}
.selfie-ring.scan-active .scan-overlay{opacity:1}
.scan-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 5%,rgba(0,255,136,.9) 30%,rgba(0,255,136,.9) 70%,transparent 95%);box-shadow:0 0 12px rgba(0,255,136,.6),0 0 30px rgba(0,255,136,.3);top:0;animation:scanSweep 1.5s ease-in-out infinite}
@keyframes scanSweep{0%{top:0}50%{top:calc(100% - 3px)}100%{top:0}}
.scan-corners{position:absolute;inset:8px}
.scan-corners::before,.scan-corners::after{content:'';position:absolute;width:20px;height:20px;border:2px solid rgba(0,255,136,.5)}
.scan-corners::before{top:0;left:0;border-right:none;border-bottom:none}
.scan-corners::after{bottom:0;right:0;border-left:none;border-top:none}
.scan-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 19px,rgba(0,255,136,.04) 19px,rgba(0,255,136,.04) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,rgba(0,255,136,.04) 19px,rgba(0,255,136,.04) 20px)}
.scan-status{text-align:center;font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:3px;color:var(--cyan);min-height:18px;margin-bottom:8px;transition:color .3s}
.scan-status.scan-ok{color:#00ff88}

/* Inputs - bigger tap targets */
.inp{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--t1);font-family:'Rajdhani',sans-serif;font-size:20px;font-weight:600;padding:14px 16px;border-radius:8px;outline:none;text-transform:uppercase;letter-spacing:2px}
.inp:focus{border-color:var(--orange);box-shadow:0 0 10px rgba(255,136,0,.15)}
.ch-bar .inp{font-size:15px;text-transform:none;letter-spacing:0}
.inp+.inp{margin-top:10px}

/* Avatar grid - bigger */
.av-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.av{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--card2);border:2px solid transparent;border-radius:6px;cursor:pointer;min-height:42px}
.av.sel{border-color:var(--orange);background:rgba(255,136,0,.12)}


/* Buttons - bigger */
.btn-deploy{width:100%;padding:16px;margin:12px 0;background:linear-gradient(135deg,var(--red),#cc0030);border:none;border-radius:10px;color:#fff;font-family:'Orbitron',sans-serif;font-size:16px;font-weight:700;letter-spacing:4px;cursor:pointer;box-shadow:0 0 24px rgba(255,0,60,.3)}
.btn-deploy:active{transform:scale(.97)}
.btn-deploy[disabled]{opacity:.4;cursor:not-allowed}
.sig-terms{margin:12px 0 4px;padding:10px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:8px}
.sig-terms-btn{background:none;border:none;color:var(--blue);font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:1px;cursor:pointer;padding:0;width:100%;text-align:left}
.sig-terms-body{margin:10px 0 8px;font-size:12px;color:var(--t3);line-height:1.7}
.sig-terms-body p{margin:0 0 2px;padding-left:4px}
.sig-check-label{display:flex;align-items:flex-start;gap:8px;margin-top:8px;cursor:pointer;font-size:13px;color:var(--t2);line-height:1.4}
.sig-check-label input[type=checkbox]{margin-top:2px;accent-color:var(--red);width:18px;height:18px;flex-shrink:0}

/* == AXIOM INTAKE == */
.ax-intake{border-color:rgba(255,0,60,.12)}
.ax-header{text-align:center;margin-bottom:16px}
.ax-header-line{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:8px 0}
.ax-title{font-family:'Orbitron',sans-serif;font-size:15px;font-weight:700;color:var(--red);letter-spacing:5px;margin:10px 0 4px}
.ax-subtitle{font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--t3);letter-spacing:3px}
.ax-tagline{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t2);margin-top:8px;line-height:1.5;letter-spacing:.5px}
.ax-section{margin-bottom:14px}
.ax-section-label{font-family:'Orbitron',sans-serif;font-size:13px;font-weight:600;color:var(--t3);letter-spacing:3px;margin-bottom:10px;padding-bottom:4px;border-bottom:1px solid rgba(255,0,60,.08)}
.ax-status{text-align:center;font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--orange);letter-spacing:3px;margin-top:8px;animation:pulse 1.2s infinite}

.verify-input-wrap{position:relative}
.btn-paste{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--card2);border:1px solid var(--border);border-radius:6px;color:var(--t2);font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:1px;padding:6px 10px;cursor:pointer}
.btn-paste:active{border-color:var(--blue)}
.verify-timer{text-align:center;font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3);margin:8px 0}
.btn-red{background:linear-gradient(135deg,var(--red),#cc0030)}
.btn-sm{width:100%;padding:12px;background:var(--card2);border:1px solid var(--border);border-radius:8px;color:var(--t1);font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:600;letter-spacing:2px;cursor:pointer;margin-top:6px}
.btn-dim{color:var(--t3)}.btn-warn{color:var(--yellow);border-color:rgba(255,208,0,.3)}

/* Auth tabs */
.auth-tabs{display:flex;gap:0;margin-bottom:14px;border-bottom:2px solid var(--border);overflow:hidden}
.auth-tab{flex:1;background:none;border:none;padding:12px 0;font-family:'Orbitron',sans-serif;font-size:12px;font-weight:600;letter-spacing:2px;color:var(--t3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}
.auth-tab.active{color:var(--red);border-bottom-color:var(--red)}
.auth-panel{display:none}
.auth-panel.active{display:block;animation:fadeUp .25s}
#onboard-screen .ob-hero{padding:16px 0 10px}

/* == GAME HUD == */
#game-screen{flex-direction:column}
/* HUD compact bar */
.hud-bar{display:none}
.hud-tray{display:none}

/* Floating HUD bars inside map-box */
.map-top-huds{position:absolute;top:calc(0px + var(--sat));left:0;right:0;z-index:300;pointer-events:auto}
.map-top-huds .threat-bar{border-radius:0}

/* Floating map stats widget (top-left on map) */
.map-stats-widget{position:absolute;top:calc(8px + var(--sat));left:8px;z-index:400}
.ms-btn{background:rgba(11,11,18,.88);border:1px solid var(--border);border-radius:8px;color:var(--t2);font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:1px;padding:10px 14px;min-height:44px;cursor:pointer;transition:border-color .2s;display:flex;align-items:center;gap:8px}
.ms-btn:active{border-color:var(--orange)}
.ms-pts b{font-family:'Orbitron',sans-serif;font-size:14px;color:var(--orange);margin-left:3px}
.ms-near b{font-family:'Orbitron',sans-serif;font-size:14px;color:var(--cyan);margin-left:3px}
.ms-sep{color:var(--border);font-size:12px}
.ms-arrow{font-size:12px;color:var(--t4);transition:transform .3s;margin-left:2px}
.ms-arrow.open{transform:rotate(180deg)}
.ms-tray{display:none;background:rgba(11,11,18,.92);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;padding:8px 12px}
.ms-tray.open{display:block}
.ms-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}
.ms-row:last-child{margin-bottom:0}
.ms-stat{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3);display:flex;align-items:center;gap:3px}
.ms-stat b{font-family:'Orbitron',sans-serif;font-size:13px;color:var(--t1)}
.ms-label{font-size:12px;letter-spacing:2px;color:var(--t3)}
.ms-heat-wrap{display:flex;align-items:center;gap:6px;margin:4px 0}
.ht-row{display:flex;justify-content:space-around;align-items:center;gap:6px;margin-bottom:4px}
.ht-row:last-child{margin-bottom:0}
.ht-stat{font-family:'Share Tech Mono',monospace;font-size:14px;color:var(--t3);display:flex;align-items:center;gap:4px}
.ht-stat b{font-family:'Orbitron',sans-serif;font-size:16px;color:var(--t1)}
.ht-label{font-size:13px;letter-spacing:2px;color:var(--t3)}
.dim{font-size:12px;color:var(--t3);font-family:'Share Tech Mono',monospace}
/* Heat pips (GTA-style bars) */
.heat-pips{display:inline-flex;gap:2px;vertical-align:middle}
.heat-pips i{display:block;width:6px;height:14px;border-radius:1px;background:var(--card2);border:1px solid var(--border);transition:background .3s,box-shadow .3s,border-color .3s}
.heat-pips i.on{background:#ff4400;border-color:#ff4400;box-shadow:0 0 6px rgba(255,68,0,.6)}
.heat-pips i.on.max{background:#ff0000;border-color:#ff0000;box-shadow:0 0 10px rgba(255,0,0,.8);animation:pulse .6s infinite}

/* Map */
#map-box{flex:1;position:relative;overflow:hidden}
#map{position:absolute;inset:0;z-index:1}
.leaflet-container{background:#1a1a2e !important}
.leaflet-control-attribution,.leaflet-control-zoom{display:none !important}
.leaflet-pane{z-index:1 !important}
.leaflet-top,.leaflet-bottom{z-index:2 !important}

/* Recenter */
.recenter-btn{position:absolute;right:10px;z-index:200;width:46px;height:46px;border-radius:50%;background:rgba(11,11,18,.92);border:1px solid var(--border);color:var(--blue);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.5)}
.recenter-btn:active{background:rgba(0,212,255,.15);border-color:var(--blue);transform:scale(.9)}

/* Compass heading lock */
.compass-btn{position:absolute;right:10px;z-index:200;width:46px;height:46px;border-radius:50%;background:rgba(11,11,18,.92);border:1px solid var(--border);color:var(--t3);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.5);transition:border-color .3s,color .3s,box-shadow .3s}
.compass-btn:active{transform:scale(.9)}
.compass-btn.active{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 12px rgba(0,212,255,.4),0 2px 10px rgba(0,0,0,.5)}

/* Theme picker */
.theme-picker{display:none;position:absolute;left:14px;bottom:calc(178px + var(--sab));z-index:510;background:rgba(8,8,16,.94);border:1px solid #333;border-radius:10px;padding:10px 12px;box-shadow:0 4px 24px rgba(0,0,0,.8);max-width:320px}
.tp-title{font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:2px;color:#888;margin-bottom:8px;text-align:center}
.tp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.tp-swatch{width:42px;height:42px;border-radius:6px;border:2px solid #333;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;transition:transform .15s,border-color .15s}
.tp-swatch:active{transform:scale(.9)}
.tp-swatch.tp-active{border-width:2px;box-shadow:0 0 10px currentColor}
.tp-name{font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:.5px;text-align:center;line-height:1;text-transform:uppercase}

/* Weapon strip */
.wep-strip{position:absolute;bottom:calc(72px + var(--sab));left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;padding:7px 14px;background:rgba(11,11,18,.88);border:1px solid var(--border);border-radius:8px;z-index:200}
.ws-name{font-family:'Orbitron',sans-serif;font-size:13px;font-weight:600;color:var(--orange);letter-spacing:2px}
.ws-info{font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--t3)}

/* Bottom bar */
.hud-bot{display:flex;align-items:flex-end;justify-content:space-around;padding:8px 8px calc(8px + var(--sab));background:rgba(11,11,18,.92);border-top:2px solid rgba(var(--frame-accent,255,0,60),.25);z-index:100;box-shadow:0 -1px 0 rgba(255,255,255,.04)}
.hb{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;background:none;border:none;color:var(--t3);cursor:pointer;position:relative;font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:1px;min-width:44px;overflow:visible}
.hb span{font-size:22px}
.hb:active{opacity:.7}
.badge{position:absolute;top:-2px;right:-2px;background:var(--red);color:#fff;font-size:12px;font-style:normal;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center}

/* == Nearby list (collapsible) == */
.nb-toggle{position:absolute;top:calc(8px + var(--sat));right:8px;z-index:400;background:rgba(11,11,18,.88);border:1px solid var(--border);border-radius:8px;color:var(--t2);font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:1px;padding:10px 14px;min-height:44px;cursor:pointer;transition:border-color .2s}
.nb-toggle:active{border-color:var(--orange)}
.nb-toggle .nb-count{color:var(--orange);font-weight:bold}
.nearby-list{position:absolute;top:calc(52px + var(--sat));right:8px;z-index:399;max-height:35vh;overflow-y:auto;width:160px;display:none}
.nearby-list.open{display:block}
.nb-item{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:4px;background:rgba(11,11,18,.9);border:1px solid var(--border);border-radius:6px;cursor:pointer}
.nb-item:hover,.nb-item:active{border-color:var(--orange);background:rgba(255,136,0,.08)}
.nb-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.nb-name{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:600;color:var(--t1);letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.nb-dist{font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--t3)}

/* == Status Ticker == */
#status-ticker{display:none;position:absolute;bottom:0;left:0;right:0;z-index:250;padding:5px 14px;font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:1px;text-align:center;transition:opacity .3s;border-top:1px solid rgba(255,255,255,.1);background:rgba(11,11,18,.88)}
#status-ticker .st-text{display:inline}
#status-ticker .st-dots{display:inline;margin-left:8px;font-size:12px;color:var(--t3)}

/* == MODALS == */
.modal{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.65);padding:var(--sat) 0 var(--sab)}
.modal.active{display:flex}
.m-full{width:100%;height:100%;position:relative;background:#000}
.m-panel{width:94%;max-width:440px;max-height:84vh;background:var(--card);border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.5)}
.modal-box{width:94%;background:var(--card);border:1px solid var(--border);border-radius:4px;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.5)}
.modal-head{padding:14px 16px;border-bottom:1px solid var(--border);font-family:'Orbitron',sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;color:var(--t1)}
.m-sm{max-width:360px}.m-tall{max-height:90vh;height:80vh}
.m-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);font-family:'Orbitron',sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;flex-shrink:0}
.m-x{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:4px;color:var(--t2);font-size:20px;cursor:pointer}
.m-body{padding:16px;overflow-y:auto;flex:1}
.m-tabs{display:flex;gap:4px;padding:10px 14px;flex-shrink:0}
.m-tab{flex:1;padding:10px 6px;min-height:44px;display:flex;align-items:center;justify-content:center;background:var(--card2);border:1px solid var(--border);border-radius:6px;color:var(--t3);font-family:'Rajdhani',sans-serif;font-size:18px;font-weight:600;letter-spacing:2px;cursor:pointer;text-align:center;transition:color .2s,border-color .2s,background .2s}
.m-tab.active{border-color:var(--red);color:var(--red);background:rgba(255,0,60,.1)}

/* Armory subtabs */
.m-subtabs{display:flex;gap:3px;padding:4px 14px 8px;flex-shrink:0}
.sub-tab{flex:1;padding:8px 6px;min-height:40px;display:flex;align-items:center;justify-content:center;background:var(--card2);border:1px solid var(--border);border-radius:5px;color:var(--t3);font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;cursor:pointer;text-align:center;transition:color .2s,border-color .2s,background .2s}
.sub-tab.active{border-color:var(--orange);color:var(--orange);background:rgba(255,136,0,.1)}

/* Focus & hover states for interactive tabs/buttons */
.m-tab:focus-visible,.sub-tab:focus-visible,.hb:focus-visible,.auth-tab:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.m-tab:hover,.sub-tab:hover{border-color:var(--t3);color:var(--t2)}
.auth-tab:hover{color:var(--t2)}

/* Profile */
.prof-top{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:14px;background:var(--card2);border-radius:10px}
.prof-hero{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:16px;background:var(--card2);border-radius:10px}
.prof-pic{width:68px;height:68px;border-radius:50%;overflow:hidden;border:2px solid var(--red);box-shadow:0 0 12px rgba(255,0,60,.25);flex-shrink:0;background:var(--bg)}
.prof-pic img{width:100%;height:100%;object-fit:cover}
.prof-pic-lg{position:relative;width:96px;height:96px;border-radius:50%;overflow:hidden;border:3px solid var(--red);box-shadow:0 0 20px rgba(255,0,60,.3);flex-shrink:0;background:var(--bg)}
.prof-pic-lg img{width:100%;height:100%;object-fit:cover}
.prof-heat-ring{position:absolute;inset:-3px;border-radius:50%;border:3px solid transparent;pointer-events:none;transition:border-color .5s}
.prof-heat-ring.heat-warm{border-color:#ff4400;box-shadow:0 0 12px rgba(255,68,0,.5)}
.prof-heat-ring.heat-hot{border-color:#ff0000;box-shadow:0 0 18px rgba(255,0,0,.6);animation:pulse 1s infinite}
.prof-info{flex:1;min-width:0}
.prof-title{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3);letter-spacing:2px;margin-top:2px}
.prof-lvl-row{display:flex;align-items:center;gap:8px;margin-top:6px}
.prof-lvl-pill{font-family:'Orbitron',sans-serif;font-size:12px;font-weight:700;color:var(--yellow);background:rgba(255,208,0,.08);border:1px solid rgba(255,208,0,.2);border-radius:4px;padding:2px 8px;white-space:nowrap}
.prof-xp-bar{flex:1;height:4px;background:var(--card);border-radius:2px;overflow:hidden}
.prof-xp-fill{height:100%;width:0%;background:var(--orange);transition:width .5s}
.prof-pic-tgt{position:relative;width:80px;height:80px;border-radius:50%;overflow:visible;border:3px solid var(--red);box-shadow:0 0 16px rgba(255,0,60,.4);flex-shrink:0;background:var(--bg)}
.prof-pic-tgt img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.t-heat-dot{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg);display:none}
.t-heat-dot.hot{display:block;background:#ff4400;box-shadow:0 0 8px rgba(255,68,0,.8)}
.t-heat-dot.wanted{display:block;background:#ff0000;box-shadow:0 0 10px rgba(255,0,0,.9);animation:pulse .8s infinite}
.t-streak-tag{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--orange);letter-spacing:1px;margin-top:3px}
.t-pic{border-color:var(--orange);box-shadow:0 0 12px rgba(255,136,0,.25)}
.prof-name{font-family:'Orbitron',sans-serif;font-size:18px;font-weight:700;letter-spacing:2px}
.prof-fac{font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--orange);letter-spacing:2px}
.prof-lvl{font-family:'Orbitron',sans-serif;font-size:13px;color:var(--yellow);margin-top:2px}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.stat-grid-4{grid-template-columns:repeat(4,1fr)}
.sg{text-align:center;padding:12px 8px;background:var(--card2);border-radius:8px}
.sg-sm{padding:8px 4px}
.sg-sm b{font-size:16px}
.sg-sm small{font-size:12px}
.sg b{display:block;font-family:'Orbitron',sans-serif;font-size:22px;font-weight:700}
.sg small{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3);letter-spacing:2px}
/* Pinned achievements row */
.pinned-row{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.pinned-row-sm{margin-bottom:8px}
.pin-badge{padding:3px 8px;border-radius:4px;font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:1px;border:1px solid;display:inline-flex;align-items:center;gap:4px}
.pin-badge.bronze{color:#cd7f32;border-color:rgba(205,127,50,.4);background:rgba(205,127,50,.08)}
.pin-badge.silver{color:#c0c0c0;border-color:rgba(192,192,192,.4);background:rgba(192,192,192,.08)}
.pin-badge.gold{color:#ffd700;border-color:rgba(255,215,0,.4);background:rgba(255,215,0,.08)}
.pin-badge.onyx{color:#ff003c;border-color:rgba(255,0,60,.4);background:rgba(255,0,60,.1)}
/* Achievement wall grid */
.ach-grid{margin:8px 0}
.ach-tier-header{display:flex;align-items:center;gap:8px;padding:8px 0 4px;margin-top:8px;border-bottom:1px solid var(--border);font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:2px}
.ach-tier-header:first-child{margin-top:0}
.ach-tier-icon{font-size:14px}
.ach-tier-label{flex:1}
.ach-tier-count{color:var(--t3);font-size:12px}
.ach-tier-bronze .ach-tier-icon,.ach-tier-bronze .ach-tier-label{color:#cd7f32}
.ach-tier-silver .ach-tier-icon,.ach-tier-silver .ach-tier-label{color:#c0c0c0}
.ach-tier-gold .ach-tier-icon,.ach-tier-gold .ach-tier-label{color:#ffd700}
.ach-tier-onyx .ach-tier-icon,.ach-tier-onyx .ach-tier-label{color:var(--red)}
.ach-tier-grid{display:flex;flex-direction:column;gap:3px;padding:6px 0}
.ach-cell2{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--card2);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s;position:relative}
.ach-cell2.unlocked{border-color:var(--ach-color,var(--border));background:rgba(255,255,255,.02)}
.ach-cell2.unlocked:active{transform:scale(.98)}
.ach-cell2.pinned{border-color:var(--cyan);box-shadow:0 0 8px rgba(0,212,255,.15)}
.ach-cell2.locked{opacity:.4}
.ach-cell2 .ach-icon{font-size:16px;min-width:22px;text-align:center;flex-shrink:0}
.ach-cell2 .ach-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ach-cell2 .ach-name{font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:1px;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ach-cell2 .ach-desc{font-size:12px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ach-cell2.locked .ach-name{color:var(--t3)}
.ach-cell2 .ach-pin{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--cyan);letter-spacing:2px;padding:2px 6px;border:1px solid rgba(0,212,255,.2);border-radius:3px;flex-shrink:0}
.kill-log{max-height:120px;overflow-y:auto}
.kl{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;color:var(--t2);border-bottom:1px solid rgba(37,37,56,.4)}
.kl-n{color:var(--red)}.kl-t{font-size:12px;color:var(--t3)}

/* Target */
.t-stats{display:flex;justify-content:space-around;padding:12px;background:var(--card2);border-radius:8px;margin-bottom:10px;font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--t2)}
.t-dist{text-align:center;font-family:'Orbitron',sans-serif;font-size:16px;color:var(--orange);letter-spacing:2px;margin-bottom:10px}

/* Kill confirm */
.kc-photo{position:relative;width:100%;aspect-ratio:4/3;border-radius:8px;overflow:hidden;border:2px solid var(--red);margin-bottom:12px;background:var(--bg)}
.kc-photo img{width:100%;height:100%;object-fit:cover}
.kc-name{font-family:'Orbitron',sans-serif;font-size:16px;text-align:center;color:var(--red);letter-spacing:3px}
.kc-dist{font-family:'Share Tech Mono',monospace;font-size:13px;text-align:center;color:var(--t3);margin-bottom:14px}

/* Quick-draw target select */
.qd-photo-strip{width:100%;aspect-ratio:16/5;border-radius:6px;overflow:hidden;border:1px solid var(--red);margin-bottom:10px;background:var(--bg)}
.qd-photo-strip img{width:100%;height:100%;object-fit:cover;opacity:.7}
.qd-label{font-family:'Orbitron',sans-serif;font-size:14px;text-align:center;color:var(--orange);letter-spacing:3px;margin-bottom:10px}
.qd-list{display:flex;flex-direction:column;gap:6px;max-height:45vh;overflow-y:auto;margin-bottom:12px}
.qd-target{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,0,60,.06);border:1px solid rgba(255,0,60,.2);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}
.qd-target:active{background:rgba(255,0,60,.18);border-color:var(--red)}
.qd-avatar{font-size:22px;flex-shrink:0}
.qd-name{flex:1;font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--t1);letter-spacing:1px}
.qd-dist{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3);letter-spacing:1px;flex-shrink:0}
.qd-empty{text-align:center;padding:24px 0;font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--t3);letter-spacing:2px}

/* Death */
.m-death-panel{border-color:var(--red);box-shadow:0 0 40px rgba(255,0,60,.25)}
.death-head{font-family:'Orbitron',sans-serif;font-size:16px;font-weight:800;color:var(--red);text-align:center;padding:18px;letter-spacing:4px;animation:pulse 1s infinite}
.d-killer{text-align:center;font-size:15px;color:var(--t2);margin-bottom:14px}.d-killer b{color:var(--red)}
.d-btns{display:flex;gap:10px}.d-btns .btn-sm{flex:1}
.d-ai-badge{text-align:center;font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:2px;color:#00ff88;background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.3);border-radius:6px;padding:4px 12px;margin:0 auto 10px}
.d-countdown{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3);margin-left:4px}
.d-disputes-left{font-size:12px;color:var(--t3);margin-left:2px}
.d-btns .btn-warn[disabled]{opacity:.4;cursor:not-allowed;border-color:#555;color:#777}
.d-penalties{margin:8px 0;padding:8px 10px;border:1px solid rgba(255,0,60,.25);border-radius:6px;background:rgba(255,0,60,.06)}
.d-penalty-head{font-family:'Orbitron',sans-serif;font-size:12px;color:var(--red);letter-spacing:3px;text-align:center;margin-bottom:6px}
.d-pen-row{display:flex;justify-content:space-between;font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t2);padding:2px 0}
.pen-val{color:var(--red);font-weight:600}
.pen-ins{color:#00ff88}.pen-ins .pen-val{color:#00ff88}
#d-btns-respawn .btn-deploy{width:100%;font-size:16px;letter-spacing:3px;animation:pulse-respawn 1.5s ease infinite}
@keyframes pulse-respawn{0%,100%{box-shadow:0 0 8px rgba(0,212,255,.3)}50%{box-shadow:0 0 20px rgba(0,212,255,.6)}}

/* Armory */
.pts-display{font-family:'Orbitron',sans-serif;font-size:13px;color:var(--yellow)}
.wc{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:var(--card2);border:1px solid var(--border);border-radius:8px;cursor:pointer}
.wc:hover,.wc:active{border-color:var(--t3)}.wc.sel{border-color:var(--orange)}.wc.lock{opacity:.35;cursor:not-allowed}
.wc-i{font-size:28px;width:36px;text-align:center}
.wc-n{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;letter-spacing:1px}
.wc-s{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3)}
.wc-r{text-align:right;font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--t3);margin-left:auto}
.wc-badge{font-size:12px;padding:3px 6px;border-radius:4px;letter-spacing:1px}
.wc-eq{background:rgba(0,255,136,.12);color:var(--green);border:1px solid rgba(0,255,136,.25)}
.wc-buy{background:rgba(255,208,0,.12);color:var(--yellow);border:1px solid rgba(255,208,0,.25)}
.wc-price{color:var(--yellow);font-size:13px;font-weight:700}.wc-lvl{color:var(--red)}

/* == CHAT == */
.ch-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0}
.ch-tab{flex:1;padding:10px 6px;min-height:44px;display:flex;align-items:center;justify-content:center;background:var(--card2);border:1px solid var(--border);border-radius:6px;color:var(--t3);font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:color .2s,border-color .2s,background .2s}
.ch-tab.active{border-color:var(--blue);color:var(--blue);background:rgba(0,212,255,.08)}
.ch-msgs{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.ch-m{display:flex;gap:8px;animation:fadeUp .2s}
.ch-m-av{font-size:18px;width:24px;margin-top:2px}
.ch-m-hd{display:flex;gap:5px;align-items:baseline;margin-bottom:2px}
.ch-m-nm{font-size:14px;font-weight:700;letter-spacing:1px}
.ch-m-t{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3)}
.ch-m-tx{font-size:15px;line-height:1.4;word-break:break-word}
.ch-bar{display:flex;gap:8px;padding:10px 12px calc(10px + var(--sab));border-top:1px solid var(--border);background:var(--bg);flex-shrink:0}
.ch-send{width:44px;background:var(--blue);border:none;border-radius:6px;color:#fff;font-size:18px;cursor:pointer}

/* Push-to-talk presets */
.ptt-bar{display:flex;gap:4px;padding:6px 12px;flex-wrap:wrap;flex-shrink:0}
.ptt-btn{padding:8px 12px;min-height:44px;background:var(--card2);border:1px solid var(--border);border-radius:16px;color:var(--t2);font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center}
.ptt-btn:active{background:rgba(255,136,0,.15);border-color:var(--orange);color:var(--orange)}

/* Skin cards */
.sc{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:var(--card2);border:1px solid var(--border);border-radius:8px;cursor:pointer}
.sc.sel{border-color:var(--orange)}.sc.lock{opacity:.35;cursor:not-allowed}
.sc-prev{width:100%;height:64px;border-radius:6px;margin-bottom:6px;border:1px solid var(--border)}
.sc-name{font-size:14px;font-weight:600;letter-spacing:1px}
.sc-rar{font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:1px}
.common{color:var(--t3)}.uncommon{color:var(--green)}.rare{color:var(--blue)}.epic{color:var(--purple)}.legendary{color:var(--yellow)}

/* Camera */
.m-full video{width:100%;height:100%;object-fit:cover}
.cam-xhair{position:absolute;inset:0;pointer-events:none}
.xh-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:var(--red);border-radius:50%;box-shadow:0 0 6px var(--red)}
.cam-info{position:absolute;top:10%;left:50%;transform:translateX(-50%);text-align:center;padding:10px 20px;background:rgba(0,0,0,.65);border:1px solid var(--red);border-radius:6px;pointer-events:none}
.cam-info div:first-child{font-family:'Orbitron',sans-serif;font-size:14px;color:var(--red);letter-spacing:3px}
.cam-info div:nth-child(2){font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--t2)}
.cam-info div:nth-child(3){font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--green);letter-spacing:2px;margin-top:4px}
.scope-ammo{position:absolute;bottom:80px;right:16px;font-family:'Share Tech Mono',monospace;font-size:16px;color:#ffd000;letter-spacing:2px;text-shadow:0 0 6px rgba(0,0,0,.9);pointer-events:none;z-index:5}
.ms-tray.newbie-locked .ms-row{opacity:.4}.ms-tray.newbie-locked::after{content:'ENGAGE IN COMBAT TO UNLOCK STATS';display:block;text-align:center;font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--cyan);letter-spacing:2px;padding:6px 0 2px;opacity:.7}
.cam-bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 18px calc(16px + var(--sab));background:linear-gradient(0deg,rgba(0,0,0,.75),transparent)}
.cb{padding:10px 16px;background:rgba(20,20,30,.8);border:1px solid var(--border);border-radius:6px;color:var(--t2);font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:600;letter-spacing:2px;cursor:pointer}
.cb-fire{padding:14px 28px;background:var(--red);border-color:rgba(255,0,60,.5);color:#fff;font-size:17px;font-weight:700;letter-spacing:3px;box-shadow:0 0 16px rgba(255,0,60,.4)}


/* Flash / Toast */
.flash{position:fixed;inset:0;pointer-events:none;z-index:9000;opacity:0}.flash.red{background:rgba(255,0,60,.25)}.flash.hit{background:rgba(255,0,0,.35)}
.flash.on{opacity:1;animation:flashA .4s forwards}
#toasts{position:fixed;top:calc(12px + var(--sat));left:50%;transform:translateX(-50%);z-index:8000;display:flex;flex-direction:column;gap:6px;pointer-events:none}
.toast{padding:10px 18px;background:var(--card);border:1px solid var(--border);border-radius:6px;font-family:'Share Tech Mono',monospace;font-size:13px;white-space:normal;max-width:90vw;word-wrap:break-word;animation:fadeUp .3s,fadeOut .3s 2.5s forwards;box-shadow:0 4px 16px rgba(0,0,0,.4)}
.toast.red{border-color:var(--red);color:var(--red)}.toast.green{border-color:var(--green);color:var(--green)}.toast.yellow{border-color:var(--yellow);color:var(--yellow)}.toast.blue{border-color:var(--blue);color:var(--blue)}

@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeOut{to{opacity:0;transform:translateY(-6px)}}
@keyframes flashA{0%{opacity:1}100%{opacity:0}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}

/* Mission cards */
.mission-card{padding:14px;background:var(--card2);border:1px solid var(--border);border-radius:8px;margin-bottom:10px}
.mc-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.mc-icon{font-size:18px}
.mc-name{font-family:Orbitron,sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;color:var(--t1);flex:1}
.mc-dist{font-family:Share Tech Mono,monospace;font-size:13px;color:var(--orange)}
.mc-desc{font-size:13px;color:var(--t3);margin-bottom:8px;line-height:1.4}
.mc-rewards{font-family:Share Tech Mono,monospace;font-size:13px;color:var(--green);letter-spacing:1px;margin-bottom:10px}
.mc-accept{width:100%;padding:10px;background:rgba(0,100,255,.1);border:1px solid rgba(0,100,255,.3);border-radius:6px;color:var(--blue);font-family:Orbitron,sans-serif;font-size:13px;letter-spacing:2px;cursor:pointer}
.mc-accept:active{background:rgba(0,100,255,.2)}

/* Float animation */
@keyframes float{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}

/* === WEAPON/SKIN IMAGES === */
.wc.sel .wc-img{filter:drop-shadow(0 0 10px rgba(0,255,136,.5))}
.wc.lock .wc-img{filter:grayscale(1) brightness(.4)}
.sc-img{width:100%;height:80px;object-fit:contain;border-radius:6px;margin-bottom:6px;filter:drop-shadow(0 0 4px rgba(0,212,255,.2))}
.sc.sel .sc-img{filter:drop-shadow(0 0 8px rgba(0,255,136,.4))}
.sc.lock .sc-img{filter:grayscale(1) brightness(.4)}
.ws-wep-img{height:32px;width:auto;max-width:80px;object-fit:contain;vertical-align:middle;margin-right:6px;filter:drop-shadow(0 0 4px rgba(0,212,255,.4))}

/* === AVATAR IMAGES === */
.av{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:2px solid var(--border);cursor:pointer;transition:.2s;overflow:hidden;background:var(--card2)}
.av.sel{border-color:var(--cyan);box-shadow:0 0 12px rgba(0,212,255,.3)}
.av-img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.av-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.lb-a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;flex-shrink:0}
.lb-a .av-img{width:36px;height:36px;object-fit:cover;border-radius:50%}
.prof-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}

/* Fix weapon card image sizing consistency */
.wc-img{width:80px;height:48px;object-fit:contain;flex-shrink:0;margin-right:10px;filter:drop-shadow(0 0 6px rgba(0,212,255,.3))}
.mc-img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(0,212,255,.4));margin-right:8px;vertical-align:middle}

/* HUD button medal icons */
.hb-icon{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(0,212,255,.4));display:block}
/* Small auxiliary HUD buttons */
.hud-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 8px;background:none;border:none;color:var(--t3);cursor:pointer;font-size:20px;min-width:38px;min-height:44px;position:relative}
.hud-btn:active{opacity:.7}
/* Inventory panel rows */
.inv-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:6px;margin-bottom:6px}
.inv-icon{font-size:20px;width:26px;text-align:center}
.inv-name{flex:1;font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--t1);letter-spacing:1px}
.inv-qty{font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--t3);margin-right:4px}
.inv-passive{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3);letter-spacing:1px;border:1px solid rgba(255,255,255,.1);padding:2px 5px;border-radius:4px}
.inv-comp{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:17px;min-width:56px;text-align:center}

/* Kill Feed */
.kill-feed{position:absolute;bottom:80px;left:8px;width:260px;max-height:200px;overflow:hidden;pointer-events:none;z-index:200;display:flex;flex-direction:column;gap:3px;transition:opacity .5s ease}
.kf-entry{background:rgba(0,0,0,0.75);border-left:3px solid #ff003c;color:#eee;font-family:'Share Tech Mono',monospace;font-size:12px;padding:4px 6px;border-radius:0 4px 4px 0;transition:opacity 0.4s;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.kf-entry.kf-bounty{border-left-color:#ffd700}
.kf-entry.kf-streak{border-left-color:#ff6600}
.kf-entry.kf-self-kill{border-left-color:#00ff88;background:rgba(0,255,136,0.15)}
.kf-entry.kf-self-death{border-left-color:#ff003c;background:rgba(255,0,60,0.15)}
.kf-shooter{color:#00ff88;font-weight:bold}
.kf-arrow{color:#666;margin:0 2px}
.kf-target{color:#ff6060}
.kf-meta{color:#888;font-size:12px;margin-left:auto}
.kf-tag{font-size:12px;padding:1px 4px;border-radius:2px;background:rgba(255,255,255,0.1)}
.kf-tag.kf-gold{color:#ffd700}
.kf-tag.kf-hot{color:#ff6600}

/* == CONTRACTS == */
.contract-badge{background:#ff003c;color:#fff;font-family:'Share Tech Mono',monospace;font-size:12px;padding:1px 4px;border-radius:8px;margin-left:2px;vertical-align:top;}
.contract-badge-done{background:#00ff88;color:#000;}
.contract-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:10px 12px;margin-bottom:8px;transition:border-color .2s;}
.contract-card.contract-done{border-color:rgba(0,255,136,.3);opacity:.7;}
.contract-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
.contract-icon{font-size:18px;flex-shrink:0;}
.contract-desc{font-family:'Share Tech Mono',monospace;font-size:13px;color:#ccc;flex:1;line-height:1.3;}
.contract-check{color:#00ff88;font-size:17px;font-weight:bold;}
.contract-progress-wrap{height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;margin-bottom:6px;}
.contract-progress-bar{height:100%;background:linear-gradient(90deg,#ff003c,#ff6600);border-radius:2px;transition:width .5s;}
.contract-card.contract-done .contract-progress-bar{background:#00ff88;}
.contract-footer{display:flex;justify-content:space-between;align-items:center;}
.contract-prog-text{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3);}
.contract-reward{font-family:'Share Tech Mono',monospace;font-size:12px;color:#ffd700;}
.contract-empty{text-align:center;color:var(--t3);padding:20px;font-family:'Share Tech Mono',monospace;font-size:13px;}

/* == DESKTOP SCALE-UP == */
@media (min-width:560px){
    .hb{font-size:13px}
    .ch-m-tx{font-size:16px}
    .ch-m-nm{font-size:15px}
    .kf-entry{font-size:13px}
    .kf-meta{font-size:12px}
    .kf-tag{font-size:12px}
    .contract-desc{font-size:14px}
    .contract-prog-text{font-size:13px}
    .contract-reward{font-size:13px}
    .mc-desc{font-size:14px}
    .mc-rewards{font-size:14px}
    .inv-name,.inv-qty{font-size:14px}
    .wc-n{font-size:17px}
    .wc-s{font-size:13px}
    .card-label{font-size:14px}
    .m-tab{font-size:15px}
    .m-head{font-size:15px}
    .toast{font-size:14px}
    .nb-dist{font-size:14px}
    .sg small{font-size:13px}
    .lb-sub{font-size:13px}
    .ws-name,.ws-info{font-size:14px}
}


/* ═══ STREAK STATES ═══ */
.ht-stat.streak-warm b{color:#ffd000;text-shadow:0 0 8px #ffd00088}
.ht-stat.streak-hot b{color:#ff6600;text-shadow:0 0 10px #ff660099;animation:pulse 1s infinite}
.ht-stat.streak-legendary b{color:#ff003c;text-shadow:0 0 14px #ff003ccc;animation:pulse .6s infinite}
.ht-stat.streak-warm .ht-label,.ht-stat.streak-hot .ht-label,.ht-stat.streak-legendary .ht-label{color:var(--t1);opacity:1}
.ht-stat.streak-warm .dim,.ht-stat.streak-hot .dim,.ht-stat.streak-legendary .dim{opacity:1}

/* ═══ LEADERBOARD ENHANCEMENTS ═══ */
.lb-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);position:relative}
.lb-row:first-child{background:linear-gradient(90deg,rgba(255,208,0,.08),transparent)}
.lb-row:nth-child(2){background:linear-gradient(90deg,rgba(200,200,200,.06),transparent)}
.lb-row:nth-child(3){background:linear-gradient(90deg,rgba(180,100,20,.06),transparent)}
.lb-rank{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:700;width:26px;text-align:center;flex-shrink:0}
.lb-rank.gold{color:#ffd700}.lb-rank.silver{color:#aaa}.lb-rank.bronze{color:#cd7f32}
.lb-av{font-size:22px;flex-shrink:0}
.lb-info{flex:1;min-width:0}
.lb-name{font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-sub{font-size:12px;color:var(--t3);margin-top:2px}
.lb-val{font-family:'Orbitron',sans-serif;font-size:16px;font-weight:700;color:var(--accent);text-align:right}
.lb-kd{font-size:12px;color:var(--t3);text-align:right}
.lb-you{border-left:3px solid var(--accent)}
.lb-empty{text-align:center;padding:30px;color:var(--t3);font-family:'Share Tech Mono',monospace;font-size:13px}

/* ═══════════════════════════════════════════════════════
   DEVICE FRAME SYSTEM
   ═══════════════════════════════════════════════════════ */

/* --- Frame Shell --- */
#device-frame {
    --frame-accent: 255, 0, 60;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: calc(6px + var(--sat)) calc(6px + env(safe-area-inset-right, 0px)) calc(6px + var(--sab)) calc(6px + env(safe-area-inset-left, 0px));
    background: linear-gradient(180deg, #0c0c18 0%, #08080f 50%, #0a0a14 100%);
    border: 2px solid rgba(255, 0, 60, .35);
    overflow: hidden;
    transition: border-color .4s ease, box-shadow 1.2s ease-out;
    box-shadow: inset 0 0 30px rgba(255, 0, 60, .06), inset 0 1px 0 rgba(255, 255, 255, .04), inset 0 -1px 0 rgba(255, 255, 255, .02);
}

/* Inner border */
#device-frame::before {
    content: '';
    position: absolute;
    inset: 3px;
    border: 1px solid rgba(var(--frame-accent), .12);
    border-radius: 2px;
    pointer-events: none;
    z-index: 900;
    transition: border-color 1.2s ease-out;
}

/* Inner screen bevel */
#device-frame::after {
    content: '';
    position: absolute;
    inset: 6px;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, .6), inset 0 -2px 8px rgba(0, 0, 0, .4);
    pointer-events: none;
    z-index: 898;
    border-radius: 2px;
}
/* Noise texture overlay */
.df-noise {
    position: absolute;
    inset: 0;
    z-index: 897;
    pointer-events: none;
    opacity: .07;
    background-image:
        repeating-linear-gradient(45deg, rgba(255,255,255,.03) 0px, transparent 1px, transparent 3px),
        repeating-linear-gradient(135deg, rgba(255,255,255,.02) 0px, transparent 2px, transparent 5px),
        repeating-linear-gradient(90deg, rgba(255,255,255,.01) 0px, transparent 1px, transparent 7px);
    background-size: 4px 4px, 7px 7px, 11px 11px;
    mix-blend-mode: overlay;
}

/* Screen content area */
.df-screen {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    min-height: 0;
}

/* --- Scanline Overlay --- */
.df-scanline {
    position: absolute;
    inset: 0;
    z-index: 899;
    pointer-events: none;
    opacity: .07;
    background: repeating-linear-gradient(
        0deg,
        transparent 0px,
        transparent 2px,
        rgba(255, 255, 255, .1) 2px,
        rgba(255, 255, 255, .1) 3px
    );
}
.df-scanline::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 212, 255, .06) 30%, rgba(0, 212, 255, .12) 50%, rgba(0, 212, 255, .06) 70%, transparent 100%);
    animation: dfSweep 8s linear infinite;
    top: -80px;
    box-shadow: 0 4px 30px rgba(0, 212, 255, .06);
}

/* --- Vignette --- */
.df-vignette {
    position: absolute;
    inset: 0;
    z-index: 896;
    pointer-events: none;
    background: radial-gradient(ellipse at center, transparent 55%, rgba(0, 0, 0, .25) 80%, rgba(0, 0, 0, .45) 100%);
}

/* --- Keyframe Animations (retained: used by df-scanline, sp-handle) --- */
@keyframes dfSweep {
    0% { top: -80px; }
    100% { top: 100%; }
}
@keyframes dfHandlePulse {
    0%, 100% { opacity: .25; }
    50% { opacity: .45; }
}

/* ═══════════════════════════════════════════════════════
   SLIDE PANEL SYSTEM
   ═══════════════════════════════════════════════════════ */
.slide-panel{position:fixed;top:0;left:0;right:0;bottom:calc(120px + var(--sab));z-index:500;pointer-events:none;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;visibility:hidden}
.slide-panel.active .sp-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s;pointer-events:none}
.slide-panel.active{pointer-events:auto;visibility:visible}
.slide-panel.active .sp-overlay{opacity:1;pointer-events:auto}

/* --- Slide Content Base --- */
.sp-content {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(10, 10, 24, .97);
    border: 1px solid rgba(255, 255, 255, .08);
    border-top: none;
    border-radius: 0 0 14px 14px;
    transform: translateY(-100%);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    pointer-events: auto;
}
.slide-panel.active .sp-content{transform:translateY(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}

/* --- Panel edge accent strip (bottom edge) --- */
.slide-panel .sp-content::after {
    content: '';
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(var(--frame-accent, 255, 0, 60), .35), transparent);
    pointer-events: none;
    z-index: 2;
}

/* --- Legacy direction classes (all now slide from top) --- */
.slide-panel.from-left,.slide-panel.from-right,.slide-panel.from-bottom,.slide-panel.from-top{flex-direction:column;align-items:stretch}

/* --- Narrow variant for target --- */
.slide-panel.sp-narrow .sp-content{width:min(80vw,360px);margin:0 auto}

/* --- Bottom panel handle bar --- */
.sp-handle {
    width: 48px;
    height: 4px;
    background: rgba(255, 255, 255, .25);
    border-radius: 2px;
    margin: 8px auto 4px;
    flex-shrink: 0;
    animation: dfHandlePulse 3s ease-in-out infinite;
}

/* --- Context Accent Borders --- */
.sp-content.ctx-combat {
    --frame-accent: 255, 0, 60;
    border-color: rgba(255, 0, 60, .25);
    box-shadow: 0 0 30px rgba(255, 0, 60, .1), inset 0 0 30px rgba(255, 0, 60, .05);
}
.sp-content.ctx-intel {
    --frame-accent: 0, 212, 255;
    border-color: rgba(0, 212, 255, .25);
    box-shadow: 0 0 30px rgba(0, 212, 255, .1), inset 0 0 30px rgba(0, 212, 255, .05);
}
.sp-content.ctx-loot {
    --frame-accent: 0, 255, 136;
    border-color: rgba(0, 255, 136, .25);
    box-shadow: 0 0 30px rgba(0, 255, 136, .1), inset 0 0 30px rgba(0, 255, 136, .05);
}
.sp-content.ctx-armory {
    --frame-accent: 255, 208, 0;
    border-color: rgba(255, 208, 0, .25);
    box-shadow: 0 0 30px rgba(255, 208, 0, .1), inset 0 0 30px rgba(255, 208, 0, .05);
}
.sp-content.ctx-alert {
    --frame-accent: 255, 136, 0;
    border-color: rgba(255, 136, 0, .25);
    box-shadow: 0 0 30px rgba(255, 136, 0, .1), inset 0 0 30px rgba(255, 136, 0, .05);
}

/* --- Glass inner elements --- */
.slide-panel .m-head {
    background: rgba(255, 255, 255, .03);
    border-bottom: 2px solid rgba(var(--frame-accent, 255, 0, 60), .3);
    position: relative;
}
.slide-panel .m-body{background:transparent}
.slide-panel .m-tabs{background:rgba(0,0,0,.15)}
.slide-panel .sg,.slide-panel .wc,.slide-panel .sc,.slide-panel .contract-card,.slide-panel .mission-card,.slide-panel .inv-row{background:rgba(255,255,255,.04)}

/* Tabs — active tab gets colored bottom border */
.slide-panel .m-tabs .m-tab {
    position: relative;
    transition: color .2s ease;
}
.slide-panel .m-tabs .m-tab.active {
    color: var(--t1);
    text-shadow: 0 0 8px rgba(var(--frame-accent, 255, 0, 60), .4);
}
.slide-panel .m-tabs .m-tab.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20%;
    right: 20%;
    height: 2px;
    background: rgba(var(--frame-accent, 255, 0, 60), .6);
    box-shadow: 0 0 8px rgba(var(--frame-accent, 255, 0, 60), .3);
    border-radius: 1px;
}

/* ═══ FIREFIGHT ═══ */
.firefight-bar{position:fixed;top:0;left:0;right:0;z-index:9990;background:linear-gradient(90deg,rgba(255,68,0,.9),rgba(255,0,60,.9),rgba(255,68,0,.9));color:#fff;font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:2px;text-align:center;padding:calc(8px + var(--sat)) 12px 8px;animation:firefight-pulse 2s infinite;text-transform:uppercase}
@keyframes firefight-pulse{0%,100%{opacity:1}50%{opacity:.7}}
.firefight-ring{opacity:.8}

/* ═══ CAPTURE POINTS ═══ */
.cp-label{background:none;border:none;padding:0;font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:1px;color:#fff;white-space:nowrap;text-align:center;max-width:120px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5)}
.capture-btn{background:rgba(0,255,136,.12);border:2px solid #00ff88;border-radius:10px;color:#00ff88;font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:2px;padding:10px 16px;cursor:pointer;box-shadow:0 0 16px rgba(0,255,136,.3);transition:all .2s;text-transform:uppercase;animation:capture-glow 2s infinite}
.capture-btn:active{transform:scale(.95);box-shadow:0 0 24px rgba(0,255,136,.6)}
@keyframes capture-glow{0%,100%{box-shadow:0 0 16px rgba(0,255,136,.3)}50%{box-shadow:0 0 24px rgba(0,255,136,.5)}}
.capture-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9985;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}
.capture-inner{background:rgba(10,14,20,.95);border:2px solid #00ff88;border-radius:14px;padding:24px 32px;text-align:center;min-width:260px;box-shadow:0 0 40px rgba(0,255,136,.2)}
.capture-title{font-family:Orbitron,sans-serif;font-size:14px;letter-spacing:3px;color:#00ff88;margin-bottom:16px;text-transform:uppercase}
.capture-bar-wrap{height:8px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden;margin-bottom:12px}
.capture-bar-fill{height:100%;background:linear-gradient(90deg,#00ff88,#00d4ff);width:0%;border-radius:4px;transition:width .3s;box-shadow:0 0 10px rgba(0,255,136,.5)}
.capture-timer{font-family:'Share Tech Mono',monospace;font-size:20px;color:#fff;margin-bottom:16px}
.capture-cancel{background:none;border:1px solid #ff003c;border-radius:6px;color:#ff003c;font-family:'Share Tech Mono',monospace;font-size:12px;padding:6px 16px;cursor:pointer;letter-spacing:1px}
.capture-cancel:active{background:rgba(255,0,60,.2)}

/* ═══ SEASON PASS ═══ */
.season-pass-btn{display:block;width:100%;margin:12px 0 0;background:rgba(255,215,0,.08);border:1px solid rgba(255,215,0,.3);border-radius:8px;color:#ffd000;font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:2px;padding:10px;cursor:pointer;text-transform:uppercase;transition:all .2s}
.season-pass-btn:active{background:rgba(255,215,0,.2);transform:scale(.97)}
.sp-season-info{text-align:center;padding:8px 0 6px}
.sp-season-name{font-family:Orbitron,sans-serif;font-size:16px;letter-spacing:3px;color:#ffd000}
.sp-season-meta{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3);letter-spacing:1px;margin-top:4px}
.sp-briefing{background:rgba(255,215,0,.04);border:1px solid rgba(255,215,0,.1);border-radius:6px;padding:10px 12px;font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t2);line-height:1.6;margin:8px 0;font-style:italic}
.sp-xp-row{display:flex;align-items:center;gap:8px;padding:8px 0 12px}
.sp-xp-label{font-family:Orbitron,sans-serif;font-size:12px;color:var(--t3);letter-spacing:1px;min-width:60px}
.sp-xp-bar{flex:1;height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}
.sp-xp-fill{height:100%;background:linear-gradient(90deg,#ffd000,#ff8800);border-radius:3px;transition:width .5s;width:0%}
.sp-xp-val{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3);min-width:70px;text-align:right}
.sp-tier-list{display:flex;flex-direction:column;gap:6px}
.sp-tier{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;transition:all .2s}
.sp-tier.sp-unlocked{border-color:rgba(255,215,0,.4);background:rgba(255,215,0,.06)}
.sp-tier.sp-claimed{opacity:.5}
.sp-tier.sp-locked{opacity:.35}
.sp-tier-num{font-family:Orbitron,sans-serif;font-size:14px;min-width:20px;text-align:center}
.sp-unlocked .sp-tier-num{color:#ffd000}
.sp-claimed .sp-tier-num{color:#00ff88}
.sp-locked .sp-tier-num{color:var(--t4)}
.sp-tier-info{flex:1}
.sp-tier-name{font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:1px;color:#fff}
.sp-tier-reward{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3);margin-top:2px}
.sp-claim{background:rgba(255,215,0,.15);border:1px solid #ffd000;border-radius:5px;color:#ffd000;font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:1px;padding:4px 10px;cursor:pointer}
.sp-claim:active{background:rgba(255,215,0,.3);transform:scale(.95)}

/* ═══ DAILY GAUNTLET ═══ */
.gauntlet-header{font-family:Orbitron,sans-serif;font-size:14px;letter-spacing:3px;text-align:center;padding:12px 0 8px;color:#ff8800;text-transform:uppercase}
/* Gauntlet guide */
.gauntlet-guide{padding:0 0 10px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:10px}
.gg-main{font-size:12px;color:var(--t2);font-family:'Share Tech Mono',monospace;padding:8px 12px;background:rgba(255,255,255,.03);border-left:2px solid var(--orange);line-height:1.5;margin-bottom:8px}
.gg-tiers-preview{display:flex;justify-content:center;gap:10px;font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:1px;padding:4px 0 8px;flex-wrap:wrap}
.gg-details{margin:0}
.gg-details summary{font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:2px;color:var(--orange);cursor:pointer;text-align:center;padding:6px;opacity:.7;list-style:none;user-select:none}
.gg-details summary::-webkit-details-marker{display:none}
.gg-details summary::before{content:'▸ '}
.gg-details[open] summary::before{content:'▾ '}
.gg-detail-body{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3);line-height:1.6;padding:6px 10px}
.gg-detail-body p{margin:0 0 8px}
.gg-detail-body p:last-child{margin:0}
.gauntlet-progress-row{display:flex;justify-content:center;gap:16px;padding:6px 0 14px;font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3)}
.gauntlet-progress-row b{color:#fff}
.g-tier{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;margin-bottom:8px;transition:all .3s}
.g-tier.g-active{border-color:var(--tier-color);background:rgba(255,255,255,.06);box-shadow:0 0 12px color-mix(in srgb,var(--tier-color) 30%,transparent)}
.g-tier.g-ready{border-color:var(--tier-color);background:rgba(0,255,136,.06)}
.g-tier.g-claimed{opacity:.5}
.g-tier.g-locked{opacity:.4}
.g-tier-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.g-tier-icon{font-size:16px}
.g-tier-name{font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:2px;flex:1}
.g-tier-status{font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:1px;padding:2px 8px;border-radius:3px;background:rgba(255,255,255,.06)}
.g-st-active{color:#00d4ff;border:1px solid rgba(0,212,255,.3)}
.g-st-ready{color:#00ff88;border:1px solid rgba(0,255,136,.3);animation:pulse 1.5s infinite}
.g-st-claimed{color:var(--t4)}
.g-st-locked{color:var(--t4)}
.g-tier-reqs{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3);margin-top:2px}
.g-claim-btn{display:block;width:100%;margin-top:8px;background:rgba(0,255,136,.1);border:1px solid #00ff88;border-radius:6px;color:#00ff88;font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:1px;padding:8px;cursor:pointer;transition:all .2s}
.g-claim-btn:active{background:rgba(0,255,136,.3);transform:scale(.97)}

/* ═══ BOUNTY BOARD ═══ */
.bounty-stat{flex:1;background:rgba(255,255,255,.04);border-radius:6px;padding:8px 12px;text-align:center;font-family:'Share Tech Mono',monospace;font-size:13px}
.bounty-stat .dim{font-size:12px;color:var(--t4);letter-spacing:1px;display:block;margin-bottom:2px}
.bb-entry{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;margin-bottom:8px}
.bb-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.bb-target{font-family:Orbitron,sans-serif;font-size:13px;color:#fff;letter-spacing:1px}
.bb-bottom{display:flex;align-items:center;gap:10px;font-size:12px}
.bb-amount{font-family:'Share Tech Mono',monospace;color:#ffd000;font-weight:bold}
.bb-placer{font-family:'Share Tech Mono',monospace;color:var(--t4);font-size:12px;flex:1}

/* ═══════════════════════════════════════════════════════
   HUD GRAPHIC ENHANCEMENTS
   CSS-only tactical overlays inspired by HUD reference art
   ═══════════════════════════════════════════════════════ */

/* --- Stat Box Corner Brackets --- */
.sg{position:relative;overflow:visible}
.sg::before,.sg::after{content:'';position:absolute;width:10px;height:10px;pointer-events:none;opacity:.35;transition:opacity .3s}
.sg::before{top:-1px;left:-1px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan)}
.sg::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--cyan);border-right:2px solid var(--cyan)}

/* --- Card Corner Accents --- */
.card{position:relative}
.card::before{content:'';position:absolute;top:0;left:0;width:10px;height:10px;border-top:2px solid rgba(0,212,255,.2);border-left:2px solid rgba(0,212,255,.2);pointer-events:none;z-index:1}
.card::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;border-bottom:2px solid rgba(0,212,255,.15);border-right:2px solid rgba(0,212,255,.15);pointer-events:none;z-index:1}

/* --- Mission/Contract Card Corner Accents --- */
.mission-card{position:relative}
.mission-card::before{content:'';position:absolute;top:0;left:0;width:8px;height:8px;border-top:2px solid var(--blue);border-left:2px solid var(--blue);pointer-events:none;opacity:.5}
.mission-card::after{content:'';position:absolute;bottom:0;right:0;width:8px;height:8px;border-bottom:2px solid var(--blue);border-right:2px solid var(--blue);pointer-events:none;opacity:.5}
.contract-card{position:relative}
.contract-card::before{content:'';position:absolute;top:0;left:0;width:8px;height:8px;border-top:2px solid var(--red);border-left:2px solid var(--red);pointer-events:none;opacity:.4}

/* --- Segmented Progress Bars --- */
.xp-bar{width:100%;height:4px;background:var(--bg);border-radius:2px;overflow:hidden}
.xp-fill{height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(0,0,0,.2) 4px,rgba(0,0,0,.2) 6px),var(--orange);transition:width .3s}
.prof-xp-fill{background:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(0,0,0,.2) 4px,rgba(0,0,0,.2) 6px),var(--orange)}
.sp-xp-fill{background:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(0,0,0,.2) 4px,rgba(0,0,0,.2) 6px),linear-gradient(90deg,#ffd000,#ff8800)}
.contract-progress-bar{background:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(0,0,0,.15) 4px,rgba(0,0,0,.15) 6px),linear-gradient(90deg,#ff003c,#ff6600)}
.capture-bar-fill{background:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(0,0,0,.15) 4px,rgba(0,0,0,.15) 6px),linear-gradient(90deg,#00ff88,#00d4ff)}

/* --- Achievement Cells (legacy hex removed — now tier-grouped list) --- */

/* --- Boot Screen Circuit Traces --- */
#boot-screen .boot-wrap{position:relative}
#boot-screen .boot-wrap::before{content:'';position:absolute;inset:-40px;z-index:-1;opacity:.06;pointer-events:none;background:linear-gradient(90deg,transparent 48%,rgba(0,212,255,.6) 48%,rgba(0,212,255,.6) 49%,transparent 49%) 0 0 / 80px 80px,linear-gradient(0deg,transparent 48%,rgba(0,212,255,.6) 48%,rgba(0,212,255,.6) 49%,transparent 49%) 0 0 / 80px 80px,radial-gradient(circle 3px,rgba(0,212,255,.8) 50%,transparent 50%) 0 0 / 80px 80px}
#boot-screen .boot-wrap::after{content:'';position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;border:1px solid rgba(0,212,255,.06);border-radius:50%;box-shadow:0 0 0 40px rgba(0,212,255,.02),0 0 0 80px rgba(0,212,255,.01);opacity:.8}

/* --- Boot Bar Segments --- */
.boot-fill{background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(0,0,0,.3) 8px,rgba(0,0,0,.3) 10px),linear-gradient(90deg,var(--red),var(--orange))}

/* --- Section Divider Lines --- */
.card-label{position:relative;padding-bottom:8px}
.card-label::after{content:'';display:block;margin-top:6px;height:1px;background:linear-gradient(90deg,rgba(0,212,255,.3),rgba(0,212,255,.08) 40%,transparent)}

/* --- Stat Grid Scan Line --- */
.stat-grid{position:relative}
.stat-grid::after{content:'';position:absolute;left:0;right:0;height:1px;top:50%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.1) 20%,rgba(0,212,255,.15) 50%,rgba(0,212,255,.1) 80%,transparent);pointer-events:none}

/* --- Empty State Radar --- */
.qd-empty,.lb-empty,.contract-empty{position:relative;overflow:hidden}
.qd-empty::before,.lb-empty::before,.contract-empty::before{content:'';position:absolute;top:50%;left:50%;width:60px;height:60px;transform:translate(-50%,-50%);pointer-events:none;opacity:.12;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 12px rgba(0,212,255,.04),0 0 0 24px rgba(0,212,255,.02)}
.qd-empty::after,.lb-empty::after,.contract-empty::after{content:'+';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;font-family:'Share Tech Mono',monospace;font-size:20px;color:rgba(0,212,255,.08);line-height:1}

/* --- Weapon Strip Tech Line --- */
.wep-strip::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.15),transparent);pointer-events:none}

/* --- Nearby List Bracket --- */
.nb-item{position:relative}
.nb-item::before{content:'';position:absolute;top:0;left:0;width:6px;height:6px;border-top:1px solid var(--orange);border-left:1px solid var(--orange);pointer-events:none;opacity:.5}

/* --- Inventory Row Accent --- */
.inv-row{position:relative}
.inv-row::before{content:'';position:absolute;left:0;top:20%;bottom:20%;width:2px;background:linear-gradient(180deg,transparent,rgba(0,212,255,.3),transparent);pointer-events:none}

/* --- Bounty Entry Warning Triangle --- */
.bb-entry{position:relative}
.bb-entry::before{content:'';position:absolute;top:8px;right:8px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid rgba(255,208,0,.25);pointer-events:none}

/* --- Modal Head Bracket --- */
.slide-panel .m-head::before{content:'';position:absolute;top:4px;left:4px;width:10px;height:10px;border-top:2px solid rgba(var(--frame-accent,255,0,60),.4);border-left:2px solid rgba(var(--frame-accent,255,0,60),.4);pointer-events:none;z-index:1}

/* --- Kill Confirm Photo Brackets --- */
.kc-photo::before{content:'';position:absolute;top:4px;left:4px;width:16px;height:16px;border-top:2px solid rgba(255,0,60,.6);border-left:2px solid rgba(255,0,60,.6);pointer-events:none;z-index:1}
.kc-photo::after{content:'';position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-bottom:2px solid rgba(255,0,60,.6);border-right:2px solid rgba(255,0,60,.6);pointer-events:none;z-index:1}

/* ═══ KILL FEED HEAT/RIVAL BADGES ═══ */
.kf-wanted{background:#ff0000!important;color:#fff!important;animation:pulse 1s infinite}
.kf-hot-tag{background:#ff4400!important;color:#fff!important}
.kf-rival{background:#00d4ff!important;color:#000!important}

/* ═══ PREFERS-REDUCED-MOTION ═══ */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    .df-scanline::after { display: none; }
}

/* ═══ PERFORMANCE MODE ═══ */
body.perf-mode .df-scanline,
body.perf-mode .df-vignette,
body.perf-mode .df-noise { display: none !important; }

/* ═══ OUTDOOR HIGH-CONTRAST MODE ═══ */
body.outdoor-mode{--bg:#000;--card:#0a0a0a;--card2:#111;--border:#333;--t1:#fff;--t2:#ccc;--t3:#999}
body.outdoor-mode .hud-bar,body.outdoor-mode .hud-bot{background:rgba(0,0,0,.96)}
body.outdoor-mode .wep-strip{background:rgba(0,0,0,.94)}
body.outdoor-mode .m-panel,body.outdoor-mode .modal-box,body.outdoor-mode .sp-content{background:#0a0a0a;border-color:#444}

/* ═══ CHAT MENTION HIGHLIGHT ═══ */
.ch-m.mention{border-left:3px solid #00d4ff;background:rgba(0,212,255,.06)}

/* ═══ QUICK BRIEF (replaces tutorial) ═══ */
#tutorial-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.94);display:none;flex-direction:column;align-items:center;justify-content:center}
#tutorial-overlay.active{display:flex}
.brief-card{width:90%;max-width:340px;text-align:center;padding:32px 24px 24px}
.brief-icon{font-size:56px;margin-bottom:16px;filter:drop-shadow(0 0 20px currentColor);animation:briefPulse 2s ease-in-out infinite}
.brief-title{font-family:'Orbitron',sans-serif;font-size:28px;font-weight:900;letter-spacing:6px;margin-bottom:14px;text-shadow:0 0 20px currentColor}
.brief-desc{font-family:'Share Tech Mono',monospace;font-size:14px;color:var(--t2);line-height:1.7;margin-bottom:24px;min-height:48px}
.brief-dots{display:flex;gap:8px;justify-content:center;margin-bottom:20px}
.brief-dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:background .3s,transform .3s}
.brief-dot.on{background:var(--red);transform:scale(1.2)}
.brief-nav{display:flex;gap:12px;justify-content:center}
@keyframes briefPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
.tut-btn{padding:10px 24px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--t2);font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:2px;cursor:pointer;transition:all .2s}
.tut-btn:active{transform:scale(.95)}
.tut-btn.primary{background:rgba(255,0,60,.15);border-color:var(--red);color:var(--red)}
.tut-btn.skip{border:none;color:var(--t3);font-size:12px}
.tutorial-highlight{position:relative;z-index:10000;box-shadow:0 0 0 4px rgba(255,0,60,.5),0 0 20px rgba(255,0,60,.3)!important;animation:tutPulse 1.5s ease-in-out infinite;border-radius:4px}
@keyframes tutPulse{0%,100%{box-shadow:0 0 0 4px rgba(255,0,60,.5),0 0 20px rgba(255,0,60,.3)}50%{box-shadow:0 0 0 6px rgba(255,0,60,.7),0 0 30px rgba(255,0,60,.5)}}

/* ═══ CONTEXTUAL TOOLTIPS ═══ */
.ctx-tooltip{position:fixed;z-index:9000;max-width:260px;padding:10px 14px;background:rgba(0,0,0,.92);border:1px solid var(--blue);border-radius:6px;font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--blue);line-height:1.5;letter-spacing:.5px;box-shadow:0 0 16px rgba(0,212,255,.2);animation:ctxIn .3s ease-out;pointer-events:auto}
.ctx-tooltip::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--blue)}
.ctx-tooltip.arrow-top::after{bottom:auto;top:-6px;border-top:none;border-bottom:6px solid var(--blue)}
.ctx-tooltip .ctx-dismiss{background:none;border:none;color:var(--t3);font-size:14px;cursor:pointer;position:absolute;top:4px;right:6px;line-height:1}
@keyframes ctxIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* ═══ FEATURE TIPS (legacy compat) ═══ */
.feature-tip{display:flex;align-items:flex-start;gap:10px;background:rgba(0,212,255,.06);border:1px solid rgba(0,212,255,.2);border-left:3px solid var(--blue);border-radius:4px;padding:10px 12px;margin-bottom:12px;animation:fadeUp .3s}
.feature-tip-text{flex:1;font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--blue);line-height:1.5}
.feature-tip-x{background:none;border:none;color:var(--t3);font-size:16px;cursor:pointer;padding:0 4px;line-height:1}

/* ═══ TRAINING OPS ═══ */
#training-hud{display:none;position:fixed;top:calc(0px + var(--sat));left:0;right:0;z-index:800;padding:6px 14px;background:rgba(0,255,136,.08);border-bottom:1px solid rgba(0,255,136,.3);font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--green);text-align:center;letter-spacing:1px}
@keyframes navPulse{0%,100%{box-shadow:none}50%{box-shadow:0 0 12px var(--green),inset 0 0 8px rgba(0,255,136,.15)}}
.nav-pulse{animation:navPulse 1s ease-in-out infinite;border-color:var(--green)!important}

/* ═══ RESPONSIVE BREAKPOINTS ═══ */
@media (min-width:768px){
    .m-panel{max-width:520px}
    .m-panel.m-tall{max-width:560px}
    .modal-box{max-width:480px}
    .ob-scroll{max-width:520px}
    .stat-grid{grid-template-columns:repeat(4,1fr)}
    .av-grid{grid-template-columns:repeat(8,1fr)}
    .hud-bar{padding-left:48px;padding-right:48px}
    .hud-bot{padding-left:24px;padding-right:24px}
    .hb{min-width:56px;font-size:13px}
    .hb span{font-size:26px}
    .wep-strip{left:24px;right:24px}
    .nearby-list{width:200px}
    .kill-feed{width:300px}
}
@media (min-width:1024px){
    .m-panel{max-width:600px}
    .m-panel.m-tall{max-width:640px;max-height:85vh}
    .ob-scroll{max-width:580px}
    .hud-bar{padding-left:64px;padding-right:64px}
    .hud-bot{gap:8px;padding-left:48px;padding-right:48px;max-width:800px;margin:0 auto;width:100%}
    .wep-strip{left:48px;right:48px;max-width:700px;margin:0 auto}
    .nearby-list{width:240px}
    .kill-feed{width:340px;bottom:90px}
    .nb-toggle{top:12px;right:12px;font-size:13px}
    .theme-picker{max-width:320px}
}
@media (min-width:1440px){
    .m-panel{max-width:680px}
    .hud-bot{max-width:900px}
    .wep-strip{max-width:800px;left:50%;right:auto;transform:translateX(-50%)}
}
@media (max-height:500px) and (min-width:600px){
    .hud-bar{padding-top:4px;padding-bottom:4px}
    .hud-tray.open{max-height:60px;padding:4px 36px 6px}
    .hud-bot{padding-top:4px;padding-bottom:calc(4px + var(--sab))}
    .hb span{font-size:18px}
    .hb{font-size:12px;min-width:38px}
    .wep-strip{bottom:calc(52px + var(--sab))}
    .m-panel{max-height:90vh}
    .boot-wrap{transform:scale(.85)}
}
/* ═══ TERRITORY INCOME HUD ═══ */
.territory-income-bar{display:flex;align-items:center;gap:8px;padding:5px 14px;background:rgba(0,255,136,.06);border-bottom:1px solid rgba(0,255,136,.15);font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--green);letter-spacing:1px}
.ti-icon{font-size:14px;filter:drop-shadow(0 0 4px rgba(0,255,136,.5))}
.ti-text{opacity:.9}

/* ═══ HELP / FAQ ═══ */
.faq-item{background:var(--card2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-bottom:8px}
.faq-q{font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--blue);letter-spacing:1px;margin-bottom:6px;font-weight:700}
.faq-a{font-size:13px;color:var(--t2);line-height:1.6}

/* ═══ FIX: INLINE SVG ICON SYSTEM ═══ */
.ico{display:inline-block;width:1em;height:1em;vertical-align:-.125em;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;flex-shrink:0}
.ico-lg{width:1.3em;height:1.3em}
.ico-skull{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C7 2 3 6 3 11c0 3.2 1.7 6 4.3 7.6V21h2v-1h5.4v1h2v-2.4A9 9 0 0012 2zM9 13a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm6 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm-1 3H10l.5-1h3l.5 1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C7 2 3 6 3 11c0 3.2 1.7 6 4.3 7.6V21h2v-1h5.4v1h2v-2.4A9 9 0 0012 2zM9 13a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm6 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm-1 3H10l.5-1h3l.5 1z'/%3E%3C/svg%3E")}
.ico-shield{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z'/%3E%3C/svg%3E")}
.ico-crate{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4l10-2 10 2v16l-10 2L2 20V4zm10 0v16M2 12h20M2 4l10 2 10-2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4l10-2 10 2v16l-10 2L2 20V4zm10 0v16M2 12h20M2 4l10 2 10-2'/%3E%3C/svg%3E")}
.ico-crosshair{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 1v6m0 10v6M1 12h6m10 0h6' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 1v6m0 10v6M1 12h6m10 0h6' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.ico-bolt{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2L4 14h6l-1 8 9-12h-6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2L4 14h6l-1 8 9-12h-6z'/%3E%3C/svg%3E")}
.ico-backpack{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4a4 4 0 018 0v1h1a3 3 0 013 3v11a3 3 0 01-3 3H7a3 3 0 01-3-3V8a3 3 0 013-3h1V4zm2 0v1h4V4a2 2 0 10-4 0zm-1 8h6v3H9v-3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4a4 4 0 018 0v1h1a3 3 0 013 3v11a3 3 0 01-3 3H7a3 3 0 01-3-3V8a3 3 0 013-3h1V4zm2 0v1h4V4a2 2 0 10-4 0zm-1 8h6v3H9v-3z'/%3E%3C/svg%3E")}
.ico-scroll{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6H6zm7 0v5h5M8 12h8m-8 4h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6H6zm7 0v5h5M8 12h8m-8 4h6'/%3E%3C/svg%3E")}
.ico-pin{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E")}
.ico-coin{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 6v12m-3-9h6m-5 6h4' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 6v12m-3-9h6m-5 6h4' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.ico-power{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v10m-5.64-4.36a8 8 0 1011.28 0' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v10m-5.64-4.36a8 8 0 1011.28 0' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.ico-fire{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 23c-4.97 0-9-3.58-9-8 0-3.07 2.31-6.64 4-8 0 3 2 5 3 5.5C10.5 9 11 4 14 2c0 3 2.5 5.5 3.5 7.5 1.5-1.5 1.5-3 1.5-3 2 2 3 4.5 3 7.5 0 4.42-4.03 8-9 8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 23c-4.97 0-9-3.58-9-8 0-3.07 2.31-6.64 4-8 0 3 2 5 3 5.5C10.5 9 11 4 14 2c0 3 2.5 5.5 3.5 7.5 1.5-1.5 1.5-3 1.5-3 2 2 3 4.5 3 7.5 0 4.42-4.03 8-9 8z'/%3E%3C/svg%3E")}
.ico-globe{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10A15.3 15.3 0 0112 2z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10A15.3 15.3 0 0112 2z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.ico-alert{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E")}
.ico-run{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 5.5a2 2 0 100-4 2 2 0 000 4zM9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3A7.6 7.6 0 0017 13v-2a5.6 5.6 0 01-3.4-1.8L12 7a2 2 0 00-1.6-.8c-.3 0-.5 0-.8.2L5 8.3V13h2V9.6l2.8-1.3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 5.5a2 2 0 100-4 2 2 0 000 4zM9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3A7.6 7.6 0 0017 13v-2a5.6 5.6 0 01-3.4-1.8L12 7a2 2 0 00-1.6-.8c-.3 0-.5 0-.8.2L5 8.3V13h2V9.6l2.8-1.3'/%3E%3C/svg%3E")}
.ico-stop{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 8h8v8H8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 8h8v8H8z'/%3E%3C/svg%3E")}
.ico-sos{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.ico-flip{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A7.96 7.96 0 0012 4a8 8 0 108 8h-2a6 6 0 11-1.76-4.24L14 10h7V3l-3.35 3.35z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A7.96 7.96 0 0012 4a8 8 0 108 8h-2a6 6 0 11-1.76-4.24L14 10h7V3l-3.35 3.35z'/%3E%3C/svg%3E")}
.ico-eye{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17a5 5 0 110-10 5 5 0 010 10zm0-8a3 3 0 100 6 3 3 0 000-6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17a5 5 0 110-10 5 5 0 010 10zm0-8a3 3 0 100 6 3 3 0 000-6z'/%3E%3C/svg%3E")}
.ico-thumbsup{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 20h2c.55 0 1-.45 1-1v-9c0-.55-.45-1-1-1H2v11zm19.83-7.12c.11-.25.17-.52.17-.8V11c0-1.1-.9-2-2-2h-5.5l.92-4.65c.05-.22.02-.46-.08-.66a1.5 1.5 0 00-.48-.58L14 2 7.59 8.41C7.21 8.79 7 9.3 7 9.83v7.84A2.34 2.34 0 009.34 20h8.11c.7 0 1.36-.37 1.72-.97l2.66-6.15z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 20h2c.55 0 1-.45 1-1v-9c0-.55-.45-1-1-1H2v11zm19.83-7.12c.11-.25.17-.52.17-.8V11c0-1.1-.9-2-2-2h-5.5l.92-4.65c.05-.22.02-.46-.08-.66a1.5 1.5 0 00-.48-.58L14 2 7.59 8.41C7.21 8.79 7 9.3 7 9.83v7.84A2.34 2.34 0 009.34 20h8.11c.7 0 1.36-.37 1.72-.97l2.66-6.15z'/%3E%3C/svg%3E")}
.ico-mute{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 12A4.5 4.5 0 0014 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.8 8.8 0 0021 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 003.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4l-1.88 1.88L12 7.76V4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 12A4.5 4.5 0 0014 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.8 8.8 0 0021 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 003.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4l-1.88 1.88L12 7.76V4z'/%3E%3C/svg%3E")}
.ico-store{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z'/%3E%3C/svg%3E")}
.ico-signal{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L4 7v3c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V7l-8-5zm0 5a2 2 0 110 4 2 2 0 010-4zm0 6c-2 0-4 1-4 2v1h8v-1c0-1-2-2-4-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L4 7v3c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V7l-8-5zm0 5a2 2 0 110 4 2 2 0 010-4zm0 6c-2 0-4 1-4 2v1h8v-1c0-1-2-2-4-2z'/%3E%3C/svg%3E")}
.ico-trophy{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5 5 0 0011 15.9V19H7v2h10v-2h-4v-3.1a5 5 0 003.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5 5 0 0011 15.9V19H7v2h10v-2h-4v-3.1a5 5 0 003.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E")}
.ico-flank{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 19l1.41-1.41L5.83 13H22v-2H5.83l4.58-4.59L9 5l-7 7 7 7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 19l1.41-1.41L5.83 13H22v-2H5.83l4.58-4.59L9 5l-7 7 7 7z'/%3E%3C/svg%3E")}
.ico-battery{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.34C7 21.4 7.6 22 8.33 22h7.34c.73 0 1.33-.6 1.33-1.33V5.33C17 4.6 16.4 4 15.67 4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.34C7 21.4 7.6 22 8.33 22h7.34c.73 0 1.33-.6 1.33-1.33V5.33C17 4.6 16.4 4 15.67 4z'/%3E%3C/svg%3E")}
.ico-market{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E")}
.ico-gun{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 6h16v4h4v4h-6v2h-2v-2H8l-2 4H4l2-4H2V6zm2 2v4h10V8H4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 6h16v4h4v4h-6v2h-2v-2H8l-2 4H4l2-4H2V6zm2 2v4h10V8H4z'/%3E%3C/svg%3E")}
.ico-explosion{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.5 6.5L21 7l-4.5 5L21 17l-6.5-1.5L12 22l-2.5-6.5L3 17l4.5-5L3 7l6.5 1.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.5 6.5L21 7l-4.5 5L21 17l-6.5-1.5L12 22l-2.5-6.5L3 17l4.5-5L3 7l6.5 1.5z'/%3E%3C/svg%3E")}
.ico-key{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.65 10a6 6 0 10-1.3 2H15v2h2v-2h2v-2h-6.35zM7 12a2 2 0 110-4 2 2 0 010 4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.65 10a6 6 0 10-1.3 2H15v2h2v-2h2v-2h-6.35zM7 12a2 2 0 110-4 2 2 0 010 4z'/%3E%3C/svg%3E")}
.ico-ghost{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C7.58 2 4 5.58 4 10v12l2.5-3 2.5 3 3-3 3 3 2.5-3 2.5 3V10c0-4.42-3.58-8-8-8zM9 11a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm6 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C7.58 2 4 5.58 4 10v12l2.5-3 2.5 3 3-3 3 3 2.5-3 2.5 3V10c0-4.42-3.58-8-8-8zM9 11a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm6 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3z'/%3E%3C/svg%3E")}
.ico-bomb{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='14' r='7'/%3E%3Cpath d='M15 4l2-2m-4 5V3h2l2 2-2 2h-2z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='14' r='7'/%3E%3Cpath d='M15 4l2-2m-4 5V3h2l2 2-2 2h-2z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.ico-lock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 10V8A6 6 0 006 8v2H4v12h16V10h-2zM8 8a4 4 0 018 0v2H8V8zm4 10a2 2 0 110-4 2 2 0 010 4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 10V8A6 6 0 006 8v2H4v12h16V10h-2zM8 8a4 4 0 018 0v2H8V8zm4 10a2 2 0 110-4 2 2 0 010 4z'/%3E%3C/svg%3E")}
.ico-disk{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 0v5H7V3h10zm-5 13a2 2 0 100-4 2 2 0 000 4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 0v5H7V3h10zm-5 13a2 2 0 100-4 2 2 0 000 4z'/%3E%3C/svg%3E")}
.ico-radio{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.24 6.15C4.97 4.82 8.2 3 12 3s7.03 1.82 8.76 3.15L12 18 3.24 6.15z'/%3E%3Cpath d='M12 3v15' fill='none' stroke='black' stroke-width='1'/%3E%3Ccircle cx='12' cy='21' r='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.24 6.15C4.97 4.82 8.2 3 12 3s7.03 1.82 8.76 3.15L12 18 3.24 6.15z'/%3E%3Cpath d='M12 3v15' fill='none' stroke='black' stroke-width='1'/%3E%3Ccircle cx='12' cy='21' r='2'/%3E%3C/svg%3E")}
.ico-helicopter{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18v2H3V4zm9 3c-3.3 0-6 2.7-6 6h2c0-2.2 1.8-4 4-4s4 1.8 4 4h2c0-3.3-2.7-6-6-6zm-1 6v5H7v2h10v-2h-4v-5h-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18v2H3V4zm9 3c-3.3 0-6 2.7-6 6h2c0-2.2 1.8-4 4-4s4 1.8 4 4h2c0-3.3-2.7-6-6-6zm-1 6v5H7v2h10v-2h-4v-5h-2z'/%3E%3C/svg%3E")}
.ico-compass{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M16.24 7.76l-5.66 2.83-2.83 5.66 5.66-2.83z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M16.24 7.76l-5.66 2.83-2.83 5.66 5.66-2.83z'/%3E%3C/svg%3E")}
.ico-sword{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.92 5L5 7l4 4-2.79 2.79 1.41 1.41L14 8.83 19 3l-5 1-2.09 2.09L6.92 5zM3 17l2 2 5-5-2-2-5 5zm14 2l2-2-5-5-2 2 5 5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.92 5L5 7l4 4-2.79 2.79 1.41 1.41L14 8.83 19 3l-5 1-2.09 2.09L6.92 5zM3 17l2 2 5-5-2-2-5 5zm14 2l2-2-5-5-2 2 5 5z'/%3E%3C/svg%3E")}
.ico-flag{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2v20m0-18l9 3.5L5 11m0 0l9 3.5L5 18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2v20m0-18l9 3.5L5 11m0 0l9 3.5L5 18'/%3E%3C/svg%3E")}
.ico-person{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M12 14c-4.42 0-8 1.79-8 4v2h16v-2c0-2.21-3.58-4-8-4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M12 14c-4.42 0-8 1.79-8 4v2h16v-2c0-2.21-3.58-4-8-4z'/%3E%3C/svg%3E")}
.ico-noentry{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M4.93 4.93l14.14 14.14' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M4.93 4.93l14.14 14.14' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.ico-speaker{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 11.74A6.01 6.01 0 0014 6v1.56c2.04 1 3.41 3.07 3.41 5.44s-1.37 4.44-3.41 5.44V20a8.01 8.01 0 004-8.26zM3 9v6h4l5 5V4L7 9H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 11.74A6.01 6.01 0 0014 6v1.56c2.04 1 3.41 3.07 3.41 5.44s-1.37 4.44-3.41 5.44V20a8.01 8.01 0 004-8.26zM3 9v6h4l5 5V4L7 9H3z'/%3E%3C/svg%3E")}
.ico-light{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z'/%3E%3C/svg%3E")}
.ico-drop{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8 8 4 11.5 4 15.5 4 19.64 7.58 22 12 22s8-2.36 8-6.5C20 11.5 16 8 12 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8 8 4 11.5 4 15.5 4 19.64 7.58 22 12 22s8-2.36 8-6.5C20 11.5 16 8 12 2z'/%3E%3C/svg%3E")}
.ico-snow{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v20M2 12h20M4.93 4.93l14.14 14.14M19.07 4.93L4.93 19.07' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v20M2 12h20M4.93 4.93l14.14 14.14M19.07 4.93L4.93 19.07' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E")}
.ico-gear{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58a.49.49 0 00.12-.61l-1.92-3.32a.49.49 0 00-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.48.48 0 00-.48-.41h-3.84a.48.48 0 00-.48.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96a.49.49 0 00-.59.22L2.74 9.87a.48.48 0 00.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58a.49.49 0 00-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.26.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6A3.6 3.6 0 1112 8.4a3.6 3.6 0 010 7.2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58a.49.49 0 00.12-.61l-1.92-3.32a.49.49 0 00-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.48.48 0 00-.48-.41h-3.84a.48.48 0 00-.48.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96a.49.49 0 00-.59.22L2.74 9.87a.48.48 0 00.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58a.49.49 0 00-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.26.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6A3.6 3.6 0 1112 8.4a3.6 3.6 0 010 7.2z'/%3E%3C/svg%3E")}
.ico-flask{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 3H9v5.4L4 18c-.5 1 .2 2 1.3 2h13.4c1.1 0 1.8-1 1.3-2L15 8.4V3zM7 18l4-7.6V5h2v5.4L17 18H7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 3H9v5.4L4 18c-.5 1 .2 2 1.3 2h13.4c1.1 0 1.8-1 1.3-2L15 8.4V3zM7 18l4-7.6V5h2v5.4L17 18H7z'/%3E%3C/svg%3E")}
.ico-search{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='7' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M16 16l5.5 5.5' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='7' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M16 16l5.5 5.5' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.ico-hourglass{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2v6l4 4-4 4v6h12v-6l-4-4 4-4V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4h8v3.5l-4 4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2v6l4 4-4 4v6h12v-6l-4-4 4-4V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4h8v3.5l-4 4z'/%3E%3C/svg%3E")}
.ico-note{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6zm2-6h8v2H8v-2zm0-3h8v2H8v-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6zm2-6h8v2H8v-2zm0-3h8v2H8v-2z'/%3E%3C/svg%3E")}
.ico-paint{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 4V3c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V6h1v4H9v11c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-9h8V4h-3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 4V3c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V6h1v4H9v11c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-9h8V4h-3z'/%3E%3C/svg%3E")}
.ico-magnet{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7v6c0 5 4 9 9 9s9-4 9-9V7h-4v6c0 2.76-2.24 5-5 5s-5-2.24-5-5V7H3zm0 0h4V3H3v4zm14 0h4V3h-4v4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7v6c0 5 4 9 9 9s9-4 9-9V7h-4v6c0 2.76-2.24 5-5 5s-5-2.24-5-5V7H3zm0 0h4V3H3v4zm14 0h4V3h-4v4z'/%3E%3C/svg%3E")}
.ico-thermometer{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 13V5c0-1.66-1.34-3-3-3S9 3.34 9 5v8c-1.21.91-2 2.37-2 4 0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.09-2-4zm-4-8c0-.55.45-1 1-1s1 .45 1 1v3h-2V5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 13V5c0-1.66-1.34-3-3-3S9 3.34 9 5v8c-1.21.91-2 2.37-2 4 0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.09-2-4zm-4-8c0-.55.45-1 1-1s1 .45 1 1v3h-2V5z'/%3E%3C/svg%3E")}
.ico-biohazard{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v7m-6.93 9.5l6.06-3.5m6.93-6l-6.06 3.5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v7m-6.93 9.5l6.06-3.5m6.93-6l-6.06 3.5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.ico-parachute{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6 2 2 8 2 12h4l6 9 6-9h4c0-4-4-10-10-10z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6 2 2 8 2 12h4l6 9 6-9h4c0-4-4-10-10-10z'/%3E%3C/svg%3E")}
.ico-terminal{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.5 14.5l-1-1L9 11 6.5 8.5l1-1L11 11l-3.5 3.5zm9.5 0h-5v-1h5v1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.5 14.5l-1-1L9 11 6.5 8.5l1-1L11 11l-3.5 3.5zm9.5 0h-5v-1h5v1z'/%3E%3C/svg%3E")}
.ico-folder{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z'/%3E%3C/svg%3E")}
.ico-barricade{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 18h20v3H2v-3zM4 7v9h2V7H4zm14 0v9h2V7h-2zM8 7l8 9V7l-8 9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 18h20v3H2v-3zM4 7v9h2V7H4zm14 0v9h2V7h-2zM8 7l8 9V7l-8 9'/%3E%3C/svg%3E")}
.ico-diamond{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l10 10-10 10L2 12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l10 10-10 10L2 12z'/%3E%3C/svg%3E")}
.ico-question{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 9a3 3 0 115 2.83c-.7.47-1 1.17-1 2.17v1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='18' r='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 9a3 3 0 115 2.83c-.7.47-1 1.17-1 2.17v1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='18' r='1'/%3E%3C/svg%3E")}
.ico-hammer{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 19.63L13.63 8 10 4l2-2 8 8-2 2-4-3.63L2.37 20 2 19.63z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 19.63L13.63 8 10 4l2-2 8 8-2 2-4-3.63L2.37 20 2 19.63z'/%3E%3C/svg%3E")}
.ico-bell{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z'/%3E%3C/svg%3E")}
.ico-ruler{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5v14h18V5H3zm16 12H5V7h2v4h2V7h2v4h2V7h2v4h2V7h2v10z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5v14h18V5H3zm16 12H5V7h2v4h2V7h2v4h2V7h2v4h2V7h2v10z'/%3E%3C/svg%3E")}
.ico-wire{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 14h-3V4h-2v10h-2V6h-2v8H9V8H7v6H4v2h3v4h2v-4h3v4h2v-4h2v4h2v-4h3v-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 14h-3V4h-2v10h-2V6h-2v8H9V8H7v6H4v2h3v4h2v-4h3v4h2v-4h2v4h2v-4h3v-2z'/%3E%3C/svg%3E")}
.ico-monitor{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z'/%3E%3C/svg%3E")}
.ico-bandage{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.73 12.02l3.98-3.98a2.5 2.5 0 000-3.54L18.5 1.29a2.5 2.5 0 00-3.54 0l-3.98 3.98-3.98-3.98a2.5 2.5 0 00-3.54 0L.29 4.5a2.5 2.5 0 000 3.54l3.98 3.98-3.98 3.98a2.5 2.5 0 000 3.54L3.5 22.71a2.5 2.5 0 003.54 0l3.98-3.98 3.98 3.98a2.5 2.5 0 003.54 0l3.17-3.17a2.5 2.5 0 000-3.54l-3.98-3.98z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.73 12.02l3.98-3.98a2.5 2.5 0 000-3.54L18.5 1.29a2.5 2.5 0 00-3.54 0l-3.98 3.98-3.98-3.98a2.5 2.5 0 00-3.54 0L.29 4.5a2.5 2.5 0 000 3.54l3.98 3.98-3.98 3.98a2.5 2.5 0 000 3.54L3.5 22.71a2.5 2.5 0 003.54 0l3.98-3.98 3.98 3.98a2.5 2.5 0 003.54 0l3.17-3.17a2.5 2.5 0 000-3.54l-3.98-3.98z'/%3E%3C/svg%3E")}
.ico-clip{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a5.64 5.64 0 01-7.98-7.98l9.19-9.19a3.76 3.76 0 015.32 5.32L9.6 17.57a1.88 1.88 0 01-2.66-2.66l8.38-8.38 1.06 1.06-8.38 8.38a.63.63 0 00.88.88l9.19-9.19a2.51 2.51 0 00-3.54-3.54l-9.19 9.19a3.76 3.76 0 005.32 5.32l9.19-9.19 1.06 1.06z' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a5.64 5.64 0 01-7.98-7.98l9.19-9.19a3.76 3.76 0 015.32 5.32L9.6 17.57a1.88 1.88 0 01-2.66-2.66l8.38-8.38 1.06 1.06-8.38 8.38a.63.63 0 00.88.88l9.19-9.19a2.51 2.51 0 00-3.54-3.54l-9.19 9.19a3.76 3.76 0 005.32 5.32l9.19-9.19 1.06 1.06z' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E")}
.ico-oil{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v2H4V6zm1 4h14v10c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2V10zm4-6h6v2H9V4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v2H4V6zm1 4h14v10c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2V10zm4-6h6v2H9V4z'/%3E%3C/svg%3E")}
.ico-siren{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L4 8v2h1v10h14V10h1V8l-8-6zm0 2.5L18 9H6l6-4.5zM7 12h4v2H7v-2zm6 0h4v2h-4v-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L4 8v2h1v10h14V10h1V8l-8-6zm0 2.5L18 9H6l6-4.5zM7 12h4v2H7v-2zm6 0h4v2h-4v-2z'/%3E%3C/svg%3E")}
.ico-crown{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 19h20v3H2v-3zM2 8l5 5 5-8 5 8 5-5v11H2V8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 19h20v3H2v-3zM2 8l5 5 5-8 5 8 5-5v11H2V8z'/%3E%3C/svg%3E")}
.ico-tool{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z'/%3E%3C/svg%3E")}
.ico-medal{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7a5 5 0 105 5 5 5 0 00-5-5zm0 8a3 3 0 113-3 3 3 0 01-3 3z'/%3E%3Cpath d='M14 2h-4l-1 4.05A6.98 6.98 0 006 12c0 3.87 3.13 7 7 7a7 7 0 005-11.95L14 2z' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M8 19l-2 3h3l3-2 3 2h3l-2-3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7a5 5 0 105 5 5 5 0 00-5-5zm0 8a3 3 0 113-3 3 3 0 01-3 3z'/%3E%3Cpath d='M14 2h-4l-1 4.05A6.98 6.98 0 006 12c0 3.87 3.13 7 7 7a7 7 0 005-11.95L14 2z' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M8 19l-2 3h3l3-2 3 2h3l-2-3'/%3E%3C/svg%3E")}
.ico-star{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E")}
.ico-calendar{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7v-5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7v-5z'/%3E%3C/svg%3E")}
.ico-check{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E")}
.ico-gift{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6h-2.18c.11-.31.18-.65.18-1a3 3 0 00-3-3c-1.05 0-1.95.54-2.47 1.35L12 4l-.53-.65A2.99 2.99 0 009 2a3 3 0 00-3 3c0 .35.07.69.18 1H4c-1.11 0-2 .89-2 2v3c0 .55.45 1 1 1v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7c.55 0 1-.45 1-1V8c0-1.11-.89-2-2-2zm-5-2a1 1 0 110 2 1 1 0 010-2zM9 4a1 1 0 110 2 1 1 0 010-2zm-5 4h5v2H4V8zm1 4h4v6H5v-6zm14 6h-4v-6h4v6zm1-8h-5V8h5v2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6h-2.18c.11-.31.18-.65.18-1a3 3 0 00-3-3c-1.05 0-1.95.54-2.47 1.35L12 4l-.53-.65A2.99 2.99 0 009 2a3 3 0 00-3 3c0 .35.07.69.18 1H4c-1.11 0-2 .89-2 2v3c0 .55.45 1 1 1v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7c.55 0 1-.45 1-1V8c0-1.11-.89-2-2-2zm-5-2a1 1 0 110 2 1 1 0 010-2zM9 4a1 1 0 110 2 1 1 0 010-2zm-5 4h5v2H4V8zm1 4h4v6H5v-6zm14 6h-4v-6h4v6zm1-8h-5V8h5v2z'/%3E%3C/svg%3E")}
.ico-camera{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.2a3.2 3.2 0 100-6.4 3.2 3.2 0 000 6.4z'/%3E%3Cpath d='M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.2a3.2 3.2 0 100-6.4 3.2 3.2 0 000 6.4z'/%3E%3Cpath d='M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z'/%3E%3C/svg%3E")}
.ico-detective{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M12 14c-4.42 0-8 1.79-8 4v2h16v-2c0-2.21-3.58-4-8-4z'/%3E%3Cpath d='M2 6h20v2H2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M12 14c-4.42 0-8 1.79-8 4v2h16v-2c0-2.21-3.58-4-8-4z'/%3E%3Cpath d='M2 6h20v2H2z'/%3E%3C/svg%3E")}
.ico-timer{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 1H9v2h6V1zm-4 13h2V8h-2v6zm8.03-6.61l1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42A8.96 8.96 0 0012 4a9 9 0 00-9 9 9 9 0 009 9 9 9 0 009-9c0-2.12-.74-4.07-1.97-5.61zM12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 1H9v2h6V1zm-4 13h2V8h-2v6zm8.03-6.61l1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42A8.96 8.96 0 0012 4a9 9 0 00-9 9 9 9 0 009 9 9 9 0 009-9c0-2.12-.74-4.07-1.97-5.61zM12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z'/%3E%3C/svg%3E")}
.ico-fog{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 15h18v2H3v-2zm0 4h18v2H3v-2zm0-8h18v2H3v-2zm3-4h12v2H6V7z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 15h18v2H3v-2zm0 4h18v2H3v-2zm0-8h18v2H3v-2zm3-4h12v2H6V7z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.ico-rhombus{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 10-8 10-8-10z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 10-8 10-8-10z'/%3E%3C/svg%3E")}
.ico-speed{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 18a8 8 0 110-16 8 8 0 010 16zm1-8.41l2.54 2.53-1.41 1.42L11 12.41V6h2v5.59z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 18a8 8 0 110-16 8 8 0 010 16zm1-8.41l2.54 2.53-1.41 1.42L11 12.41V6h2v5.59z'/%3E%3C/svg%3E")}
.ico-cross{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}
.ico-radiation{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 4a2 2 0 110 4 2 2 0 010-4zM8 17l2-4a4 4 0 01-2-3H5a7 7 0 003 7zm8 0a7 7 0 003-7h-3a4 4 0 01-2 3l2 4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 4a2 2 0 110 4 2 2 0 010-4zM8 17l2-4a4 4 0 01-2-3H5a7 7 0 003 7zm8 0a7 7 0 003-7h-3a4 4 0 01-2 3l2 4z'/%3E%3C/svg%3E")}
.ico-moon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 109 9c0-5-4-9-9-9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 109 9c0-5-4-9-9-9z'/%3E%3C/svg%3E")}
.ico-data{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v12H4V6zm2 2v8h12V8H6zm-2-4h4v2H4V4zm6 0h4v2h-4V4zm6 0h4v2h-4V4zM4 18h4v2H4v-2zm6 0h4v2h-4v-2zm6 0h4v2h-4v-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v12H4V6zm2 2v8h12V8H6zm-2-4h4v2H4V4zm6 0h4v2h-4V4zm6 0h4v2h-4V4zM4 18h4v2H4v-2zm6 0h4v2h-4v-2zm6 0h4v2h-4v-2z'/%3E%3C/svg%3E")}
.ico-wind{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2H4v2zm0 4h14c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2H4v2zm0 4h10c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2H4v-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2H4v2zm0 4h14c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2H4v2zm0 4h10c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2H4v-2z'/%3E%3C/svg%3E")}
.ico-building{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21V3h8v4h10v14H3zm2-2h4v-3H5v3zm0-5h4v-3H5v3zm0-5h4V6H5v3zm6 10h4v-3h-4v3zm0-5h4v-3h-4v3zm6 5h2v-3h-2v3zm0-5h2v-3h-2v3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21V3h8v4h10v14H3zm2-2h4v-3H5v3zm0-5h4v-3H5v3zm0-5h4V6H5v3zm6 10h4v-3h-4v3zm0-5h4v-3h-4v3zm6 5h2v-3h-2v3zm0-5h2v-3h-2v3z'/%3E%3C/svg%3E")}
.ico-backpack{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6V4c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v2h1c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V8c0-1.1.9-2 2-2h1zm2-2v2h8V4H8zm-3 6v10h14V10H5zm5 2h4v3h-4v-3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6V4c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v2h1c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V8c0-1.1.9-2 2-2h1zm2-2v2h8V4H8zm-3 6v10h14V10H5zm5 2h4v3h-4v-3z'/%3E%3C/svg%3E")}
.ico-eye{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E")}
.ico-helmet{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C7 2 3 6 3 11v3h2v-1h14v1h2v-3c0-5-4-9-9-9zM5 11c0-3.87 3.13-7 7-7s7 3.13 7 7v1H5v-1zm-2 6h18v2H3v-2zm2 4h14v1H5v-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C7 2 3 6 3 11v3h2v-1h14v1h2v-3c0-5-4-9-9-9zM5 11c0-3.87 3.13-7 7-7s7 3.13 7 7v1H5v-1zm-2 6h18v2H3v-2zm2 4h14v1H5v-1z'/%3E%3C/svg%3E")}
.ico-snowflake{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 1h2v4.06l2.83-2.83 1.41 1.41L13 7.88V11h3.12l4.24-4.24 1.41 1.41L18.94 11H23v2h-4.06l2.83 2.83-1.41 1.41L16.12 13H13v3.12l4.24 4.24-1.41 1.41L13 18.94V23h-2v-4.06l-2.83 2.83-1.41-1.41L11 16.12V13H7.88l-4.24 4.24-1.41-1.41L5.06 13H1v-2h4.06L2.23 8.17l1.41-1.41L7.88 11H11V7.88L6.76 3.64l1.41-1.41L11 5.06V1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 1h2v4.06l2.83-2.83 1.41 1.41L13 7.88V11h3.12l4.24-4.24 1.41 1.41L18.94 11H23v2h-4.06l2.83 2.83-1.41 1.41L16.12 13H13v3.12l4.24 4.24-1.41 1.41L13 18.94V23h-2v-4.06l-2.83 2.83-1.41-1.41L11 16.12V13H7.88l-4.24 4.24-1.41-1.41L5.06 13H1v-2h4.06L2.23 8.17l1.41-1.41L7.88 11H11V7.88L6.76 3.64l1.41-1.41L11 5.06V1z'/%3E%3C/svg%3E")}
.ico-thermometer{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 13V5c0-1.66-1.34-3-3-3S9 3.34 9 5v8c-1.21.91-2 2.37-2 4 0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.09-2-4zm-4-8c0-.55.45-1 1-1s1 .45 1 1v3h-2V5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 13V5c0-1.66-1.34-3-3-3S9 3.34 9 5v8c-1.21.91-2 2.37-2 4 0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.09-2-4zm-4-8c0-.55.45-1 1-1s1 .45 1 1v3h-2V5z'/%3E%3C/svg%3E")}

/* ═══ WEAPON DRAWER ═══ */
#weapon-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:550;pointer-events:none;display:flex;justify-content:flex-end}
#weapon-drawer.active{pointer-events:auto}
.wd-overlay{position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .3s ease;pointer-events:none}
#weapon-drawer.active .wd-overlay{opacity:1;pointer-events:auto}
.wd-panel{position:relative;width:min(280px,75vw);height:100%;background:rgba(10,10,18,.96);border-left:2px solid rgba(255,136,0,.25);display:flex;flex-direction:column;padding:calc(16px + var(--sat)) 16px calc(16px + var(--sab));transform:translateX(100%);transition:transform .35s cubic-bezier(.25,.46,.45,.94);overflow-y:auto;box-shadow:-4px 0 24px rgba(0,0,0,.6)}
#weapon-drawer.active .wd-panel{transform:translateX(0);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.wd-close{position:absolute;top:calc(8px + var(--sat));left:8px;width:36px;height:36px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center}
.wd-close:active{background:rgba(255,0,60,.15);color:#ff003c}
.wd-header{text-align:center;padding:20px 0 16px;border-bottom:1px solid rgba(255,136,0,.1);margin-bottom:16px}
.wd-wep-img{width:80px;height:auto;max-height:60px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,136,0,.3));margin:0 auto 8px;display:block}
.wd-wep-name{font-family:'Orbitron',sans-serif;font-size:16px;font-weight:700;color:#ff8800;letter-spacing:3px;margin-bottom:2px}
.wd-wep-class{font-family:'Share Tech Mono',monospace;font-size:12px;color:#555;letter-spacing:3px;text-transform:uppercase}
.wd-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.wd-stat{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:8px 10px;text-align:center}
.wd-stat-label{display:block;font-family:'Share Tech Mono',monospace;font-size:12px;color:#555;letter-spacing:2px;margin-bottom:4px}
.wd-stat-value{display:block;font-family:'Orbitron',sans-serif;font-size:15px;font-weight:600;color:#e8e8f0}
.wd-ammo-bar{height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;margin-bottom:16px}
.wd-ammo-fill{height:100%;background:linear-gradient(90deg,#ff8800,#ffd000);border-radius:2px;transition:width .3s ease}
.wd-btn-reload{width:100%;padding:12px;background:rgba(255,136,0,.08);border:1px solid rgba(255,136,0,.25);border-radius:8px;color:#ff8800;font-family:'Orbitron',sans-serif;font-size:13px;font-weight:600;letter-spacing:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;transition:all .2s}
.wd-btn-reload:active{background:rgba(255,136,0,.2);transform:scale(.97)}
.wd-btn-reload:disabled{opacity:.3;pointer-events:none}
.wd-sub-actions{display:flex;gap:8px}
.wd-sub-btn{flex:1;padding:10px 6px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#888;font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:1px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s}
.wd-sub-btn:active{background:rgba(0,212,255,.08);border-color:rgba(0,212,255,.2);color:#00d4ff}
#btn-weapon-drawer.active{box-shadow:0 0 12px rgba(255,136,0,.3);background:rgba(255,136,0,.15);border-color:#ff8800}

/* ═══ FIX: KILL CONFIRMATION OVERLAY ═══ */
.kill-overlay{position:fixed;inset:0;z-index:9100;pointer-events:none;display:none}
.kill-overlay.active{display:block;animation:killFlashAnim .8s ease-out forwards}
.kill-overlay-bg{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,255,136,.15) 0%,rgba(0,255,136,.05) 40%,transparent 70%)}
.kill-overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Orbitron',sans-serif;font-size:28px;font-weight:900;color:#00ff88;letter-spacing:8px;text-shadow:0 0 30px rgba(0,255,136,.8),0 0 60px rgba(0,255,136,.4);white-space:nowrap;opacity:0;animation:killTextIn .6s .1s ease-out forwards}
.kill-overlay-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ff88,transparent);opacity:0}
.kill-overlay-line.top{top:35%;animation:killLineIn .5s .05s ease-out forwards}
.kill-overlay-line.bot{bottom:35%;animation:killLineIn .5s .15s ease-out forwards}
@keyframes killFlashAnim{0%{opacity:1}100%{opacity:0}}
@keyframes killTextIn{0%{opacity:0;transform:translate(-50%,-50%) scale(1.5);letter-spacing:20px}30%{opacity:1;transform:translate(-50%,-50%) scale(1);letter-spacing:8px}100%{opacity:0;transform:translate(-50%,-50%) scale(.95);letter-spacing:6px}}
@keyframes killLineIn{0%{opacity:0;transform:scaleX(0)}30%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1)}}

.flash.green{background:rgba(0,255,136,.2)}

/* ═══ FIX: MICRO-TRANSITIONS ON MODAL/TAB SWITCHES ═══ */
.modal .m-panel{animation:modalIn .25s ease-out}
@keyframes modalIn{from{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
.m-body>[id]{transition:opacity .15s ease}
.auth-tab{transition:color .2s,border-color .2s}
.ptt-btn{transition:background .15s,border-color .15s,color .15s}

/* ═══════════════════════════════════════════════════════════
   GENESIS — Season 1: Threat Level, ECHO, Intel, Nemesis
   ═══════════════════════════════════════════════════════════ */

/* ── THREAT LEVEL BAR ── */
.threat-bar{display:flex;align-items:center;gap:6px;padding:4px 10px;font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:1px}
.threat-label{color:var(--t3);font-size:12px}
.threat-pips{display:flex;gap:3px}
.threat-pips .tp{display:block;width:16px;height:6px;background:var(--card2);border:1px solid var(--border);border-radius:1px;transition:background .5s,box-shadow .5s}
.threat-pips .tp.on{background:var(--green);box-shadow:0 0 6px rgba(0,255,136,.4)}
.threat-bar.threat-4 .tp.on{background:var(--blue);box-shadow:0 0 6px rgba(0,212,255,.4)}
.threat-bar.threat-3 .tp.on{background:var(--yellow);box-shadow:0 0 6px rgba(255,208,0,.4)}
.threat-bar.threat-2 .tp.on{background:var(--orange);box-shadow:0 0 6px rgba(255,136,0,.5)}
.threat-bar.threat-1 .tp.on{background:var(--red);box-shadow:0 0 8px rgba(255,0,60,.6)}
.threat-name{color:var(--green);font-weight:700;flex:1;text-align:right}
.threat-bar.threat-4 .threat-name{color:var(--blue)}
.threat-bar.threat-3 .threat-name{color:var(--yellow)}
.threat-bar.threat-2 .threat-name{color:var(--orange)}
.threat-bar.threat-1 .threat-name{color:var(--red);animation:threatPulse 1.5s infinite}
.threat-corp{color:var(--t4);font-size:12px;letter-spacing:3px}
@keyframes threatPulse{0%,100%{opacity:1}50%{opacity:.5}}

/* ── THREAT ATMOSPHERE OVERLAYS ── */
.threat-atmo-1 .leaflet-map-pane{filter:saturate(1.3) contrast(1.1)}
.threat-atmo-2 .leaflet-map-pane{filter:saturate(1.15)}
.threat-atmo-3 .leaflet-map-pane{filter:none}

/* ── ECHO TRANSMISSIONS (Kill Feed) ── */
.kf-entry.kf-echo{border-left:2px solid var(--cyan);background:rgba(0,212,255,.04);padding:4px 8px}
.kf-echo-text{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--cyan);letter-spacing:1px;opacity:.85}
.kf-entry.kf-echo-axiom{border-left-color:var(--red);background:rgba(255,0,60,.04)}
.kf-entry.kf-echo-axiom .kf-echo-text{color:var(--red)}
.kf-entry.kf-echo-warn{border-left-color:var(--orange);background:rgba(255,136,0,.04)}
.kf-entry.kf-echo-warn .kf-echo-text{color:var(--orange)}
.kf-entry.kf-echo-action{border-left-color:var(--green);background:rgba(0,255,136,.04)}
.kf-entry.kf-echo-action .kf-echo-text{color:var(--green)}
.kf-entry.kf-echo-sys{border-left-color:var(--yellow);background:rgba(255,208,0,.04)}
.kf-entry.kf-echo-sys .kf-echo-text{color:var(--yellow)}

/* ── INTEL DROP MARKERS ── */
.intel-marker{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;border:2px solid;animation:intelPulse 2s infinite;box-shadow:0 0 12px currentColor;background:rgba(0,0,0,.8)}
.intel-marker.intel-architect{border-color:var(--red);color:var(--red)}
.intel-marker.intel-echo{border-color:var(--cyan);color:var(--cyan)}
.intel-marker.intel-corrupted{border-color:var(--purple);color:var(--purple)}
.intel-marker.intel-program{border-color:var(--green);color:var(--green)}
.intel-marker.intel-default{border-color:var(--orange);color:var(--orange)}
@keyframes intelPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}

/* ── INTEL CLAIM MODAL ── */
#m-intel .m-panel{border:1px solid var(--cyan);box-shadow:0 0 30px rgba(0,212,255,.15)}
#intel-lore-text{font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--cyan);line-height:1.7;letter-spacing:1px;padding:12px;background:rgba(0,212,255,.04);border:1px solid rgba(0,212,255,.1);border-radius:4px;margin:10px 0}
#intel-category{font-size:12px;letter-spacing:3px;color:var(--t3)}
#intel-xp{color:var(--green);font-family:'Share Tech Mono',monospace;font-size:12px}

/* ── CLASSIFIED INTEL (Profile) ── */
.intel-list{max-height:200px;overflow-y:auto;margin-bottom:10px}
.intel-frag{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--card2);border-left:2px solid var(--cyan);margin-bottom:4px;border-radius:0 4px 4px 0}
.intel-cat{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3);letter-spacing:2px;text-transform:uppercase}
.intel-text{font-size:12px;color:var(--t1);line-height:1.5}
.intel-cat-axiom{border-left-color:var(--red)}
.intel-cat-axiom .intel-cat{color:var(--red)}
.intel-cat-echo{border-left-color:var(--cyan)}
.intel-cat-corrupted{border-left-color:var(--purple)}
.intel-cat-corrupted .intel-cat{color:var(--purple)}
.intel-cat-program{border-left-color:var(--green)}
.intel-cat-program .intel-cat{color:var(--green)}
.intel-cat-architect{border-left-color:var(--red)}
.intel-cat-architect .intel-cat{color:var(--red)}
.intel-empty{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3);text-align:center;padding:16px;letter-spacing:2px}

/* ── NEMESIS CARD (Profile) ── */
.nemesis-card{background:linear-gradient(135deg,rgba(255,0,60,.08),rgba(255,0,60,.02));border:1px solid rgba(255,0,60,.2);border-radius:6px;padding:12px;margin-top:10px}
.nemesis-head{font-family:'Orbitron',sans-serif;font-size:12px;color:var(--red);letter-spacing:3px;margin-bottom:6px}
.nemesis-name{font-size:16px;font-weight:700;color:var(--t1);margin-bottom:6px}
.nemesis-stats{display:flex;gap:12px}
.nem-stat{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t3);letter-spacing:1px}
.nem-stat strong{color:var(--red)}

/* ── CORRUPTED MISSION BRIEFING ── */
.brief-text.corrupted{position:relative}
.glitch-char{color:var(--red);font-family:'Share Tech Mono',monospace;opacity:.7}
.corrupt-word{color:var(--orange);font-family:'Share Tech Mono',monospace;font-weight:700}
.axiom-inject{color:var(--red);font-family:'Share Tech Mono',monospace;font-style:italic;opacity:.6;font-size:12px}
.mission-brief-card.brief-danger{border-color:var(--orange);box-shadow:0 0 20px rgba(255,136,0,.1)}
.mission-brief-card.brief-critical{border-color:var(--red);box-shadow:0 0 20px rgba(255,0,60,.15);animation:briefGlitch 3s infinite}
@keyframes briefGlitch{0%,92%,100%{transform:none;opacity:1}93%{transform:translateX(-2px);opacity:.9}95%{transform:translateX(2px);opacity:.95}97%{transform:translateX(-1px)}}

/* ═══ FLARE & TRAP PING EFFECTS ═══ */

/* Trap ping dot — pulsing red dot on placer's map at victim position */
.trap-ping-dot{width:16px;height:16px;border-radius:50%;background:var(--red);margin:0 auto;box-shadow:0 0 20px rgba(255,0,60,.9),0 0 40px rgba(255,0,60,.5);animation:trapPingPulse .6s infinite}
@keyframes trapPingPulse{0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(255,0,60,.9)}50%{transform:scale(1.5);box-shadow:0 0 40px rgba(255,0,60,.9),0 0 60px rgba(255,0,60,.4)}}

/* Self flare HUD banner */
.flare-hud{position:fixed;top:calc(48px + var(--sat,0px));left:50%;transform:translateX(-50%);z-index:9300;background:rgba(255,170,0,.12);border:1px solid #ffaa00;color:#ffaa00;font-family:'Orbitron',sans-serif;font-size:12px;letter-spacing:3px;padding:6px 18px;border-radius:4px;animation:flareHudBlink .5s infinite;pointer-events:none;white-space:nowrap}
@keyframes flareHudBlink{0%,100%{opacity:1}50%{opacity:.3}}

/* ═══════════════════════════════════════════════════════════════
   PRESEASON BANNER
   ═══════════════════════════════════════════════════════════════ */

.preseason-banner{position:relative;text-align:center;padding:10px 16px;margin-bottom:12px;border:1px solid rgba(255,215,0,.25);border-radius:6px;background:rgba(255,215,0,.04);animation:preseasonBorderPulse 3s ease-in-out infinite}
.preseason-banner .ps-title{font-family:'Orbitron',sans-serif;font-size:12px;font-weight:700;letter-spacing:4px;color:#ffd700;text-shadow:0 0 10px rgba(255,215,0,.3)}
.preseason-banner .ps-date{font-family:'Share Tech Mono',monospace;font-size:12px;color:rgba(255,215,0,.5);letter-spacing:2px;margin-top:3px}
.preseason-banner .ps-note{font-family:'Rajdhani',sans-serif;font-size:12px;color:var(--t3);margin-top:4px;line-height:1.4}
@keyframes preseasonBorderPulse{0%,100%{border-color:rgba(255,215,0,.25);box-shadow:none}50%{border-color:rgba(255,215,0,.5);box-shadow:0 0 16px rgba(255,215,0,.08),inset 0 0 12px rgba(255,215,0,.03)}}

/* ═══════════════════════════════════════════════════════════════
   DAILY BRIEFING INTERSTITIAL
   ═══════════════════════════════════════════════════════════════ */

.daily-brief{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;background:rgba(4,4,10,.92);opacity:0;pointer-events:none;transition:opacity .3s}
.daily-brief.db-visible{opacity:1;pointer-events:auto}
.daily-brief::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,212,255,.015) 2px,rgba(0,212,255,.015) 4px);pointer-events:none;animation:dbScanlines 8s linear infinite}
@keyframes dbScanlines{0%{background-position:0 0}100%{background-position:0 200px}}
.db-panel{position:relative;width:92%;max-width:400px;background:var(--card);border:1px solid var(--border);border-radius:6px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6);animation:dbSlideIn .4s ease-out}
@keyframes dbSlideIn{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}
.db-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.db-header .db-label{font-family:'Orbitron',sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;color:var(--t3)}
.db-header .db-date{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--cyan);letter-spacing:2px}
.db-body{padding:16px;font-family:'Rajdhani',sans-serif;font-size:14px;color:var(--t2);line-height:1.6;max-height:50vh;overflow-y:auto}
.db-body p{margin-bottom:10px}
.db-stat{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin:6px 0;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:4px}
.db-stat .db-stat-label{font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:2px;color:var(--t3)}
.db-stat .db-stat-val{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:700;color:var(--t1)}
.db-footer{padding:12px 16px;border-top:1px solid var(--border)}
.db-dismiss{width:100%;padding:12px;background:var(--card2);border:1px solid var(--border);border-radius:6px;color:var(--t2);font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:3px;cursor:pointer;transition:border-color .2s,color .2s;text-transform:uppercase}
.db-dismiss:active{border-color:var(--cyan);color:var(--t1)}

/* ═══════════════════════════════════════════════════════════════
   ARCHITECT MESSAGE TOAST
   ═══════════════════════════════════════════════════════════════ */

.architect-msg{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);z-index:9400;width:92%;max-width:380px;background:rgba(8,8,16,.95);border:1px solid var(--border);border-left:3px solid var(--cyan);border-radius:4px;padding:12px 14px;box-shadow:0 8px 32px rgba(0,0,0,.5);opacity:0;transition:opacity .3s,transform .3s;font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--t2);line-height:1.5}
.architect-msg.architect-visible{opacity:1;transform:translateX(-50%) translateY(0)}
.architect-msg .architect-prefix{font-size:12px;letter-spacing:3px;color:var(--cyan);margin-bottom:4px;display:block;font-weight:700}

/* ═══════════════════════════════════════════════════════════════
   SETTINGS PANEL
   ═══════════════════════════════════════════════════════════════ */
.settings-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}
.settings-row:last-of-type{border-bottom:none}
.settings-label{font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--t2);letter-spacing:2px}

/* Range slider */
.settings-slider{-webkit-appearance:none;appearance:none;width:100px;height:4px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}
.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cyan);cursor:pointer;box-shadow:0 0 6px rgba(0,212,255,.4)}
.settings-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--cyan);cursor:pointer;border:none;box-shadow:0 0 6px rgba(0,212,255,.4)}

/* Toggle switch */
.settings-toggle{position:relative;display:inline-block;cursor:pointer}
.settings-toggle input{position:absolute;opacity:0;width:0;height:0}
.st-track{display:block;width:40px;height:22px;background:var(--card2);border:1px solid var(--border);border-radius:11px;position:relative;transition:background .2s,border-color .2s}
.st-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--t3);border-radius:50%;transition:transform .2s,background .2s}
.settings-toggle input:checked+.st-track{background:rgba(0,212,255,.15);border-color:var(--cyan)}
.settings-toggle input:checked+.st-track .st-thumb{transform:translateX(18px);background:var(--cyan);box-shadow:0 0 6px rgba(0,212,255,.4)}

/* Font size buttons */
.settings-font-btns{display:flex;gap:4px}
.sf-btn{padding:6px 12px;background:var(--card2);border:1px solid var(--border);border-radius:6px;color:var(--t3);font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:1px;cursor:pointer;transition:border-color .2s,color .2s}
.sf-btn.active{border-color:var(--cyan);color:var(--cyan);background:rgba(0,212,255,.08)}
.sf-btn:active{opacity:.7}

/* Font size body classes */
body.font-sm .m-body{font-size:13px}
body.font-sm .m-body .settings-label{font-size:12px}
body.font-lg .m-body{font-size:17px}
body.font-lg .m-body .settings-label{font-size:15px}

/* ═══════════════════════════════════════════════════════════════
   v130 — FLAT DARK MILITARY CSS (rolled back from image assets)
   Clean tactical HUD: dark solids, 1px borders, selective glow
   ═══════════════════════════════════════════════════════════════ */

/* Nav + modal header icons — black bg assets use screen blend */
.hb-icon{mix-blend-mode:screen}
.m-head img{mix-blend-mode:screen}

/* Scope overlay (gameplay asset — keep) */
#scope-overlay-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:3;mix-blend-mode:screen;opacity:.9}
#m-cam .xh-dot{display:none}
.scope-vignette{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:2;opacity:.8}

/* Black market button variants */
.bm-buy{background:#ff003c;color:#fff;cursor:pointer}.bm-buy:hover{background:#cc0030}
.bm-owned{background:#00ff88;color:#000}.bm-owned:disabled{opacity:.7}
.bm-sold{background:#333;color:#666}.bm-sold:disabled{opacity:.5}
.bm-tac{background:#00d4ff;color:#000;cursor:pointer}.bm-tac:hover{background:#00b8e0}
.bm-sell{border:1px solid rgba(255,215,0,.3);background:rgba(255,215,0,.08);color:#ffd700;cursor:pointer}.bm-sell:hover{background:rgba(255,215,0,.15)}

/* Chrome autofill override — prevent bright white flash on dark inputs */
.inp:-webkit-autofill,
.inp:-webkit-autofill:hover,
.inp:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px var(--bg) inset !important;-webkit-text-fill-color:var(--t1) !important;transition:background-color 5000s ease-in-out 0s;caret-color:var(--t1)}

/* Auth screen inputs — darker, tech-styled */
#auth-screen .inp,
#onboard-screen .inp,
#verify-screen .inp,
#forgot-screen .inp{background:rgba(8,8,18,.9);border:1px solid rgba(0,212,255,.12);color:var(--t1);box-shadow:inset 0 1px 4px rgba(0,0,0,.4)}
#auth-screen .inp:focus,
#onboard-screen .inp:focus,
#verify-screen .inp:focus,
#forgot-screen .inp:focus{border-color:rgba(0,212,255,.35);box-shadow:inset 0 1px 4px rgba(0,0,0,.4),0 0 12px rgba(0,212,255,.1)}

/* Auth tabs — subtle styling */
.auth-tab.active{background:rgba(255,0,60,.06)}

/* Chat input bar — dark tech styling */
.ch-bar{background:rgba(8,8,16,.95);border-top:1px solid rgba(0,212,255,.08)}
#ch-inp{background:rgba(11,11,20,.9);border:1px solid rgba(0,212,255,.12);color:var(--t1);text-transform:none;letter-spacing:normal;font-size:15px}
#ch-inp:focus{border-color:rgba(0,212,255,.3);box-shadow:0 0 8px rgba(0,212,255,.08)}
#ch-inp:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px rgba(11,11,20,.9) inset !important;-webkit-text-fill-color:var(--t1) !important}

/* Chat send button */
.ch-send{background:var(--blue);border:none;border-radius:6px;min-width:44px}

/* Settings rows — subtle separator lines */
.settings-row{border-bottom-color:rgba(0,212,255,.06);padding:12px 0}
.settings-row:last-of-type{border-bottom:none}

/* Settings slider track */
.settings-slider{background:rgba(0,212,255,.1);height:3px}

/* Dead drop message input */
#dd-message{background:rgba(8,8,18,.9) !important;border:1px solid rgba(0,212,255,.12) !important;color:var(--t1) !important}
#dd-message:focus{border-color:rgba(0,212,255,.3) !important;box-shadow:0 0 8px rgba(0,212,255,.08) !important}

/* PTT quick-chat presets */
.ptt-btn{background:rgba(11,11,20,.8);border:1px solid rgba(0,212,255,.1);transition:background .2s,border-color .2s}
.ptt-btn:active{background:rgba(0,212,255,.12);border-color:rgba(0,212,255,.3)}

/* Settings HUD button */
#b-settings{position:relative}
#b-settings .ico-gear{width:28px;height:28px;color:var(--t2);filter:drop-shadow(0 0 4px rgba(0,212,255,.4))}

/* Vendetta bar */
#vendetta-bar{padding:5px 14px;background:rgba(255,100,0,.14);border-bottom:1px solid rgba(255,100,0,.3);font-family:'Share Tech Mono',monospace;font-size:12px;color:#ff6600;letter-spacing:1px;text-align:center;animation:pulse .8s infinite}

/* Mission tier badges */
.mc-tier{display:inline-block;padding:1px 6px;border-radius:3px;font-family:'Share Tech Mono',monospace;font-size:12px;font-weight:700;letter-spacing:1px;margin-left:6px;vertical-align:middle}
.mc-tier.t1{background:rgba(0,212,255,.12);color:#00d4ff;border:1px solid rgba(0,212,255,.3)}
.mc-tier.t2{background:rgba(255,200,0,.12);color:#ffd000;border:1px solid rgba(255,200,0,.3)}
.mc-tier.t3{background:rgba(255,0,60,.12);color:#ff003c;border:1px solid rgba(255,0,60,.3)}

/* ═══ SCROLL FADE INDICATOR ═══ */
.scroll-fade{-webkit-mask-image:linear-gradient(to right,#000 85%,transparent);mask-image:linear-gradient(to right,#000 85%,transparent)}

/* ═══ SKELETON LOADING ═══ */
.skeleton{background:linear-gradient(90deg,var(--card) 25%,var(--card2) 50%,var(--card) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;min-height:16px}
.skeleton-line{height:14px;margin-bottom:8px;border-radius:3px}
.skeleton-block{height:60px;margin-bottom:10px;border-radius:4px}
@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ═══ OFFLINE DETECTION BANNER ═══ */
.signal-lost{position:fixed;top:0;left:0;right:0;z-index:10000;background:linear-gradient(90deg,#ff003c,#cc0030);color:#fff;font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:3px;text-align:center;padding:calc(6px + var(--sat)) 12px 6px;animation:signal-pulse 1.5s infinite;display:none}
.signal-lost.active{display:block}
@keyframes signal-pulse{0%,100%{opacity:1}50%{opacity:.7}}

/* ═══ MOBILE HERO CTA FIX ═══ */
@media(max-height:600px){
  .ob-hero img,.boot-wrap img{max-width:min(50vw,200px) !important}
  .ob-hero{padding:8px 0 4px}
  .echo-line,.ob-tag{display:none}
}