@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,800&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{font-family:Barlow Condensed,Impact,sans-serif;color:#f2f7e9;background:#07100e;font-synthesis:none;--acid: #d7ff43;--green: #47e89b;--ink: #07100e;--line: rgba(216, 255, 67, .2)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#07100e}button,input{font:inherit}button{color:inherit}#app{position:relative;isolation:isolate;background:radial-gradient(circle at 76% 24%,rgba(22,104,76,.2),transparent 28%),linear-gradient(#091411,#07100e)}#game{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.topbar{position:absolute;z-index:30;inset:0 0 auto;height:90px;padding:18px 28px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.brand{display:flex;gap:10px;color:inherit;text-decoration:none;font-size:20px;line-height:.8;letter-spacing:.04em;font-weight:700;pointer-events:auto}.brand b{color:var(--acid);font-size:25px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--acid);color:var(--ink);font:900 28px/1 sans-serif;transform:skew(-7deg)}.ticker-form{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:3px}.ticker-form label,.ticker-form small{font:600 9px/1 IBM Plex Mono,monospace;letter-spacing:.16em;color:#89a09a}.ticker-form .ticker-entry{display:flex;height:34px;background:#050e0ccc;border:1px solid #30443d}.ticker-form .ticker-entry>span{padding:8px 0 0 10px;color:var(--green);font:600 13px IBM Plex Mono,monospace}.ticker-form input{width:90px;border:0;outline:0;background:transparent;color:#fff;padding:0 6px;font:600 13px IBM Plex Mono,monospace;text-transform:uppercase}.ticker-entry button{border:0;background:var(--acid);color:var(--ink);padding:0 14px;font-weight:900;letter-spacing:.08em;cursor:pointer}.ticker-form .ticker-presets{display:flex;gap:3px;border:0;background:transparent;height:auto}.ticker-presets button{border:1px solid #30443d;background:#050e0cd1;color:#8fa49c;padding:3px 7px;font:600 8px IBM Plex Mono,monospace;cursor:pointer}.ticker-presets button:hover,.ticker-presets button.active{border-color:var(--acid);color:var(--acid);background:#d7ff4314}.icon-button{pointer-events:auto;border:1px solid #30443d;background:#050e0cb3;padding:9px 12px;color:#9aada7;font:600 9px IBM Plex Mono,monospace;cursor:pointer}.top-actions{display:flex;gap:6px;pointer-events:auto}.icon-button:hover{border-color:var(--acid);color:var(--acid)}.track-browser{position:absolute;z-index:20;inset:0;overflow-y:auto;padding:116px 28px 46px;background:linear-gradient(rgba(71,232,155,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(71,232,155,.035) 1px,transparent 1px),radial-gradient(circle at 78% 12%,rgba(44,165,113,.14),transparent 28%),#07100e;background-size:72px 72px,72px 72px,auto,auto;scrollbar-color:var(--acid) #0b1713}.track-browser[hidden]{display:none}#app:has(.track-browser:not([hidden])) #tracks-button{visibility:hidden}.track-browser:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 4px);mix-blend-mode:screen}.track-browser-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;width:100%;margin:0 0 28px;padding:0 0 18px;border-bottom:1px solid rgba(71,232,155,.18)}.track-browser-head h1{margin:0;font:700 clamp(20px,2vw,28px)/1 "IBM Plex Mono",monospace;letter-spacing:.06em}.track-browser-head h1 i{color:var(--acid)}.track-browser-head .eyebrow{margin-bottom:9px}.track-browser-head>div>p:last-child{margin:10px 0 0;color:#60726b;font:500 8px IBM Plex Mono,monospace;letter-spacing:.12em}.track-browser-head button{border:1px solid var(--acid);background:#d7ff430f;color:var(--acid);padding:13px 18px;font:600 9px IBM Plex Mono,monospace;letter-spacing:.1em;cursor:pointer;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.track-browser-head button:hover{background:var(--acid);color:var(--ink)}.track-section-label,.data-disclaimer{width:100%;margin:0 0 10px;color:#6c857c;font:600 8px IBM Plex Mono,monospace;letter-spacing:.18em}.track-section-label{display:flex;align-items:center;gap:10px}.track-section-label:before{content:"";width:22px;height:2px;background:var(--green);box-shadow:0 0 8px #47e89b73}.track-section-label span{color:var(--green)}.track-section-label b{margin-left:auto;color:#3f5750;font-weight:500}.track-grid{width:100%;margin:0;display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:8px}.track-card{position:relative;min-height:176px;padding:16px 17px 14px;display:flex;flex-direction:column;border:1px solid #29463c;border-radius:0;background:linear-gradient(rgba(71,232,155,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(71,232,155,.025) 1px,transparent 1px),#081611eb;background-size:30px 30px,30px 30px,auto;color:#fff;text-align:left;cursor:pointer;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));transition:border-color .12s,background .12s,box-shadow .12s}.track-card:after{content:"";position:absolute;top:0;right:0;width:15px;height:15px;background:linear-gradient(45deg,transparent 48%,#4e7566 49%,#4e7566 53%,transparent 54%)}.track-card:hover{border-color:var(--acid);background-color:#10261bf5;box-shadow:inset 3px 0 var(--acid),0 0 24px #47e89b1a}.track-card-head,.track-card-foot{display:flex;align-items:center;justify-content:space-between}.track-card-head>b{color:#eff8f2;font:700 16px IBM Plex Mono,monospace;letter-spacing:.04em;text-shadow:2px 0 #174d3a}.track-card-head>em{padding:4px 8px;border:1px solid #725b17;border-radius:0;background:#725b1733;color:#ffc52f;font:600 7px IBM Plex Mono,monospace;font-style:normal;text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px))}.track-card[data-difficulty=Easy] .track-card-head>em{border-color:#167557;background:#0b5c4733;color:#54eab4}.track-card[data-difficulty=Insane] .track-card-head>em{border-color:#8a332d;background:#65272333;color:#ff6a61}.track-card svg{width:100%;height:88px;overflow:visible;margin:7px 0 3px}.track-card path{fill:none;stroke:#55dcae;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(85,220,174,.3))}.track-card.negative path{stroke:#ff5451}.track-card-foot{padding-top:9px;border-top:1px solid rgba(80,118,104,.2);color:#60726b;font:500 9px IBM Plex Mono,monospace}.track-card-foot b{color:#55dcae;font-size:9px}.track-card.negative .track-card-foot b{color:#ff6561}.data-disclaimer{margin-top:12px;padding-top:10px;border-top:1px solid rgba(71,232,155,.1);text-align:right;font-size:7px}.hud{position:absolute;z-index:4;top:100px;left:28px;display:flex;align-items:flex-start;gap:26px;pointer-events:none}.metric{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:4px;min-width:75px}.metric span{grid-column:1 / -1;color:#84968f;font:600 9px IBM Plex Mono,monospace;letter-spacing:.14em}.metric strong{font-size:30px;line-height:1;font-style:italic}.metric em{color:#84968f;font:600 11px IBM Plex Mono,monospace}.metric.price{min-width:120px}.metric.price span{color:var(--green)}.metric.price strong{font:600 19px IBM Plex Mono,monospace}.metric.price em{grid-column:1 / -1;color:var(--green);margin-top:3px}.panel{position:absolute;z-index:6;left:clamp(24px,8vw,120px);top:50%;width:min(510px,calc(100% - 48px));transform:translateY(-42%)}.panel[hidden]{display:none}.eyebrow{margin:0 0 12px;color:var(--green);font:600 10px IBM Plex Mono,monospace;letter-spacing:.2em}.intro h1,.game-over h2{margin:0;font-size:clamp(52px,7vw,92px);line-height:.78;letter-spacing:-.025em;font-weight:900;font-style:italic}.intro h1 i{color:var(--acid);font-style:italic}.intro>p:not(.eyebrow){max-width:420px;color:#aab8b2;font:500 17px/1.4 Barlow Condensed,sans-serif;letter-spacing:.02em}.intro.panel{left:clamp(24px,5vw,78px);top:auto;bottom:46px;width:min(650px,calc(100% - 48px));transform:none}.intro h1{margin-bottom:16px;font-size:clamp(44px,5vw,70px)}.compact-selector{width:100%;border-left:2px solid var(--green);background:#050f0cd6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.compact-selector-head{height:27px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #29463c;border-right:1px solid #29463c;border-bottom:1px solid #29463c;color:var(--green);font:600 8px IBM Plex Mono,monospace;letter-spacing:.14em}.compact-selector-head em{color:#50665e;font-style:normal;font-size:7px}.compact-selector-grid{display:grid;grid-template-columns:repeat(3,1fr)}.compact-selector-grid button{height:34px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border:0;border-right:1px solid rgba(69,103,90,.35);border-bottom:1px solid rgba(69,103,90,.35);background:transparent;color:#dbe6df;cursor:pointer}.compact-selector-grid button:nth-child(3n){border-right:1px solid #29463c}.compact-selector-grid button:hover,.compact-selector-grid button.active{background:var(--acid);color:var(--ink)}.compact-selector-grid b{font:600 10px IBM Plex Mono,monospace;letter-spacing:.06em}.compact-selector-grid span{color:#63776f;font:600 7px IBM Plex Mono,monospace}.compact-selector-grid button:hover span,.compact-selector-grid button.active span{color:#334014}.intro-actions{display:flex;align-items:center;gap:18px;margin-top:12px}.intro-actions .controls-copy{margin-top:0}.primary-button{border:0;background:var(--acid);color:var(--ink);min-width:220px;padding:15px 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-weight:900;letter-spacing:.1em;cursor:pointer;clip-path:polygon(0 0,95% 0,100% 25%,100% 100%,5% 100%,0 75%)}.primary-button>span{padding-left:10px;border-left:1px solid rgba(7,16,14,.35);font:600 8px IBM Plex Mono,monospace;letter-spacing:.08em}.controls-copy{margin-top:16px;color:#778b84;font:600 9px IBM Plex Mono,monospace;letter-spacing:.1em}kbd{display:inline-grid;place-items:center;min-width:23px;height:22px;margin-right:3px;border:1px solid #3c5048;background:#101c18;color:#dbe4df;font:inherit}.game-over h2{font-size:clamp(50px,7vw,84px)}.game-over>p:not(.eyebrow){color:#aab8b2;font:600 13px IBM Plex Mono,monospace}.touch-controls{display:none;position:absolute;z-index:7;left:16px;right:16px;bottom:42px;justify-content:space-between;pointer-events:none}.touch-controls button{pointer-events:auto;width:112px;height:62px;border:1px solid rgba(215,255,67,.45);background:#07100eb8;color:var(--acid);font-weight:900;letter-spacing:.08em;touch-action:none}.touch-controls span{margin:0 8px;font-size:18px}footer{position:absolute;z-index:4;bottom:14px;left:28px;right:28px;display:flex;justify-content:space-between;color:#52635d;font:500 8px IBM Plex Mono,monospace;letter-spacing:.13em;pointer-events:none}#status{color:var(--green)}@media(max-width:720px){.track-browser{padding:98px 16px 42px}.track-browser-head{align-items:flex-start;margin-bottom:28px}.track-browser-head button{padding:9px}.track-browser-head>div>p:last-child{display:none}.track-section-label b{display:none}.track-grid{grid-template-columns:1fr}.track-card{min-height:165px}.topbar{height:74px;padding:14px 16px}.brand{font-size:15px}.brand b{font-size:19px}.brand-mark{width:32px;height:32px;font-size:22px}.ticker-form{align-items:flex-end}.ticker-form label,.ticker-form small,.top-actions{display:none}.ticker-form .ticker-entry{height:32px}.ticker-form .ticker-presets{position:absolute;top:50px;right:16px}.ticker-presets button{padding:3px 5px}.hud{top:68px;left:16px;right:16px;gap:14px;justify-content:space-between}.metric strong{font-size:23px}.metric.price{display:none}.panel{left:24px;top:47%}.intro.panel{left:16px;right:16px;bottom:88px;width:auto}.intro h1{font-size:clamp(48px,16vw,72px)}.intro>p:not(.eyebrow){max-width:330px;font-size:15px}.touch-controls{display:flex}footer{left:16px;right:16px}footer span:first-child{display:none}}@media(max-height:560px){.intro>p:not(.eyebrow),.controls-copy{display:none}.panel{top:52%}.intro.panel{top:auto;bottom:28px}.intro h1,.intro .eyebrow{display:none}.compact-selector-grid button{height:27px}.touch-controls button{height:48px}}