Show description
📈 STOCK TRADING TERMINAL - Lalo's Playbook
📈 STOCK TRADING TERMINAL - Lalo's Playbook
📈 STOCK TRADING TERMINAL - Lalo's Playbook
Hover over any element for detailed explanation
Market: OPEN
7:42 AM EST
AI's-TRAIL (22)
GENESIS (18)
semiconductors (10)
cybersecurity (12)
data / financial (11)
ai/av/vr (25)
energy (29)
quantum (8)
biotechnology (11)
Crypto (4)
smallPARTNERS (7)
ETFs (13)
Market Filters
Region
Exchange
Sector
Quotes Indicators
Market Cap
Last Price
% Change
% During Extended Hours
Volume
Turnover Rate
Listing Date
Float
Technical Indicators
MA
EMA
RSI
MACD
ADX
Stochastic
Others
Short Interest
Relative Volume
52-Week High
Margin
SLXN
$28.50
+285%
Float: 875K |
Vol: 22M |
RelVol: 250,000x
📍 ENTRY $18.50
🛑 STOP $16.80
🎯 TARGET $28.50
Level 2
$28.45$28.52
$28.40$28.55
RSI (14)
72
7:00 AM
🔥Breakthrough trial results
MACD (12, 26, 9)
Trading Strategies
⚔️ WARRIOR
Ross Cameron's Momentum Pullback 7-10AM
Win Rate
68-75%
P/L Ratio
2:1
Window
7-10AM
Goal
+10%
🚀 GAP & GO
Pre-market gaps that hold and continue
Gap Size
5%+
Catalyst
NEWS
Risk Management
Position Sizing
Stop Loss
Take Profit
Daily Loss Limit
Patterns
Pullback Pattern
Bull Flag
VWAP Break
📈 STOCK TRADING TERMINAL - Lalo's Playbook
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>📈 STOCK TRADING TERMINAL - Lalo's Playbook</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #000; color: #fff; padding: 20px; overflow-x: hidden; }
.terminal-container { max-width: 1600px; margin: 0 auto; background: #0a0a0a; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.8); border: 1px solid #1a1a1a; }
.header { background: #000; padding: 15px 20px; border-bottom: 1px solid #1a1a1a; display: flex; justify-content: space-between; align-items: center; }
.header h1 { font-size: 18px; font-weight: 600; color: #00ff88; }
.header-info { display: flex; gap: 20px; font-size: 12px; color: #666; }
.watchlist-tabs { display: flex; gap: 10px; padding: 10px 20px; background: #000; border-bottom: 1px solid #1a1a1a; overflow-x: auto; }
.watchlist-tab { padding: 6px 12px; background: #0a0a0a; border: 1px solid #1a1a1a; border-radius: 4px; font-size: 11px; cursor: pointer; white-space: nowrap; transition: all 0.2s; }
.watchlist-tab:hover, .watchlist-tab.active { background: #00ff88; color: #000; border-color: #00ff88; }
.main-layout { display: grid; grid-template-columns: 300px 1fr 300px; height: calc(100vh - 160px); }
.scanner-panel { background: #000; border-right: 1px solid #1a1a1a; overflow-y: auto; padding: 15px; }
.scanner-section { margin-bottom: 25px; }
.scanner-section h3 { font-size: 13px; color: #666; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
.scanner-item { padding: 8px 10px; margin-bottom: 6px; background: #0a0a0a; border-radius: 4px; cursor: pointer; transition: all 0.2s; font-size: 12px; border: 1px solid #1a1a1a; }
.scanner-item:hover { background: #00ff88; color: #000; transform: translateX(5px); border-color: #00ff88; }
.scanner-item.active { background: #00ff88; color: #000; box-shadow: 0 0 10px rgba(0, 255, 136, 0.3); }
.chart-area { background: #0a0a0a; position: relative; padding: 20px; }
.chart-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.ticker-info { display: flex; align-items: center; gap: 15px; }
.ticker-symbol { font-size: 20px; font-weight: 700; }
.ticker-price { font-size: 24px; font-weight: 700; color: #00ff88; }
.ticker-change { font-size: 14px; padding: 4px 8px; background: rgba(0, 255, 136, 0.1); border-radius: 4px; color: #00ff88; border: 1px solid #00ff88; }
.chart-canvas { width: 100%; height: calc(100% - 200px); background: #000; border-radius: 4px; position: relative; overflow: hidden; border: 1px solid #1a1a1a; }
.chart-grid { position: absolute; width: 100%; height: 100%; background-image: repeating-linear-gradient(0deg, transparent, transparent 49px, #1a1a1a 49px, #1a1a1a 50px), repeating-linear-gradient(90deg, transparent, transparent 49px, #1a1a1a 49px, #1a1a1a 50px); background-size: 50px 50px; }
.chart-content { position: absolute; width: 100%; height: 100%; padding: 20px; }
.ma-line { position: absolute; cursor: pointer; transition: all 0.2s; height: 2px; left: 0; right: 0; }
.ma-9 { top: 30%; background: linear-gradient(90deg, transparent, #00aaff, #00aaff, transparent); }
.ma-20 { top: 35%; background: linear-gradient(90deg, transparent, #ff3366, #ff3366, transparent); }
.vwap-line { top: 40%; background: linear-gradient(90deg, transparent, #ffaa00, #ffaa00, transparent); }
.candlestick { position: absolute; cursor: pointer; }
.candle-green { background: #00ff88; box-shadow: 0 0 10px rgba(0, 255, 136, 0.5); }
.candle-red { background: #ff3366; box-shadow: 0 0 10px rgba(255, 51, 102, 0.5); }
.volume-section { position: absolute; bottom: 0; left: 0; right: 0; height: 80px; padding: 20px; display: flex; align-items: flex-end; gap: 4px; }
.volume-bar { flex: 1; border-radius: 2px 2px 0 0; cursor: pointer; transition: all 0.2s; }
.volume-bar:hover { opacity: 0.8; }
.volume-green { background: rgba(0, 255, 136, 0.3); border-top: 2px solid #00ff88; }
.volume-red { background: rgba(255, 51, 102, 0.3); border-top: 2px solid #ff3366; }
.macd-panel { position: absolute; bottom: 100px; left: 20px; right: 20px; height: 80px; background: rgba(0, 0, 0, 0.9); border: 1px solid #1a1a1a; border-radius: 4px; padding: 10px; cursor: pointer; }
.macd-bars { display: flex; align-items: flex-end; height: 100%; gap: 3px; }
.macd-bar { flex: 1; border-radius: 2px 2px 0 0; }
.macd-positive { background: rgba(0, 255, 136, 0.6); }
.macd-negative { background: rgba(255, 51, 102, 0.6); }
.strategy-panel { background: #000; border-left: 1px solid #1a1a1a; overflow-y: auto; padding: 15px; }
.strategy-card { background: #0a0a0a; border-radius: 6px; padding: 15px; margin-bottom: 15px; border: 2px solid #1a1a1a; cursor: pointer; transition: all 0.3s; }
.strategy-card:hover { border-color: #00ff88; box-shadow: 0 5px 15px rgba(0, 255, 136, 0.2); }
.strategy-card h3 { font-size: 16px; margin-bottom: 10px; color: #00ff88; }
.strategy-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.stat-item { text-align: center; padding: 8px; background: #000; border-radius: 4px; border: 1px solid #1a1a1a; }
.stat-label { font-size: 10px; color: #666; text-transform: uppercase; }
.stat-value { font-size: 14px; font-weight: 700; color: #00ff88; margin-top: 4px; }
.tooltip { position: fixed; background: #000; border: 1px solid #00ff88; border-radius: 6px; padding: 15px; max-width: 350px; z-index: 1000; pointer-events: none; opacity: 0; transition: opacity 0.2s; box-shadow: 0 10px 30px rgba(0,0,0,0.9); }
.tooltip.visible { opacity: 1; }
.tooltip h4 { color: #00ff88; margin-bottom: 8px; font-size: 14px; border-bottom: 1px solid #00ff88; padding-bottom: 5px; }
.tooltip p { font-size: 12px; line-height: 1.6; color: #ccc; }
.tooltip-example { margin-top: 10px; padding: 8px; background: #0a0a0a; border-radius: 4px; font-size: 11px; color: #999; border: 1px solid #1a1a1a; }
.tooltip-formula { font-family: 'Courier New', monospace; color: #00aaff; margin-top: 5px; }
.level2-box { position: absolute; top: 80px; right: 30px; width: 150px; background: rgba(0, 0, 0, 0.95); border: 1px solid #00ff88; border-radius: 4px; padding: 10px; cursor: pointer; }
.level2-header { font-size: 11px; color: #666; margin-bottom: 8px; text-align: center; text-transform: uppercase; }
.level2-row { display: grid; grid-template-columns: 1fr 1fr; font-size: 11px; margin-bottom: 4px; }
.bid { color: #00ff88; }
.ask { color: #ff3366; text-align: right; }
.rsi-box { position: absolute; top: 200px; right: 30px; width: 80px; height: 150px; background: rgba(0, 0, 0, 0.95); border: 1px solid #00ff88; border-radius: 4px; padding: 10px; cursor: pointer; }
.rsi-label { font-size: 10px; color: #666; text-align: center; margin-bottom: 5px; }
.rsi-meter { width: 100%; height: 100px; background: linear-gradient(to top, #00ff88 0%, #ffaa00 50%, #ff3366 100%); border-radius: 4px; position: relative; }
.rsi-pointer { position: absolute; width: 100%; height: 2px; background: #fff; left: 0; top: 30%; }
.rsi-value { text-align: center; margin-top: 10px; font-size: 16px; font-weight: 700; color: #ffaa00; }
.support-line, .resistance-line { position: absolute; left: 0; right: 0; height: 1px; border-top: 2px dashed; cursor: pointer; }
.support-line { bottom: 250px; border-color: #00ff88; }
.resistance-line { top: 150px; border-color: #ff3366; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: #1a1a1a; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #00ff88; }
.annotation { position: absolute; font-size: 11px; padding: 4px 8px; background: rgba(0, 255, 136, 0.9); color: #000; border-radius: 3px; cursor: pointer; white-space: nowrap; font-weight: 600; }
.ann-entry { top: 45%; left: 25%; }
.ann-stop { bottom: 280px; left: 25%; background: rgba(255, 51, 102, 0.9); color: #fff; }
.ann-target { top: 25%; left: 60%; background: rgba(0, 170, 255, 0.9); color: #fff; }
.news-feed { position: absolute; top: 80px; left: 30px; width: 250px; background: rgba(0, 0, 0, 0.95); border: 1px solid #00ff88; border-radius: 4px; padding: 10px; cursor: pointer; }
.news-item { font-size: 11px; padding: 8px; background: #0a0a0a; border-radius: 3px; margin-bottom: 5px; border: 1px solid #1a1a1a; }
.news-time { color: #666; font-size: 9px; }
.news-headline { color: #ccc; margin-top: 3px; }
.flame-icon { color: #ffaa00; margin-right: 5px; }
</style>
</head>
<body>
<div class="terminal-container">
<div class="header">
<h1>📈 STOCK TRADING TERMINAL - Lalo's Playbook</h1>
<div class="header-info">
<span>Hover over any element for detailed explanation</span>
<span>Market: OPEN</span>
<span>7:42 AM EST</span>
</div>
</div>
<div class="watchlist-tabs">
<div class="watchlist-tab" data-term="watchlist-ai">AI's-TRAIL (22)</div>
<div class="watchlist-tab active" data-term="watchlist-genesis">GENESIS (18)</div>
<div class="watchlist-tab" data-term="watchlist-semi">semiconductors (10)</div>
<div class="watchlist-tab" data-term="watchlist-cyber">cybersecurity (12)</div>
<div class="watchlist-tab" data-term="watchlist-data">data / financial (11)</div>
<div class="watchlist-tab" data-term="watchlist-avvr">ai/av/vr (25)</div>
<div class="watchlist-tab" data-term="watchlist-energy">energy (29)</div>
<div class="watchlist-tab" data-term="watchlist-quantum">quantum (8)</div>
<div class="watchlist-tab" data-term="watchlist-biotech">biotechnology (11)</div>
<div class="watchlist-tab" data-term="watchlist-crypto">Crypto (4)</div>
<div class="watchlist-tab" data-term="watchlist-small">smallPARTNERS (7)</div>
<div class="watchlist-tab" data-term="watchlist-etf">ETFs (13)</div>
</div>
<div class="main-layout">
<div class="scanner-panel">
<div class="scanner-section">
<h3>Market Filters</h3>
<div class="scanner-item" data-term="region">Region</div>
<div class="scanner-item" data-term="exchange">Exchange</div>
<div class="scanner-item" data-term="sector">Sector</div>
</div>
<div class="scanner-section">
<h3>Quotes Indicators</h3>
<div class="scanner-item" data-term="market-cap">Market Cap</div>
<div class="scanner-item" data-term="last-price">Last Price</div>
<div class="scanner-item" data-term="percent-change">% Change</div>
<div class="scanner-item" data-term="percent-change-ext">% During Extended Hours</div>
<div class="scanner-item" data-term="volume">Volume</div>
<div class="scanner-item" data-term="turnover-rate">Turnover Rate</div>
<div class="scanner-item" data-term="listing-date">Listing Date</div>
<div class="scanner-item active" data-term="float">Float</div>
</div>
<div class="scanner-section">
<h3>Technical Indicators</h3>
<div class="scanner-item active" data-term="ma">MA</div>
<div class="scanner-item active" data-term="ema">EMA</div>
<div class="scanner-item active" data-term="rsi">RSI</div>
<div class="scanner-item active" data-term="macd">MACD</div>
<div class="scanner-item active" data-term="adx">ADX</div>
<div class="scanner-item" data-term="stochastic">Stochastic</div>
</div>
<div class="scanner-section">
<h3>Others</h3>
<div class="scanner-item active" data-term="short-interest">Short Interest</div>
<div class="scanner-item active" data-term="relative-volume">Relative Volume</div>
<div class="scanner-item" data-term="52week-high">52-Week High</div>
<div class="scanner-item" data-term="margin-available">Margin</div>
</div>
</div>
<div class="chart-area">
<div class="chart-header">
<div class="ticker-info">
<span class="ticker-symbol" data-term="ticker-symbol">SLXN</span>
<span class="ticker-price">$28.50</span>
<span class="ticker-change">+285%</span>
</div>
<div style="font-size: 11px; color: #666;">
<span data-term="float">Float: 875K</span> |
<span data-term="volume">Vol: 22M</span> |
<span data-term="relative-volume">RelVol: 250,000x</span>
</div>
</div>
<div class="chart-canvas">
<div class="chart-grid"></div>
<div class="chart-content">
<div class="ma-line ma-9" data-term="ema-9"></div>
<div class="ma-line ma-20" data-term="ema-20"></div>
<div class="ma-line vwap-line" data-term="vwap"></div>
<div class="support-line" data-term="support"></div>
<div class="resistance-line" data-term="resistance"></div>
<div class="candlestick candle-green" data-term="candlestick" style="left: 10%; bottom: 200px; width: 15px; height: 80px;"></div>
<div class="candlestick candle-green" data-term="candlestick" style="left: 15%; bottom: 220px; width: 15px; height: 100px;"></div>
<div class="candlestick candle-green" data-term="candlestick" style="left: 20%; bottom: 250px; width: 15px; height: 120px;"></div>
<div class="candlestick candle-red" data-term="candlestick" style="left: 25%; bottom: 280px; width: 15px; height: 60px;"></div>
<div class="candlestick candle-green" data-term="pullback-entry" style="left: 30%; bottom: 290px; width: 15px; height: 90px; border: 2px solid #ffaa00;"></div>
<div class="candlestick candle-green" data-term="candlestick" style="left: 35%; bottom: 320px; width: 15px; height: 110px;"></div>
<div class="annotation ann-entry" data-term="entry-point">📍 ENTRY $18.50</div>
<div class="annotation ann-stop" data-term="stop-loss">🛑 STOP $16.80</div>
<div class="annotation ann-target" data-term="target">🎯 TARGET $28.50</div>
<div class="level2-box" data-term="level2">
<div class="level2-header">Level 2</div>
<div class="level2-row"><span class="bid">$28.45</span><span class="ask">$28.52</span></div>
<div class="level2-row"><span class="bid">$28.40</span><span class="ask">$28.55</span></div>
</div>
<div class="rsi-box" data-term="rsi">
<div class="rsi-label">RSI (14)</div>
<div class="rsi-meter"><div class="rsi-pointer"></div></div>
<div class="rsi-value">72</div>
</div>
<div class="news-feed" data-term="news-catalyst">
<div class="news-item">
<div class="news-time">7:00 AM</div>
<div class="news-headline"><span class="flame-icon">🔥</span>Breakthrough trial results</div>
</div>
</div>
</div>
<div class="volume-section" data-term="volume-profile">
<div class="volume-bar volume-green" style="height: 40%;"></div>
<div class="volume-bar volume-green" style="height: 85%;"></div>
<div class="volume-bar volume-red" style="height: 45%;"></div>
<div class="volume-bar volume-green" style="height: 100%;"></div>
</div>
</div>
<div class="macd-panel" data-term="macd">
<div style="font-size: 10px; color: #666; margin-bottom: 5px;">MACD (12, 26, 9)</div>
<div class="macd-bars">
<div class="macd-bar macd-positive" style="height: 60%;"></div>
<div class="macd-bar macd-positive" style="height: 90%;"></div>
<div class="macd-bar macd-positive" style="height: 100%;"></div>
</div>
</div>
</div>
<div class="strategy-panel">
<div class="scanner-section">
<h3>Trading Strategies</h3>
<div class="strategy-card" data-term="warrior-strategy">
<h3>⚔️ WARRIOR</h3>
<p style="font-size: 11px; color: #ccc; margin-bottom: 10px;">Ross Cameron's Momentum Pullback 7-10AM</p>
<div class="strategy-stats">
<div class="stat-item"><div class="stat-label">Win Rate</div><div class="stat-value">68-75%</div></div>
<div class="stat-item"><div class="stat-label">P/L Ratio</div><div class="stat-value">2:1</div></div>
<div class="stat-item"><div class="stat-label">Window</div><div class="stat-value">7-10AM</div></div>
<div class="stat-item"><div class="stat-label">Goal</div><div class="stat-value">+10%</div></div>
</div>
</div>
<div class="strategy-card" data-term="gap-strategy">
<h3>🚀 GAP & GO</h3>
<p style="font-size: 11px; color: #ccc; margin-bottom: 10px;">Pre-market gaps that hold and continue</p>
<div class="strategy-stats">
<div class="stat-item"><div class="stat-label">Gap Size</div><div class="stat-value">5%+</div></div>
<div class="stat-item"><div class="stat-label">Catalyst</div><div class="stat-value">NEWS</div></div>
</div>
</div>
</div>
<div class="scanner-section" style="margin-top: 20px;">
<h3>Risk Management</h3>
<div class="scanner-item" data-term="position-sizing">Position Sizing</div>
<div class="scanner-item" data-term="stop-loss">Stop Loss</div>
<div class="scanner-item" data-term="take-profit">Take Profit</div>
<div class="scanner-item" data-term="daily-loss">Daily Loss Limit</div>
</div>
<div class="scanner-section" style="margin-top: 20px;">
<h3>Patterns</h3>
<div class="scanner-item" data-term="pullback-pattern">Pullback Pattern</div>
<div class="scanner-item" data-term="bull-flag">Bull Flag</div>
<div class="scanner-item" data-term="vwap-break">VWAP Break</div>
</div>
</div>
</div>
</div>
<div class="tooltip" id="tooltip"></div>
<script>
const defs = {
'watchlist-ai': { title: 'AI\'s-TRAIL', description: 'AI infrastructure companies. NVDA, AMD, data centers, cloud. Follow institutional money into AI.', example: 'When big tech rotates out of NVDA, find small-caps getting AI contracts.' },
'watchlist-genesis': { title: 'GENESIS (Active)', description: 'Core holdings. Blue-chip tech. AAPL, MSFT, GOOGL, META. Sets market direction.', note: 'If GENESIS weak, entire market likely weak.' },
'watchlist-semi': { title: 'Semiconductors', description: 'Chip makers. NVDA, AMD, TSM, ASML. Heart of AI revolution.', warrior: 'Watch for breakouts on sector rotation after earnings.' },
'watchlist-biotech': { title: 'Biotechnology', description: '🔥 HIGH VOLATILITY: FDA approvals, trials, breakthrough drugs.', warrior: 'Biotech is my bread and butter. FDA news = 50-300% moves.' },
'float': { title: 'Float', description: '🔥 CRITICAL: Shares available to trade. Low float = explosive moves.', example: 'Float 500K, Volume 20M = 40x float traded = MASSIVE SQUEEZE', warrior: 'Under 20M HARD CUTOFF. Under 5M sweet spot. Sub-1M = moon.' },
'percent-change': { title: '% Change', description: '🔥 PRIMARY METRIC: % change from previous close. Identifies momentum.', warrior: 'Minimum +10% required. Sweet spot +50-75% with news.' },
'volume': { title: 'Volume', description: 'Total shares traded. High volume = liquidity.', warrior: 'Need 10M minimum. Prefer 50M+ for clean entries/exits.' },
'relative-volume': { title: 'Relative Volume', description: '🔥 NEWS DETECTOR: Today vs average volume. Shows unusual activity.', example: 'RelVol 250,000x = NEWS-DRIVEN EXPLOSION', warrior: 'Minimum 5x. Prefer 80x+. Over 100x = textbook.' },
'short-interest': { title: 'Short Interest', description: '🔥 SQUEEZE FUEL: % of float sold short.', example: 'Short Interest 108% = MASSIVE SQUEEZE POTENTIAL', warrior: 'Look for >20% on low floats. 100%+ = nuclear.' },
'ema-9': { title: '9 EMA', description: 'Fast moving average. Immediate support on pullbacks.', warrior: 'Dip off 9 EMA while MACD positive = HIGHEST PROBABILITY ENTRY.' },
'ema-20': { title: '20 EMA', description: 'Medium moving average. Secondary support.', warrior: 'If 9 EMA fails, look for bounce off 20 EMA.' },
'rsi': { title: 'RSI', description: 'Momentum oscillator 0-100.', warrior: 'RSI 70-80 = healthy momentum. Above 85 = exhaustion risk.' },
'macd': { title: 'MACD', description: '🔥 CRITICAL: Trend indicator. Green = uptrend, Red = downtrend.', warrior: 'ONLY TRADE WHEN MACD POSITIVE. Crosses negative = STOP TRADING.' },
'vwap': { title: 'VWAP', description: '🔥 EQUILIBRIUM: Volume-weighted average price. True fair value.', warrior: 'VWAP break = shorts cover + longs enter = explosive move.' },
'level2': { title: 'Level 2', description: '🔥 ORDER BOOK: Real-time buy/sell orders with sizes.', warrior: 'Big seller appears = I exit immediately. That\'s a wall.' },
'news-catalyst': { title: 'News Catalyst', description: '🔥 BREAKING NEWS: Fundamental reason for move.', warrior: 'Flame icon 🔥 = breaking news. No news? No trade.' },
'pullback-entry': { title: 'Pullback Entry', description: '🎯 TEXTBOOK: First candle new high after pullback.', warrior: 'THE pattern. 70% win rate. Wait for pullback. Enter on new high.' },
'entry-point': { title: 'Entry Point', description: 'Exact buy price.', warrior: 'Stop at low of pullback. Risk = Entry - Stop.' },
'stop-loss': { title: 'Stop Loss', description: '🛑 RISK: Exit to limit losses.', warrior: 'Stop at low of pullback. NO EXCEPTIONS. Breakout or bailout.' },
'target': { title: 'Target', description: '🎯 EXIT: Lock gains.', warrior: 'Take half at +15%, rest to +30%. Greed kills accounts.' },
'warrior-strategy': { title: '⚔️ WARRIOR Strategy', description: 'Ross Cameron momentum pullback. Leading % gainers 7-10am EST only.', criteria: '• Up 10%+ (prefer 50-75%)\n• Price $3-$8\n• Float <20M (prefer <5M)\n• RelVol 5x+ (prefer 80x+)\n• BREAKING NEWS\n• MACD POSITIVE', pattern: '1. Big surge\n2. Pullback 25-50%\n3. MACD stays positive\n4. BUY first candle new high\n5. Stop at low of pullback', warrior: 'Win Rate: 68-75%. P/L: 2:1. Daily Goal: +10%.' },
'gap-strategy': { title: '🚀 GAP & GO', description: 'Pre-market gaps that hold and continue at open.', setup: 'Gap 5%+ on news → Hold first 15min → Continue', warrior: 'Only trade if HOLDS gap. Breaks below = trap.' },
'position-sizing': { title: 'Position Sizing', description: 'Capital per trade based on confidence.', warrior: 'Small Account: 60-80% per trade. Max without risking >10%.' },
'take-profit': { title: 'Take Profit', description: 'Predetermined exits.', warrior: 'First: +15% (close 50%). Second: +30%. Greed = giving it back.' },
'daily-loss': { title: 'Daily Loss Limit', description: '🛑 CIRCUIT BREAKER: Per Trade: -3%. Daily: -8%.', warrior: 'Hit limit? STOP. Close laptop. Walk away.' },
'pullback-pattern': { title: 'Pullback Pattern', description: '🎯 HIGHEST PROBABILITY: Big move → pullback → continuation.', warrior: 'Trade 1st and 2nd pullback only. After that, leave it alone.' },
'bull-flag': { title: 'Bull Flag', description: 'Strong rally → consolidation → breakout.' },
'vwap-break': { title: 'VWAP Breakout', description: 'Price reclaims VWAP = powerful signal.', warrior: 'Shorts cover + longs enter = rocket 🚀.' }
};
const tooltip = document.getElementById('tooltip');
document.querySelectorAll('[data-term]').forEach(el => {
el.addEventListener('mouseenter', e => {
const d = defs[el.getAttribute('data-term')];
if (d) {
let html = `<h4>${d.title}</h4><p>${d.description}</p>`;
if (d.example) html += `<div class="tooltip-example">💡 ${d.example}</div>`;
if (d.note) html += `<div class="tooltip-example">📝 ${d.note}</div>`;
if (d.criteria) html += `<div class="tooltip-example">✅ ${d.criteria.replace(/\n/g, '<br>')}</div>`;
if (d.pattern) html += `<div class="tooltip-example">📈 ${d.pattern.replace(/\n/g, '<br>')}</div>`;
if (d.setup) html += `<div class="tooltip-example">📋 ${d.setup}</div>`;
if (d.warrior) html += `<div class="tooltip-example" style="background: rgba(0, 255, 136, 0.05); border-color: #00ff88;">⚔️ ${d.warrior}</div>`;
tooltip.innerHTML = html;
tooltip.classList.add('visible');
const rect = el.getBoundingClientRect();
tooltip.style.left = Math.min(rect.left, window.innerWidth - 370) + 'px';
tooltip.style.top = (rect.bottom + 10) + 'px';
}
});
el.addEventListener('mouseleave', () => tooltip.classList.remove('visible'));
});
</script>
</body>
</html>