@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=JetBrains+Mono:wght@300;400;500;600&display=swap";:root{--hud-primary: #33FF33;--hud-primary-rgb: 51, 255, 51;--hud-panel-rgb: 10, 10, 18;--hud-panel-strong-alpha: .9;--hud-panel-soft-alpha: .85;--hud-border-alpha: .3;--hud-border-strong-alpha: .72;--hud-muted-alpha: .5;--hud-muted-strong-alpha: .72;--hud-live-off: #444444;--hud-font-main: "JetBrains Mono", monospace;--hud-font-mono: "JetBrains Mono", monospace;--hud-font-display: "JetBrains Mono", monospace;--hud-legend-native-btc: #F7931A;--hud-legend-wrapped-btc: #B388FF;--hud-legend-stablecoin: #2775CA;--hud-legend-other: #33FF33;--hud-knob-rim: #71624a;--hud-knob-face: #212830;--hud-knob-pointer: #f6cf8b;--green: var(--hud-primary);--neon-red: #FF4444;--amber: #FFD700;--bg-dark: #0A0A12;--text-green: var(--hud-primary);--text-dim: rgba(var(--hud-primary-rgb), var(--hud-muted-alpha));--text-dim-strong: rgba(var(--hud-primary-rgb), var(--hud-muted-strong-alpha));--border-green: rgba(var(--hud-primary-rgb), var(--hud-border-alpha));--border-green-strong: rgba(var(--hud-primary-rgb), var(--hud-border-strong-alpha));--panel-strong: rgba(var(--hud-panel-rgb), var(--hud-panel-strong-alpha));--panel-soft: rgba(var(--hud-panel-rgb), var(--hud-panel-soft-alpha));--font-main: var(--hud-font-main);--font-mono: var(--hud-font-mono);--font-display: var(--hud-font-display)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);font-family:var(--font-main);color:var(--text-green)}html[data-skin=garden]{--hud-font-display: "Cormorant Garamond", serif}html[data-skin=garden] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 82% 14%,#f29fcd29,#f29fcd00 28%),radial-gradient(circle at 18% 88%,#473c7547,#473c7500 34%),linear-gradient(180deg,#e4ebf208,#0000)}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#canvas-container canvas{display:block}#hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;opacity:0}#hud>*{pointer-events:auto}.hud-stats{position:absolute;top:20px;left:24px}.stat-row{display:flex;gap:24px;margin-bottom:8px}.stat-row--single .stat-block{min-width:264px}.stat-block{background:var(--panel-strong);border:1px solid var(--border-green);border-radius:2px;padding:10px 16px;min-width:120px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stat-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:4px}.stat-value{font-family:var(--font-mono);font-size:20px;font-weight:500;color:var(--text-green);text-shadow:0 0 10px rgba(var(--hud-primary-rgb),.4)}.stat-block.is-stale{border-color:var(--border-green)}.stat-block.is-stale .stat-label{color:var(--text-dim)}.stat-block.is-stale .stat-value{color:var(--text-green);text-shadow:0 0 10px rgba(var(--hud-primary-rgb),.4)}.hud-title{position:absolute;top:20px;right:24px;text-align:right}.title-kicker{font-size:8px;font-weight:500;letter-spacing:2.2px;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.title-main{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:6px;text-transform:uppercase;color:var(--text-green);text-shadow:0 0 15px rgba(var(--hud-primary-rgb),.5);margin-bottom:6px}.title-tagline{font-size:9px;font-weight:400;letter-spacing:1.8px;color:var(--text-dim-strong);text-transform:lowercase;margin-bottom:16px}.hud-feed{position:absolute;bottom:20px;left:24px;width:470px;max-height:220px}.feed-header{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:8px}#swap-feed{display:flex;flex-direction:column;gap:3px;max-height:200px;overflow:hidden}.feed-item{display:flex;align-items:center;gap:7px;padding:5px 10px;background:var(--panel-soft);border:1px solid var(--border-green);border-radius:2px;font-size:11px;font-family:var(--font-mono);transition:opacity .3s ease,transform .3s ease}.feed-item-new{opacity:0;transform:translateY(-8px)}.feed-item-impact-1{border-color:rgba(var(--hud-primary-rgb),.46)}.feed-item-impact-2{border-color:#f7931a8f;box-shadow:inset 0 0 8px #f7931a17}.feed-item-impact-3{border-color:#f7931ad1;box-shadow:0 0 10px #f7931a2b,inset 0 0 10px #f7931a24}.feed-impact-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:2px 6px;border-radius:2px;border:1px solid var(--border-green);background:rgba(var(--hud-panel-rgb),.76);color:var(--text-green);font-size:9px;line-height:1;letter-spacing:.8px;text-transform:uppercase;font-weight:500}.feed-impact-badge-1{border-color:rgba(var(--hud-primary-rgb),.56)}.feed-impact-badge-2{border-color:#ffd700a6;color:#ffde75}.feed-impact-badge-3{border-color:#f7931aeb;color:#ffc272;box-shadow:0 0 8px #f7931a33}.feed-route{color:var(--text-green);font-weight:500;min-width:78px}.feed-amount{color:var(--text-green);flex:0 1 236px;max-width:236px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-time{color:rgba(var(--hud-primary-rgb),.3);font-size:10px;min-width:42px;text-align:right}.hud-sidebar{position:absolute;top:80px;right:24px;width:200px}.sidebar-section{background:var(--panel-strong);border:1px solid var(--border-green);border-radius:2px;padding:12px 14px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-title{font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);margin-bottom:6px;white-space:nowrap}.sidebar-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.sidebar-title-row .sidebar-title{margin-bottom:0}.stats-window-controls{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;margin-bottom:8px}.stats-rank-controls{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.stats-rank-btn{border:1px solid var(--border-green);background:rgba(var(--hud-panel-rgb),.72);color:var(--text-dim);border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:0;line-height:1;width:22px;height:22px;padding:0;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.stats-rank-btn:hover{border-color:rgba(var(--hud-primary-rgb),.6);color:rgba(var(--hud-primary-rgb),.9)}.stats-rank-btn.is-active{border-color:var(--border-green-strong);background:rgba(var(--hud-panel-rgb),.86);color:var(--text-green)}.stats-window-btn{border:1px solid var(--border-green);background:rgba(var(--hud-panel-rgb),.72);color:var(--text-dim);border-radius:2px;font-family:var(--font-mono);font-size:9px;letter-spacing:1px;line-height:1;padding:3px 6px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.stats-window-btn:hover{border-color:rgba(var(--hud-primary-rgb),.6);color:rgba(var(--hud-primary-rgb),.9)}.stats-window-btn.is-active{border-color:var(--border-green-strong);background:rgba(var(--hud-panel-rgb),.86);color:var(--text-green)}.sidebar-status-badge{margin-top:6px;display:flex;justify-content:flex-end}.sidebar-mode-toggle{margin-top:8px;display:flex;justify-content:flex-end}.sidebar-scan-toggle{margin-top:8px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.scan-knob.is-on .scan-knob-dial{transform:rotate(-48deg)}.scan-knob.is-off .scan-knob-dial{transform:rotate(48deg)}.scan-knob.is-on .mode-knob-left,.scan-knob.is-off .mode-knob-right{color:var(--text-green)}.sidebar-section-dev-sim{margin-top:10px;padding:10px 11px}.dev-sim-group+.dev-sim-group{margin-top:10px}.dev-sim-subtitle,.dev-sim-status{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim)}.dev-sim-subtitle-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.dev-sim-subtitle{margin-bottom:6px}.dev-sim-subtitle-row .dev-sim-subtitle{margin-bottom:0}.dev-sim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.dev-scan-label{display:block;margin-bottom:6px;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim)}.dev-scan-select{width:100%;min-width:0;margin-bottom:6px;border:1px solid var(--border-green);border-radius:2px;background:rgba(var(--hud-panel-rgb),.72);color:var(--text-green);font-family:var(--font-mono);font-size:9px;letter-spacing:1px;line-height:1.1;padding:7px 9px}.dev-scan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.dev-scan-state{margin-top:7px;min-height:13px;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim)}.dev-scan-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.dev-scan-chip,.dev-scan-reset-btn{padding:4px 6px}.dev-scan-chip{border-radius:999px;line-height:1}.dev-scan-chip.is-active{border-color:var(--border-green-strong);color:var(--text-green);background:rgba(var(--hud-panel-rgb),.9)}.dev-defcon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dev-sim-btn,.dev-defcon-btn{width:100%;text-align:center;padding:4px}.mode-knob{position:relative;width:94px;height:38px;border:1px solid var(--border-green);border-radius:19px;background:linear-gradient(180deg,rgba(var(--hud-panel-rgb),.92),rgba(var(--hud-panel-rgb),.74));box-shadow:inset 0 0 8px #00000073;color:var(--text-dim);cursor:pointer;font-family:var(--font-mono);padding:0}.mode-knob:focus-visible{outline:1px solid var(--border-green-strong);outline-offset:2px}.mode-knob-track{position:absolute;top:7px;right:9px;bottom:7px;left:9px;border-radius:12px;border:1px solid rgba(var(--hud-primary-rgb),.18);background:repeating-linear-gradient(90deg,rgba(var(--hud-primary-rgb),.08) 0,rgba(var(--hud-primary-rgb),.08) 2px,#0000 2px,#0000 6px),linear-gradient(180deg,#00000047,#ffffff0a)}.mode-knob-left,.mode-knob-right{position:absolute;top:50%;transform:translateY(-50%);font-size:8px;letter-spacing:.7px;pointer-events:none}.mode-knob-left{left:12px}.mode-knob-right{right:11px}.mode-knob-dial{position:absolute;top:6px;left:30px;width:26px;height:26px;border-radius:50%;border:1px solid var(--hud-knob-rim);background:radial-gradient(circle at 28% 26%,#ffffff59,#0000 42%),linear-gradient(145deg,var(--hud-knob-face),rgba(0,0,0,.92));box-shadow:0 0 0 1px #00000073,0 1px 8px #00000080;transition:transform .42s cubic-bezier(.22,.9,.25,1.2)}.mode-knob-pointer{position:absolute;top:3px;left:50%;width:2px;height:10px;transform:translate(-50%);border-radius:2px;background:var(--hud-knob-pointer);box-shadow:0 0 5px rgba(var(--hud-primary-rgb),.45)}.mode-knob-bolt{position:absolute;left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:#11161d;border:1px solid rgba(255,255,255,.2)}.mode-knob.is-defcon .mode-knob-dial{transform:rotate(-48deg)}.mode-knob.is-garden .mode-knob-dial{transform:rotate(48deg)}.mode-knob.is-defcon .mode-knob-left,.mode-knob.is-garden .mode-knob-right{color:var(--text-green)}.route-item,.integrator-item{display:flex;justify-content:space-between;padding:3px 0;font-size:11px;font-family:var(--font-mono)}.route-path{color:rgba(var(--hud-primary-rgb),.7)}.route-count,.integrator-count{color:var(--text-green);font-weight:500}.integrator-name{color:rgba(var(--hud-primary-rgb),.7)}.hud-legend{position:absolute;bottom:20px;right:24px}.legend-items{display:flex;gap:12px;font-size:9px;font-weight:400;letter-spacing:1px;flex-wrap:wrap;justify-content:flex-end}.legend-item{display:flex;align-items:center;gap:6px;color:var(--text-dim)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.native-btc{background:var(--hud-legend-native-btc);box-shadow:0 0 6px var(--hud-legend-native-btc)}.legend-dot.wrapped-btc{background:var(--hud-legend-wrapped-btc);box-shadow:0 0 6px var(--hud-legend-wrapped-btc)}.legend-dot.stablecoin{background:var(--hud-legend-stablecoin);box-shadow:0 0 6px var(--hud-legend-stablecoin)}.legend-dot.other{background:var(--hud-legend-other);box-shadow:0 0 6px var(--hud-legend-other)}.liquidity-hover{position:fixed;z-index:16;pointer-events:none;min-width:240px;max-width:300px;background:rgba(var(--hud-panel-rgb),.94);border:1px solid var(--border-green);border-radius:2px;padding:10px 12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 16px #00000073;font-family:var(--font-mono)}.liquidity-hover.is-stale{border-color:#ffb4008c}.liquidity-hover-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.liquidity-hover-chain{font-size:11px;font-weight:600;letter-spacing:1.2px;color:var(--text-green)}.liquidity-hover-stale{font-size:9px;letter-spacing:1px;color:#ffb400}.liquidity-hover-summary{border:1px solid var(--border-green);border-radius:2px;padding:7px 8px;margin-bottom:8px;background:rgba(var(--hud-panel-rgb),.42)}.liquidity-hover-metric{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;color:var(--text-dim)}.liquidity-hover-metric+.liquidity-hover-metric{margin-top:4px}.liquidity-hover-metric strong{font-size:12px;font-weight:500;color:var(--text-green)}.liquidity-hover-top-title{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.liquidity-hover-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:10px;line-height:1.35}.liquidity-hover-row+.liquidity-hover-row{margin-top:4px}.liquidity-hover-solver{color:rgba(var(--hud-primary-rgb),.72)}.liquidity-hover-value{color:var(--text-green);white-space:nowrap}.liquidity-hover-share{color:var(--text-dim);margin-left:4px}.liquidity-hover-other{margin-top:6px;font-size:9px;color:var(--text-dim)}.liquidity-hover-updated{margin-top:8px;font-size:9px;color:rgba(var(--hud-primary-rgb),.45)}.liquidity-hover-empty{font-size:10px;color:var(--text-dim)}.hud-footer-center{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.footer-links{display:inline-flex;align-items:center;gap:10px}.repo-link{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;gap:0;font-size:0;line-height:1;letter-spacing:0;color:rgba(var(--hud-primary-rgb),.8);text-decoration:none;transition:color .2s ease;transform:translateY(1px)}.repo-link:hover{color:var(--text-green)}.repo-link svg{width:12px;height:12px;fill:currentColor}.repo-link--center{transform:none}.garden-link{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;color:var(--text-green);text-decoration:none;opacity:.9;transition:opacity .2s ease,transform .2s ease}.garden-link:hover{opacity:1;transform:translateY(-.5px)}.garden-logo-mark{width:11px;height:11px;display:block;background:currentColor;-webkit-mask:url(/garden-logo-dark.svg) center / contain no-repeat;mask:url(/garden-logo-dark.svg) center / contain no-repeat}html[data-skin=garden] .hud-title{max-width:208px}html[data-skin=garden] .title-kicker{font-size:8px;letter-spacing:2.6px;color:rgba(var(--hud-primary-rgb),.72)}html[data-skin=garden] .title-main{font-size:24px;line-height:.96;font-weight:600;letter-spacing:.68px;text-transform:none;text-shadow:0 0 11px rgba(var(--hud-primary-rgb),.15);margin-bottom:4px}html[data-skin=garden] .title-tagline{font-size:9px;line-height:1.15;letter-spacing:.8px;text-transform:none;color:#e4ebf2cc;margin-bottom:10px}html[data-skin=garden] .hud-title:after{content:"";display:block;width:112px;height:1px;margin:10px 0 0 auto;background:linear-gradient(90deg,rgba(var(--hud-primary-rgb),0),rgba(var(--hud-primary-rgb),.82));opacity:.8}html[data-skin=garden] .stat-block,html[data-skin=garden] .sidebar-section,html[data-skin=garden] .feed-item,html[data-skin=garden] .liquidity-hover,html[data-skin=garden] .defcon-level{border-color:rgba(var(--hud-primary-rgb),.24);border-radius:16px;background:linear-gradient(180deg,#160f21eb,#0c0814db);box-shadow:0 16px 38px #07040d52,inset 0 1px #ffffff0a}html[data-skin=garden] .feed-item{border-radius:14px;padding:7px 12px}html[data-skin=garden] .feed-impact-badge,html[data-skin=garden] .stats-window-btn{border-radius:999px}html[data-skin=garden] .stats-window-btn{border-color:rgba(var(--hud-primary-rgb),.2);background:#120c1cb8}html[data-skin=garden] .stats-window-btn.is-active,html[data-skin=garden] .stats-rank-btn.is-active{background:#1c1329e6}html[data-skin=garden] .feed-header,html[data-skin=garden] .sidebar-title,html[data-skin=garden] .stat-label{letter-spacing:1.4px;color:#e4ebf2b8}html[data-skin=garden] .route-item,html[data-skin=garden] .integrator-item{padding:6px 0;border-bottom:1px solid rgba(var(--hud-primary-rgb),.08)}html[data-skin=garden] #top-routes .route-item:last-child,html[data-skin=garden] #integrator-list .integrator-item:last-child{border-bottom:0}html[data-skin=garden] .route-path,html[data-skin=garden] .integrator-name,html[data-skin=garden] .legend-item{color:#e4ebf2b8}html[data-skin=garden] .defcon-level{gap:10px;padding:6px 12px;border-radius:999px}html[data-skin=garden] .defcon-level-label{color:#e4ebf29e}html[data-skin=garden] .mode-knob{border-color:rgba(var(--hud-primary-rgb),.28);background:linear-gradient(180deg,#1c1329eb,#0f0917d6);box-shadow:inset 0 0 18px #473c7547,0 8px 16px #07040d38}html[data-skin=garden] .mode-knob-track{border-color:rgba(var(--hud-primary-rgb),.16);background:linear-gradient(90deg,#f29fcd24,#473c752e),linear-gradient(180deg,#ffffff08,#0000002e)}html[data-skin=garden] .mode-knob-dial{border-color:#f29fcd59;background:radial-gradient(circle at 30% 28%,#ffffff47,#0000 38%),linear-gradient(145deg,#422f54,#1c1428);box-shadow:0 0 0 1px #07040d7a,0 1px 10px #07040d7a}html[data-skin=garden] .mode-knob-pointer{background:#f3d6e4;box-shadow:0 0 7px #f29fcd6b}html[data-skin=garden] .garden-link{opacity:1;color:#f6d1e4;filter:drop-shadow(0 0 8px rgba(242,159,205,.28))}html[data-skin=garden] .whale-alert.is-garden{background:linear-gradient(180deg,#181325f7,#0e0a17ed);color:#f7cfdf;border-bottom-color:#f29fcd7a;box-shadow:0 10px 26px #473c753d}html[data-skin=garden] body.whale-edge-flash-garden:after{box-shadow:inset 0 0 70px #f29fcd24,inset 0 0 150px #473c751f}#mode-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:14;pointer-events:none;opacity:0;overflow:hidden;background:#04070a1a;mix-blend-mode:screen;transition:opacity .14s linear}#mode-transition-overlay:before,#mode-transition-overlay:after{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;pointer-events:none;opacity:0;will-change:opacity,transform,filter;transition:opacity .22s ease,transform .26s cubic-bezier(.22,.9,.25,1.05),filter .22s ease}#mode-transition-overlay:before{background:linear-gradient(180deg,#ffffff29,#0000 12%,#ffffff1a 48%,#0000 60%),repeating-linear-gradient(0deg,rgba(var(--hud-primary-rgb),.13) 0,rgba(var(--hud-primary-rgb),.13) 1px,#0000 1px,#0000 4px);mix-blend-mode:screen}#mode-transition-overlay:after{background:radial-gradient(circle at 48% 52%,rgba(var(--hud-primary-rgb),.42),#0000 56%),linear-gradient(180deg,#ffffff0a,#0000002e)}body.mode-switching #mode-transition-overlay{opacity:1}body.mode-switching #canvas-container,body.mode-switching #hud{transition:filter .18s ease}body.mode-switch-loss #mode-transition-overlay:before{opacity:.92;transform:translateY(-12px) scaleY(1.04);filter:blur(.5px)}body.mode-switch-loss #mode-transition-overlay:after{opacity:.22;transform:scale(.985)}body.mode-switch-retune #mode-transition-overlay:before{opacity:.46;transform:translateY(4px) scaleY(1.01);filter:blur(.2px)}body.mode-switch-retune #mode-transition-overlay:after{opacity:.82;transform:scale(1.02)}body.mode-switch-lock #mode-transition-overlay:before{opacity:.14;transform:translateY(0) scaleY(1)}body.mode-switch-lock #mode-transition-overlay:after{opacity:.26;transform:scale(1)}body.mode-switch-to-garden #mode-transition-overlay:after{background:radial-gradient(circle at 50% 46%,#f29fcd57,#473c7529 34%,#0000 62%),linear-gradient(180deg,#f29fcd14,#0000000a 36%,#0000002e)}body.mode-switch-to-defcon #mode-transition-overlay:after{background:radial-gradient(circle at 48% 52%,#7cff9442,#33ff331f 30%,#0000 60%),linear-gradient(180deg,#ccffcc0f,#00000008 34%,#0003)}body.mode-switch-loss #canvas-container{filter:contrast(1.22) saturate(.86) brightness(.84)}body.mode-switch-retune #canvas-container{filter:contrast(1.08) saturate(1.06) brightness(.95)}body.mode-switch-lock #canvas-container{filter:contrast(1.04) saturate(1.08) brightness(1.01)}body.mode-switch-to-garden.mode-switch-retune #canvas-container{filter:contrast(1.08) saturate(1.22) brightness(1.02)}body.mode-switch-to-defcon.mode-switch-retune #canvas-container{filter:contrast(1.14) saturate(1.02) brightness(.98)}body.mode-switch-loss #hud{filter:brightness(.96) contrast(1.04)}body.mode-switch-retune #hud{filter:brightness(1.05)}body.mode-switch-lock #hud{filter:brightness(1.02)}.mode-knob.is-snapping.is-garden .mode-knob-dial{animation:knob-snap-garden .42s cubic-bezier(.22,.9,.25,1.15)}.mode-knob.is-snapping.is-defcon .mode-knob-dial{animation:knob-snap-defcon .42s cubic-bezier(.22,.9,.25,1.15)}@keyframes knob-snap-garden{0%{transform:rotate(-48deg)}46%{transform:rotate(58deg)}to{transform:rotate(48deg)}}@keyframes knob-snap-defcon{0%{transform:rotate(48deg)}46%{transform:rotate(-58deg)}to{transform:rotate(-48deg)}}.debug-hud{position:fixed;bottom:60px;left:24px;background:#000000b3;border:1px solid rgba(255,255,255,.2);border-radius:2px;padding:8px 12px;font-family:var(--font-mono);font-size:11px;color:#0f0;z-index:20;pointer-events:none;line-height:1.5}.value-pop{position:absolute;pointer-events:none;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-green);text-shadow:0 0 6px rgba(var(--hud-primary-rgb),.5);opacity:0;transform:translateY(0) translate(-50%);z-index:2;white-space:nowrap}.value-pop.is-active{animation:value-float 1.4s ease-out forwards}@keyframes value-float{0%{opacity:.9;transform:translateY(0) translate(-50%)}70%{opacity:.7}to{opacity:0;transform:translateY(-36px) translate(-50%)}}.cone-reveal-label{position:absolute;pointer-events:none;font-family:var(--font-mono);font-size:8px;font-weight:600;letter-spacing:1px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.6);opacity:0;white-space:nowrap;z-index:2;transform:translate(-50%);transition:opacity .08s linear}.defcon-level{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid var(--border-green);border-radius:2px;background:var(--panel-strong);font-family:var(--font-mono);font-size:9px;letter-spacing:1.2px;text-transform:uppercase;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease,opacity .18s ease}.defcon-level-label{color:var(--text-dim)}.defcon-level-status{font-weight:600;transition:color .18s ease,opacity .18s ease}.defcon-level.is-live{box-shadow:0 0 0 1px rgba(var(--hud-primary-rgb),.08),0 0 18px rgba(var(--hud-primary-rgb),.16)}.defcon-level.is-disconnected{border-color:#ff6c6c61;background:#1c080cc7;box-shadow:none}.defcon-level.is-disconnected .defcon-level-label{color:#ffe3e385}.defcon-level.is-disconnected .defcon-level-status{color:#ff8a8a;animation:none}.defcon-level-5 .defcon-level-status{color:rgba(var(--hud-primary-rgb),.5)}.defcon-level-4 .defcon-level-status{color:var(--text-green)}.defcon-level-3 .defcon-level-status{color:gold}.defcon-level-2 .defcon-level-status{color:#ff8c00}.defcon-level-1 .defcon-level-status{color:#f44;animation:defcon-pulse 1s ease-in-out infinite}.defcon-level-1{border-color:#f449}.defcon-level-2{border-color:#ff8c0080}.defcon-level-3{border-color:#ffd70066}@keyframes defcon-pulse{0%,to{opacity:1}50%{opacity:.5}}.whale-alert{position:fixed;top:0;left:0;right:0;z-index:20;text-align:center;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:1.5px;padding:8px 16px;color:#ffc272;background:#0a0a12eb;border-bottom:2px solid rgba(247,147,26,.7);box-shadow:0 0 20px #f7931a26;transform:translateY(-100%);transition:transform .3s ease;pointer-events:none}.whale-alert.is-active{transform:translateY(0)}.whale-alert.is-garden{color:#f29fcd;border-bottom-color:#f29fcd99;box-shadow:0 0 20px #f29fcd1f}body.whale-edge-flash:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:19;box-shadow:inset 0 0 60px #f7931a40;animation:whale-edge-glow .4s ease-out forwards}body.whale-edge-flash-garden:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:19;box-shadow:inset 0 0 40px #f29fcd2e;animation:whale-edge-glow .4s ease-out forwards}@keyframes whale-edge-glow{0%{opacity:1}to{opacity:0}}body.mobile-layout-active #canvas-container canvas{touch-action:none}.hud-mobile-topbar,.hud-mobile-sheet,body.mobile-layout-active .hud-title,body.mobile-layout-active .hud-sidebar,body.mobile-layout-active .hud-footer-center{display:none}body.mobile-layout-active .hud-mobile-topbar{position:fixed;top:10px;left:10px;right:10px;z-index:18;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border-green);border-radius:8px;background:rgba(var(--hud-panel-rgb),.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.mobile-layout-active .mobile-topbar-brand{min-width:0}body.mobile-layout-active .mobile-brand-main{font-size:11px;letter-spacing:2.2px;line-height:1;color:var(--text-green)}body.mobile-layout-active .mobile-brand-sub{margin-top:2px;font-size:8px;letter-spacing:1px;color:var(--text-dim);text-transform:lowercase}body.mobile-layout-active .mobile-topbar-stats{display:flex;gap:6px;margin-left:auto}body.mobile-layout-active .mobile-stat-block{display:flex;align-items:baseline;gap:4px;padding:4px 6px;border:1px solid var(--border-green);border-radius:4px;background:rgba(var(--hud-panel-rgb),.6)}body.mobile-layout-active .mobile-stat-label{font-size:8px;letter-spacing:.8px;color:var(--text-dim)}body.mobile-layout-active .mobile-stat-value{font-size:10px;color:var(--text-green);font-family:var(--font-mono)}body.mobile-layout-active .mobile-topbar-controls{display:flex;align-items:center;gap:6px}body.mobile-layout-active .mobile-sheet-toggle{border:1px solid var(--border-green);border-radius:4px;background:rgba(var(--hud-panel-rgb),.72);color:var(--text-green);font-family:var(--font-mono);font-size:9px;letter-spacing:1px;line-height:1;padding:6px 8px;cursor:pointer}body.mobile-layout-active .mobile-sheet-toggle.is-open{border-color:var(--border-green-strong);background:rgba(var(--hud-panel-rgb),.9)}body.mobile-layout-active .sidebar-mode-toggle{margin-top:0}body.mobile-layout-active .sidebar-scan-toggle{margin-top:0;display:flex;gap:0}body.mobile-layout-active .mode-knob{width:72px;height:30px;border-radius:15px}body.mobile-layout-active .mode-knob-track{top:5px;right:7px;bottom:5px;left:7px}body.mobile-layout-active .mode-knob-left,body.mobile-layout-active .mode-knob-right{font-size:7px}body.mobile-layout-active .mode-knob-left{left:9px}body.mobile-layout-active .mode-knob-right{right:9px}body.mobile-layout-active .mode-knob-dial{top:4px;left:24px;width:22px;height:22px}body.mobile-layout-active .mode-knob-pointer{top:2px;height:8px}body.mobile-layout-active .mode-knob-bolt{width:4px;height:4px}body.mobile-layout-active .hud-mobile-sheet{position:fixed;left:10px;right:10px;bottom:10px;z-index:18;display:flex;flex-direction:column;max-height:min(52vh,360px);border:1px solid var(--border-green);border-radius:10px;background:rgba(var(--hud-panel-rgb),.93);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px 8px 9px;transform:translateY(calc(100% - 24px));transition:transform .24s ease}body.mobile-layout-active .mobile-sheet-handle{display:flex;justify-content:center;padding:8px 0}body.mobile-layout-active .mobile-sheet-handle-pill{width:32px;height:3px;border-radius:2px;background:rgba(var(--hud-primary-rgb),.3)}body.mobile-layout-active .hud-mobile-sheet.is-open{transform:translateY(0)}body.mobile-layout-active .mobile-sheet-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}body.mobile-layout-active .mobile-sheet-tab{border:1px solid var(--border-green);border-radius:4px;background:rgba(var(--hud-panel-rgb),.72);color:var(--text-dim);font-family:var(--font-mono);font-size:9px;letter-spacing:.9px;line-height:1;padding:5px 8px;cursor:pointer}body.mobile-layout-active .mobile-sheet-tab.is-active{border-color:var(--border-green-strong);background:rgba(var(--hud-panel-rgb),.88);color:var(--text-green)}body.mobile-layout-active .mobile-sheet-content{min-height:0;flex:1;overflow:hidden}body.mobile-layout-active .mobile-sheet-pane{display:none;height:100%;overflow-y:auto;padding-right:2px}body.mobile-layout-active .mobile-sheet-pane.is-active{display:block}body.mobile-layout-active .hud-stats,body.mobile-layout-active .hud-feed,body.mobile-layout-active .hud-legend{position:static;top:auto;left:auto;right:auto;bottom:auto;width:100%;max-height:none}body.mobile-layout-active .stat-row{gap:8px;margin-bottom:6px}body.mobile-layout-active .stat-block{min-width:0;flex:1;padding:8px 10px}body.mobile-layout-active .stat-row--single .stat-block{min-width:0}body.mobile-layout-active .stat-label{font-size:9px;letter-spacing:1.1px}body.mobile-layout-active .stat-value{font-size:15px}body.mobile-layout-active .sidebar-section{margin-bottom:8px;padding:10px 11px}body.mobile-layout-active .sidebar-section:last-child{margin-bottom:0}body.mobile-layout-active .hud-feed{max-height:none}body.mobile-layout-active .feed-header{margin-bottom:6px}body.mobile-layout-active #swap-feed{max-height:160px;overflow-y:auto;padding-right:2px}body.mobile-layout-active .feed-item{padding:5px 8px;font-size:10px}body.mobile-layout-active .feed-route{min-width:66px}body.mobile-layout-active .feed-amount{flex:1 1 auto;max-width:none}body.mobile-layout-active .feed-time{min-width:38px;font-size:9px}body.mobile-layout-active .hud-legend{margin-top:8px}body.mobile-layout-active .legend-items{justify-content:flex-start;gap:10px;font-size:8px}body.mobile-layout-active .mobile-defcon-badge{font-family:var(--font-mono);font-size:8px;letter-spacing:.8px;padding:3px 6px;border:1px solid var(--border-green);border-radius:3px;background:rgba(var(--hud-panel-rgb),.6);color:var(--text-dim);white-space:nowrap;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease,opacity .18s ease}body.mobile-layout-active .mobile-defcon-badge.is-live{box-shadow:0 0 0 1px rgba(var(--hud-primary-rgb),.08),0 0 14px rgba(var(--hud-primary-rgb),.16)}body.mobile-layout-active .mobile-defcon-badge.is-disconnected{color:#ff8a8a;border-color:#ff6c6c61;background:#1c080cc2;box-shadow:none;animation:none}body.mobile-layout-active .mobile-defcon-badge.defcon-level-5{color:rgba(var(--hud-primary-rgb),.5)}body.mobile-layout-active .mobile-defcon-badge.defcon-level-4{color:var(--text-green)}body.mobile-layout-active .mobile-defcon-badge.defcon-level-3{color:gold;border-color:#ffd70066}body.mobile-layout-active .mobile-defcon-badge.defcon-level-2{color:#ff8c00;border-color:#ff8c0080}body.mobile-layout-active .mobile-defcon-badge.defcon-level-1{color:#f44;border-color:#f449;animation:defcon-pulse 1s ease-in-out infinite}html[data-skin=garden] body.mobile-layout-active .hud-mobile-topbar,html[data-skin=garden] body.mobile-layout-active .hud-mobile-sheet{border-color:rgba(var(--hud-primary-rgb),.24);border-radius:18px;background:linear-gradient(180deg,#160f21f0,#0c0814e6);box-shadow:0 18px 36px #07040d57,inset 0 1px #ffffff0a}html[data-skin=garden] body.mobile-layout-active .mobile-brand-main{font-family:var(--font-display);font-size:16px;letter-spacing:1px;text-transform:none}html[data-skin=garden] body.mobile-layout-active .mobile-brand-sub{color:#e4ebf2c2;letter-spacing:.9px;text-transform:none}html[data-skin=garden] body.mobile-layout-active .mobile-stat-block,html[data-skin=garden] body.mobile-layout-active .mobile-sheet-toggle,html[data-skin=garden] body.mobile-layout-active .mobile-sheet-tab,html[data-skin=garden] body.mobile-layout-active .mobile-defcon-badge{border-color:rgba(var(--hud-primary-rgb),.22);background:#120c1cc7}html[data-skin=garden] body.mobile-layout-active .mobile-sheet-toggle,html[data-skin=garden] body.mobile-layout-active .mobile-sheet-tab,html[data-skin=garden] body.mobile-layout-active .mobile-defcon-badge{border-radius:999px}html[data-skin=garden] body.mobile-layout-active .mobile-sheet-tab.is-active,html[data-skin=garden] body.mobile-layout-active .mobile-sheet-toggle.is-open{background:#1c1329e6}html[data-skin=garden] body.mobile-layout-active .mobile-sheet-handle-pill{background:rgba(var(--hud-primary-rgb),.42)}@media (max-width: 520px){body.mobile-layout-active .mobile-brand-sub,body.mobile-layout-active .mobile-topbar-stats{display:none}}@media (max-height: 500px) and (orientation: landscape){body.mobile-layout-active .hud-mobile-sheet{max-height:50vh}body.mobile-layout-active .hud-mobile-topbar{padding:4px 8px}body.mobile-layout-active .mobile-brand-sub{display:none}}