.screen{min-height:100%;display:flex;flex-direction:column;padding:24px 20px 28px;-webkit-user-select:none;user-select:none}.top{display:flex;justify-content:space-between;align-items:baseline;opacity:.7}.brand{font-weight:700;letter-spacing:.04em}.counter{font-variant-numeric:tabular-nums;font-size:.95rem}.stage{flex:1;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;min-height:280px}.line{font-size:clamp(1.6rem,5vw,2.6rem);font-weight:500;line-height:1.45;text-align:center;animation:fade .35s ease}.side{font-size:2.4rem;line-height:1;opacity:.35;min-height:64px}.bar{height:4px;background:#f4efe61f;border-radius:999px;overflow:hidden;margin:8px 0 20px}.bar span{display:block;height:100%;width:100%;background:#e8c07a;transform-origin:right center;transition:transform 80ms linear}.controls{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.nav,.play{border:0;background:transparent;color:inherit;cursor:pointer}.nav{opacity:.75;font-size:1rem}.play{background:#e8c07a;color:#1a1714;font-weight:700;border-radius:999px;padding:12px 28px;min-width:120px}.hint,.status{text-align:center;margin-top:18px;opacity:.45;font-size:.9rem}.status{margin:auto;opacity:.8;font-size:1.2rem}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width: 640px){.side{display:none}.stage{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%;height:100%}body{font-family:Heebo,Segoe UI,sans-serif;background:#1a1714;color:#f4efe6;-webkit-font-smoothing:antialiased;touch-action:pan-y}button{font-family:inherit}