.s24-tree{--gold:#e7c887;max-width:850px;margin:28px auto;padding:clamp(18px,4vw,40px);color:#f5f0fc;background:radial-gradient(ellipse at 50% 38%,#183b36 0%,#19182e 47%,#110e20 85%);border:1px solid #9c82504d;border-radius:28px;box-shadow:0 20px 60px #08051055;text-align:center;isolation:isolate;box-sizing:border-box}.s24-tree *{box-sizing:border-box}.s24-tree [hidden]{display:none!important}.s24-tree .s24-tree-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}.s24-tree h2{font-family:Georgia,serif;font-size:clamp(27px,5vw,40px);line-height:1.2;color:#fff;margin:0 0 12px}.s24-tree .s24-tree-intro{max-width:490px;margin:0 auto;color:#d2cce1;line-height:1.7}.s24-tree-stage{position:relative;width:min(100%,470px);aspect-ratio:1/1.05;margin:16px auto 0}.s24-tree-art{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.s24-tree-fruits{position:absolute;inset:0}.s24-tree .s24-tree-apple{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:clamp(44px,11%,54px);height:clamp(44px,11%,54px);border:0;border-radius:50%;padding:4px;background:transparent;cursor:pointer;touch-action:manipulation;transition:filter .2s,opacity .2s}.s24-tree-apple svg{display:block;width:100%;height:100%;filter:drop-shadow(0 5px 4px #061e20aa)}.s24-tree .s24-tree-apple:disabled{cursor:default;opacity:.38}.s24-tree .s24-tree-apple.is-picked{opacity:1;filter:drop-shadow(0 0 12px #ffe6a6)}.s24-tree .s24-tree-apple:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.s24-tree .s24-tree-apple:not(:disabled):hover{filter:brightness(1.25)}.s24-tree-status{font-size:14px;line-height:1.6;color:#ccc5d9;min-height:24px;margin:8px 0 14px}.s24-tree-result{padding:24px clamp(16px,4vw,32px);background:#211a32;border:1px solid #b59a5d80;border-radius:20px;text-align:left}.s24-tree-result p:first-child{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}.s24-tree-answer{font-family:Georgia,serif;font-size:clamp(21px,4vw,27px);line-height:1.55;color:#fff;margin:0 0 20px;overflow-wrap:anywhere}.s24-tree-answer:focus{outline:none}.s24-tree button.s24-tree-action{font:inherit;font-size:14px;min-height:46px;border:1px solid #c8ae76;border-radius:12px;padding:11px 18px;color:#f9ebca;background:#332944;cursor:pointer}.s24-tree button.s24-tree-reset{margin:16px 0 0;background:var(--gold);color:#211726;font-weight:700}.s24-tree-action:focus-visible{outline:3px solid white;outline-offset:3px}.s24-tree-footer{font-size:13px;line-height:1.6;color:#c2b9d0;margin:18px 0 0}@media(prefers-reduced-motion:reduce){.s24-tree *{transition:none!important}}