/* v0.9.2 · Unified HUD + Farm UX pass
   Goal: one visual language, aligned side rails, faster farm interaction. */

:root{
  --tcq-hud-panel:url('./assets/ui/v060/blank_panel.png?v=0920');
  --tcq-hud-brown:#5a3021;
  --tcq-hud-pink:#ef5d91;
  --tcq-hud-cream:#fff0d1;
  --tcq-hud-shadow:rgba(61,31,20,.34);
}

/* ---------- Top HUD ---------- */
.hud-top-menu{align-items:flex-start!important;gap:5px!important;z-index:7!important}
.hud-top-menu-btn{
  position:relative!important;
  width:58px!important;
  height:68px!important;
  display:grid!important;
  grid-template-rows:52px 14px!important;
  place-items:center!important;
  padding:0!important;
  filter:none!important;
  overflow:visible!important;
}
.hud-top-menu-btn .hud-top-art{width:52px;height:52px;display:grid;place-items:center;position:relative}
.hud-top-menu-btn .hud-top-art img{width:52px!important;height:52px!important;object-fit:contain!important;display:block;image-rendering:pixelated}
.hud-top-menu-btn>small{
  display:block;align-self:end;min-width:42px;padding:1px 4px;border-radius:6px;
  background:rgba(74,39,26,.9);color:#fff8e8;text-shadow:0 1px #2d160e;
  font:900 8px/1.25 system-ui;white-space:nowrap;text-align:center;box-shadow:0 1px 0 rgba(0,0,0,.2)
}
.hud-top-generated .hud-top-art{
  background-image:var(--tcq-hud-panel);background-size:100% 100%;background-repeat:no-repeat;
  border-radius:12px;filter:drop-shadow(0 3px 1px var(--tcq-hud-shadow));
}
.hud-top-generated .hud-top-art i{font-style:normal;font-size:27px;line-height:1;filter:drop-shadow(0 1px #fff6)}
.hud-top-menu-btn:active{transform:translateY(2px)!important}

/* ---------- Shared side-button system ---------- */
.hud-edge-rail{
  position:absolute;top:37%;transform:translateY(-50%);z-index:6;display:grid;gap:8px;
  width:116px;pointer-events:auto
}
.hud-edge-rail.left{left:7px}.hud-edge-rail.right{right:7px}
.hud-edge-btn{
  width:116px;height:58px;min-width:0;padding:6px 9px;border:0!important;background-color:transparent!important;
  background-image:var(--tcq-hud-panel)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;
  display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:5px;
  color:#4e291d!important;text-align:left;cursor:pointer;filter:drop-shadow(0 4px 2px var(--tcq-hud-shadow));
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.hud-edge-btn>span{display:grid;place-items:center;width:33px;height:33px;font-size:24px;line-height:1}
.hud-edge-btn>b{font-size:12px;line-height:1.05;font-weight:950;text-shadow:0 1px rgba(255,255,255,.75);white-space:normal}
.hud-edge-btn:active{transform:translateY(2px);filter:drop-shadow(0 2px 1px var(--tcq-hud-shadow))}
.hud-edge-btn.hud-edge-primary{filter:drop-shadow(0 4px 2px rgba(180,57,95,.34)) saturate(1.05)}
.hud-edge-btn.hud-edge-primary>b{color:#7b2748}

/* Old mixed side-button systems are fully retired in v0.9.2. */
.hud-side,.hud-quick-actions{display:none!important}
.hud-interact{position:static!important;width:116px!important;height:58px!important;filter:drop-shadow(0 4px 2px var(--tcq-hud-shadow))!important}

/* ---------- Farm command deck ---------- */
.farm-command-deck{
  left:50%!important;right:auto!important;bottom:9px!important;transform:translateX(-50%)!important;
  width:min(760px,calc(100% - 160px))!important;max-width:none!important;
  display:grid!important;grid-template-rows:auto auto!important;gap:6px!important;
  padding:8px 9px!important;border:0!important;border-radius:18px!important;
  background-image:var(--tcq-hud-panel)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;
  background-color:transparent!important;box-shadow:none!important;overflow:visible!important;white-space:normal!important
}
.farm-command-deck[hidden]{display:none!important}
.farm-quick-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 3px;color:#5a3021}
.farm-summary-main{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.farm-ready-pill,.farm-water-pill,.farm-bag-pill{
  display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 8px;border-radius:999px;
  background:#f4d6a7;color:#6a412d;border:1px solid #bf8f63;font:900 9px/1 system-ui;white-space:nowrap
}
.farm-ready-pill.ready{background:#ef5d91;color:#fff;border-color:#9c3c57}.farm-water-pill.alert{background:#9ed5ec;color:#224c5e;border-color:#6ca8c3}
.farm-bag-pill{background:#f8e8ca}
.farm-target-line{min-width:0;display:grid;gap:1px;padding-left:8px;border-left:2px solid #c79567}
.farm-target-line>b{font-size:10px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.farm-target-line>small{font-size:7px;color:#8c654e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.farm-target-line.ready{border-left-color:#ef5d91}.farm-target-line.water{border-left-color:#62a8ca}.farm-target-line.plant{border-left-color:#72a856}
.farm-seed-buttons{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important;min-width:0!important}
.farm-action-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0}
.farm-action-btn{
  min-width:0;height:56px;padding:5px 6px;border:2px solid #9a6745;border-radius:12px;
  background:linear-gradient(#fff2d6,#efc58d);color:#4f2c1f;box-shadow:inset 0 1px #fff8e7,0 2px 0 rgba(87,47,30,.18);
  display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:4px;cursor:pointer
}
.farm-action-btn>span{font-size:25px;line-height:1}.farm-action-btn>b{font-size:10px;line-height:1.05;font-weight:950;text-align:left}
.farm-action-btn.selected{background:linear-gradient(#ff91b6,#ef5d91);color:#fff;border-color:#8a344d;box-shadow:inset 0 1px #ffd1df,0 3px 0 #a8425a;transform:translateY(-1px)}
.farm-action-btn:active{transform:translateY(1px)}
.farm-seed-carousel{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:5px;align-items:center;min-width:0}
.farm-seed-stack{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(116px,1fr)!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;scroll-snap-type:x proximity;min-width:0;padding:1px}
.farm-seed-stack::-webkit-scrollbar{display:none}
.farm-crop-card{
  scroll-snap-align:start;min-width:0;height:52px;padding:4px 6px;border:2px solid #c08d60;border-radius:11px;
  background:linear-gradient(#fff6df,#f3d3a3);color:#4e2b1e;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:5px;
  box-shadow:inset 0 1px #fff,0 2px 0 rgba(83,45,29,.12);cursor:pointer;text-align:left
}
.farm-crop-card>img{width:38px;height:38px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 1px #6f472733)}
.farm-crop-card>span{min-width:0;display:grid;gap:1px}.farm-crop-card b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.farm-crop-card small{font-size:7px;color:#8b654e;white-space:nowrap}
.farm-crop-card.selected{border-color:#ef5d91;background:linear-gradient(#ffe8f0,#f7c7d9);box-shadow:0 0 0 2px #ef5d9130,0 2px 0 rgba(83,45,29,.12)}
.farm-crop-card[data-empty="1"]{opacity:.55;filter:saturate(.65)}
.farm-seed-arrow{width:30px;height:42px;padding:0;border:2px solid #9c6948;border-radius:10px;background:#f7d4a1;color:#6a3c29;font:950 23px/1 system-ui;box-shadow:0 2px 0 #bd895b;cursor:pointer}
.farm-seed-arrow:active{transform:translateY(1px);box-shadow:0 1px 0 #bd895b}

/* ---------- Supporting feature sheets ---------- */
.feature-panel{width:min(520px,94vw)!important}.feature-kicker{display:block;color:#b15a38;font-size:8px;font-weight:950;letter-spacing:.12em;margin-bottom:2px}.feature-cards{display:grid;gap:8px;position:relative;z-index:1}.feature-cards article{display:grid;grid-template-columns:52px minmax(0,1fr);gap:9px;align-items:center;padding:9px;border:2px solid #bd8b61;border-radius:13px;background:#fff6e4}.feature-cards article>span{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#f3d5a6;font-size:28px}.feature-cards article>div{display:grid;gap:3px}.feature-cards b{font-size:12px}.feature-cards small{font-size:9px;line-height:1.4;color:#7b5a45}

/* ---------- Portrait mobile ---------- */
@media(max-width:760px){
  .hud-top-menu{left:5px!important;top:5px!important;gap:1px!important}
  .hud-top-menu-btn{width:40px!important;height:51px!important;grid-template-rows:38px 12px!important}
  .hud-top-menu-btn .hud-top-art{width:38px!important;height:38px!important}.hud-top-menu-btn .hud-top-art img{width:38px!important;height:38px!important}
  .hud-top-generated .hud-top-art i{font-size:20px!important}.hud-top-menu-btn>small{min-width:32px;padding:1px 2px;font-size:5.5px!important;border-radius:4px}
  .hud-status{right:4px!important;top:4px!important;width:154px!important;min-height:60px!important;padding:4px 5px 4px 47px!important}
  .hud-avatar-button{left:4px!important;top:4px!important;width:40px!important;height:48px!important}.hud-avatar-button .hud-avatar{width:100%!important;height:100%!important}
  .hud-name-row{font-size:8px!important}.hud-currency{font-size:7px!important}.hud-currency img{width:10px!important;height:10px!important}
  .hud-scene-pill{top:62px!important;font-size:7px!important;padding:2px 7px!important}.hud-online-pill{top:84px!important;font-size:6px!important;padding:2px 6px!important;pointer-events:auto!important}

  .hud-edge-rail{top:43%!important;width:78px!important;gap:5px!important;transform:translateY(-50%)!important}
  .hud-edge-rail.left{left:-2px!important}.hud-edge-rail.right{right:-2px!important}
  .hud-edge-btn,.hud-interact{
    width:78px!important;height:48px!important;padding:4px 5px!important;grid-template-columns:25px minmax(0,1fr)!important;gap:2px!important;
    filter:drop-shadow(0 2px 1px rgba(61,31,20,.28))!important
  }
  .hud-edge-btn>span{width:24px!important;height:24px!important;font-size:18px!important}.hud-edge-btn>b{font-size:7px!important;line-height:1!important}

  .farm-command-deck{
    bottom:5px!important;width:calc(100% - 18px)!important;padding:6px 7px!important;gap:5px!important;border-radius:14px!important;
    z-index:8!important
  }
  .farm-quick-summary{grid-template-columns:auto minmax(0,1fr)!important;gap:5px!important;padding:0 2px!important}
  .farm-summary-main{gap:3px!important;flex-wrap:nowrap!important}.farm-ready-pill,.farm-water-pill,.farm-bag-pill{min-height:19px!important;padding:2px 5px!important;font-size:6px!important}
  .farm-target-line{padding-left:5px!important}.farm-target-line>b{font-size:6.5px!important}.farm-target-line>small{font-size:5px!important}
  .farm-seed-buttons{gap:4px!important}.farm-action-row{gap:4px!important}.farm-action-btn{height:42px!important;padding:3px 4px!important;border-width:1px!important;border-radius:9px!important;grid-template-columns:22px minmax(0,1fr)!important;gap:2px!important;box-shadow:0 1px 0 rgba(87,47,30,.18)!important}.farm-action-btn>span{font-size:18px!important}.farm-action-btn>b{font-size:6.5px!important}.farm-action-btn.selected{box-shadow:inset 0 1px #ffd1df,0 2px 0 #a8425a!important}
  .farm-seed-carousel{grid-template-columns:23px minmax(0,1fr) 23px!important;gap:3px!important}.farm-seed-stack{grid-auto-columns:92px!important;gap:3px!important}.farm-crop-card{height:42px!important;padding:3px 4px!important;border-width:1px!important;border-radius:8px!important;grid-template-columns:29px minmax(0,1fr)!important;gap:3px!important}.farm-crop-card>img{width:27px!important;height:27px!important}.farm-crop-card b{font-size:6.5px!important}.farm-crop-card small{font-size:5px!important}.farm-seed-arrow{width:23px!important;height:34px!important;border-width:1px!important;border-radius:7px!important;font-size:18px!important;box-shadow:0 1px 0 #bd895b!important}
  .feature-panel{width:100%!important}.feature-cards article{grid-template-columns:42px minmax(0,1fr);gap:6px;padding:6px;border-width:1px}.feature-cards article>span{width:42px;height:42px;font-size:22px}.feature-cards b{font-size:9px}.feature-cards small{font-size:7px}
}

@media(max-width:390px){
  .hud-top-menu-btn{width:36px!important}.hud-top-menu-btn .hud-top-art{width:35px!important;height:35px!important}.hud-top-menu-btn .hud-top-art img{width:35px!important;height:35px!important}.hud-top-menu-btn>small{font-size:5px!important}
  .hud-status{width:146px!important}
  .hud-edge-rail{width:72px!important}.hud-edge-btn,.hud-interact{width:72px!important;height:45px!important}.hud-edge-btn>b{font-size:6.5px!important}
  .farm-command-deck{width:calc(100% - 12px)!important;padding:5px!important}.farm-summary-main .farm-bag-pill{display:none!important}.farm-target-line>small{display:none!important}.farm-seed-stack{grid-auto-columns:84px!important}.farm-action-btn>b{font-size:6px!important}
}