:root{color:#1a1a18;background:#f4f1ea;font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}body{margin:0}#app{max-width:820px;margin:0 auto;padding:24px 16px 48px}header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}h1{font-size:1.1rem;font-weight:600;margin:0;letter-spacing:.02em}.meta{color:#5c5a54;font-variant-numeric:tabular-nums}#staff{background:#fffdf8;border:1px solid #ddd6c8;border-radius:4px}#staff svg{display:block;max-width:100%;height:auto}.slots{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:16px}.slot{border:1px solid #c9c2b4;background:#fff;min-height:2.4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;letter-spacing:.04em}.slot.current{outline:2px solid #1a1a18}.slot.ok{background:#e7f3e8}.slot.bad{background:#fdecea}.slot .hint{font-size:.7rem;font-weight:500;color:#c62828}.hint-line{margin-top:12px;color:#5c5a54;font-size:.9rem}.win{background:#fffdf8;border:1px solid #ddd6c8;padding:24px}.win h2{margin-top:0}.win dl{display:grid;grid-template-columns:12rem 1fr;gap:6px 12px}.win dt{color:#5c5a54}.win dd{margin:0;font-variant-numeric:tabular-nums}