.use-case-exhibit{--uc-paper:var(--paper,#faf9f4);--uc-soft:var(--page,#f0f3ed);--uc-ink:var(--text,#183a31);--uc-muted:var(--muted,#52695e);--uc-rule:var(--rule,#cbd6c9);--uc-green:var(--green,#337b60);--uc-pale:var(--green-soft,#e2eee3);--uc-copper:var(--copper,#a65f31);color:var(--uc-ink);background:var(--uc-paper);border:1px solid var(--uc-rule);border-radius:16px;overflow:hidden;margin-block:36px}
.use-case-exhibit .uc-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px 24px;padding:24px 28px 18px}
.use-case-exhibit .uc-heading h2{margin:0;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2;max-width:none}
.use-case-exhibit .uc-heading>p{font-size:.8125rem;color:var(--uc-muted);line-height:1.5;margin:0}
.use-case-exhibit .uc-tabs{display:flex;gap:4px;padding:0 24px;border-bottom:1px solid var(--uc-rule)}
.use-case-exhibit .uc-tabs button{position:relative;min-width:44px;min-height:48px;flex:0 1 auto;padding:10px 16px;border:0;border-radius:6px 6px 0 0;background:transparent;color:var(--uc-muted);font:inherit;font-size:.9375rem;line-height:1.45;cursor:pointer}
.use-case-exhibit .uc-tabs button[aria-selected=true]{color:var(--uc-ink);font-weight:650;background:var(--uc-soft)}
.use-case-exhibit .uc-tabs button[aria-selected=true]::after{content:'';position:absolute;bottom:-1px;left:12px;right:12px;height:3px;background:var(--uc-green)}
.use-case-exhibit .uc-panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr);align-items:stretch}
.use-case-exhibit .uc-panel[hidden]{display:none}
.use-case-exhibit .uc-stage{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 24px;background:var(--uc-soft);border-right:1px solid var(--uc-rule)}
.use-case-exhibit .uc-policy{width:100%;max-width:480px;font-size:.875rem;line-height:1.5;margin:0 0 8px;font-weight:550}
.use-case-exhibit .uc-diagram{display:block;width:100%;max-width:480px;height:auto;overflow:visible;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:19px;color:var(--uc-ink)}
.use-case-exhibit .uc-diagram text{fill:var(--uc-ink);font-size:19px;font-weight:500}
.use-case-exhibit .uc-svg-small,.use-case-exhibit .uc-budget-label{font-size:18px!important}
.use-case-exhibit .uc-diagram .uc-svg-label{font-size:20px;font-weight:600}
.use-case-exhibit .uc-owner-frame{fill:var(--uc-paper);stroke:var(--uc-rule);stroke-width:1.4}
.use-case-exhibit .uc-person>circle,.use-case-exhibit .uc-helper-person>circle,.use-case-exhibit .uc-worker>circle{fill:var(--uc-pale);stroke:var(--uc-green);stroke-width:1.5}
.use-case-exhibit .uc-person>path,.use-case-exhibit .uc-helper-person>path,.use-case-exhibit .uc-worker>path{fill:var(--uc-pale);stroke:var(--uc-green);stroke-width:1.5}
.use-case-exhibit .uc-person text{font-size:20px;font-weight:600}
.use-case-exhibit .uc-coin{fill:var(--uc-pale);stroke:var(--uc-green);stroke-width:1.5}
.use-case-exhibit .uc-tool-icon rect{fill:var(--uc-paper);stroke:var(--uc-green);stroke-width:1.5}
.use-case-exhibit .uc-tool-icon path{fill:var(--uc-pale);stroke:var(--uc-green);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.use-case-exhibit .uc-crop-icon{fill:var(--uc-pale);stroke:var(--uc-green);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.use-case-exhibit .uc-wood-icon{fill:color-mix(in srgb,var(--uc-copper) 20%,var(--uc-paper));stroke:var(--uc-copper);stroke-width:1.5;stroke-linecap:round}
.use-case-exhibit .uc-transfer-line{fill:none;stroke:var(--uc-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.use-case-exhibit .uc-exchange-coins{transform:translate(28px,104px);transition:transform .5s ease}
.use-case-exhibit .uc-exchange-tool{transform:translate(250px,104px);transition:transform .5s ease}
.use-case-exhibit [data-uc-scene=exchange][data-step="1"] .uc-exchange-coins{transform:translate(250px,158px)}
.use-case-exhibit [data-uc-scene=exchange][data-step="3"] .uc-exchange-coins{transform:translate(250px,104px)}
.use-case-exhibit [data-uc-scene=exchange][data-step="3"] .uc-exchange-tool{transform:translate(28px,104px)}
.use-case-exhibit .uc-empty{opacity:0;fill:var(--uc-muted)}
.use-case-exhibit [data-uc-scene=exchange][data-step="1"] .uc-empty{opacity:1}
.use-case-exhibit .uc-exchange-lock{opacity:0;fill:var(--uc-paper);stroke:var(--uc-copper);stroke-width:2}
.use-case-exhibit .uc-exchange-lock path{fill:none}
.use-case-exhibit [data-uc-scene=exchange][data-step="2"] .uc-exchange-lock{opacity:1}
.use-case-exhibit [data-uc-scene=exchange][data-step="2"] .uc-transfer-line{opacity:0}
.use-case-exhibit [data-uc-scene=exchange][data-step="3"] .uc-transfer-line{stroke:var(--uc-green)}
.use-case-exhibit .uc-owner-wood .uc-wood-icon,.use-case-exhibit .uc-trader-crops .uc-crop-icon{opacity:.25}
.use-case-exhibit [data-uc-scene=helper]:not([data-step="0"]) .uc-owner-wood .uc-wood-icon,.use-case-exhibit [data-uc-scene=helper]:not([data-step="0"]) .uc-trader-crops .uc-crop-icon{opacity:1}
.use-case-exhibit .uc-helper-stop{opacity:0;fill:var(--uc-paper);stroke:var(--uc-copper);stroke-width:2}
.use-case-exhibit [data-uc-scene=helper][data-step="2"] .uc-helper-stop{opacity:1}
.use-case-exhibit [data-uc-scene=helper][data-step="1"] .uc-transfer-line{stroke:var(--uc-green);animation:uc-transfer-emphasis .6s ease}
.use-case-exhibit .uc-machine-case{fill:var(--uc-paper);stroke:var(--uc-rule);stroke-width:1.5}
.use-case-exhibit .uc-machine-light{fill:var(--uc-rule);stroke:var(--uc-muted);stroke-width:1.2}
.use-case-exhibit .uc-gears{fill:var(--uc-soft);stroke:var(--uc-muted);stroke-width:3;transform-origin:101px 113px}
.use-case-exhibit .uc-reward-lock{fill:var(--uc-pale);stroke:var(--uc-green);stroke-width:1.6}
.use-case-exhibit .uc-reward-lock path{fill:none;transform-origin:347px 72px;transition:transform .35s ease}
.use-case-exhibit .uc-work-coins{transform:translate(323px,107px);transition:transform .5s ease}
.use-case-exhibit [data-uc-scene=work][data-step="1"] .uc-machine-light{fill:var(--uc-copper)}
.use-case-exhibit [data-uc-scene=work][data-step="2"] .uc-machine-light{fill:var(--uc-green);stroke:var(--uc-green)}
.use-case-exhibit [data-uc-scene=work][data-step="2"] .uc-gears{stroke:var(--uc-green);animation:uc-machine-start .65s ease}
.use-case-exhibit [data-uc-scene=work][data-step="2"] .uc-shackle{transform:rotate(-30deg)}
.use-case-exhibit [data-uc-scene=work][data-step="2"] .uc-work-coins{transform:translate(370px,184px)}
.use-case-exhibit .uc-action-result{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:28px}
.use-case-exhibit .uc-result{font-size:1.0625rem;line-height:1.6;min-height:6.4em;margin:0;max-width:34ch;font-weight:500}
.use-case-exhibit .uc-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.use-case-exhibit .uc-controls button{min-height:48px;min-width:44px;border:1px solid var(--uc-rule);border-radius:8px;padding:10px 14px;font:inherit;font-size:.9375rem;line-height:1.5;cursor:pointer}
.use-case-exhibit .uc-primary{flex:1;background:var(--uc-ink);border-color:var(--uc-ink)!important;color:var(--uc-paper);font-weight:600!important}
.use-case-exhibit .uc-primary:hover{background:var(--uc-green);border-color:var(--uc-green)!important}
.use-case-exhibit .uc-reset{background:var(--uc-paper);color:var(--uc-muted)}
.use-case-exhibit .uc-reset:hover{border-color:var(--uc-green)}
.use-case-exhibit :is(button,a,summary):focus-visible{outline:3px solid var(--uc-copper);outline-offset:3px}
.use-case-exhibit .uc-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:0 24px;border-top:1px solid var(--uc-rule);padding:8px 28px}
.use-case-exhibit .uc-footer details{flex:1;min-width:240px}
.use-case-exhibit .uc-footer summary{min-height:44px;display:flex;align-items:center;font-size:.875rem;cursor:pointer;gap:10px;list-style:none}
.use-case-exhibit .uc-footer summary::-webkit-details-marker{display:none}
.use-case-exhibit .uc-footer summary::before{content:'+';font-size:1.25rem}
.use-case-exhibit .uc-footer details[open] summary::before{content:'−'}
.use-case-exhibit .uc-details{padding:8px 0 18px;max-width:70ch;font-size:.9375rem;line-height:1.65}
.use-case-exhibit .uc-details p{margin:0 0 12px}
.use-case-exhibit .uc-details p:last-child{margin-bottom:0}
.use-case-exhibit .uc-workshop-link{min-height:44px;display:flex;align-items:center;gap:10px;font-size:.875rem;line-height:1.5;text-decoration:none;color:var(--uc-green)}
.use-case-exhibit .uc-workshop-link:hover{text-decoration:underline}
@keyframes uc-transfer-emphasis{0%,100%{stroke-width:2}50%{stroke-width:4}}
@keyframes uc-machine-start{0%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}75%{transform:rotate(-2deg)}100%{transform:rotate(0)}}
@media(max-width:760px){
  .use-case-exhibit .uc-heading{display:block;padding:20px 20px 14px}
  .use-case-exhibit .uc-heading>p{margin-top:8px}
  .use-case-exhibit .uc-panel{grid-template-columns:minmax(0,1.15fr) minmax(210px,1fr)}
  .use-case-exhibit .uc-stage{padding:16px}
  .use-case-exhibit .uc-action-result{padding:20px;gap:16px}
  .use-case-exhibit .uc-result{font-size:1rem}
  .use-case-exhibit .uc-footer{padding-inline:20px}
}
@media(max-width:600px){
  .use-case-exhibit{border-radius:12px;margin-block:28px}
  .use-case-exhibit .uc-heading{padding:18px 16px 12px}
  .use-case-exhibit .uc-heading h2{font-size:1.5rem}
  .use-case-exhibit .uc-heading>p{font-size:.8125rem;margin-top:6px}
  .use-case-exhibit .uc-tabs{padding-inline:8px;gap:0}
  .use-case-exhibit .uc-tabs button{flex:1;padding:9px 7px;font-size:.875rem;min-height:48px}
  .use-case-exhibit .uc-panel{grid-template-columns:1fr}
  .use-case-exhibit .uc-stage{padding:12px 12px 4px;border-right:0;border-bottom:1px solid var(--uc-rule)}
  .use-case-exhibit .uc-policy{font-size:.8125rem;min-height:3em;margin-bottom:0;max-width:420px}
  .use-case-exhibit .uc-diagram{max-width:380px}
  .use-case-exhibit .uc-action-result{padding:16px;gap:12px}
  .use-case-exhibit .uc-result{font-size:1rem;line-height:1.55;min-height:4.65em;max-width:none}
  .use-case-exhibit .uc-controls button{font-size:.875rem;min-height:46px;padding:10px 12px}
  .use-case-exhibit .uc-footer{padding:6px 16px}
  .use-case-exhibit .uc-footer details{flex-basis:100%;min-width:0}
  .use-case-exhibit .uc-workshop-link{font-size:.8125rem}
}
@media(prefers-reduced-motion:reduce){.use-case-exhibit *{animation:none!important;transition:none!important}}

.use-case-exhibit .uc-flying-crop,.use-case-exhibit .uc-flying-wood{opacity:0;pointer-events:none}
.use-case-exhibit [data-uc-scene=helper][data-step="1"] .uc-flying-crop{animation:uc-crop-transfer .55s ease both}
.use-case-exhibit [data-uc-scene=helper][data-step="1"] .uc-flying-wood{animation:uc-wood-transfer .55s ease both}
@keyframes uc-crop-transfer{0%{opacity:0;transform:translate(48px,94px)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(270px,94px)}}
@keyframes uc-wood-transfer{0%{opacity:0;transform:translate(270px,148px)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(48px,148px)}}