@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(./barlow-condensed-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(./barlow-condensed-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(./barlow-condensed-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(./barlow-condensed-latin-700-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./ibm-plex-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(./ibm-plex-mono-latin-500-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(./ibm-plex-mono-latin-600-normal.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#05070a;--panel:#0c1016;--line:#27303c;--text:#e6ecf3;--muted:#8a97a8;--signal:#40d9ff;--danger:#ff4a3d;--font-sign:"Barlow Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;--gutter-l:max(16px, env(safe-area-inset-left,0px));--gutter-r:max(16px, env(safe-area-inset-right,0px))}html{box-sizing:border-box;height:100%}body{background:var(--ink);height:100%;color:var(--text);font-family:var(--font-sign);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:18px;line-height:1.35;overflow:hidden}#app{background:var(--ink);-webkit-user-select:none;user-select:none;height:100%;position:relative;overflow:hidden}#view{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}kbd{border:1px solid var(--line);background:var(--panel);min-width:1.5em;color:var(--text);font-family:var(--font-mono);text-align:center;border-bottom-width:2px;border-radius:3px;padding:0 .4em;font-size:.72em;line-height:1.7;display:inline-block}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}#hud{pointer-events:none;position:absolute;inset:0}.hud-tag,.hud-clock{background:#05070a9e;flex-direction:column;gap:2px;padding:7px 12px 9px;display:flex;position:absolute;top:14px}.hud-tag{left:var(--gutter-l);border-left:3px solid var(--signal)}.hud-clock{right:var(--gutter-r);border-right:3px solid var(--signal);align-items:flex-end}#hud-sector,#hud-flow{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:12px}#hud-title{color:var(--signal);letter-spacing:.08em;font-size:26px;font-weight:600;line-height:1}#hud-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:22px;font-weight:500;line-height:1.1}#hud.rewinding #hud-time,#hud.rewinding #hud-flow{color:var(--signal)}#card{padding:0 var(--gutter-r) 0 var(--gutter-l);text-align:center;text-shadow:0 2px 18px #000000f2,0 0 2px #000000e6;opacity:0;flex-direction:column;align-items:center;gap:6px;transition:opacity .7s;display:flex;position:absolute;top:19%;left:0;right:0}#card.on{opacity:1}#card-num{color:var(--muted);font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;font-size:13px}#card-title{color:var(--signal);letter-spacing:.08em;font-size:clamp(54px,11vw,120px);font-weight:700;line-height:.9}#card-rule{text-wrap:balance;max-width:34ch;font-size:clamp(18px,2.6vw,24px);font-weight:500;line-height:1.25}#hud.touch #card{top:27%}#crosshair{background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;transition:width 90ms,height 90ms,margin 90ms,background-color 90ms;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000073}#hud.targeting #crosshair{width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--signal), 0 0 0 1px #0006;background:0 0;margin:-11px 0 0 -11px}#prompt{letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 6px #000000e6;align-items:center;gap:.9em;font-size:18px;font-weight:500;display:flex;position:absolute;top:calc(50% + 34px);left:50%;transform:translate(-50%)}#subtitle{box-sizing:border-box;width:max-content;max-width:min(46ch, calc(100% - var(--gutter-l) - var(--gutter-r)));border-left:3px solid var(--signal);text-wrap:balance;opacity:0;background:#05070ac7;padding:10px 16px 12px;font-size:22px;font-weight:500;line-height:1.22;transition:opacity .22s;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}#subtitle.on{opacity:1}#hud.touch #subtitle{font-size:19px;top:74px;bottom:auto}#subtitle .who{color:var(--signal);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:2px;font-size:11px;display:block}#death{padding:0 var(--gutter-r) 0 var(--gutter-l);text-align:center;text-shadow:0 2px 14px #000000f2;position:absolute;top:34%;left:0;right:0}#death p{margin:0}#death-title{color:var(--danger);letter-spacing:.06em;text-transform:uppercase;font-size:clamp(40px,8vw,76px);font-weight:700;line-height:1}#death-sub{letter-spacing:.03em;margin-top:10px;font-size:22px;font-weight:500}#keys{left:var(--gutter-l);color:#b7c2d0;letter-spacing:.03em;opacity:0;background:#05070a9e;flex-wrap:wrap;gap:4px 16px;max-width:60%;padding:6px 10px;font-size:15px;transition:opacity .6s;display:flex;position:absolute;bottom:16px}#keys.on{opacity:1}#touch{position:absolute;inset:0}#stick{opacity:0;border:2px solid #ffffff47;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;transition:opacity .12s;position:absolute}#stick.on{opacity:1}#stick-knob{background:#ffffff4d;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}#touch button{pointer-events:auto;touch-action:none;color:var(--text);font-family:var(--font-sign);letter-spacing:.06em;text-transform:uppercase;background:#05070a80;border:2px solid #fff6;border-radius:50%;font-size:15px;font-weight:600;position:absolute}#touch button.on{border-color:var(--signal);background:color-mix(in srgb, var(--signal) 32%, transparent)}#t-jump{right:var(--gutter-r);width:78px;height:78px;bottom:22px}#t-use{right:calc(var(--gutter-r) + 88px);width:68px;height:68px;bottom:22px}#t-throw{right:calc(var(--gutter-r) + 164px);width:58px;height:58px;font-size:13px;bottom:22px}#t-rewind{right:var(--gutter-r);border-color:var(--signal);width:96px;height:96px;color:var(--signal);font-size:17px;bottom:112px}#t-pause{width:44px;height:44px;font-family:var(--font-mono);margin-left:-22px;top:12px;left:50%}.screen{-webkit-user-select:text;user-select:text;background:linear-gradient(90deg,#05070af2 0%,#05070adb 36%,#05070a4d 100%);position:absolute;inset:0;overflow:hidden auto}.column{box-sizing:border-box;width:min(640px,100%);min-height:100%;padding-block:clamp(24px,6vh,64px);padding-left:max(clamp(16px, 5vw, 72px), env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;gap:28px;display:flex}.column.narrow{justify-content:center;width:min(520px,100%)}.masthead{flex-direction:column;gap:10px;display:flex}.eyebrow{color:var(--muted);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:12px}.logo{letter-spacing:-.012em;white-space:nowrap;text-shadow:-.045em 0 0 color-mix(in srgb, var(--signal) 46%, transparent), -.09em 0 0 color-mix(in srgb, var(--signal) 24%, transparent), -.135em 0 0 color-mix(in srgb, var(--signal) 10%, transparent);margin:0;font-size:clamp(64px,17vw,148px);font-weight:700;line-height:.82;animation:7s ease-in-out infinite smear}.logo .flip{color:var(--signal);text-shadow:none;display:inline-block;transform:scaleX(-1)}@keyframes smear{0%,86%,to{text-shadow:-.045em 0 0 color-mix(in srgb, var(--signal) 46%, transparent), -.09em 0 0 color-mix(in srgb, var(--signal) 24%, transparent), -.135em 0 0 color-mix(in srgb, var(--signal) 10%, transparent)}92%{text-shadow:.02em 0 0 color-mix(in srgb, var(--signal) 46%, transparent), .04em 0 0 color-mix(in srgb, var(--signal) 24%, transparent), .06em 0 0 color-mix(in srgb, var(--signal) 10%, transparent)}}.title{letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(48px,9vw,84px);font-weight:700;line-height:.9}.lede{color:#c4cedb;text-wrap:pretty;max-width:38ch;margin:0;font-size:22px;line-height:1.28}h2{border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;align-items:baseline;gap:12px;margin:0 0 10px;padding-bottom:6px;font-size:12px;font-weight:500;display:flex}.note{color:var(--muted);font-family:var(--font-sign);letter-spacing:.02em;text-transform:none;font-size:15px}p.note{margin:10px 0 0}button{font:inherit;color:inherit;cursor:pointer}.primary,.stack button{border:1px solid var(--line);background:var(--panel);letter-spacing:.08em;text-transform:uppercase;border-radius:2px;align-self:flex-start;padding:10px 22px 12px;font-size:22px;font-weight:600;transition:background-color .12s,border-color .12s,color .12s}.primary,.stack button.primary{border-color:var(--signal);background:var(--signal);color:var(--ink)}.primary:hover,.stack button.primary:hover{background:color-mix(in srgb, var(--signal) 82%, white)}.stack{flex-direction:column;gap:10px;display:flex}.stack button{text-align:left;align-self:stretch}.stack button:not(.primary):hover{border-color:var(--signal);color:var(--signal)}#sectors{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sector{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:2.6em minmax(0,1fr) auto;align-items:baseline;gap:4px 14px;width:100%;padding:10px 10px 12px 0;transition:background-color .12s,padding-left .12s;display:grid}.sector:hover,.sector:focus-visible{background:color-mix(in srgb, var(--c) 12%, transparent);padding-left:10px}.sector .num{color:var(--c);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:26px;font-weight:500}.sector .name{letter-spacing:.06em;font-size:28px;font-weight:600;line-height:1.1}.sector .state{color:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.sector .state.cleared{color:var(--c)}.sector .rule{color:#aab5c4;grid-column:2/-1;font-size:17px;line-height:1.25}.controls dl{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px 24px;margin:0;display:grid}.controls dl div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.controls dt{color:#c4cedb;white-space:nowrap;align-items:baseline;gap:4px;display:flex}.controls dd{color:var(--muted);text-align:right;margin:0}.settings{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px 28px;display:grid}.settings label{color:#c4cedb;flex-direction:column;gap:4px;font-size:17px;display:flex}.settings label.check{flex-direction:row;align-items:center;gap:10px}.settings input[type=range]{width:100%;accent-color:var(--signal)}.settings select{width:100%;font:inherit;color:#e6edf5;accent-color:var(--signal);background:#0a0e14d9;border:1px solid #a0b4cd59;border-radius:3px;padding:5px 8px}.settings select:focus-visible{outline:2px solid var(--signal);outline-offset:1px}.settings input[type=checkbox]{width:18px;height:18px;accent-color:var(--signal)}.stats{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:14px 0;display:grid}.stats div{flex-direction:column;gap:2px;display:flex}.stats dt{color:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.stats dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0;font-size:24px}@media (max-width:720px){.screen{background:#05070ae0}#subtitle{font-size:19px}#hud-time{font-size:18px}#keys{display:none}}@media (prefers-reduced-motion:reduce){.logo{animation:none}*{transition-duration:0s!important}}