.hc-entry{display:grid;gap:12px;padding:16px;background:#edf2dd;border-radius:16px;border:1px solid #c7d4ad}
.hs-drawer.hc-panel{width:min(800px,calc(100% - 24px));max-height:calc(100% - 84px);height:auto;bottom:auto;gap:16px}
html:not([data-client=phone]) .hs-drawer.hc-panel{left:50%;right:auto;transform:translateX(-50%)}
html[data-client].hs-immersive .hs-drawer.hc-panel{width:min(800px,calc(100% - 24px));bottom:12px;max-height:calc(100% - 84px);height:auto}
.hc-panel *{box-sizing:border-box}.hc-panel .hs-drawer-head small{font-size:12px;color:#5f7658}.hc-panel h3{font-size:18px}.hc-panel button{min-height:44px}.hc-panel .primary{background:#3d7855;color:#fffdf1}
.hc-river .hc-bridge{justify-content:flex-start}
.hc-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hc-choices select{width:100%;min-width:0;min-height:44px;font-size:16px}
.hc-preview{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;padding:16px;background:#eef2df;border-radius:16px}.hc-preview img{width:100%;height:100px;object-fit:cover;border-radius:12px}.hc-preview div{display:grid;gap:8px}.hc-saves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hc-status{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;color:#3c5f45}.hc-status small{color:#627653}.hc-goal{display:grid;gap:12px;background:#f6edcf;border:1px solid #dfcc8d;padding:16px;border-radius:16px}
.hc-river{display:flex;gap:8px;align-items:center;min-height:135px;background:#d9edf0;border-block:14px solid #c7d7a6;padding:16px 8px;border-radius:16px}.hc-river>span{font-size:12px;writing-mode:vertical-rl;flex:none}.hc-bridge{display:flex;flex:1;min-width:0;min-height:52px;align-items:center;justify-content:center}.hc-bridge>span{display:grid;place-items:center;min-height:48px;background:#cda367;border:2px solid #997244;color:#243f2a;font-weight:bold}.hc-count{color:#4c6c4b}
.hc-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:440px;width:100%;margin:auto}.hc-path button{aspect-ratio:1;background:#edf0d9;padding:4px;font-size:13px;min-width:0}.hc-path button.is-path{background:#a9c779;color:#24492f}.hc-path button.is-rock{background:#d5d6c9;color:#555e4f}.hc-path button:disabled{opacity:1}.hc-path button:not(:disabled):hover{outline:2px solid #487248}
.hc-plates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hc-plates .hs-actions{justify-content:center}.hc-fruit-count{min-height:44px;overflow-wrap:anywhere;font-size:24px}.hc-fruits [aria-pressed=true]{background:#d6e4be;border-color:#779458}
.hc-controls{display:flex;flex-wrap:wrap;gap:12px;padding-top:12px;border-top:1px solid #dae1c7}.hc-feedback{padding:12px;background:#edf2de;border-radius:12px;min-height:48px}.hc-error{padding:12px;border:1px solid #bd8959;background:#fff0dc;border-radius:12px;color:#653e20}.hc-bottom{display:grid;gap:12px;border-top:1px solid #d7dfc2;padding-top:16px}.hc-complete{display:grid;gap:12px;text-align:center;background:#f6edce;border-radius:16px;padding:24px}.hc-complete img{width:60px;height:60px;object-fit:contain;margin:auto}
.hs-menu-group{display:grid;gap:8px}.hs-menu-group summary{min-height:44px;cursor:pointer;padding:12px;background:#edf1df;border-radius:12px}.hs-menu-group[open]{gap:12px}.hs-menu-group .hs-actions{padding-top:8px}
html[data-client].hs-immersive .hs-drawer:not(.hc-panel){bottom:auto;max-height:calc(100% - 84px)}
@media(max-width:600px){.hc-choices,.hc-saves{grid-template-columns:1fr}.hc-preview{grid-template-columns:76px 1fr;padding:12px;gap:12px}.hc-preview img{height:96px}.hc-plates{grid-template-columns:1fr}.hc-plates .hs-card{display:grid;grid-template-columns:1fr;gap:8px}.hc-path{gap:8px}.hc-path button{font-size:11px;min-height:44px}.hc-panel .hs-drawer-head h2{font-size:18px}.hc-controls button{flex:1;padding-inline:8px}.hc-panel .hs-actions button{flex:1}.hc-panel .hs-drawer-head{gap:12px}.hc-preview small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hc-panel *{animation:none!important;transition:none!important}}

.hc-demo,.hc-point{display:grid;gap:12px;padding:12px;border:1px solid #d3ddbe;border-radius:12px;background:#f5f5e8}.hc-panel summary{cursor:pointer;min-height:44px;padding:8px}.hc-point label{display:grid;gap:8px}.hc-point select{width:100%;min-height:44px}.hc-mark-notice{background:#f5e7b6;border:1px dashed #ab8a38;border-radius:12px;padding:12px}.hc-complete .hs-card{margin-top:12px;text-align:left}

.hc-path button.hc-marked{outline:3px dashed #98721e;outline-offset:-4px;box-shadow:inset 0 0 0 6px #f6e3a1}