/* Community garden ranking viewer: compact enough to return to the world quickly. */
.seedline-showcase-viewer{position:fixed;inset:0;z-index:2400;display:grid;place-items:center;padding:clamp(10px,3vw,30px);background:rgba(3,13,10,.76);background-image:radial-gradient(ellipse at 50% 0,rgba(105,157,91,.18),transparent 58%);backdrop-filter:blur(3px);}
.seedline-showcase-viewer.hidden{display:none!important;}
.seedline-showcase-window{position:relative;display:flex;flex-direction:column;width:min(960px,96vw);max-height:min(760px,92dvh);overflow:hidden;color:#f3e7bd;background:linear-gradient(145deg,#16382c 0%,#0b211b 58%,#10291f 100%);border:2px solid #b99a55;border-radius:12px;box-shadow:0 0 0 4px rgba(7,20,15,.92),0 18px 72px #000b,inset 0 0 0 1px rgba(255,235,169,.2);}
.seedline-showcase-window:before{content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid rgba(221,194,117,.3);border-radius:7px;}
.seedline-showcase-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 28px 18px;background:linear-gradient(90deg,rgba(31,69,52,.92),rgba(11,35,28,.55));border-bottom:1px solid rgba(212,185,104,.35);}
.seedline-showcase-header small{display:block;margin-bottom:5px;color:#c9ad67;font-size:10px;font-weight:900;letter-spacing:.15em;}
.seedline-showcase-header h2{margin:0;font-size:clamp(21px,3vw,29px);line-height:1.2;color:#ffe7a6;text-shadow:0 2px 0 #382d17;}
.seedline-showcase-header p{margin:7px 0 0;color:#b9cbb8;font-size:13px;line-height:1.45;}
.seedline-showcase-close{flex:0 0 42px;width:42px;height:42px;border:1px solid #bd795e;border-radius:5px;color:#fff1da;background:linear-gradient(#9a5144,#66342f);font-size:27px;line-height:1;cursor:pointer;box-shadow:0 3px 0 #3b241d;}
.seedline-showcase-close:hover{filter:brightness(1.17);transform:translateY(-1px);}
.seedline-showcase-rank-nav{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 22px 13px;}
.seedline-showcase-rank{display:flex;align-items:center;gap:12px;min-width:0;min-height:66px;padding:10px 13px;text-align:left;color:#dfebd5;background:linear-gradient(145deg,#183a2d,#10271f);border:1px solid #526f54;border-radius:7px;box-shadow:inset 0 1px rgba(255,255,255,.06),0 3px 0 #071711;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease;}
.seedline-showcase-rank:hover{border-color:#d1b76c;transform:translateY(-1px);}
.seedline-showcase-rank:focus-visible,.seedline-showcase-close:focus-visible,.seedline-showcase-footer-close:focus-visible{outline:3px solid #ffe18a;outline-offset:3px;z-index:2;}
.seedline-showcase-rank.is-selected{color:#fff0bc;background:linear-gradient(145deg,#35452b,#202e20);border-color:#e2c36c;box-shadow:inset 0 0 0 1px rgba(255,224,140,.23),0 3px 0 #10170f;}
.seedline-showcase-rank.is-empty{opacity:.74;}
.seedline-showcase-rank i{display:grid;place-items:center;flex:0 0 39px;height:39px;color:#f6d77e;background:#18291e;border:1px solid #a68d4e;border-radius:5px;font-style:normal;font-size:15px;font-weight:900;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25);}
.seedline-showcase-rank.is-selected i{color:#fff0b2;background:#5a4a27;}
.seedline-showcase-rank span{display:block;min-width:0;}
.seedline-showcase-rank b,.seedline-showcase-rank small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.seedline-showcase-rank b{font-size:13px;}
.seedline-showcase-rank small{margin-top:4px;color:#aebfa9;font-size:11px;}
.seedline-showcase-detail{position:relative;min-height:230px;margin:0 22px 14px;padding:16px 18px 18px;overflow:auto;background:linear-gradient(155deg,rgba(20,52,40,.92),rgba(8,28,22,.94));border:1px solid #49694f;border-radius:8px;scrollbar-color:#b39755 #0b2119;}
.seedline-showcase-detail-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 16px;margin-bottom:17px;background:linear-gradient(100deg,rgba(63,97,56,.64),rgba(19,48,37,.72));border:1px solid rgba(193,168,94,.48);border-radius:7px;}
.seedline-showcase-detail-hero.rank-1{box-shadow:inset 4px 0 #f0cf72;}
.seedline-showcase-detail-hero.rank-2{box-shadow:inset 4px 0 #c5d4c1;}
.seedline-showcase-detail-hero.rank-3{box-shadow:inset 4px 0 #d79768;}
.seedline-showcase-detail-badge{display:grid;place-items:center;min-width:76px;min-height:48px;padding:0 9px;color:#fce8a6;background:#263c2a;border:1px solid #c3a856;border-radius:5px;font-size:13px;font-weight:900;white-space:nowrap;}
.seedline-showcase-detail-hero h3{margin:0;color:#fff0bd;font-size:20px;line-height:1.3;overflow-wrap:anywhere;}
.seedline-showcase-detail-hero p{margin:5px 0 0;color:#b4c8b4;font-size:12px;}
.seedline-showcase-detail-stats{display:flex;gap:10px;}
.seedline-showcase-detail-stats span{min-width:105px;padding:8px 10px;text-align:center;background:rgba(5,22,17,.5);border:1px solid rgba(151,171,121,.32);border-radius:5px;}
.seedline-showcase-detail-stats b,.seedline-showcase-detail-stats small{display:block;}
.seedline-showcase-detail-stats b{color:#ffdf83;font-size:16px;}
.seedline-showcase-detail-stats small{margin-top:2px;color:#aabda8;font-size:10px;}
.seedline-showcase-plants-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 2px 9px;}
.seedline-showcase-plants-heading b{color:#eed99f;font-size:14px;}
.seedline-showcase-plants-heading small{color:#9eaf9e;font-size:11px;}
.seedline-showcase-plants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.seedline-showcase-plant{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;background:rgba(7,27,21,.68);border:1px solid rgba(109,143,103,.52);border-radius:6px;}
.seedline-showcase-plant>i{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;overflow:hidden;background:#091a15;border:1px solid #536d4e;border-radius:4px;font-style:normal;}
.seedline-showcase-plant img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated;}
.seedline-showcase-plant>span{display:block;flex:1;min-width:0;}
.seedline-showcase-plant b,.seedline-showcase-plant small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.seedline-showcase-plant b{color:#e7e4c9;font-size:12px;}
.seedline-showcase-plant small{margin-top:4px;color:#9fb19d;font-size:10px;}
.seedline-showcase-plant em{color:#e6c971;font-size:11px;font-style:normal;white-space:nowrap;}
.seedline-showcase-empty{display:grid;place-items:center;gap:8px;min-height:225px;text-align:center;color:#d9e1c8;}
.seedline-showcase-empty>span{color:#e5c66a;font-size:32px;}
.seedline-showcase-empty b{font-size:17px;color:#f1dfaa;}
.seedline-showcase-empty small,.seedline-showcase-empty-plants{color:#aabca8;font-size:12px;}
.seedline-showcase-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px 19px;color:#aabca8;font-size:11px;}
.seedline-showcase-footer-close{min-height:38px;padding:0 15px;color:#f6e9bf;background:linear-gradient(#294b36,#173324);border:1px solid #718d59;border-radius:5px;box-shadow:0 3px 0 #09170f;cursor:pointer;}
.seedline-showcase-footer-close:hover{filter:brightness(1.14);}
@media(max-width:680px){
  .seedline-showcase-viewer{padding:8px;}
  .seedline-showcase-window{width:100%;max-height:94dvh;border-radius:8px;}
  .seedline-showcase-header{padding:17px 15px 13px;gap:10px;}
  .seedline-showcase-header p{max-width:32ch;font-size:12px;}
  .seedline-showcase-close{flex-basis:38px;width:38px;height:38px;}
  .seedline-showcase-rank-nav{gap:6px;padding:11px 10px;}
  .seedline-showcase-rank{min-height:59px;justify-content:center;padding:7px 4px;gap:5px;}
  .seedline-showcase-rank i{flex-basis:29px;height:31px;font-size:12px;}
  .seedline-showcase-rank b{font-size:10px;}
  .seedline-showcase-rank small{font-size:9px;}
  .seedline-showcase-detail{margin:0 10px 11px;padding:11px;}
  .seedline-showcase-detail-hero{grid-template-columns:auto minmax(0,1fr);gap:9px;padding:11px;}
  .seedline-showcase-detail-badge{min-width:66px;min-height:42px;font-size:11px;}
  .seedline-showcase-detail-hero h3{font-size:16px;}
  .seedline-showcase-detail-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .seedline-showcase-detail-stats span{min-width:0;padding:6px;}
  .seedline-showcase-plants{grid-template-columns:1fr;}
  .seedline-showcase-footer{align-items:flex-start;padding:0 12px 14px;font-size:10px;}
  .seedline-showcase-footer>span{max-width:45%;}
  .seedline-showcase-footer-close{padding:0 10px;font-size:11px;}
}
@media(max-width:360px){.seedline-showcase-rank{flex-direction:column}.seedline-showcase-rank span{max-width:100%}.seedline-showcase-rank small{display:none}.seedline-showcase-plants-heading{align-items:flex-start;flex-direction:column;gap:2px}}
@media(prefers-reduced-motion:reduce){.seedline-showcase-rank{transition:none}.seedline-showcase-rank:hover,.seedline-showcase-close:hover{transform:none}}