.alley-readout{position:absolute;left:max(8px,env(safe-area-inset-left));bottom:calc(64px + env(safe-area-inset-bottom));z-index:3;width:104px;padding:8px 8px 7px;border-radius:12px;background:#0a0616d1;border:1px solid rgb(255 208 138 / .35);box-shadow:0 6px 18px #00000080;color:#ffe9c9;font-family:Inter,system-ui,sans-serif;pointer-events:none;--end: #ffd08a}.alley-readout.is-room{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:calc(150px + env(safe-area-inset-bottom))}.alley-readout.is-back{--end: #ff7a7a}.alley-readout.is-short{--end: #ffb35c}.alley-readout.is-ring{--end: #c8f28a}.alley-readout.is-top{--end: #6dffb0}.alley-readout-row{display:flex;gap:8px;justify-content:center;align-items:stretch;height:64px}.alley-readout-bar{position:relative;width:12px;border-radius:6px;background:linear-gradient(to top,#2d6b4a,#a3862c 55%,#8a3a2a);overflow:hidden}.alley-readout-back{position:absolute;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,#ff7a7abf 0,#ff7a7abf 3px,#3c0a0abf 3px,#3c0a0abf 6px)}.alley-readout-mark{position:absolute;left:-2px;right:-2px;height:3px;margin-bottom:-1.5px;background:#fff;box-shadow:0 0 6px #fff}.alley-readout-lane{height:64px;width:40px}.alley-readout-lane rect{fill:#ffd08a1a;stroke:#ffd08a8c;stroke-width:1}.alley-readout-lane .is-mid{stroke:#ffffff2e;stroke-width:1;stroke-dasharray:3 3}.alley-readout-lane .is-line{stroke:#fff;stroke-width:2;stroke-linecap:round}.alley-readout-lane circle{fill:#ff8a3c;stroke:#fff;stroke-width:1}.alley-readout-facts{margin:6px 0 4px;display:grid;gap:1px;font-size:calc(11px * var(--text-scale, 1));line-height:1.25;text-align:center;font-variant-numeric:tabular-nums}.alley-readout-end{display:block;text-align:center;font-size:calc(13px * var(--text-scale, 1));font-weight:800;letter-spacing:.02em;color:var(--end);text-shadow:0 0 10px color-mix(in srgb,var(--end) 60%,transparent)}@media (min-width: 900px){.alley-readout.is-page{left:auto;right:12px;bottom:12px}}@media (max-height: 520px) and (orientation: landscape){.alley-readout{bottom:calc(8px + env(safe-area-inset-bottom))}.alley-readout.is-room{bottom:calc(60px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: no-preference){.alley-readout{animation:alley-readout-in .16s ease-out}}@keyframes alley-readout-in{0%{opacity:0;transform:translateY(6px)}}.arc-alley-straight{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgb(201 168 255 / .7);background:#120a22e0;color:#f1e8ff;font-weight:700;font-size:calc(13px * var(--text-scale, 1));cursor:pointer;pointer-events:auto;touch-action:manipulation}.arc-alley-straight:hover{border-color:#fff}.arc-alley-straight:focus-visible{outline:3px solid #fff;outline-offset:2px}.arc-alley-straight.is-frame{position:absolute;left:50%;bottom:10px;transform:translate(-50%)}@media (pointer: coarse){.arc-alley-straight{min-height:44px;padding:0 18px}}@container alley (max-width: 640px){.arc-alley-straight.is-frame{bottom:58px}}