.value-lesson .page-shell{max-width:1240px}.value-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px}.value-nav a{display:block;text-decoration:none;color:var(--teal);border:1.5px solid var(--teal);padding:8px 13px;background:var(--white);border-radius:7px;font-weight:800}.value-nav>span{color:#5c7280}.value-header{padding:22px 0 18px}.value-header h1{font-size:clamp(26px,3vw,38px)}.value-header p:last-child{margin:8px 0 0;color:#5a7280;font-size:15px}.value-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.value-tabs button{text-align:left;padding:12px 15px;line-height:1.4;border-color:#17324d30}.value-tabs b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e9e2cf;color:var(--ink);font-size:12px;margin-right:7px}.value-tabs small{display:block;font-size:12px;font-weight:500;margin:5px 0 0 33px}.value-lab{background:var(--white);border:2px solid var(--ink);border-radius:12px;overflow:hidden;box-shadow:6px 6px #17324d13}.value-heading{padding:18px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.value-heading h2{font-size:24px}.value-heading>button{font-size:12px}.scenario-task{font-size:16px;line-height:1.9;margin:0;padding:20px 25px}.market{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 25px 22px}.shop{border:1.5px solid #a6b5ae;border-radius:10px;overflow:hidden;background:#fffdf7;min-width:0}.shop-top{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#e6efdf;padding:11px 16px;border-bottom:1px solid #a6b5ae}.shop:nth-child(2) .shop-top{background:#f7e4bd}.shop:nth-child(3) .shop-top{background:#dceef0}.shop h3{font-size:19px;margin:0}.shop-top small{font-size:12px;color:#536b72}.fruit-bags{display:flex;gap:6px;justify-content:center;align-items:center;padding:15px 10px;min-height:104px;flex-wrap:wrap}.fruit-bag{display:flex;flex-direction:column;align-items:center;font-size:11px;line-height:1.3}.fruit-bag svg{width:38px;height:48px}.shop-adjust{padding:0 15px 12px}.shop-adjust>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:9px 0;font-size:13px}.shop-adjust label{font-weight:700}.shop-stepper{display:flex;align-items:center;gap:6px}.shop-stepper button{width:37px;min-height:36px;height:36px;padding:0;font-size:20px}.shop-stepper output{min-width:52px;text-align:center;font-size:18px;font-weight:800}.shop-stepper output small{font-size:11px;font-weight:500;margin-left:3px}.shop-value{padding:14px;background:#f8f1de;border-top:1px dashed #b7b59d;text-align:center;min-height:132px;display:flex;flex-direction:column;justify-content:center}.shop-value>span{font-size:12px;color:#5b747a}.shop-value strong{font-size:26px;color:var(--teal);line-height:1.9}.shop-value strong>small{font-size:12px;margin-left:4px}.shop-value p{font-size:12px;margin:2px 0 0}.division-bags{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin-top:8px}.division-bags span{padding:3px 6px;background:#fffdf7;border:1px solid #ddd4b5;border-radius:4px;font-size:10px}.hidden-value{color:#70818a;font-size:14px;line-height:1.7}.question-block{padding:20px 25px;border-top:1px solid var(--line)}.question-block h3{font-size:18px;margin:0 0 15px}.question-block h3 small{font-weight:500;font-size:12px;color:#5f7580;margin-left:10px}.guess-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.guess-row button{flex:1;min-width:100px;padding:11px}.guess-row button.guess-correct{background:#e4f1e7;border-color:#087f7b;color:#126a51}.guess-row button.guess-wrong{background:#fff0dc;border-color:#c79051;color:#985428}.guess-feedback{font-size:14px;margin:14px 0 0;min-height:24px;color:#536d78}.meaning-panel{padding:18px 25px;background:#f7edce;border-top:1px solid #e0d2a2;display:grid;grid-template-columns:1fr auto;gap:5px 20px;align-items:center;font-size:14px}.meaning-panel>span strong{color:var(--teal);font-size:20px;margin-left:5px}.meaning-panel>b{font-size:22px}.meaning-panel>p{grid-column:1 / -1;font-size:13px;line-height:1.8;margin:8px 0 0}.value-guide{display:flex;gap:15px;align-items:center;padding:12px 25px;border-top:1px solid var(--line);background:#f3efdf}.value-guide img{object-fit:contain;flex-shrink:0}.value-guide p{margin:0;font-size:15px}.value-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:24px 0}.value-bottom a{font-size:13px;color:var(--teal)}.ride-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:22px;padding:0 25px 20px}.ride-course{padding:18px;background:#faf6e8;border:1px solid #c3c6b7;border-radius:9px;min-width:0}.ride-axis{display:flex;justify-content:space-between;font-size:11px;color:#5e7780;margin:0 28px 10px}.ride-lane{margin-bottom:18px}.ride-lane-heading{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin:10px 0}.ride-lane-heading strong{color:var(--teal);font-size:17px}.ride-road{position:relative;height:75px;margin:0 28px;background:linear-gradient(90deg,#17324d10 1px,transparent 1px);background-size:10% 100%;border-bottom:3px solid #a9b09b}.ride-road::after{content:'';position:absolute;bottom:0;left:50%;height:12px;border-left:1px dashed #697e71}.rider{position:absolute;bottom:0;width:66px;height:50px;transform:translateX(-50%);color:#a55e3c;left:0}.ride-lane:nth-child(2) .rider{color:var(--teal)}.rider svg{width:100%;height:100%;overflow:visible}.ride-controls{padding:18px;background:#eaf0e3;border-radius:9px;align-self:start}.ride-clock{display:flex;gap:8px;align-items:baseline;color:var(--teal);margin:3px 0 12px}.ride-clock output{font-size:43px;font-weight:800}.ride-clock>span{font-size:14px}.ride-controls label{font-size:13px;font-weight:700;display:block}.time-labels{display:flex;justify-content:space-between;font-size:11px;color:#617b75;margin-bottom:18px}.ride-controls>button{width:100%}.ride-controls .small{margin-bottom:0;font-size:11px}.ride-values{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 25px 22px}.ride-value{padding:14px 18px;background:#edf4e9;border-radius:8px;border:1px solid #c2d0ba}.ride-value p{font-size:13px;margin:0 0 6px}.ride-value strong{font-size:24px;color:var(--teal)}.ride-value small{display:block;font-size:12px;margin-top:7px}.players{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 25px 22px}.player{border:1.5px solid #a3b4ad;border-radius:9px;padding:18px;min-width:0}.player-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:13px}.player h3{font-size:20px;margin:0}.shot-count{font-size:13px}.shot-count b{font-size:23px;color:var(--teal)}.shot-legend{display:flex;gap:13px;font-size:11px;color:#63767b;margin-bottom:13px}.shot-legend .hit{color:#087f7b}.shot-legend .miss{color:#9e6e60}.shot-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.ball{padding:0;min-height:34px;aspect-ratio:1;border-radius:50%;font-size:15px;border:1px solid #99aaa5;background:#f7eee7;color:#9c6e5b}.ball[aria-pressed=true]{background:#14877c;color:white;border-color:#14877c}.ball:hover:not(:disabled){transform:scale(1.08)}.record-shot{display:flex;gap:8px;margin:15px 0}.record-shot button{flex:1;font-size:12px;padding:8px}.shot-result{border-top:1px dashed #b7beb0;padding-top:14px;min-height:110px}.shot-result p{font-size:13px;margin:0 0 7px}.shot-result strong{font-size:25px;color:var(--teal)}.accuracy-track{height:20px;background:#e9e4d8;border-radius:4px;overflow:hidden;margin-top:10px}.accuracy-track>span{display:block;height:100%;background:#16867d;transition:width .35s ease}.accuracy-labels{display:flex;justify-content:space-between;font-size:10px;color:#5b7278;margin-top:3px}.player .small{font-size:11px;margin:8px 0 0}.value-number .fraction{font-size:.8em}.value-number .approx{font-size:12px;margin-left:4px;font-weight:500;white-space:nowrap}.compact-check{display:inline-block;color:#d0342b;font-size:26px;line-height:1;vertical-align:middle;margin-right:6px;animation:check-pop .4s ease both}
@media(max-width:1000px){.market{gap:10px;padding-inline:18px}.shop-adjust{padding-inline:10px}.shop-stepper output{min-width:40px}.shop-stepper button{width:32px}.shop-adjust>div{gap:5px}.fruit-bag svg{width:32px;height:43px}.shop h3{font-size:17px}.shot-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.ball{aspect-ratio:auto;height:39px}.ride-layout{grid-template-columns:1.4fr 1fr;gap:12px}.ride-value strong{font-size:21px}}
@media(max-width:700px){.value-nav>span{display:none}.value-header{padding:18px 0}.value-header h1{font-size:26px}.value-tabs{gap:6px}.value-tabs button{font-size:13px;padding:10px 7px}.value-tabs b{margin-right:3px;width:20px;height:20px}.value-tabs small{font-size:10px;margin:5px 0 0}.value-heading{padding:16px;align-items:flex-start}.value-heading h2{font-size:21px}.value-heading>button{font-size:11px;min-width:94px;padding:8px}.scenario-task{padding:16px;font-size:14px}.market{grid-template-columns:1fr;padding:0 16px 18px;gap:14px}.shop-top{padding:10px 15px}.shop h3{font-size:19px}.fruit-bags{min-height:80px;padding:12px 10px}.shop-adjust{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-inline:14px}.shop-adjust>div{display:block;margin:0 0 9px}.shop-adjust label{display:block;margin-bottom:7px}.shop-stepper{justify-content:space-between}.shop-stepper button{width:38px;min-height:38px}.shop-value{min-height:90px;padding:12px}.shop-value strong{font-size:25px}.question-block{padding:18px 16px}.question-block h3{font-size:17px}.question-block h3 small{display:block;margin:6px 0 0}.guess-row button{min-width:110px;font-size:13px}.reveal-values{width:100%;font-size:14px}.meaning-panel{padding:16px;grid-template-columns:1fr}.meaning-panel>b{font-size:20px}.meaning-panel>span strong{font-size:18px}.value-guide{padding:12px 16px}.value-guide p{font-size:14px}.ride-layout{grid-template-columns:1fr;padding:0 16px 18px}.ride-course{padding:15px 10px}.ride-lane-heading{font-size:12px}.ride-lane-heading strong{font-size:15px}.rider{width:55px;height:44px}.ride-values{padding:0 16px 18px;gap:8px}.ride-value{padding:12px 10px}.ride-value strong{font-size:19px}.ride-value p{font-size:12px}.players{grid-template-columns:1fr;padding:0 16px 18px;gap:14px}.player{padding:15px}.ball{height:44px}.shot-result{min-height:86px}.value-bottom{flex-wrap:wrap;gap:12px}.value-bottom #next-scene{width:100%;font-size:14px}.value-bottom a{font-size:12px}.value-lesson footer{gap:15px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.value-lesson *{animation:none!important;transition:none!important}}