@layer components{.vine-stage{container-type:inline-size}.vine-stage-board{border-top:1px solid var(--board-edge);background:var(--board);padding:18px}.vine-stage-grid{--u:min(2px, calc((100cqw - 36px) / 836));grid-template-columns:calc(385 * var(--u)) calc(451 * var(--u));justify-content:center;display:grid}.vine-at{top:calc(var(--y) * var(--u));left:calc(var(--x) * var(--u));margin:0;position:absolute}.vine-stage [data-sprite]{display:block}.vine-scene .vine-at{top:calc((var(--y) - var(--scene-top,0)) * var(--u));left:calc((var(--x) - var(--scene-left,0)) * var(--u))}.vine-rope [data-sprite],.vine-highlight [data-sprite],.vine-cathie [data-sprite],.vine-picked-art [data-sprite],.vine-deposit-art [data-sprite]{width:100%;height:100%}.vine-scene{width:calc(385 * var(--u));height:calc(480 * var(--u));position:relative}.vine-rope{width:calc(31 * var(--u));height:calc(47 * var(--u));pointer-events:none}.vine-highlight{width:calc(56 * var(--u));height:calc(56 * var(--u));pointer-events:none}.vine-pick{width:calc(74 * var(--u));height:calc(49 * var(--u));border-radius:calc(6 * var(--u));background:0 0;border:0;padding:0}.vine-art{top:calc(var(--dy) * var(--u));left:calc(var(--dx) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));pointer-events:none;transition:translate .12s ease-out;position:absolute}.vine-art [data-sprite]{width:100%;height:100%}.vine-pick[aria-pressed=true] .vine-art{translate:0 calc(-2 * var(--u))}.vine-pick:focus-visible,.vine-ask:focus-visible{outline-offset:2px;outline-color:#fff}.vine-panel{width:calc(451 * var(--u));height:calc(465 * var(--u));margin-top:calc(2 * var(--u));color:#ffeede;font-family:var(--font-display);text-shadow:0 calc(1.5 * var(--u)) 0 #0000008c;line-height:1;position:relative}.vine-panel-art{width:100%;height:100%;position:absolute;inset:0}.vine-panel p,.vine-panel ul,.vine-panel h3{margin:0;padding:0}.vine-panel ul{list-style:none}.vine-centred{text-align:center;white-space:nowrap;translate:-50%}.vine-collected{font-size:max(10px, calc(13 * var(--u)))}.vine-collected strong{font-weight:600}.vine-collected strong[data-all]{color:var(--gold-light)}.vine-ask{width:calc(80 * var(--u));height:calc(52 * var(--u));border-radius:calc(6 * var(--u));color:inherit;font:inherit;background:0 0;border:0;padding:0;transition:filter .12s}.vine-ask:hover{filter:brightness(1.1)}.vine-ask[aria-pressed=true]{filter:brightness(1.15)drop-shadow(0 0 4px #ffbea0b3)}.vine-ask-art{width:100%;height:100%}.vine-ask-text{display:none}.vine-line{font-size:max(9px, calc(11.5 * var(--u)));white-space:nowrap;font-weight:600}.vine-line:before{content:"";top:calc(1 * var(--u));left:calc(-10 * var(--u));width:calc(6 * var(--u));height:calc(6 * var(--u));border:calc(1 * var(--u)) solid #2b0f0c;border-radius:calc(1 * var(--u));background:#ff8e7a;position:absolute;rotate:45deg}.vine-empty{top:calc(84 * var(--u));color:#f2cfc4;font-size:max(10px, calc(12 * var(--u)));text-align:center;position:absolute;left:0;right:0}.vine-cathie{z-index:1;width:calc(106 * var(--u));height:calc(106 * var(--u))}.vine-speech{width:calc(364 * var(--u));height:calc(290 * var(--u))}.vine-speech-art{width:100%;height:100%;position:absolute;inset:0}.vine-speech-text{top:calc(10 * var(--u));left:calc(29 * var(--u));width:calc(327 * var(--u));gap:calc(6 * var(--u));color:#f7e2da;font-family:var(--font-sans);font-size:max(9px, calc(11 * var(--u)));text-align:center;text-shadow:none;line-height:1.35;display:grid;position:absolute}.vine-speech-last{top:calc(222 * var(--u))}.vine-owned{color:#f7e2da;font-size:max(10px, calc(13 * var(--u)));font-weight:600}.vine-owned strong{color:var(--gold-light)}.vine-reach{color:#ffd27a;font-size:max(9px, calc(11.5 * var(--u)));font-weight:600}.vine-reach small{margin-top:calc(3 * var(--u));color:#f2cfc4;font-family:var(--font-sans);font-size:max(8px, calc(9 * var(--u)));text-shadow:none;font-weight:500;display:block}.vine-picked-art{width:calc(36 * var(--u));height:calc(36 * var(--u));animation:.12s ease-out vine-turn-in,1.4s ease-in-out infinite alternate vine-rock;scale:1.75}@keyframes vine-turn-in{0%{scale:.5}}@keyframes vine-rock{0%{rotate:-15deg}to{rotate:15deg}}.vine-picked-name{color:#fff;font-size:max(10px, calc(13 * var(--u)));font-weight:600}.vine-picked-name[data-golden]{color:var(--gold-light)}.vine-picked-line{font-size:max(9px, calc(11.5 * var(--u)));font-weight:600}.vine-picked-line small{margin-top:calc(2 * var(--u));color:#f2cfc4;font-family:var(--font-sans);font-size:max(8px, calc(9 * var(--u)));text-shadow:none;font-weight:500;display:block}.vine-hint{color:#c5d9ff;font-size:max(9px, calc(11.5 * var(--u)))}.vine-multi span,.vine-multi strong{display:block}.vine-multi span{color:#f2cfc4;font-size:max(8px, calc(10 * var(--u)))}.vine-multi strong{margin-top:calc(4 * var(--u));color:var(--gold-light);font-size:max(11px, calc(15 * var(--u)));font-weight:600}.vine-deposit-art{width:calc(161 * var(--u));height:calc(44 * var(--u));opacity:.75}.vine-deposit:has([data-some]) .vine-deposit-art{opacity:1}.vine-deposit-text{width:calc(140 * var(--u));color:#f2cfc4;font-size:max(8px, calc(10 * var(--u)));white-space:normal;line-height:1.4}.vine-deposit-text[data-some]{color:var(--gold-light)}@container (width<=760px){.vine-stage-board{padding:12px}.vine-stage-grid{--u:min(1.6px, calc((100cqw - 24px) / var(--vine-width)));grid-template-columns:minmax(0,1fr)}.vine-scene{--scene-left:var(--vine-left);--scene-top:var(--vine-top);width:calc(var(--vine-width) * var(--u));height:calc(var(--vine-height) * var(--u));justify-self:center}.vine-panel{text-shadow:0 1px #0000008c;background:linear-gradient(#5c1410,#3e0d0b);border:2px solid #d4543f;border-radius:12px;flex-direction:column;gap:14px;width:auto;height:auto;margin-top:12px;padding:14px 16px 16px;display:flex;box-shadow:0 0 0 1px #1d0605}.vine-panel .vine-panel-art{display:none}.vine-panel .vine-at{position:static;translate:none}.vine-panel .vine-centred{white-space:normal}.vine-ask{background:#00000040;border:1px solid #d4543f;align-self:flex-start;align-items:center;gap:6px;width:auto;height:auto;padding:6px 10px;font-size:13px;display:inline-flex}.vine-ask .vine-ask-art{display:none}.vine-ask-text{align-items:center;gap:6px;display:inline-flex}.vine-ask-text svg{width:15px;height:15px}.vine-collected{order:-1;font-size:15px}.vine-lines{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;padding-left:12px;display:grid}.vine-panel .vine-line{white-space:normal;font-size:12.5px;position:relative;top:0;left:0}.vine-line:before{border-width:1px;width:6px;height:6px;top:3px;left:-12px}.vine-empty{font-size:13px;position:static}.vine-help{align-items:flex-start;gap:10px;display:flex}.vine-cathie{flex-shrink:0;width:53px;height:53px}.vine-speech{background:#2c0a12;border-radius:10px;gap:10px;width:auto;height:auto;padding:12px 14px;display:grid;box-shadow:inset 0 0 0 1px #7a2a2a}.vine-speech .vine-speech-art{display:none}.vine-speech-text{text-align:left;width:auto;font-size:13px;position:static}.vine-golden{gap:6px;display:grid}.vine-owned,.vine-reach{text-align:left;font-size:14px}.vine-reach small{font-size:12px}.vine-picked{background:#00000047;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 16px;min-height:76px;padding:10px 14px;display:grid}.vine-picked-art{grid-row:span 2;width:54px;height:54px;scale:1}.vine-picked-name,.vine-picked-lines,.vine-picked .vine-centred{text-align:left}.vine-picked-name{font-size:15px}.vine-picked-lines{gap:6px;display:grid}.vine-picked-line{font-size:13px}.vine-picked-line small{font-size:11.5px}.vine-hint,.vine-multi{text-align:center;grid-column:1/-1}.vine-hint{font-size:13px}.vine-multi span{font-size:12px}.vine-multi strong{font-size:18px}.vine-deposit{align-items:center;gap:12px;display:flex}.vine-deposit-art{flex-shrink:0;width:121px;height:33px}.vine-deposit-text{text-align:left;width:auto;font-size:12.5px}}@media (prefers-reduced-motion:reduce){.vine-picked-art{animation:none}.vine-art{transition:none}}}