@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Variable-CFg-z2ne.woff2)format("woff2");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-VariableItalic-DjwFspxr.woff2)format("woff2");font-weight:300 900;font-display:swap;font-style:italic}:root{--bg:#130e0e;--text:#ecdfcd;--cream:#ecdfcd;--cyan:#50b6c9;--green:#6cb973;--yellow:#e9d628;--red:#ec2626;--purple:#b77be8;--orange:#e97320;--text-muted:color-mix(in srgb, var(--text) 42%, transparent);--text-dim:color-mix(in srgb, var(--text) 22%, transparent);--border:color-mix(in srgb, var(--text) 18%, transparent);--border-strong:color-mix(in srgb, var(--text) 32%, transparent);--stripe:linear-gradient(90deg, var(--cyan) 0% 25%, var(--green) 25% 50%, var(--yellow) 50% 75%, var(--red) 75% 100%);--stripe-h:6px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;font-size:13px;line-height:1.5}#noise{pointer-events:none;z-index:9000;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}canvas#canvas{z-index:1;display:none;position:fixed;inset:0}#landing{z-index:10;grid-template-columns:1fr 360px;align-items:center;gap:64px;padding:0 72px;display:grid;position:fixed;inset:0}.landing-left{flex-direction:column;justify-content:center;display:flex}.landing-title{letter-spacing:-.02em;color:var(--text);text-transform:uppercase;opacity:0;font-family:Satoshi,sans-serif;font-size:clamp(72px,10vw,120px);font-weight:900;line-height:.88;animation:.6s ease-out forwards fadeUp;transform:translateY(24px)}.landing-sub{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);opacity:0;margin-top:20px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;animation:.4s ease-out .2s forwards fadeIn}.landing-panel{border:2px solid var(--border);background:var(--bg);overflow:hidden}.landing-panel-body{padding:24px}.landing-panel-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);opacity:0;margin-bottom:20px;font-family:Inter,sans-serif;font-size:10px;font-weight:700;animation:.4s ease-out .12s forwards fadeIn}.settings-grid{flex-direction:column;gap:18px;display:flex}.setting-row{opacity:0;transform:translateY(12px)}.setting-row:first-child{animation:.4s ease-out .2s forwards fadeUp}.setting-row:nth-child(2){animation:.4s ease-out .27s forwards fadeUp}.setting-row:nth-child(3){animation:.4s ease-out .34s forwards fadeUp}.setting-row:nth-child(4){animation:.4s ease-out .41s forwards fadeUp}.setting-row:nth-child(5){animation:.4s ease-out .48s forwards fadeUp}.setting-row:nth-child(6){animation:.4s ease-out .55s forwards fadeUp}.setting-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.setting-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-family:Inter,sans-serif;font-size:11px;font-weight:600}.setting-value{color:var(--text);text-align:right;min-width:36px;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.setting-desc{color:var(--text-dim);margin-top:5px;font-family:Inter,sans-serif;font-size:10px;font-weight:400;line-height:1.4}input[type=range]{appearance:none;background:var(--border-strong);cursor:pointer;border-radius:0;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);cursor:pointer;border-radius:0;width:14px;height:14px;transition:background .1s}input[type=range]::-webkit-slider-thumb:hover{background:var(--yellow)}input[type=range].cyan::-webkit-slider-thumb{background:var(--cyan)}input[type=range].red::-webkit-slider-thumb{background:var(--red)}input[type=range].green::-webkit-slider-thumb{background:var(--green)}input[type=range].yellow::-webkit-slider-thumb{background:var(--yellow)}input[type=range].purple::-webkit-slider-thumb{background:var(--purple)}input[type=range].muted::-webkit-slider-thumb{background:var(--text-muted)}input[type=range].cyan::-webkit-slider-thumb:hover{background:var(--text)}input[type=range].red::-webkit-slider-thumb:hover{background:var(--text)}input[type=range].green::-webkit-slider-thumb:hover{background:var(--text)}input[type=range].yellow::-webkit-slider-thumb:hover{background:var(--text)}input[type=range].purple::-webkit-slider-thumb:hover{background:var(--text)}input[type=range].muted::-webkit-slider-thumb:hover{background:var(--text)}.btn-start{background:var(--text);width:100%;color:var(--bg);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;opacity:0;border:none;border-radius:0;margin-top:24px;padding:14px 24px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:background .1s;animation:.4s ease-out .5s forwards fadeUp;display:block}.btn-start:hover{background:var(--cyan)}.landing-footer{border-top:1px solid var(--border);opacity:0;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;animation:.4s ease-out .6s forwards fadeIn;display:flex}.footer-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);font-family:Inter,sans-serif;font-size:9px;font-weight:700}.footer-link{color:var(--text-muted);font-family:Inter,sans-serif;font-size:10px;font-weight:600;text-decoration:none;transition:color .1s}.footer-link:hover{color:var(--cyan);text-decoration:underline}#hud{pointer-events:none;z-index:100;display:none;position:fixed;inset:0}.hud-topbar{background:var(--bg);border-bottom:2px solid var(--border);pointer-events:all;justify-content:space-between;align-items:center;gap:16px;height:48px;padding:0 20px;display:flex;position:absolute;top:0;left:0;right:0}.hud-wordmark{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.hud-center{flex:1;justify-content:center;align-items:baseline;gap:10px;display:flex}.hud-day{letter-spacing:-.01em;color:var(--text);font-family:Satoshi,sans-serif;font-size:18px;font-weight:900}.hud-pop{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-family:Inter,sans-serif;font-size:11px;font-weight:500}.hud-controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.hud-btn{border:2px solid var(--border);color:var(--text);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border-radius:0;padding:4px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;transition:background .1s,border-color .1s,color .1s}.hud-btn:hover{border-color:var(--text)}.hud-btn.active{background:var(--yellow);border-color:var(--yellow);color:var(--bg)}.hud-speed-display{color:var(--text);text-align:center;min-width:38px;padding:4px 2px;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.hud-stats{background:var(--bg);border-bottom:2px solid var(--border);pointer-events:all;align-items:center;gap:24px;height:32px;padding:0 20px;display:flex;position:absolute;top:48px;left:0;right:0}.hud-stat{align-items:center;gap:8px;display:flex}.hud-stat-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-family:Inter,sans-serif;font-size:10px;font-weight:700}.hud-stat-label.clickable{cursor:pointer;text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--text-dim);text-decoration-color:var(--text-dim);transition:color .1s}.hud-stat-label.clickable:hover{color:var(--text)}.hud-stat-val{font-family:Inter,sans-serif;font-size:13px;font-weight:700}.hud-stat-val.cyan{color:var(--cyan)}.hud-stat-val.red{color:var(--red)}.hud-stat-val.yellow{color:var(--yellow)}.hud-stat-val.purple{color:var(--purple)}.hud-stat-val.cream{color:var(--text)}.hud-stat-val.muted{color:var(--text-muted)}.draggable-window{background:var(--bg);border:2px solid var(--border-strong);-webkit-user-select:none;user-select:none;z-index:300;flex-direction:column;min-width:180px;min-height:80px;display:flex;position:fixed;overflow:hidden}.window-titlebar{background:var(--cream);cursor:grab;flex-shrink:0;justify-content:space-between;align-items:center;height:26px;padding:0 10px;display:flex}.window-titlebar:active{cursor:grabbing}.window-title{letter-spacing:.06em;text-transform:uppercase;color:var(--bg);font-family:Inter,sans-serif;font-size:10px;font-weight:700}.panel-close{color:var(--bg);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;font-size:16px;font-weight:400;line-height:1;transition:opacity .1s}.panel-close:hover{opacity:1}.window-body{flex:1;min-height:0;padding:12px 14px 14px;overflow:auto}.window-body.chart-body{flex-direction:column;padding:10px 12px 12px;display:flex;overflow:hidden}.window-body.chart-body canvas.hud-chart-canvas{flex-shrink:0;height:90px}.pop-scroll{flex:1;min-height:0;overflow:hidden auto}.window-resize-grip{cursor:se-resize;background:repeating-linear-gradient(-45deg, transparent 0px 2px, var(--border-strong) 2px 3px);opacity:.5;z-index:1;width:14px;height:14px;position:absolute;bottom:0;right:0}.window-resize-grip:hover{opacity:1}.hud-chart-legend{flex-wrap:wrap;gap:4px 10px;margin-bottom:10px;display:flex}.legend-item{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:5px;font-family:Inter,sans-serif;font-size:9px;font-weight:600;display:flex}.legend-dot{border-radius:0;flex-shrink:0;width:6px;height:6px}canvas.hud-chart-canvas{width:100%;height:100px;display:block}.info-btn{border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-left:auto;padding:0;font-family:Inter,sans-serif;font-size:9px;font-style:italic;font-weight:700;transition:border-color .1s,color .1s;display:flex}.info-btn:hover{border-color:var(--text);color:var(--text)}.species-popup-body{padding:12px 14px 14px}.popup-desc{color:var(--text-muted);margin-bottom:12px;font-family:Inter,sans-serif;font-size:11px;line-height:1.5}.popup-table{border-collapse:collapse;width:100%;font-family:Inter,sans-serif;font-size:10px}.popup-table th{letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);text-align:left;border-bottom:1px solid var(--border);padding:0 6px 6px 0;font-size:9px;font-weight:700}.popup-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:5px 6px 5px 0;line-height:1.3}.popup-table tbody tr:last-child td{border-bottom:none}.popup-dot{vertical-align:middle;border-radius:0;flex-shrink:0;width:6px;height:6px;display:inline-block}.score-bad{color:var(--red)}.score-warn{color:var(--yellow)}.score-ok{color:var(--text-muted)}.score-good{color:var(--green)}.hud-panel-divider{background:var(--border);height:1px;margin:10px 0 8px}.hud-species-guide{flex-direction:column;gap:7px;display:flex}.hud-species-row{align-items:center;gap:8px;padding-right:2px;display:flex}.hud-species-text{flex-direction:column;gap:1px;display:flex}.hud-species-name{letter-spacing:.04em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:10px;font-weight:700}.hud-species-name.clickable{cursor:pointer;text-underline-offset:2px;opacity:.85;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:opacity .1s}.hud-species-name.clickable:hover{opacity:1}.stats-table{border-collapse:collapse;width:100%;margin-top:8px;font-family:Inter,sans-serif;font-size:9px}.stats-table th{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);text-align:right;border-bottom:1px solid var(--border);padding:0 4px 5px;font-weight:700}.stats-table th:first-child{text-align:left;padding-left:0}.stats-species-row td{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);vertical-align:middle;text-align:right;padding:4px}.stats-species-row:last-child td{border-bottom:none}.stats-species-row td:first-child{text-align:left;padding-left:0}.stats-val{color:var(--text-muted);font-family:Inter,sans-serif;font-size:9px;font-weight:600}.stats-dim{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;font-family:Inter,sans-serif;font-size:9px;font-weight:400}.stats-global{flex-direction:column;gap:4px;margin-top:8px;padding-bottom:4px;display:flex}.stats-global-row{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.hud-controls-sep{background:var(--border-strong);flex-shrink:0;width:1px;height:16px;margin:0 4px}.inject-body{flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex}.inject-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:2px;font-family:Inter,sans-serif;font-size:9px;font-weight:700}.inject-row{align-items:center;gap:7px;display:flex}.inject-label{letter-spacing:.04em;text-transform:uppercase;flex:1;min-width:0;font-family:Inter,sans-serif;font-size:10px;font-weight:600}.inject-input{border:1px solid var(--border-strong);width:44px;color:var(--text);text-align:center;-moz-appearance:textfield;background:0 0;border-radius:0;outline:none;flex-shrink:0;padding:2px 4px;font-family:Inter,sans-serif;font-size:11px;font-weight:600}.inject-input::-webkit-outer-spin-button{-webkit-appearance:none}.inject-input::-webkit-inner-spin-button{-webkit-appearance:none}.inject-input:focus{border-color:var(--text-muted)}.inject-btn{border:1px solid var(--border-strong);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border-radius:0;flex-shrink:0;padding:3px 8px;font-family:Inter,sans-serif;font-size:9px;font-weight:700;transition:border-color .1s,color .1s}.inject-btn:hover{border-color:var(--text);color:var(--text)}.inspector-panel{background:var(--bg);border:2px solid var(--border);color:var(--text);pointer-events:none;z-index:200;min-width:200px;display:none;position:fixed;bottom:20px;left:20px}.inspector-body{padding:10px 14px;line-height:1.9}.inspector-header{letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.inspector-row{border-bottom:1px solid var(--border);gap:8px;padding:3px 0;display:flex}.inspector-row:last-child{border-bottom:none}.inspector-key{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0;min-width:56px;font-family:Inter,sans-serif;font-size:10px}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.fade-out{animation:.5s ease-out forwards fadeOut}