.how-to{scroll-margin-top:16px;margin:18px 0 24px;color:#293f34;font-family:inherit;min-width:0}.how-to *{box-sizing:border-box}.how-to button{font:inherit;font-weight:650;color:#293f34;background:#fffdf4;border:1.5px solid #687b60;border-radius:13px;padding:11px 15px;min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;cursor:pointer;line-height:1.4}.how-to button:disabled{color:#64735c;background:#f0f0e5;cursor:default}.how-to button:focus-visible,.how-to #tour-title:focus-visible{outline:3px solid #ac681e;outline-offset:4px}.how-to .tour-watch{background:#f6e5b9;box-shadow:0 3px 0 #cbbd92}.tour-panel{border:2px solid #5e7158;border-radius:24px;background:#fffdf4;padding:22px;box-shadow:4px 5px 0 #dce3c5}.tour-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;font-weight:700}.tour-example{font-size:12px;color:#58684f;margin:8px 0 18px}.how-to h3{font-size:24px;line-height:1.3;margin:0 0 10px;color:#293f34}.tour-explain{font-size:16px;line-height:1.75;max-width:80ch;margin:0 0 18px}.tour-scene{padding:16px;border-radius:18px;background:#f1f6e3;border:1px solid #b7c6a2;overflow:hidden}.tour-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0}.tour-beat{display:inline-flex;align-items:center;gap:8px;animation:tour-arrive .45s both;animation-delay:calc(var(--beat)*.32s)}.tour-chip{display:inline-block;text-align:center;font-weight:750;font-size:23px;line-height:1.35;padding:9px 13px;min-width:48px;border:1.5px solid #6e8060;border-radius:12px;background:#fffdf4;color:#293f34;box-shadow:0 3px 0 #d3dec0;overflow-wrap:anywhere}.tour-highlight{background:#f8e3ab;animation:tour-select 1.5s ease both}.tour-arrow{color:#526246;font-size:20px}.tour-label{font-size:14px;font-weight:650;margin:4px 0 9px;line-height:1.5}.tour-note{font-size:14px;margin:12px 0 0;line-height:1.5}.tour-lanes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.tour-edit,.tour-stats,.tour-digits{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tour-edit{background:#fff5d8;padding:12px;border-radius:14px;margin:14px 0}.tour-edit .tour-label{margin:0}.tour-stats>div{flex:1;min-width:115px}.tour-feedback{display:flex;gap:12px;flex-wrap:wrap}.tour-feedback .tour-note{padding:10px;background:#fffdf4;border-radius:10px}.tour-equation{margin:10px 0}.tour-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.how-to .tour-next{background:#d9eab6;margin-left:auto;box-shadow:0 3px 0 #9eaf80}.how-to [hidden]{display:none!important}.tour-digits .tour-chip,.tour-feedback .tour-note{animation:tour-arrive .45s both}.tour-digits .tour-chip:nth-child(2),.tour-feedback .tour-note:nth-child(2){animation-delay:.25s}.tour-digits .tour-chip:nth-child(3),.tour-feedback .tour-note:nth-child(3){animation-delay:.5s}.tour-digits .tour-chip:nth-child(4){animation-delay:.75s}@keyframes tour-arrive{from{opacity:0;transform:translateX(-9px)}to{opacity:1;transform:translateX(0)}}@keyframes tour-select{0%,35%{transform:scale(.96);background:#fffdf4}65%{transform:scale(1.05);background:#f8d780}100%{transform:scale(1);background:#f8e3ab}}@media(max-width:600px){.tour-panel{padding:15px;border-radius:19px}.how-to h3{font-size:21px}.tour-explain{font-size:15px}.tour-lanes{grid-template-columns:1fr}.tour-scene{padding:12px}.tour-chip{font-size:20px;padding:8px 10px;min-width:41px}.tour-controls button{flex:1 1 110px}.how-to .tour-next{flex-basis:100%;margin-left:0}.tour-top{align-items:flex-start}.tour-top>span{flex:1;min-width:120px}.tour-top button{padding:8px 12px}}@media(prefers-reduced-motion:reduce){.how-to *{animation:none!important;transition:none!important}}