@font-face{font-family:Barlow;src:url('fonts/barlow.woff2') format('woff2');font-weight:400 500;font-display:swap}@font-face{font-family:Barlow;src:url('fonts/barlow-bold.woff2') format('woff2');font-weight:600 800;font-display:swap}@font-face{font-family:'Barlow Condensed';src:url('fonts/barlow-condensed.woff2') format('woff2');font-weight:500 700;font-display:swap}@font-face{font-family:'Barlow Condensed';src:url('fonts/barlow-condensed-bold.woff2') format('woff2');font-weight:800 900;font-display:swap}
:root{color-scheme:dark;--bg:#090e19;--panel:#111a2a;--line:#273449;--text:#edf3fa;--muted:#93a3b7;--accent:#f4ce73;--accent-rgb:244,206,115}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Barlow,system-ui,sans-serif}body{background:radial-gradient(ellipse at 50% 40%,#1b263c,transparent 65%),var(--bg)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:disabled{opacity:.55;cursor:default}.app{max-width:1460px;margin:auto;padding:0 44px}.topbar{height:88px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.logo{display:flex;gap:6px;align-items:center;text-decoration:none;font:800 28px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.6px}.logo>span:last-child{color:var(--accent)}.logo-coin{display:grid;place-content:center;border:2px solid var(--accent);border-radius:100%;width:30px;height:30px;font:700 21px 'Barlow Condensed';color:var(--accent);margin-right:6px;transform:rotate(-12deg)}.top-note,.eyebrow,footer{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:1.4px}.pulsefall-link{margin-left:auto;font-size:14px;color:var(--muted);text-decoration:none}.pulsefall-link:hover{color:var(--text)}.pulsefall-link span{margin-left:6px}.workbench{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,480px) minmax(160px,.75fr);gap:48px;padding:30px 0}.sidebar,.right-rail{padding-top:23px}.sidebar h1{font:800 clamp(40px,4vw,61px)/.97 'Barlow Condensed',Impact,sans-serif;margin:18px 0 20px;letter-spacing:-.4px}.sidebar em{font-style:normal;color:var(--accent)}.intro{font-size:16px;line-height:1.6;color:#aab8c9;margin-bottom:28px}.machine-picker{display:flex;flex-direction:column;gap:10px}.machine-option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;background:#101a2b;color:var(--text);padding:16px 14px;text-align:left;min-height:78px}.machine-option.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.055)}.machine-option strong{font:700 20px 'Barlow Condensed',sans-serif;letter-spacing:.6px}.machine-option small{display:block;color:var(--muted);font-size:13px;margin-top:5px}.machine-symbol{font-size:31px;color:var(--accent)}.selected-indicator{margin-left:auto;font-size:12px;color:var(--muted)}.active .selected-indicator{color:var(--accent)}.instructions{padding-top:25px;margin-top:25px;border-top:1px solid var(--line)}.instructions h2{font:700 26px 'Barlow Condensed';margin:12px 0}.instructions p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 20px}.tip-row{display:flex;align-items:center;gap:5px;margin:12px 0;color:#aab8c9;font-size:14px}.tip-row span:last-child{margin-left:6px}kbd{font:500 12px Barlow,sans-serif;border:1px solid #3d4b61;border-bottom:2px solid #3d4b61;border-radius:4px;min-width:24px;text-align:center;padding:4px;color:#dbe5f2}.touch-mark{font-size:25px;color:var(--accent);width:24px;text-align:center}.record{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.record strong{display:block;font:700 40px 'Barlow Condensed';margin:7px 0}.record small{font-size:12px;color:var(--muted);letter-spacing:1px}.promise{color:var(--accent);font-size:14px;line-height:1.7;margin-top:24px}.promise span{color:var(--muted)}.play-column{min-width:0;width:100%;justify-self:center}.machine-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.machine-heading h2{font:800 30px/1 'Barlow Condensed';margin:5px 0 0;letter-spacing:.8px}.machine-tools{display:flex;gap:8px}.icon-button{height:44px;width:44px;border:1px solid #3d4c63;border-radius:8px;background:#142035;color:#d8e3f2;font-size:22px}.icon-button:hover{background:#25364d}.icon-button span{color:#8998ac;font-size:25px;margin-left:-9px}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:#121d2e;padding:13px 16px;gap:12px}.stats>div+div{border-left:1px solid var(--line);padding-left:15px}.stats span{font-size:10px;color:var(--muted);letter-spacing:1px;display:block;white-space:nowrap}.stats strong{font:700 28px 'Barlow Condensed';display:block;margin-top:2px}.stats>div:first-child strong{color:var(--accent)}.machine-screen{position:relative;overflow:hidden;border:1px solid #36445a;aspect-ratio:480/640;background:#0b1220;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.machine-screen canvas{display:block;width:100%;height:100%;touch-action:none}.control-deck{background:#111b2c;padding:13px 16px 15px;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px}.status{font-size:12px;color:#b5c5d8;display:flex;align-items:center;gap:7px;margin-bottom:11px}.status i{width:5px;height:5px;background:var(--accent);border-radius:100%;flex-shrink:0}.buttons{display:flex;gap:10px}.main-button,.secondary-button{min-height:50px;border-radius:7px;padding:12px 15px;font-size:14px;font-weight:800;letter-spacing:.7px}.main-button{border:0;background:var(--accent);color:#231e15;flex:1}.main-button:hover{filter:brightness(1.1)}.main-button span{margin-left:12px}.secondary-button{border:1px solid #3b4d66;background:#1b2a41;color:#d3deec}.mobile-hint{font-size:12px;color:var(--muted);text-align:center;margin:11px 0 0;line-height:1.3}.right-rail .prize-card{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.prize-number{font:700 24px 'Barlow Condensed';color:#475d78}.token-example{display:grid;place-content:center;height:58px;width:58px;border-radius:50%;border:4px double #a37732;background:radial-gradient(circle at 35% 25%,#ffe5a0,#bb832f);box-shadow:3px 5px 0 #76501f;font:700 27px 'Barlow Condensed';color:#76501f;margin:18px 0 23px;transform:rotate(-15deg)}.token-pair{display:flex;gap:16px}.token-example.teal{background:radial-gradient(circle at 35% 25%,#93ffe2,#277d75);border-color:#337d73;box-shadow:3px 5px 0 #1a4c48;color:#164c49}.token-example.pink{background:radial-gradient(circle at 35% 25%,#ffafd9,#b63f75);border-color:#a63261;box-shadow:3px 5px 0 #782547;color:#702041}.prize-card h3{font:700 25px 'Barlow Condensed';margin:12px 0}.prize-card p,.small-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.small-card{border-top:1px solid var(--line);padding-top:23px;margin-top:25px}.small-card p{margin-top:12px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:20px 0;font-size:10px;letter-spacing:.8px}.mobile-picker{display:none}#toast{position:absolute;left:12px;right:12px;bottom:22px;pointer-events:none;text-align:center;opacity:0;transition:opacity .18s;font:800 28px 'Barlow Condensed';color:var(--accent);text-shadow:0 2px 10px #000,0 0 25px #000}.pause-cover,.loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#091120d9;backdrop-filter:blur(3px);padding:24px}.pause-cover[hidden],.loading[hidden]{display:none}.pause-cover>span{font-size:12px;letter-spacing:2px;color:var(--accent)}.pause-cover h2{font:800 52px/.97 'Barlow Condensed';margin:20px 0 28px}.pause-cover .main-button{flex:none;width:100%;max-width:280px}.loading{font-size:16px;color:var(--accent)}
@media(min-width:1101px){.play-column{width:min(480px,calc((100dvh - 298px)*.75))}.machine-screen{min-height:0}.workbench{grid-template-columns:minmax(240px,1fr) minmax(270px,480px) minmax(160px,.75fr)}}
@media(max-width:1100px){.app{padding:0 25px}.topbar{height:72px}.workbench{grid-template-columns:minmax(220px,1fr) minmax(280px,450px);gap:32px;padding-top:25px}.right-rail{display:none}.play-column{width:min(450px,calc((100dvh - 270px)*.75))}.sidebar h1{font-size:49px}.top-note{display:none}.stats{padding:10px 12px}.stats span{font-size:9px;letter-spacing:.5px}.stats>div+div{padding-left:12px}}
@media(max-width:730px){.app{padding:0}.topbar{height:50px;padding:0 max(14px,env(safe-area-inset-left));border-bottom:0}.logo{font-size:21px}.logo-coin{width:24px;height:24px;font-size:17px}.pulsefall-link{font-size:12px}.sidebar,.right-rail,footer{display:none}.workbench{display:block;padding:0}.play-column{width:min(100%,480px);margin:auto}.mobile-picker{display:flex;gap:8px;padding:8px 12px}.mobile-picker button{width:50%;min-height:44px;border:1px solid var(--line);background:#121c2b;border-radius:7px;color:#a4b3c6;font-size:14px}.mobile-picker button.active{background:rgba(var(--accent-rgb),.09);border-color:var(--accent);color:var(--accent)}.machine-heading{display:none}.stats{border-radius:0;border-left:0;border-right:0;padding:8px 14px}.stats span{font-size:10px}.stats strong{font-size:24px}.machine-screen{height:min(calc(100dvh - 269px),640px);min-height:260px;aspect-ratio:auto;border-left:0;border-right:0}.control-deck{border-radius:0;border-left:0;border-right:0;padding:10px 14px calc(12px + env(safe-area-inset-bottom))}.status{margin-bottom:9px}.main-button,.secondary-button{min-height:48px;padding:10px 13px}.mobile-hint{margin-top:9px}.play-column>.machine-tools{display:none}.mobile-picker{position:relative}.control-deck{position:relative}.status{padding-right:94px}.machine-heading .machine-tools{display:none}.mobile-tools{position:absolute;right:12px;top:2px;display:flex;gap:5px}.mobile-tools .icon-button{height:44px;width:44px}}
@media(orientation:landscape) and (max-height:530px){.app{padding:0}.topbar,.sidebar,.right-rail,footer{display:none}.workbench{display:block;padding:0}.play-column{display:grid;grid-template-columns:minmax(235px,1fr) 185px;width:min(800px,100%);height:100dvh;margin:auto}.mobile-picker{display:flex;grid-column:2;grid-row:1;flex-direction:column;gap:8px;padding:12px 10px 0}.mobile-picker button{width:100%;min-height:44px;background:#142035;border:1px solid var(--line);border-radius:7px;color:var(--text)}.mobile-picker button.active{color:var(--accent);border-color:var(--accent)}.machine-heading{display:none}.stats{grid-column:2;grid-row:2;border:0;border-radius:0;padding:10px;gap:4px}.stats span{font-size:8px;white-space:normal;letter-spacing:0}.stats strong{font-size:23px}.stats>div+div{padding-left:7px}.machine-screen{grid-column:1;grid-row:1/4;height:100dvh;min-height:0;border-radius:0}.control-deck{grid-column:2;grid-row:3;border:0;padding:10px;display:flex;flex-direction:column;justify-content:end}.buttons{flex-direction:column}.status{padding:0;line-height:1.4}.main-button,.secondary-button{font-size:12px;min-height:44px;padding:9px}.mobile-hint{font-size:10px}.mobile-tools{position:static;justify-content:center;margin:5px 0}.play-column{grid-template-rows:110px 70px 1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.play-column{display:flex;flex-direction:column;max-height:calc(100dvh - 136px)}.machine-heading,.stats,.control-deck,.mobile-picker{flex-shrink:0}.machine-screen{flex:1;min-height:180px;aspect-ratio:auto}.machine-heading>div:first-child{min-width:0}.machine-heading h2{font-size:26px}.record strong{overflow-wrap:anywhere}
@media(max-width:730px){.play-column{max-height:calc(100dvh - 50px)}.machine-screen{min-height:250px}}
@media(orientation:landscape) and (max-height:530px){.play-column{display:grid;max-height:100dvh}.machine-screen{min-height:0}.status{flex-wrap:wrap}.mobile-tools{width:100%}}
@media(max-width:730px){.status{min-height:44px;margin-bottom:8px}.mobile-tools{top:8px}}
@media(orientation:landscape) and (max-height:530px){.play-column{grid-template-rows:96px 54px 1fr}.mobile-picker{padding-top:4px;gap:4px}.stats{padding:5px 10px}.status{font-size:11px;min-height:0;line-height:1.2}.mobile-hint{display:none}}