:root{--ink:#eeece4;--ink-dim:#eeece49e;--ink-faint:#eeece447;--brass:#d9b26a;--danger:#e0715b;--panel:#0e13199e;--line:#eeece429;--display:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--cond:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--body:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);font-family:var(--body);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#161d25;margin:0;overflow:hidden}#app{position:fixed;inset:0}#game{touch-action:none;width:100%;height:100%;display:block}.hidden{display:none!important}.label{font-family:var(--cond);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);font-size:11px;font-weight:500;display:block}.vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#05080c8c 100%);position:absolute;inset:0}.flash{opacity:0;pointer-events:none;mix-blend-mode:screen;background:#e6ecff;position:absolute;inset:0}.letterbox div{pointer-events:none;background:#07090c;height:0;transition:height .8s cubic-bezier(.4,0,.2,1);position:absolute;left:0;right:0}.letterbox div:first-child{top:0}.letterbox div:last-child{bottom:0}.letterbox.on div{height:9vh}.hud{top:calc(env(safe-area-inset-top,0px) + 14px);pointer-events:none;text-shadow:0 1px 8px #0000008c;grid-template-columns:1fr auto 1fr;align-items:start;transition:opacity .4s;display:grid;position:absolute;left:16px;right:16px}.hud.dim{opacity:0}.hud-block{flex-direction:column;gap:2px;display:flex}.hud-block.center{align-items:center}.hud-block.right{text-align:right;align-items:flex-end}.hud .value{font-family:var(--cond);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:500}.hud .value.big{font-size:40px;font-weight:400;line-height:1}.hud .sub{font-family:var(--cond);color:var(--ink-dim);letter-spacing:.06em;font-size:13px}.banner{text-align:center;pointer-events:none;text-shadow:0 2px 16px #0009;animation:.5s ease-out both rise;position:absolute;top:20%;left:0;right:0}.banner-title{font-family:var(--display);font-size:52px;font-style:italic;font-weight:600;line-height:1}.banner-sub{font-family:var(--cond);letter-spacing:.28em;text-transform:uppercase;color:var(--brass);margin-top:6px;font-size:13px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.reticle{pointer-events:none;will-change:transform;width:220px;height:220px;margin:-110px 0 0 -110px;position:absolute;top:0;left:0}.reticle svg{width:100%;height:100%;overflow:visible}.r-zone{fill:none;stroke:var(--brass);stroke-opacity:.22}.r-target{fill:none;stroke:var(--brass);stroke-width:1.5px;stroke-dasharray:3 4}.r-ring{fill:none;stroke:var(--ink);stroke-width:2.2px;filter:drop-shadow(0 0 3px #0009)}.reticle.inside .r-ring{stroke:var(--brass);stroke-width:3px}.reticle.paused .r-ring{opacity:0}.r-center{fill:var(--ink)}.r-feedback{font-family:var(--cond);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 8px #000000b3;font-size:18px;font-weight:600;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.r-feedback.good{color:var(--brass)}.r-feedback.bad{color:var(--danger)}.r-feedback.show{animation:.9s ease-out both fb}@keyframes fb{0%{opacity:0;transform:translate(-50%,8px)}20%{opacity:1;transform:translate(-50%)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-6px)}}.r-meta{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.r-hits{gap:7px;display:flex}.r-hits i{border:1.5px solid var(--ink);opacity:.85;border-radius:50%;width:9px;height:9px}.r-hits i.on{background:var(--brass);border-color:var(--brass)}.r-line{font-family:var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;font-size:11px}.r-line.strain{color:var(--danger)}.card{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 12vh);text-align:center;background:var(--panel);border-top:1px solid var(--brass);-webkit-backdrop-filter:blur(10px);pointer-events:none;width:fit-content;min-width:250px;max-width:calc(100% - 32px);margin:0 auto;padding:16px 22px 14px;animation:.45s ease-out both rise;position:absolute}.card-kicker{font-family:var(--cond);letter-spacing:.28em;text-transform:uppercase;color:var(--brass);font-size:11px}.card.lost .card-kicker{color:var(--danger)}.card h3{font-family:var(--display);margin:4px 0 0;font-size:32px;font-style:italic;font-weight:600;line-height:1.05}.card-latin{font-family:var(--display);color:var(--ink-dim);margin:2px 0 10px;font-size:15px;font-style:italic}.card-row{font-family:var(--cond);font-variant-numeric:tabular-nums;justify-content:center;gap:22px;font-size:20px;display:flex}.card-row span:last-child{color:var(--brass)}.skip{font-family:var(--cond);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);pointer-events:none;font-size:12px;animation:.6s ease-out 1.2s both rise;position:absolute;bottom:calc(9vh + 14px);right:18px}.caption{border-left:2px solid var(--brass);pointer-events:none;text-shadow:0 1px 10px #0009;flex-direction:column;gap:2px;padding-left:12px;animation:.7s ease-out both rise;display:flex;position:absolute;bottom:calc(9vh + 22px);left:22px}.caption strong{font-family:var(--display);font-size:36px;font-style:italic;font-weight:600;line-height:1}.caption span{font-family:var(--cond);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);font-size:12px}.untie{pointer-events:none;position:absolute;inset:0}.untie-head{left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 9vh + 14px);text-align:center;text-shadow:0 1px 10px #0009;animation:.5s ease-out both rise;position:absolute}.untie-head p{font-family:var(--display);margin:0;font-size:32px;font-style:italic;font-weight:600;line-height:1.1}.untie-ring{width:200px;height:200px;margin:-100px 0 0 -100px;position:absolute;top:0;left:0;overflow:visible}.u-track{fill:none;stroke:#eeece44d;stroke-width:2px;stroke-dasharray:4 6}.u-prog{fill:none;stroke:var(--brass);stroke-width:4px;stroke-linecap:round;stroke-dasharray:553;stroke-dashoffset:553px;filter:drop-shadow(0 0 3px #0009);transform:rotate(-90deg)}#u-arrow path{fill:var(--ink)}.untie-bar{width:min(78vw,360px);position:absolute;bottom:calc(9vh + 40px);left:50%;transform:translate(-50%)}.u-bar{background:linear-gradient(90deg,#eeece42e,#e0715b8c);border-radius:5px;height:10px;position:relative;box-shadow:0 0 0 1px #eeece440}.u-zone{width:32%;box-shadow:0 0 0 1.5px var(--brass);background:#d9b26a73;border-radius:6px;position:absolute;top:-3px;bottom:-3px;left:0}.u-needle{background:var(--ink);border-radius:2px;width:4px;height:28px;margin-left:-2px;position:absolute;top:-9px;box-shadow:0 0 6px #0009}.u-labels{font-family:var(--cond);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);justify-content:space-between;margin-top:12px;font-size:11px;display:flex}.untie-fb{text-align:center;font-family:var(--cond);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 1px 8px #000000b3;opacity:0;font-size:20px;font-weight:600;position:absolute;top:44%;left:0;right:0}.untie-fb.show{animation:1.1s ease-out both pop}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.9)}20%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.untie-fb.good{color:var(--brass)}.untie-fb.bad{color:var(--danger)}.speech{color:#1d2126;pointer-events:none;transform-origin:50% 100%;will-change:transform;background:#faf7f0f2;border-radius:14px;max-width:min(64vw,260px);padding:10px 14px 11px;position:absolute;top:0;left:0;box-shadow:0 6px 22px #00000059}.speech:after{content:"";border:9px solid #0000;border-top-color:#faf7f0f2;border-bottom:0;margin-left:-9px;position:absolute;bottom:-9px;left:50%}.speech p{font-family:var(--display);margin:2px 0 0;font-size:19px;font-style:italic;font-weight:600;line-height:1.2}.speech-name{font-family:var(--cond);letter-spacing:.22em;text-transform:uppercase;color:#a33a2c;font-size:10px;font-weight:600}.speech.pop{animation:.35s cubic-bezier(.2,1.4,.4,1) both speechpop}@keyframes speechpop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.walk-hint{left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 22px);text-align:center;pointer-events:none;text-shadow:0 1px 10px #0009;animation:.6s ease-out both rise;position:absolute}.walk-hint p{font-family:var(--display);margin:0;font-size:30px;font-style:italic;font-weight:600;line-height:1.1}.walk-controls{font-family:var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin-top:8px;font-size:12px;display:block}.stick{pointer-events:none;background:#0e131940;border:1.5px solid #eeece459;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute;top:0;left:0}.stick-knob{background:#eeece4bf;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}.screen{padding:24px 24px calc(env(safe-area-inset-bottom,0px) + 28px);background:linear-gradient(#080b0f00 30%,#080b0f59 55%,#080b0fd1 100%);justify-content:flex-start;align-items:flex-end;animation:.8s ease-out both fadein;display:flex;position:absolute;inset:0}#screen-over{background:#080b0f8c;justify-content:center;align-items:center}@keyframes fadein{0%{opacity:0}}.panel{width:100%;max-width:420px}#screen-over .panel{background:var(--panel);border-top:1px solid var(--brass);-webkit-backdrop-filter:blur(12px);max-width:380px;padding:26px 24px 22px}.kicker{font-family:var(--cond);letter-spacing:.28em;text-transform:uppercase;color:var(--brass);margin:0 0 6px;font-size:12px;font-weight:500}h1,h2{font-family:var(--display);letter-spacing:-.01em;margin:0;font-style:italic;font-weight:600;line-height:.95}h1{font-size:clamp(56px,13vw,88px)}h2{font-size:46px}.lede{max-width:36ch;color:var(--ink-dim);margin:14px 0 22px;font-size:15px;line-height:1.55}.btn{background:var(--ink);color:#10151b;min-width:200px;font-family:var(--cond);letter-spacing:.26em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;border:none;border-radius:2px;justify-content:center;align-items:center;padding:15px 30px;font-size:16px;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.btn:hover{background:#fff}.btn:active{transform:scale(.98)}.controls{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px 28px;margin:22px 0 0;padding-top:16px;display:flex}.controls dt{font-family:var(--cond);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);font-size:11px}.controls dd{margin:3px 0 0;font-size:14px}.best{font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin:14px 0 0;font-size:13px}.best strong{color:var(--ink);margin-left:6px;font-weight:500}.record{font-family:var(--cond);letter-spacing:.24em;text-transform:uppercase;color:var(--brass);margin:8px 0 0;font-size:13px}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:20px 0 18px;display:grid}.stats div{padding:12px 0}.stats div+div{border-left:1px solid var(--line);padding-left:14px}.stats span{font-family:var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);font-size:11px;display:block}.stats strong{font-family:var(--cond);font-variant-numeric:tabular-nums;font-size:26px;font-weight:500}.log-wrap{margin-bottom:22px}.log{max-height:22vh;margin:8px 0 0;padding:0;font-size:14px;list-style:none;overflow:auto}.log li{border-bottom:1px dashed var(--line);justify-content:space-between;padding:5px 0;display:flex}.log li span:last-child{font-family:var(--cond);font-variant-numeric:tabular-nums;color:var(--ink-dim)}.log li.empty{color:var(--ink-dim);border:none;font-style:italic}.sound-btn{right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;touch-action:manipulation;z-index:5;background:#0e131973;border-radius:50%;padding:9px;position:absolute}.sound-btn svg{width:100%;height:100%;display:block}.sound-btn .cross,.sound-btn.off .waves{display:none}.sound-btn.off .cross{display:inline}.sound-btn.off{color:var(--ink-dim)}.rotate-hint{display:none}@media (orientation:landscape) and (height<=500px) and (pointer:coarse){.rotate-hint{font-family:var(--cond);letter-spacing:.24em;text-transform:uppercase;z-index:10;background:#161d25;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;inset:0}}@media (width>=900px){.screen-start{background:linear-gradient(90deg,#080b0fcc 0%,#080b0f73 35%,#080b0f00 60%);padding:48px 64px 56px}}