/* Follow the current 480 x 920 canvas and pale paper / teal theme. */
#game-root .herb-page .herb-panel {
  width:100%; height:100%; padding:16px; gap:12px;
  background:linear-gradient(135deg,#f3efdf,#e5eadb); color:#254c4d;
  border:2px solid #c3b78d; border-radius:15px; box-shadow:none;
  font-size:16px;
}
#game-root .herb-panel h2 {color:#214f52;font-size:23px;}
#game-root .herb-panel h3 {color:#214f52;font-size:20px;}
#game-root .herb-panel button:not(.shop-product-tile) {
  background:linear-gradient(135deg,#f2efdd,#e2e9d9);color:#254f50;
  border:1px solid #b4b99f;border-radius:8px;box-shadow:inset 0 0 0 2px #f5f0de80;
}
#game-root .herb-panel .herb-tabs button[aria-selected="true"],
#game-root .herb-panel .herb-rank-tabs button[aria-pressed="true"],
#game-root .herb-panel .herb-dialog-actions button:is([data-h="occupy"],[data-h="infuse"],[data-h="exchange"],[data-h="purchase"],[data-h="abandon"]):not(:disabled) {
  background:#23585b!important;color:#f7ebc9!important;border-color:#b4a36b!important;
}
#game-root .herb-panel button:disabled {opacity:.42;}
#game-root .herb-panel .herb-card {min-height:112px;background:#ecedde;}
#game-root .herb-panel .herb-card.is-mine {background:#d3e3d5;box-shadow:inset 0 0 0 2px #8eaa86;}
#game-root .herb-panel .herb-card.orange {color:#98621e!important;border-color:#c4a25d!important;}
#game-root .herb-panel .herb-card.purple {color:#775493!important;border-color:#ac91ba!important;}
#game-root .herb-panel .herb-card.blue {color:#3c7091!important;border-color:#8cadbd!important;}
#game-root .herb-panel .herb-card.green {color:#4d754b!important;border-color:#9bb18d!important;}
#game-root .herb-panel .herb-card :is(strong,small,span) {color:inherit!important;}
#game-root .herb-summary {padding:9px 3px;border-bottom:1px solid #b7baa3;font-size:15px;flex:none;}
#game-root .herb-preview-note {font-size:12px;line-height:1.6;color:#687368;margin:0;flex:none;}
#game-root .herb-panel :is(.herb-task-frame,.herb-rank-table) {border-color:#b7baa3;background:#f1efdf80;}
#game-root .herb-panel :is(.herb-row,.herb-rank-row) {border-color:#c2c4ae;}
#game-root .herb-panel :is(.herb-rank-head,.herb-rank-mine) {background:#dce4d4;color:#254f50;}
#game-root .herb-panel .herb-rank-row {grid-template-columns:42px minmax(0,1fr) 75px 60px;font-size:15px;}
#game-root .herb-dialog-mask {background:#183e4266;padding:20px;}
#game-root .herb-panel .herb-dialog {background:linear-gradient(135deg,#f3efdf,#e5eadb);color:#254c4d;border:2px solid #c3b78d;border-radius:13px;}
#game-root .herb-panel .herb-shop-grid .shop-product-tile {color:#254f50;background:transparent;}
#game-root .herb-panel .herb-empty {color:#667665;}
#game-root .herb-body,#game-root .herb-rank-scroll {scrollbar-width:none;}
#game-root .herb-body::-webkit-scrollbar,#game-root .herb-rank-scroll::-webkit-scrollbar {display:none;}
#game-root .timed-activity-card {background:#e8eadc;border:1px solid #b7baa3;border-radius:12px;}
#game-root .timed-activity-card :is(h3,p),#game-root .timed-activities-page [data-timed-status] {color:#254f50;}

/* Individual live activities occupy the scenery below the identity strip. */
#game-root .home-activity-shortcuts {position:absolute;top:132px;left:14px;right:14px;z-index:15;display:flex;flex-direction:row-reverse;gap:10px;overflow-x:auto;scrollbar-width:none;pointer-events:none;border:0;background:none;padding:3px 0 8px;}
#game-root .home-activity-shortcuts[hidden] {display:none;}
#game-root .home-activity-shortcuts .home-activity-shortcut {flex:0 0 70px;width:70px;display:flex;flex-direction:column;align-items:center;gap:3px;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;pointer-events:auto;}
#game-root .home-activity-shortcut::before,#game-root .home-activity-shortcut::after {content:none!important;}
#game-root .home-activity-icon {display:block;width:55px;height:55px;border-radius:50%;overflow:hidden;background:#173f42;border:2px solid #e2c479;box-shadow:0 2px 5px #102d36cc,0 0 0 2px #173e42;}
#game-root .home-activity-icon img {width:100%;height:100%;object-fit:cover;transform:scale(1.15);}
#game-root .home-activity-shortcut .home-activity-name {font-size:14px!important;line-height:20px;white-space:nowrap;color:#fff0b9!important;text-shadow:1px 1px 2px #102f32,-1px -1px 2px #102f32,0 1px 4px #102f32;background:none!important;border:0!important;}
#game-root .home-activity-shortcut:focus-visible {outline:2px solid #ffe5a2;outline-offset:3px;border-radius:8px;}
#game-root .header-currency-icon {width:19px;height:19px;object-fit:contain;vertical-align:middle;margin-right:3px;filter:drop-shadow(0 1px 1px #102c31);}
#game-root .herb-panel .herb-card {padding:4px!important;gap:3px;min-height:0;justify-content:flex-start;}
#game-root .herb-garden-art {width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px;display:block;}
#game-root .herb-panel .herb-card strong {font-size:14px;line-height:20px;white-space:nowrap;}
#game-root .herb-panel .herb-card .herb-owner {display:flex;justify-content:center;align-items:center;gap:3px;width:100%;min-height:19px;font-size:12px;line-height:19px;white-space:nowrap;}
#game-root .herb-owner-server {flex:0 0 auto;font-family:Georgia,serif;font-size:10px;}
#game-root .herb-owner-name {flex:0 0 auto;min-width:4em;text-align:center;}
#game-root .herb-panel .herb-card small {min-height:18px;font-size:12px;line-height:18px;}

/* Compact garden cards and tab-specific counters. */
#game-root .herb-summary[hidden] {display:none;}
#game-root .herb-panel .herb-task-frame {padding:14px;margin-bottom:12px;border-radius:10px;}
#game-root .herb-panel .herb-task-frame header {display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;}
#game-root .herb-panel .herb-task-frame header strong {font-size:17px;font-weight:normal;}
#game-root .herb-panel .herb-task-frame header small {font-size:12px;color:#697568;}
#game-root .herb-panel .herb-task-actions {display:block;background:#e0e8d8;}
#game-root .herb-panel .herb-task-frame progress {display:block;width:100%;height:7px;border:0;border-radius:6px;overflow:hidden;background:#d5dacb;accent-color:#b99a4e;}
#game-root .herb-task-frame progress::-webkit-progress-bar {background:#d5dacb;border-radius:6px;}
#game-root .herb-task-frame progress::-webkit-progress-value {background:linear-gradient(90deg,#77967c,#c5aa60);border-radius:6px;}
#game-root .herb-task-hint {margin:10px 0 14px;font-size:12px;line-height:1.6;color:#657360;}
#game-root .herb-infusion-buttons {display:flex;gap:12px;}
#game-root .herb-infusion-buttons button {flex:1;width:auto;min-height:36px;}
#game-root .herb-infusion-buttons [data-h="confirmInfuse"]:not(:disabled) {background:#23585b!important;color:#f7ebc9!important;border-color:#b4a36b!important;}
#game-root .herb-task-row {padding:12px 0;border-top:1px solid #c9cbb7;}
#game-root .herb-task-label {display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:15px;}
#game-root .herb-panel .herb-task-row progress {height:4px;}
#game-root .herb-task-complete {display:block;margin-top:5px;font-size:12px;color:#5c805c;}

#game-root .herb-infusion-art {display:block;width:100%;height:clamp(210px,35vh,330px);object-fit:cover;border:1px solid #b4b99f;border-radius:9px;margin-bottom:10px;}
#game-root .herb-infusion-buttons {justify-content:center;gap:12px;}
#game-root .herb-infusion-buttons button {position:relative;flex:0 1 100px;min-width:0;font-size:18px;}
#game-root .has-task-reward::after {content:"";position:absolute;right:5px;top:3px;width:7px;height:7px;border-radius:50%;background:#b34738;}
#game-root .herb-task-claim-row {display:grid;grid-template-columns:minmax(0,1fr) 62px 74px;gap:8px;align-items:center;padding:13px 0;border-bottom:1px solid #c9cbb7;font-size:14px;}
#game-root .herb-task-claim-row button:not(:disabled) {background:#23585b!important;color:#f7ebc9!important;}
#game-root .herb-dialog--tasks {max-height:90%;overflow:auto;}

/* Keep infusion progress compact above the three actions. */
#game-root .herb-panel .herb-task-frame.herb-task-actions {padding:10px 14px 12px;margin-bottom:8px;}
#game-root .herb-panel .herb-task-actions header {margin-bottom:9px;}

#game-root .herb-dialog--rewards {max-height:90%;overflow:auto;text-align:left;}
#game-root .herb-reward-tier {padding:10px 0;border-bottom:1px solid #c9cbb7;}
#game-root .herb-reward-tier strong {color:#8e712f;}
#game-root .herb-reward-tier p {margin:6px 0 0;font-size:14px;line-height:1.65;}

/* Retain wheel/touch scrolling without a visible bar or reserved gutter. */
#game-root .herb-panel :is(.herb-body,.herb-rank-scroll,.herb-dialog,.herb-dialog-content,.herb-report-stream) {scrollbar-width:none;scrollbar-gutter:auto;-ms-overflow-style:none;}
#game-root .herb-panel :is(.herb-body,.herb-rank-scroll,.herb-dialog,.herb-dialog-content,.herb-report-stream)::-webkit-scrollbar {display:none;width:0;height:0;}