/* 场景式抽取：控件、事件和结果都留在同一块场景里。 */
[hidden]{display:none!important}
.draw-workspace{display:block;min-height:calc(100vh - 185px)}
.draw-stage{min-height:650px;padding:27px;background:#182a38}
.draw-controls-panel{position:absolute;z-index:8;top:84px;right:20px;width:250px;align-self:auto;padding:15px 16px;border:1px solid rgba(255,255,255,.22);border-radius:16px;color:#fff;background:rgba(19,38,50,.78);box-shadow:0 18px 42px rgba(0,0,0,.17);backdrop-filter:blur(13px)}
.draw-controls-panel .eyebrow{color:rgba(255,255,255,.62)}.draw-controls-panel .pool-count{color:#f4c95d}.draw-controls-panel .pool-tabs{margin:14px 0 12px;background:rgba(255,255,255,.12)}.draw-controls-panel .pool-tab{color:rgba(255,255,255,.72)}.draw-controls-panel .pool-tab.active{color:var(--ink);background:#fff}.draw-controls-panel .quantity-row{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7)}.draw-controls-panel .quantity-row label{color:#fff}.draw-controls-panel .helper-text{color:rgba(255,255,255,.62)}.draw-controls-panel .manage-link{margin-top:15px;color:#f4c95d}.draw-controls-panel .draw-button{margin-top:14px}
.draw-result{max-height:none;margin:9px 0 0}.draw-result-note{display:flex;align-items:center;gap:8px;min-height:24px;color:rgba(255,255,255,.7);font-size:11px}.draw-result-note strong{color:rgba(255,255,255,.9);font-size:11px}.draw-result-note small{color:rgba(255,255,255,.56);font-size:10px}.draw-result-note .pending-dot{flex:0 0 auto;min-width:8px;width:8px;height:8px;min-height:8px}.draw-result-note>span:not(.pending-dot){color:var(--yellow);font-size:17px}
.scene-result-dock{position:absolute;z-index:7;right:288px;bottom:22px;left:25px;display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:8px;max-height:190px;overflow:auto;padding:2px}.scene-result-card{display:grid;grid-template-columns:8px minmax(0,1fr);gap:0 8px;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.25);border-radius:11px;background:rgba(19,38,50,.76);box-shadow:0 9px 24px rgba(0,0,0,.15);backdrop-filter:blur(11px);animation:scene-result-in .42s both}.scene-result-marker{width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--card-color,var(--yellow));box-shadow:0 0 0 4px color-mix(in srgb,var(--card-color,var(--yellow)) 22%,transparent)}.scene-result-copy{min-width:0}.scene-result-copy strong{display:block;overflow-wrap:anywhere;color:#fff;font-size:13px;line-height:1.3}.scene-result-copy small{display:block;margin-top:3px;color:rgba(255,255,255,.62);font-size:9px}.scene-result-card .result-actions{grid-column:2;margin-top:7px}.scene-result-card .result-actions button{min-height:26px;padding:4px 7px;font-size:9px}.scene-result-card .result-status{grid-column:2;justify-self:start;margin-top:7px;font-size:9px}.scene-result-card:nth-child(2){animation-delay:.08s}.scene-result-card:nth-child(3){animation-delay:.16s}.scene-result-card:nth-child(4){animation-delay:.24s}
.scene-reveal,.scene-selection{min-width:166px;max-width:235px;background:rgba(19,38,50,.88)}.scene-reveal-orbit,.scene-selection-orbit{top:64%;left:31%}.scene-reveal-stars,.scene-selection-stars{top:57%;left:58%}.scene-reveal-paper,.scene-selection-paper{top:64%;left:66%}.scene-reveal-bubbles,.scene-selection-bubbles{top:59%;left:48%}

/* 流星落点 */
.theme-orbit{background:linear-gradient(160deg,#192f42 0%,#274e5b 58%,#c98364 100%)}.meteor-stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 2px),radial-gradient(circle,rgba(244,201,93,.7) 0 1px,transparent 2px);background-size:103px 81px,149px 121px;background-position:18px 17px,47px 37px;opacity:.65}.meteor-horizon{position:absolute;right:-5%;bottom:-15%;left:-5%;height:37%;border-radius:50% 50% 0 0/24% 24% 0 0;background:linear-gradient(180deg,rgba(207,137,99,.28),rgba(21,45,54,.82))}.meteor-path{position:absolute;top:28%;left:5%;width:47%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,244,183,.7),transparent);opacity:.18;transform:rotate(20deg)}.meteor{position:absolute;top:20%;left:-12%;width:16px;height:16px;border-radius:50%;background:#fff4b7;box-shadow:0 0 10px 5px #f4c95d,0 0 38px 14px rgba(244,201,93,.5);opacity:0;transform:rotate(20deg)}.meteor:before{content:"";position:absolute;top:5px;right:12px;width:105px;height:3px;background:linear-gradient(90deg,transparent,#f4c95d);transform:rotate(-20deg);transform-origin:right}.impact-site{position:absolute;bottom:22%;left:31%;display:grid;place-items:center;gap:7px;color:rgba(255,244,183,.7);font-size:10px}.impact-site i{display:block;width:18px;height:18px;border:1px solid rgba(244,201,93,.75);border-radius:50%;box-shadow:0 0 0 8px rgba(244,201,93,.1),0 0 25px rgba(244,201,93,.4)}.impact-site span{padding:4px 7px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(19,38,50,.35)}.theme-orbit:not(.is-drawing) .impact-site i{animation:quiet-pulse 2.6s ease-in-out infinite}.theme-orbit.phase-selecting .meteor{animation:meteor-flight .85s cubic-bezier(.2,.8,.2,1) forwards}.theme-orbit.phase-selecting .meteor-path{opacity:1;animation:path-flash .85s both}.theme-orbit.phase-selected .impact-site i{animation:impact-pulse .65s ease-out infinite}.theme-orbit.phase-revealing .impact-site i{background:var(--yellow);box-shadow:0 0 0 14px rgba(244,201,93,.12),0 0 38px rgba(244,201,93,.75)}

/* 花开草地 */
.theme-stars{background:linear-gradient(180deg,#9bc7d0 0%,#d9e6c6 51%,#769d6d 52%,#3f6d56 100%)}.meadow-sky{position:absolute;inset:0 0 44%;background:radial-gradient(circle at 76% 24%,rgba(255,248,203,.9) 0 4%,transparent 5%),linear-gradient(180deg,rgba(255,255,255,.25),transparent)}.meadow-ground{position:absolute;right:-9%;bottom:-23%;left:-9%;height:62%;border-radius:50% 50% 0 0/18% 18% 0 0;background:radial-gradient(ellipse at 50% 12%,rgba(204,229,162,.75),transparent 50%),linear-gradient(180deg,#7da86d,#355847)}.grass-blades{position:absolute;right:0;bottom:12%;left:0;height:16%;opacity:.6;background:repeating-linear-gradient(78deg,transparent 0 19px,rgba(32,83,57,.5) 20px 22px,transparent 23px 36px)}.flower-bed{position:absolute;bottom:24%;left:58%;display:grid;place-items:center;gap:6px;color:rgba(255,255,255,.86);font-size:10px;transform:translateX(-50%)}.flower-bed span{padding:4px 7px;border:1px solid rgba(255,255,255,.3);border-radius:99px;background:rgba(35,78,55,.28)}.flower-stem{display:block;width:5px;height:0;border-radius:99px;background:#77a65f;transform-origin:bottom}.flower-bloom{position:absolute;bottom:56px;width:0;height:0;border-radius:50%;background:radial-gradient(circle,#ffeaa3 0 16%,#f28b86 18% 58%,#d45e68 60%);box-shadow:0 0 25px rgba(255,227,145,.5)}.fireflies{position:absolute;inset:47% 20% 16%;background-image:radial-gradient(circle,rgba(255,244,183,.85) 0 2px,transparent 3px);background-size:86px 59px;opacity:.55}.theme-stars:not(.is-drawing) .flower-bed{animation:flower-sway 4s ease-in-out infinite}.theme-stars.phase-selecting .flower-stem{animation:flower-grow .72s cubic-bezier(.2,.8,.2,1) forwards}.theme-stars.phase-selecting .flower-bloom{animation:bloom-open .72s .18s cubic-bezier(.2,.8,.2,1) forwards}.theme-stars.phase-selected .flower-bloom,.theme-stars.phase-revealing .flower-bloom{width:48px;height:48px;animation:bloom-glow .9s ease-in-out infinite}.theme-stars.phase-revealing .flower-bed{filter:drop-shadow(0 0 16px rgba(255,237,166,.72))}

/* 湖边钓签 */
.theme-paper{background:linear-gradient(180deg,#f2c887 0%,#d99370 40%,#486f78 41%,#1f4b60 100%)}.pond-sky{position:absolute;inset:0 0 57%;background:radial-gradient(circle at 78% 28%,rgba(255,249,203,.8) 0 5%,transparent 6%),linear-gradient(135deg,rgba(255,255,255,.18),transparent)}.pond-water{position:absolute;right:-5%;bottom:-18%;left:-5%;height:64%;border-radius:50% 50% 0 0/12% 12% 0 0;background:repeating-linear-gradient(176deg,rgba(255,255,255,.12) 0 1px,transparent 2px 27px),linear-gradient(180deg,#4f8790,#183e59)}.pond-ripple{position:absolute;bottom:25%;left:66%;width:90px;height:27px;border:1px solid rgba(255,255,255,.55);border-radius:50%;opacity:.45}.pond-ripple:after{content:"";position:absolute;inset:7px 15px;border:1px solid rgba(255,255,255,.36);border-radius:50%}.reeds{position:absolute;right:8%;bottom:21%;width:120px;height:125px;background:repeating-linear-gradient(79deg,transparent 0 15px,rgba(39,83,67,.78) 16px 19px,transparent 20px 31px);clip-path:polygon(0 100%,10% 25%,14% 100%,30% 0,35% 100%,51% 18%,56% 100%,70% 8%,75% 100%,90% 20%,96% 100%)}.fishing-rod{position:absolute;top:18%;left:22%;width:280px;height:8px;border-radius:99px;background:#f7e1ad;box-shadow:0 5px 12px rgba(31,49,51,.25);transform:rotate(28deg);transform-origin:left}.fishing-line{position:absolute;top:38%;left:65%;height:26%;border-left:1px solid rgba(255,255,255,.78);transform:rotate(2deg);transform-origin:top}.fishing-float{position:absolute;bottom:24%;left:66%;display:grid;place-items:center;gap:7px;color:rgba(255,255,255,.85);font-size:10px;transform:translateX(-50%)}.fishing-float i{display:block;width:14px;height:29px;border:2px solid #fff;border-radius:60% 60% 52% 52%;background:linear-gradient(#ed8d83 0 45%,#fff 46%)}.fishing-float span{padding:4px 7px;border:1px solid rgba(255,255,255,.28);border-radius:99px;background:rgba(16,53,71,.35)}.fish-jump{position:absolute;bottom:26%;left:63%;width:50px;height:25px;border-radius:60% 45% 45% 60%;background:#f4c95d;opacity:0;transform:rotate(-18deg)}.fish-jump:after{content:"";position:absolute;right:-12px;top:4px;border-width:8px 13px 8px 0;border-style:solid;border-color:transparent #f4c95d transparent transparent}.theme-paper:not(.is-drawing) .fishing-float{animation:float-bob 2.8s ease-in-out infinite}.theme-paper.phase-selecting .fishing-rod{animation:rod-cast .75s cubic-bezier(.2,.8,.2,1) forwards}.theme-paper.phase-selecting .fishing-line{animation:line-drop .75s ease-out forwards}.theme-paper.phase-selected .fishing-float i{animation:float-dip .6s ease-in-out infinite}.theme-paper.phase-revealing .fish-jump{animation:fish-jump .7s cubic-bezier(.2,.8,.2,1) forwards}.theme-paper.phase-revealing .pond-ripple{animation:ripple-expand .8s ease-out infinite}

/* 种子醒来 */
.theme-bubbles{background:linear-gradient(180deg,#c7d9bd 0%,#e8d59b 55%,#806048 56%,#49392e 100%)}.garden-sky{position:absolute;inset:0 0 45%;background:radial-gradient(circle at 73% 24%,#fff2b6 0 5%,transparent 6%),linear-gradient(145deg,#8ec2bf,#e4e4b6)}.garden-hill{position:absolute;right:-10%;bottom:28%;left:-10%;height:37%;border-radius:50% 50% 0 0/35% 35% 0 0;background:linear-gradient(180deg,#91ad78,#5a775b)}.garden-soil{position:absolute;right:-6%;bottom:-18%;left:-6%;height:43%;border-radius:50% 50% 0 0/18% 18% 0 0;background:repeating-radial-gradient(ellipse at 50% 0,rgba(255,255,255,.08) 0 2px,transparent 3px 22px),linear-gradient(180deg,#947055,#48382f)}.seed-bed{position:absolute;bottom:23%;left:48%;display:grid;place-items:center;gap:7px;color:rgba(255,245,208,.86);font-size:10px;transform:translateX(-50%)}.seed-bed span{padding:4px 7px;border:1px solid rgba(255,255,255,.27);border-radius:99px;background:rgba(70,50,39,.32)}.seed{display:block;width:18px;height:25px;border-radius:70% 30% 70% 30%;background:#e9bd64;transform:rotate(35deg);box-shadow:0 0 17px rgba(244,201,93,.4)}.stem{position:absolute;bottom:57px;width:7px;height:0;border-radius:99px;background:#78a76a;transform-origin:bottom}.leaf{position:absolute;bottom:72px;width:0;height:0;border-radius:100% 0 100% 0;background:#78a76a}.leaf.left{right:4px;transform:rotate(25deg)}.leaf.right{left:4px;transform:scaleX(-1) rotate(25deg)}.garden-sparkles{position:absolute;inset:30% 22% 22%;background-image:radial-gradient(circle,rgba(255,255,255,.78) 0 2px,transparent 3px);background-size:95px 73px;opacity:.42}.theme-bubbles:not(.is-drawing) .seed{animation:seed-breathe 2.8s ease-in-out infinite}.theme-bubbles.phase-selecting .seed{animation:seed-sink .55s ease-out forwards}.theme-bubbles.phase-selected .stem{animation:stem-grow .7s cubic-bezier(.2,.8,.2,1) forwards}.theme-bubbles.phase-selected .leaf{animation:leaf-open .7s .16s cubic-bezier(.2,.8,.2,1) forwards}.theme-bubbles.phase-revealing .seed-bed{filter:drop-shadow(0 0 17px rgba(255,226,145,.72))}.theme-bubbles.phase-revealing .leaf{width:31px;height:18px}.theme-bubbles.phase-revealing .stem{height:68px}

@keyframes scene-result-in{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes quiet-pulse{50%{box-shadow:0 0 0 13px rgba(244,201,93,.04),0 0 34px rgba(244,201,93,.55)}}@keyframes path-flash{50%{opacity:1;transform:rotate(20deg) translateX(20px)}}@keyframes meteor-flight{0%{left:-12%;top:20%;opacity:0;transform:scale(.7) rotate(20deg)}22%{opacity:1}78%{left:31%;top:63%;opacity:1;transform:scale(1.05) rotate(20deg)}100%{left:35%;top:70%;opacity:0;transform:scale(.2) rotate(20deg)}}@keyframes impact-pulse{50%{transform:scale(1.35);box-shadow:0 0 0 17px rgba(244,201,93,.16),0 0 40px rgba(244,201,93,.8)}}@keyframes flower-sway{50%{transform:translateX(-50%) rotate(3deg)}}@keyframes flower-grow{to{height:66px}}@keyframes bloom-open{0%{width:0;height:0}70%{width:55px;height:55px}100%{width:48px;height:48px}}@keyframes bloom-glow{50%{filter:brightness(1.22);box-shadow:0 0 34px rgba(255,227,145,.82)}}@keyframes rod-cast{to{transform:rotate(8deg)}}@keyframes line-drop{to{height:31%}}@keyframes float-bob{50%{transform:translate(-50%,-7px)}}@keyframes float-dip{50%{transform:translateY(8px)}}@keyframes fish-jump{0%{opacity:0;transform:translate(0,12px) rotate(-18deg)}35%{opacity:1}100%{opacity:1;transform:translate(28px,-64px) rotate(15deg)}}@keyframes ripple-expand{to{transform:scale(1.55);opacity:0}}@keyframes seed-breathe{50%{transform:rotate(35deg) scale(1.12);box-shadow:0 0 24px rgba(244,201,93,.65)}}@keyframes seed-sink{to{transform:rotate(35deg) translateY(12px) scale(.72)}}@keyframes stem-grow{to{height:68px}}@keyframes leaf-open{to{width:31px;height:18px}}
@media(max-width:700px){.draw-workspace{display:block}.draw-stage{min-height:610px;padding:18px}.draw-controls-panel{position:relative;top:auto;right:auto;order:0;width:100%;margin-top:12px;padding:13px;box-shadow:0 9px 24px rgba(0,0,0,.13)}.theme-scene{min-height:100%}.scene-result-dock{right:13px;bottom:320px;left:13px;grid-template-columns:1fr;max-height:175px}.scene-result-card{padding:9px}.scene-reveal,.scene-selection{min-width:140px;max-width:65%;padding:10px 11px}.scene-reveal strong,.scene-selection strong{font-size:12px}.scene-reveal-orbit,.scene-selection-orbit{top:42%;left:30%}.scene-reveal-stars,.scene-selection-stars{top:40%;left:57%}.scene-reveal-paper,.scene-selection-paper{top:42%;left:64%}.scene-reveal-bubbles,.scene-selection-bubbles{top:42%;left:48%}.meteor:before{width:72px}.fishing-rod{width:210px}.draw-result-note{font-size:10px}}
@media(max-width:360px){.draw-stage{min-height:590px;padding:14px}.draw-controls-panel{padding:11px}.scene-result-dock{bottom:305px;max-height:165px}.scene-result-copy strong{font-size:12px}}