:root{--bg: #020a0f;--panel: rgba(4, 16, 22, .86);--line: rgba(125, 211, 252, .18);--line-strong: rgba(125, 211, 252, .45);--cyan: #7dd3fc;--amber: #ffb454;--green: #7dffb0;--text: #e8eef4;--muted: #95a3b0;--font: "Archivo", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}[hidden]{display:none!important}.bl{position:fixed;inset:0}.bl__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:manipulation}.bl__hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px 26px;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.bl__hud a,.bl__hud button{pointer-events:auto}.bl__back{color:var(--muted);text-decoration:none;min-height:40px;display:inline-flex;align-items:center}.bl__back:hover{color:var(--amber)}.bl__stats{display:flex;flex-wrap:wrap;gap:6px 26px;margin:0}.bl__stats div{display:grid}.bl__stats dt{color:var(--muted);font-size:10px}.bl__stats dd{margin:0;font-size:18px;min-height:24px;display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}body:not(.is-playing) .bl__stats,body:not(.is-playing) #btn-restart{visibility:hidden}.bl__bar{position:relative;width:120px;height:6px;background:#7dd3fc26}.bl__bar span{position:absolute;inset:0 auto 0 0;background:var(--cyan);transition:width .2s ease-out,background .2s}.is-met .bl__bar span{background:var(--green)}.bl__bar i{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--amber)}.is-met #hud-popped{color:var(--green)}.bl__pips i{width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35)}.bl__pips i.on{border-color:#fff;background:radial-gradient(circle,#fff 30%,#fff3 70%);box-shadow:0 0 10px #fff9}.bl__tools{margin-left:auto;display:flex;gap:8px;align-items:center}.bl__icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line-strong);background:#020a0f99;cursor:pointer}.bl__icon:hover{border-color:var(--amber)}.bl__icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#btn-mute .off,#btn-mute[aria-pressed=true] .on{display:none}#btn-mute[aria-pressed=true] .off{display:inline}.bl__finish{min-height:40px;padding:0 14px;border:1px solid var(--green);background:#7dffb01f;color:var(--green);font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;animation:finish-in .3s ease-out}.bl__finish:hover{background:var(--green);color:var(--bg)}@keyframes finish-in{0%{opacity:0;transform:translateY(-6px)}}.bl__banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:8px;margin:0;width:min(92vw,640px);text-align:center;pointer-events:none;opacity:0}.bl__banner.is-on{animation:bl-banner var(--dur, 2.2s) ease-out forwards}.bl__banner-l{font-weight:800;font-variation-settings:"wdth" 125;font-size:clamp(34px,6vw,72px);text-transform:uppercase;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--cyan)}.bl__banner-s{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.bl__banner-new{margin-top:6px;padding:8px 14px;border:1px solid var(--c);border-radius:999px;color:var(--c);background:#020a0fbf;font-size:15px}@keyframes bl-banner{0%{opacity:0;transform:translate(-50%,-46%)}12%,78%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-54%)}}.bl__screen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,calc(100% - 32px));max-height:calc(100% - 100px);overflow-y:auto;padding:clamp(20px,4vw,40px);background:var(--panel);border:1px solid var(--line-strong);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center}.bl__screen--small{width:min(440px,calc(100% - 32px));display:grid;justify-items:center;gap:12px}.bl__kicker{margin:0 0 10px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}.bl__logo{margin:0 0 14px;font-weight:800;font-variation-settings:"wdth" 125;font-size:clamp(56px,12vw,120px);line-height:.9;letter-spacing:-.03em;text-transform:uppercase;background:linear-gradient(90deg,#7dd3fc,#7dffb0,#ffb454,#b69cff);-webkit-background-clip:text;background-clip:text;color:transparent}.bl__tag{max-width:54ch;margin:0 auto 22px;color:var(--muted);line-height:1.55}.bl__tag strong{color:#fff}.bl__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.bl__btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 26px;border:1px solid var(--cyan);background:var(--cyan);color:var(--bg);font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .16s,color .16s,transform .16s}.bl__btn:hover{background:#a9e3ff}.bl__btn:active{transform:scale(.97)}.bl__btn--ghost{background:transparent;color:var(--cyan)}.bl__btn--ghost:hover{background:#7dd3fc1f}.bl__how{display:grid;gap:6px;max-width:56ch;margin:24px auto 16px;padding:0;list-style:none;text-align:left;color:var(--muted);font-size:14.5px}.bl__how li:before{content:"·";color:var(--cyan);margin-right:8px}.bl__how b{color:var(--text)}.bl__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0;padding:14px 0 0;border-top:1px dashed var(--line);list-style:none;font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.bl__legend li{display:inline-flex;align-items:center;gap:8px}.bl__legend small{text-transform:none;letter-spacing:0;opacity:.8}.bl__legend i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--c);box-shadow:0 0 10px var(--c)}.bl__legend i.shell{outline:1.5px solid var(--c);outline-offset:2px}.bl__legend i.ink{background:#0a0612;box-shadow:none;border-style:dashed}.bl__tray{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:flex-end;gap:8px;z-index:3}body:not(.is-playing) .bl__tray{display:none}.bl__still{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);margin:0;white-space:nowrap;color:var(--cyan);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;animation:still 1.6s ease-in-out infinite alternate}@keyframes still{to{opacity:.45}}.bl__tool{position:relative;display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 10px;min-width:96px;min-height:56px;padding:8px 14px 8px 12px;border:1px solid color-mix(in srgb,var(--c) 35%,transparent);border-radius:10px;background:var(--panel);color:var(--text);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s,opacity .2s}.bl__tool i{grid-row:span 2;width:18px;height:18px;border-radius:50%;border:2px solid var(--c);box-shadow:0 0 12px var(--c)}.bl__tool[data-tool=lure] i{border-style:dotted}.bl__tool[data-tool=nova] i{width:22px;height:22px;background:radial-gradient(circle,var(--c) 0 30%,transparent 32%)}.bl__tool b{font-family:var(--font);font-size:20px;line-height:1;color:var(--c)}.bl__tool kbd{position:absolute;bottom:7px;right:8px;padding:0;border:0;background:none;box-shadow:none;line-height:1;color:var(--muted);font-family:var(--mono);font-size:9.5px}.bl__tool:hover:not(:disabled),.bl__tool:focus-visible{border-color:var(--c)}.bl__tool[aria-pressed=true]{border-color:var(--c);transform:translateY(-3px);box-shadow:0 10px 24px -10px var(--c),inset 0 0 0 1px var(--c)}.bl__tool[hidden]{display:none}.bl__tool:disabled{opacity:.35;cursor:default}@media(max-width:600px){.bl__tool{min-width:0;padding:8px 12px 8px 10px}.bl__tool kbd{display:none}}.bl__keys{margin:14px 0 0;color:var(--muted);font-size:12px}kbd{display:inline-block;min-width:22px;padding:1px 5px;border:1px solid var(--line-strong);font-family:var(--mono);font-size:11px;color:var(--text)}.bl__stars{margin:0;font-size:40px;letter-spacing:6px;color:var(--amber);text-shadow:0 0 18px rgba(255,180,84,.6)}.bl__h{margin:0;font-weight:800;font-variation-settings:"wdth" 125;text-transform:uppercase;font-size:clamp(28px,5vw,44px)}.bl__sub{margin:0;color:var(--muted)}.bl__break{display:grid;gap:4px;width:100%;margin:4px 0 6px;font-family:var(--mono);font-size:13px}.bl__break div{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--line)}.bl__break div:last-child{border-bottom:0;color:var(--amber);font-size:15px}.bl__break dt{color:var(--muted)}.bl__break dd{margin:0}.bl__auto{margin:0;min-height:1.2em;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.bl__link{color:var(--muted);font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:8px}.bl__link:hover{color:var(--amber)}@media(max-width:760px){.bl__hud{flex-wrap:wrap;gap:6px 12px}.bl__stats{order:3;width:100%;gap:4px 16px}.bl__best{display:none!important}.bl__bar{width:70px}}@media(prefers-reduced-motion:reduce){.bl__banner.is-on{animation-duration:.01ms;opacity:1}}