/* Confirmed-preview theme set: meadow bloom, capsule machine, bamboo lottery. */
.theme-scene{isolation:isolate;overflow:hidden;border-radius:inherit}
.theme-scene > .meadow-scene-art,.theme-scene > .gacha-scene-art,.theme-scene > .bamboo-scene-art{position:absolute;inset:0;z-index:0;pointer-events:none}
.theme-scene > .scene-trigger,.theme-scene .scene-trigger{z-index:10;border:0;background:transparent;outline:0;padding:0;font:inherit}
.theme-scene .scene-trigger{pointer-events:auto}
.scene-trigger:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:4px}
.theme-result{position:absolute;z-index:8;pointer-events:none}
.scene-feedback{position:absolute;z-index:11;top:50%;left:50%;display:grid;justify-items:center;gap:6px;color:#fff;text-align:center;transform:translate(-50%,-50%);pointer-events:none;animation:feedback-in .35s ease-out both}
.scene-feedback span{width:10px;height:10px;border-radius:50%;background:#fff3b0;box-shadow:0 0 0 9px rgba(255,243,176,.14),0 0 26px rgba(255,243,176,.8);animation:feedback-pulse .8s ease-in-out infinite}
.scene-feedback strong{font-size:12px;letter-spacing:.08em;text-shadow:0 2px 10px rgba(0,0,0,.2)}
.scene-feedback small{font-size:10px;opacity:.72}
.scene-dismiss{position:absolute;z-index:12;right:23px;bottom:23px;min-height:30px;padding:6px 11px;border:1px solid rgba(255,255,255,.38);border-radius:999px;color:rgba(255,255,255,.88);background:rgba(23,45,47,.2);font-size:10px;backdrop-filter:blur(6px)}
.scene-dismiss:hover{background:rgba(23,45,47,.42)}

/* Meadow bloom */
.theme-meadow{background:linear-gradient(180deg,#b9e3e7 0%,#e2efcf 45%,#9ac184 46%,#4a7b58 100%)}
.meadow-sky{position:absolute;inset:0 0 48%;background:radial-gradient(circle at 77% 23%,rgba(255,250,207,.9) 0 5%,transparent 5.5%),linear-gradient(145deg,rgba(255,255,255,.32),transparent 58%)}
.meadow-sun{position:absolute;top:11%;right:17%;width:112px;height:112px;border-radius:50%;background:rgba(255,246,193,.78);box-shadow:0 0 55px rgba(255,238,170,.45)}
.meadow-mountains{position:absolute;right:-8%;bottom:35%;left:-8%;height:28%;background:linear-gradient(145deg,#6d9c7b,#47715d 62%,#3d6653);clip-path:polygon(0 90%,14% 45%,24% 68%,40% 18%,54% 58%,67% 30%,82% 65%,100% 35%,100% 100%,0 100%);opacity:.88}
.meadow-trees{position:absolute;right:4%;bottom:31%;left:2%;height:26%;background:radial-gradient(ellipse at 11% 62%,#4b7959 0 8%,transparent 8.5%),radial-gradient(ellipse at 23% 44%,#588766 0 10%,transparent 10.5%),radial-gradient(ellipse at 86% 47%,#4c7b5e 0 11%,transparent 11.5%),linear-gradient(82deg,transparent 0 10%,rgba(63,91,62,.62) 10.2% 11%,transparent 11.2% 22%,rgba(63,91,62,.48) 22.2% 23%,transparent 23.2% 100%);opacity:.85}
.meadow-ground{position:absolute;right:-12%;bottom:-25%;left:-12%;height:65%;border-radius:50% 50% 0 0/24% 24% 0 0;background:radial-gradient(ellipse at 50% 9%,rgba(209,235,168,.88),transparent 47%),linear-gradient(180deg,#86b372,#3d6d52 80%);box-shadow:inset 0 16px 30px rgba(36,88,53,.12)}
.meadow-ground:after{content:"";position:absolute;inset:12% 20% 28%;border-radius:50%;border:1px solid rgba(235,250,190,0);transform:scale(.7)}
.meadow-grass{position:absolute;bottom:0;width:35%;height:35%;opacity:.72;background:linear-gradient(75deg,transparent 0 45%,#356348 46% 49%,transparent 50% 60%,#477956 61% 64%,transparent 65% 100%);clip-path:polygon(0 100%,8% 37%,14% 100%,27% 0,35% 100%,48% 27%,54% 100%,67% 9%,74% 100%,89% 32%,95% 100%)}
.meadow-grass-back{left:3%;transform:scale(1.1);opacity:.48}.meadow-grass-front{right:1%;transform:scale(.92)}
.meadow-trigger{position:absolute;top:48%;left:50%;width:44%;height:31%;transform:translate(-50%,-50%);border-radius:50%}
.theme-meadow.phase-selecting .meadow-ground:after{border-color:rgba(240,255,193,.7);animation:ground-ripple .7s ease-out both}
.theme-meadow.phase-selecting .meadow-grass{animation:grass-response .8s ease-in-out}
.meadow-bloom-result{left:var(--result-x);bottom:15%;width:clamp(95px,13vw,155px);height:clamp(180px,30vh,255px);transform:translateX(-50%);transform-origin:bottom center;animation:bloom-rise .72s cubic-bezier(.2,.8,.2,1) both}
.bloom-stem{position:absolute;bottom:20px;left:50%;width:clamp(5px,.55vw,8px);height:58%;border-radius:99px;background:linear-gradient(90deg,#4e8a55,#8fbd67 55%,#47764c);transform:translateX(-50%);box-shadow:5px 0 8px rgba(24,78,44,.18)}
.bloom-leaf{position:absolute;bottom:29%;width:42px;height:22px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#9cc66e,#4f8b56);box-shadow:0 3px 6px rgba(26,82,46,.16)}
.bloom-leaf-left{right:3px;transform:rotate(26deg)}.bloom-leaf-right{left:3px;transform:scaleX(-1) rotate(26deg)}
.bloom-head{position:absolute;top:0;left:50%;width:clamp(70px,8vw,106px);height:clamp(70px,8vw,106px);transform:translateX(-50%);filter:drop-shadow(0 8px 11px rgba(62,88,48,.24))}
.bloom-petal{position:absolute;top:50%;left:50%;width:49%;height:68%;border-radius:65% 65% 38% 38%;background:linear-gradient(145deg,#fff5c7,#f1b97e 78%);transform-origin:50% 100%;animation:petal-open .65s cubic-bezier(.2,.8,.2,1) both}
.petal-a{transform:translate(-50%,-100%) rotate(0deg)}.petal-b{transform:translate(-50%,-100%) rotate(90deg)}.petal-c{transform:translate(-50%,-100%) rotate(180deg)}.petal-d{transform:translate(-50%,-100%) rotate(270deg)}
.bloom-center{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:48%;height:48%;padding:7px;border-radius:50%;color:#735b42;background:radial-gradient(circle at 35% 28%,#fffbe1,#f4d497);box-shadow:inset 0 2px 3px rgba(255,255,255,.75),0 2px 6px rgba(113,74,34,.18);transform:translate(-50%,-50%);text-align:center}
.bloom-center span{max-width:100%;font-size:clamp(9px,1vw,14px);font-weight:850;line-height:1.25;overflow-wrap:anywhere}
.result-ground-shadow{position:absolute;right:10%;bottom:3px;left:10%;height:13px;border-radius:50%;background:rgba(27,76,40,.23);filter:blur(5px)}

/* Capsule machine */
.theme-gacha{background:linear-gradient(155deg,#f5d8cf 0%,#e7c5ce 48%,#c7b1ce 100%)}
.gacha-room-light{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.78),transparent 42%),linear-gradient(90deg,rgba(255,255,255,.16),transparent 20% 80%,rgba(124,86,134,.13))}
.gacha-room-light:after{content:"";position:absolute;right:7%;bottom:0;left:7%;height:21%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(164,126,159,.18))}
.gacha-machine{position:absolute;top:8%;left:50%;width:min(60%,410px);height:84%;transform:translateX(-50%);filter:drop-shadow(0 16px 18px rgba(93,67,101,.2))}
.gacha-dome{position:absolute;top:0;left:5%;width:90%;height:57%;overflow:hidden;border:5px solid rgba(255,255,255,.78);border-bottom-width:8px;border-radius:48% 48% 20% 20%/24% 24% 12% 12%;background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(216,205,234,.16) 46%,rgba(155,130,183,.3));box-shadow:inset 9px 9px 25px rgba(255,255,255,.5),inset -11px -15px 25px rgba(105,71,126,.15)}
.gacha-dome:after{content:"";position:absolute;top:7%;left:15%;width:25%;height:60%;border-radius:50%;background:linear-gradient(110deg,rgba(255,255,255,.72),transparent);transform:rotate(21deg);opacity:.7}
.gacha-glass-shine{position:absolute;inset:0;background:linear-gradient(117deg,transparent 0 28%,rgba(255,255,255,.28) 29% 31%,transparent 32% 62%,rgba(255,255,255,.18) 63% 65%,transparent 66%)}
.gacha-capsule{position:absolute;width:clamp(32px,5vw,58px);height:clamp(47px,7vw,78px);border-radius:52% 52% 45% 45%;background:linear-gradient(100deg,rgba(255,255,255,.65),var(--capsule) 38% 72%,rgba(108,72,133,.4));box-shadow:inset 4px 0 7px rgba(255,255,255,.6),0 6px 8px rgba(86,57,103,.22);transform:rotate(var(--tilt))}
.gacha-capsule:after{content:"";position:absolute;top:46%;right:4%;left:4%;height:5px;border-radius:50%;background:rgba(111,74,139,.32)}
.capsule-a{--capsule:#ef9eac;--tilt:-13deg;left:22%;bottom:18%}.capsule-b{--capsule:#f3c765;--tilt:15deg;left:43%;bottom:15%}.capsule-c{--capsule:#7fc8c4;--tilt:-3deg;left:60%;bottom:19%}.capsule-d{--capsule:#a792d5;--tilt:22deg;left:73%;bottom:17%}
.gacha-body{position:absolute;right:0;bottom:3%;left:0;height:48%;border:4px solid #fff6f1;border-radius:18px 18px 28px 28px;background:linear-gradient(145deg,#fff7f1,#d8c6e1 53%,#b19bc9);box-shadow:inset 9px 0 18px rgba(255,255,255,.58),inset -12px -8px 18px rgba(123,90,148,.19)}
.gacha-panel{position:absolute;top:9%;left:18%;width:64%;height:24%;border:2px solid rgba(158,117,171,.4);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(232,214,237,.55))}
.gacha-panel:after{content:"TODAY'S LUCK";position:absolute;inset:0;display:grid;place-items:center;color:#946b9c;font-size:clamp(8px,1vw,11px);font-weight:850;letter-spacing:.14em}
.gacha-chute{position:absolute;right:28%;bottom:19%;left:28%;height:21%;border:3px solid rgba(123,92,145,.42);border-radius:12px 12px 18px 18px;background:linear-gradient(180deg,#a28ab8,#6f5b8a);box-shadow:inset 0 8px 12px rgba(31,22,50,.28)}
.gacha-tray{position:absolute;right:5%;bottom:0;left:5%;height:12%;border-radius:0 0 25px 25px;background:linear-gradient(180deg,#fff8f0,#d3c1d9);box-shadow:0 7px 8px rgba(79,52,92,.18)}
.gacha-knob-ring{position:absolute;right:10%;bottom:17%;width:22%;aspect-ratio:1;border:6px solid #d1a644;border-radius:50%;background:#f8e09c;box-shadow:inset 0 0 0 3px #fff3bd,0 4px 7px rgba(112,76,52,.24)}
.gacha-knob{position:absolute;inset:15%;border:0;border-radius:50%;background:radial-gradient(circle at 34% 26%,#fff4b5 0 8%,#d49b32 11% 63%,#9d6725 66%);box-shadow:inset 3px 3px 5px rgba(255,255,255,.55),inset -4px -5px 6px rgba(102,54,21,.34);cursor:pointer}
.gacha-knob span{position:absolute;top:17%;left:50%;width:5px;height:35%;border-radius:99px;background:#fff0a9;transform:translateX(-50%);box-shadow:0 0 5px rgba(255,247,172,.8)}
.theme-gacha.phase-selecting .gacha-knob{animation:knob-turn .7s cubic-bezier(.2,.8,.2,1)}
.theme-gacha.phase-selecting .gacha-capsule{animation:capsule-rattle .7s ease-in-out}
.theme-gacha.phase-selected .gacha-chute{box-shadow:inset 0 8px 12px rgba(31,22,50,.28),0 0 0 8px rgba(255,230,153,.16)}
.gacha-result{left:var(--result-x);bottom:9%;width:clamp(105px,15vw,160px);height:clamp(95px,14vw,140px);transform:translateX(-50%);animation:capsule-drop .7s cubic-bezier(.2,.8,.2,1) both}
.result-capsule{position:absolute;bottom:8%;left:50%;width:62%;height:67%;transform:translateX(-50%) rotate(var(--result-tilt,0deg));filter:drop-shadow(0 7px 5px rgba(75,49,72,.24))}
.capsule-top,.capsule-bottom{position:absolute;left:0;width:100%;height:57%;border:2px solid rgba(122,75,121,.3);background:linear-gradient(100deg,#fff3ee,#ec9faf 42%,#c97498);box-shadow:inset 4px 0 7px rgba(255,255,255,.55)}
.capsule-top{top:0;border-radius:55% 55% 25% 25%;transform:rotate(-14deg);transform-origin:bottom center}.capsule-bottom{right:0;bottom:0;left:auto;border-radius:25% 25% 55% 55%;transform:rotate(14deg);transform-origin:top center;background:linear-gradient(100deg,#f8d7dc,#db83a2 65%,#b56d98)}
.capsule-paper{position:absolute;z-index:2;top:25%;left:50%;display:grid;place-items:center;width:74%;min-height:43%;padding:6px;color:#6c4c64;background:#fff8df;box-shadow:0 2px 4px rgba(93,54,72,.18);transform:translateX(-50%) rotate(-3deg);font-size:clamp(9px,1vw,14px);font-weight:850;line-height:1.25;text-align:center;overflow-wrap:anywhere}

/* Bamboo lottery tube */
.theme-bamboo{background:linear-gradient(145deg,#e7bb77 0%,#f5d7a0 47%,#8aa68e 48%,#47766d 100%)}
.bamboo-wall-light{position:absolute;inset:0 0 43%;background:radial-gradient(circle at 24% 20%,rgba(255,238,184,.78),transparent 29%),linear-gradient(120deg,rgba(255,255,255,.3),transparent 48%)}
.bamboo-table{position:absolute;right:-10%;bottom:-19%;left:-10%;height:68%;border-radius:50% 50% 0 0/17% 17% 0 0;background:repeating-linear-gradient(86deg,rgba(121,74,38,.1) 0 2px,transparent 3px 31px),linear-gradient(180deg,#b98250,#774b3a 82%);box-shadow:inset 0 14px 25px rgba(96,52,35,.15)}
.bamboo-mat{position:absolute;right:8%;bottom:9%;left:8%;height:25%;border:2px solid rgba(33,86,72,.33);border-radius:50%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 2px,transparent 3px 13px),linear-gradient(180deg,#5a9180,#2f655e);box-shadow:0 8px 12px rgba(46,61,47,.24)}
.bamboo-string{position:absolute;top:17%;width:17%;height:25%;border-bottom:2px solid rgba(151,74,39,.64);border-radius:50%}.string-left{left:4%;transform:rotate(-18deg)}.string-right{right:3%;transform:rotate(22deg)}
.bamboo-string:after{content:"";position:absolute;bottom:-5px;left:50%;width:7px;height:7px;border-radius:50%;background:#b74e3e;box-shadow:0 0 0 3px rgba(255,220,134,.33)}
.bamboo-tube{position:absolute;top:20%;left:50%;width:min(48%,300px);height:59%;transform:translateX(-50%) rotate(-6deg);filter:drop-shadow(0 15px 12px rgba(68,50,34,.3))}
.bamboo-body{position:absolute;right:4%;bottom:5%;left:4%;height:83%;border-radius:18% 18% 27% 27%/7% 7% 10% 10%;background:linear-gradient(90deg,#7e4428,#bf7840 19%,#e9b65c 43%,#9c552d 72%,#67351f);box-shadow:inset 13px 0 14px rgba(255,219,121,.24),inset -14px 0 14px rgba(46,25,22,.32)}
.bamboo-body:after{content:"LOTTERY";position:absolute;right:12%;bottom:23%;color:rgba(83,46,28,.48);font:700 clamp(12px,2vw,19px)/1 Georgia,serif;letter-spacing:.18em;transform:rotate(90deg)}
.bamboo-rim{position:absolute;z-index:4;top:0;left:50%;width:76%;height:24%;border:8px solid #8c4f2d;border-radius:50%;background:radial-gradient(ellipse,#35251f 0 51%,#d3964e 53% 74%,#784026 76%);transform:translateX(-50%);box-shadow:inset 0 5px 5px rgba(255,217,129,.28)}
.bamboo-front-rim{position:absolute;z-index:5;top:12%;left:50%;width:78%;height:13%;border:6px solid #a66234;border-radius:50%;background:transparent;transform:translateX(-50%);pointer-events:none}
.bamboo-inner{position:absolute;z-index:3;top:1%;left:50%;width:62%;height:20%;transform:translateX(-50%);overflow:hidden;border-radius:50%;pointer-events:none}
.bamboo-inner i{position:absolute;bottom:-12px;width:6px;height:82px;border-radius:99px;background:linear-gradient(90deg,#c78038,#f2c56e 45%,#8f4c2b);transform:rotate(var(--stick-tilt));transform-origin:bottom center}.bamboo-inner i:nth-child(1){left:12%;--stick-tilt:-18deg}.bamboo-inner i:nth-child(2){left:28%;--stick-tilt:-6deg}.bamboo-inner i:nth-child(3){left:44%;--stick-tilt:7deg}.bamboo-inner i:nth-child(4){left:58%;--stick-tilt:18deg}.bamboo-inner i:nth-child(5){left:72%;--stick-tilt:-11deg}.bamboo-inner i:nth-child(6){left:84%;--stick-tilt:12deg}
.bamboo-trigger{position:absolute;z-index:8;top:22%;left:50%;width:88%;height:62%;transform:translateX(-50%);border-radius:25% 25% 35% 35%}
.theme-bamboo.phase-selecting .bamboo-tube{animation:tube-shake .16s ease-in-out 4}
.theme-bamboo.phase-selecting .bamboo-inner i{animation:stick-jostle .65s ease-in-out}
.theme-bamboo.phase-selected .bamboo-rim{box-shadow:inset 0 5px 5px rgba(255,217,129,.28),0 0 0 8px rgba(255,226,147,.16)}
.bamboo-result{left:var(--result-x);bottom:18%;width:clamp(120px,17vw,190px);height:clamp(72px,10vw,108px);transform:translateX(-50%);animation:stick-slide .72s cubic-bezier(.2,.8,.2,1) both}
.result-stick{position:absolute;top:22%;left:50%;width:90%;height:40%;transform:translateX(-50%) rotate(var(--result-tilt,-5deg));filter:drop-shadow(0 6px 4px rgba(47,48,38,.25))}
.result-stick-head{position:absolute;top:-35%;left:0;width:13%;height:170%;border-radius:55% 55% 42% 42%;background:linear-gradient(90deg,#9c3e2f,#d65a45 48%,#79312b);box-shadow:inset 3px 0 4px rgba(255,212,143,.34)}
.result-stick-paper{position:absolute;top:0;right:0;bottom:0;left:9%;display:grid;align-items:center;padding:5px 7px 5px 14px;border:1px solid rgba(103,67,37,.24);color:#654d32;background:linear-gradient(180deg,#fff4cf,#e9cd91);font-size:clamp(9px,1vw,14px);font-weight:850;line-height:1.15;overflow-wrap:anywhere;box-shadow:inset 0 2px 3px rgba(255,255,255,.65)}
.result-stick-shadow{position:absolute;right:8%;bottom:3%;left:15%;height:8px;border-radius:50%;background:rgba(28,56,51,.28);filter:blur(4px)}

@keyframes feedback-in{from{opacity:0;transform:translate(-50%,-50%) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes feedback-pulse{50%{transform:scale(1.25);box-shadow:0 0 0 13px rgba(255,243,176,.12),0 0 32px rgba(255,243,176,.9)}}
@keyframes ground-ripple{to{opacity:0;transform:scale(1.8)}}
@keyframes grass-response{50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes bloom-rise{from{opacity:0;transform:translateX(-50%) translateY(45px) scale(.5)}65%{transform:translateX(-50%) translateY(-7px) scale(1.04)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
@keyframes petal-open{from{opacity:0;transform:translate(-50%,-100%) rotate(var(--petal-rotation,0deg)) scale(.1)}to{opacity:1}}
@keyframes knob-turn{to{transform:rotate(290deg)}}
@keyframes capsule-rattle{25%{transform:translate(8px,-4px) rotate(5deg)}50%{transform:translate(-7px,3px) rotate(-5deg)}75%{transform:translate(5px,2px) rotate(4deg)}}
@keyframes capsule-drop{from{opacity:0;transform:translateX(-50%) translateY(-125px) rotate(-18deg) scale(.72)}65%{transform:translateX(-50%) translateY(8px) rotate(7deg) scale(1.03)}to{opacity:1;transform:translateX(-50%) translateY(0) rotate(0) scale(1)}}
@keyframes tube-shake{25%{transform:translateX(-50%) rotate(-11deg)}50%{transform:translateX(-50%) rotate(-2deg)}75%{transform:translateX(-50%) rotate(-10deg)}}
@keyframes stick-jostle{50%{transform:translateY(-8px) rotate(calc(var(--stick-tilt) + 4deg))}}
@keyframes stick-slide{from{opacity:0;transform:translateX(-50%) translateY(-95px) rotate(-16deg)}65%{transform:translateX(-50%) translateY(8px) rotate(4deg)}to{opacity:1;transform:translateX(-50%) translateY(0) rotate(0)}}

@media(max-width:700px){
  .scene-feedback{top:47%}.scene-dismiss{right:16px;bottom:16px}
  .meadow-sun{top:9%;right:10%;width:72px;height:72px}.meadow-trigger{top:49%;width:76%;height:28%}.meadow-bloom-result{bottom:16%;width:108px;height:190px}.bloom-head{width:74px;height:74px}
  .gacha-machine{top:7%;width:min(86%,350px);height:84%}.gacha-dome{height:55%}.gacha-result{bottom:10%;width:125px;height:105px}
  .bamboo-tube{top:20%;width:min(70%,280px);height:57%}.bamboo-trigger{width:94%;height:66%}.bamboo-result{bottom:20%;width:145px;height:82px}
}
@media(max-width:360px){
  .scene-dismiss{right:12px;bottom:12px}.meadow-bloom-result{width:94px;height:168px}.bloom-head{width:64px;height:64px}.gacha-machine{width:92%}.gacha-result{width:112px;height:94px}.bamboo-tube{width:78%}.bamboo-result{width:132px;height:75px}
}
@media(prefers-reduced-motion:reduce){.theme-result,.scene-feedback,.theme-scene *{animation-duration:.01ms!important;animation-iteration-count:1!important}}