/* Shared material grammar: warm worktop, printed ink, directional light, real silhouettes. */
:root[data-theme] .flow-dialog .flow-reveal.tactile-control{background:transparent;border:0;box-shadow:none}.reward-navigation{display:none}@media(max-width:760px){.reward-navigation{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#687269;font-size:10px;margin:4px 6px 12px}.reward-navigation button{border:1px solid #c8c9bd;background:#fff8;padding:9px 12px;color:#3c5449;border-radius:4px;min-height:40px;font-size:11px}}
.art.tactile-art{position:relative;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;background:#eeeae1}.art.tactile-art>.printed-card{inset:10px 20px}.art.tactile-art>.real-pin{width:min(82%,166px);height:auto;aspect-ratio:1;flex-shrink:0}.art.tactile-art>.unwrapped-item{width:100%;height:100%;box-shadow:none;border-radius:5px}.summary-items .tactile-art,.activity-row .tactile-art{padding:3px}.summary-items .tactile-art>.printed-card,.activity-row .tactile-art>.printed-card{inset:2px;border-width:2px;padding:2px}.summary-items .card-print-head,.summary-items .card-print-name,.summary-items .card-print-footer,.activity-row .card-print-head,.activity-row .card-print-name,.activity-row .card-print-footer{display:none}
.tactile-table,.physical-selection,.stage-art-wrap{--ink:#24383c;--paper:#faf7ee;--metal:#dedfd9;--p:0;--turn:0deg}
.flow-dialog .tactile-table{position:relative;border:1px solid #dedbd4;border-radius:8px;padding:24px 20px 18px;background:radial-gradient(ellipse at 50% 35%,#fffdf7 0,#f2efe7 65%,#e9e5dc 100%);color:var(--ink);overflow:hidden;isolation:isolate}
.tactile-table:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23978366' filter='url(%23n)' opacity='.24' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.table-caption{display:block;text-align:left;font-size:12px;font-weight:650;color:#3e4b4c;line-height:1.6}.table-caption>span{display:block;font-size:11px;font-weight:400;color:#6c716d;margin-top:2px}
.tactile-control{--p:0;--turn:0deg;position:relative;display:block;border:0;background:none;padding:0;margin:28px auto;cursor:grab;color:inherit;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;perspective:1100px;outline-offset:8px;transition:transform .25s}
.tactile-control *{pointer-events:none}.tactile-control.is-dragging{cursor:grabbing}.tactile-control:focus-visible{outline:3px solid #b65326}.tactile-control:disabled{opacity:1;cursor:default}.tactile-control img{-webkit-user-drag:none;user-select:none}
.gesture-feedback{max-width:340px;margin:22px auto 0;display:grid;gap:10px}.gesture-track{display:block;width:110px;height:3px;margin:auto;background:#d4d6cf;border-radius:5px;overflow:hidden}.gesture-track i{display:block;height:100%;background:#a24e2c;transform-origin:left;transform:scaleX(var(--p));transition:transform .12s linear}.gesture-caption{font-size:12px;color:#566260;line-height:1.6;min-height:20px}.tactile-access{margin:14px 0 0;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.tactile-access .link-button{font-size:11px}
.foil-pack,.pin-bag{position:relative;display:block;width:206px;height:285px;filter:drop-shadow(8px 14px 9px #2f291a25);background:linear-gradient(100deg,#b9babc 0,#f3f2ee 3%,#ccd0d1 7%,#f7f7f4 14%,#d6d8d7 58%,#f5f4ed 90%,#b8b9b7 98%);border:1px solid #b1b5b3;border-radius:1px;transform:rotate(-4deg);text-align:center;transition:transform .3s}
.foil-pack:after,.pin-bag:after{content:'';position:absolute;inset:14px 0 12px;background:linear-gradient(105deg,transparent 20%,#fff6 24%,transparent 29%,transparent 70%,#7771 73%,transparent 76%);pointer-events:none}.foil-seal{position:absolute;left:0;width:100%;height:14px;background:repeating-linear-gradient(90deg,#bbc0bd 0 1px,#eaebe6 1px 3px);border-block:1px solid #aaa8}.seal-top{top:0}.seal-bottom{bottom:0}
.pack-print{display:flex;position:absolute;inset:26px 14px 22px;flex-direction:column;align-items:center;padding:13px 8px;background:#223c42;color:#f0ead7;border:1px solid #768e8b;box-shadow:inset 0 0 0 4px #223c42,inset 0 0 0 5px #a7b6a66b}
.pack-print>small{font-size:7px;letter-spacing:.12em}.pack-print>b{font-size:23px;letter-spacing:.14em;margin-top:15px;font-weight:600}.pack-print>span:not(.printed-pin){font-size:7px;letter-spacing:.08em}.pack-print>strong{font-size:10px;letter-spacing:.14em;margin-top:auto;padding-top:7px}.pack-emblem{width:106px;height:106px;fill:none;stroke:currentColor;stroke-width:1;display:block;margin:8px auto;color:#c8cda9}
.foil-tear{display:flex;align-items:center;justify-content:space-between;position:absolute;top:15px;left:-7px;right:-7px;height:24px;padding:0 8px;background:linear-gradient(100deg,#e9ebe2,#b2b9b4 45%,#f5f3e7);color:#344a43;border-bottom:1px dashed #687e73;z-index:3;transform:translate(calc(var(--p)*100px),calc(var(--p)*-12px)) rotate(calc(var(--p)*-16deg));transform-origin:right;clip-path:polygon(0 10%,3% 50%,0 90%,100% 100%,100% 0);transition:transform .25s,opacity .25s}.foil-tear i{font-style:normal;font-size:9px}.foil-tear b{font-size:21px}.is-dragging .foil-tear{transition:none}.is-complete .foil-tear{transform:translate(145px,-40px) rotate(-25deg);opacity:0}.is-complete .foil-pack,.is-complete .pin-bag{transform:rotate(1deg) scale(1.025)}
.pin-bag{width:225px;height:250px;border-radius:1px 1px 12px 12px;transform:rotate(3deg)}.pin-bag .pack-print{inset:28px 18px 20px;background:#dd6548;color:#fff8e9;box-shadow:inset 0 0 0 4px #dd6548,inset 0 0 0 5px #f7c9ab;border-color:#d4a18a;padding-top:10px}.pin-bag .pack-print>b{font-size:21px;margin-top:7px}.printed-pin{display:block;width:90px;height:90px;border:3px solid #f9ecdb;border-radius:50%;overflow:hidden;margin:8px auto;box-shadow:2px 4px 0 #9c42256b}.printed-pin img{width:100%;height:100%;object-fit:cover}.pin-bag .pack-print>strong{padding-top:3px}
.prize-ticket{display:flex;width:340px;height:183px;position:relative;text-align:left;transform:rotate(-3deg);filter:drop-shadow(5px 10px 6px #40342128);color:#583e3d;background:#faf3dc;border:1px solid #e1d5b7}.ticket-stub{display:flex;flex-direction:column;width:80px;flex-shrink:0;padding:20px 10px;align-items:center;justify-content:space-between;font:9px Georgia,serif;border-right:2px dashed #b0a18a;background:#e9d6b5}.ticket-stub>b{writing-mode:vertical-rl;font-size:21px;letter-spacing:.15em}.ticket-stub small{font-size:10px}.ticket-body{position:relative;display:block;flex:1;padding:20px}.ticket-body>small{font-size:8px;letter-spacing:.07em}.ticket-body>b{display:block;font-size:22px;line-height:1.5;font-weight:500;margin-top:13px}.ticket-serial{display:block;font-size:7px;letter-spacing:.12em;margin-top:16px}.ticket-cover{position:absolute;z-index:2;right:0;top:36px;bottom:24px;width:100%;display:flex;align-items:center;justify-content:space-around;background:repeating-linear-gradient(45deg,#c5a88c 0 1px,#d4bfa6 1px 6px);border-block:1px dashed #806d58;box-shadow:0 3px 4px #74592a12;font-size:12px;transform:translateX(calc(var(--p)*85%)) rotate(calc(var(--p)*8deg));transform-origin:right;transition:transform .25s}.ticket-cover i{font-style:normal;font-size:25px}.is-dragging .ticket-cover{transition:none}.is-complete .ticket-cover{transform:translateX(125%) rotate(20deg)}
.cloth-bag{display:block;position:relative;width:230px;height:250px;background:repeating-linear-gradient(0deg,#a5987110 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#a5987110 0 1px,transparent 1px 3px),linear-gradient(100deg,#c6b790,#f3e8c8 20%,#ece1bf 70%,#b6a77f);border:1px solid #c1b18d;border-radius:42% 42% 18% 18% / 18% 18% 9% 9%;box-shadow:8px 14px 16px #403a2524;transform:rotate(-3deg);margin-top:30px}.bag-neck{position:absolute;left:19%;right:19%;top:-28px;height:57px;border-radius:20% 20% 40% 40%;border:1px solid #c2b08e;background:repeating-linear-gradient(95deg,#cebc91 0 5px,#f3e5bf 8px 14px);transform:scaleX(calc(1 + var(--p)*.4));transition:transform .2s}.bag-cord{position:absolute;left:10%;right:10%;top:13px;height:7px;border-radius:50%;background:#5d6d5c;box-shadow:0 2px 1px #fff9;z-index:2}.bag-cord i,.bag-cord b{position:absolute;display:block;right:22px;top:-5px;width:34px;height:24px;border:5px solid #5d6d5c;border-radius:50%;transform:rotate(-25deg)}.bag-cord b{right:-4px;transform:translateX(calc(var(--p)*80px)) rotate(25deg);transition:transform .2s}.bag-cord:after{content:'';width:55px;height:5px;background:#5d6d5c;display:block;position:absolute;right:-35px;top:20px;transform:translateX(calc(var(--p)*80px)) rotate(28deg);transition:transform .2s}.bag-label{position:absolute;left:35px;right:35px;top:75px;bottom:49px;display:flex;flex-direction:column;justify-content:center;border:1px solid #90977b;background:#eae7ce90;color:#3d5749}.bag-label small{font-size:7px;letter-spacing:.07em}.bag-label b{font-size:25px;margin:12px 0}.bag-label span{font-size:10px}.bag-seam{position:absolute;inset:25px 12px 9px;border:1px dashed #ad9b7080;border-top:0;border-radius:0 0 28px 28px}.is-complete .bag-cord{transform:translateY(-35px) rotate(12deg);opacity:.3}.is-dragging .bag-cord b,.is-dragging .bag-cord:after{transition:none}
.capsule-machine{display:block;width:230px;position:relative;filter:drop-shadow(7px 12px 7px #30302530);color:#fff6df;text-align:center}.machine-sign{display:block;background:#b94c36;border:1px solid #873e2c;border-bottom:0;border-radius:36px 36px 0 0;padding:10px;font-size:20px;font-weight:700;letter-spacing:.1em}.machine-sign small{display:block;font-size:7px;font-weight:400;margin-top:3px;letter-spacing:.18em}.machine-glass{display:block;position:relative;height:154px;overflow:hidden;border:6px solid #d6d4c8;border-top-width:4px;background:linear-gradient(115deg,#fff8 4%,#aebdbc55 10%,#f5f8ee77 70%,#7c8e8733);box-shadow:inset 3px 0 6px #0002}.glass-shine{position:absolute;left:14px;top:7px;bottom:10px;width:15px;border-radius:50%;background:linear-gradient(90deg,#fff9,transparent);transform:skewY(-20deg);z-index:2}.toy-ball{width:48px;height:48px;border-radius:50%;position:absolute;bottom:3px;left:8px;box-shadow:inset -5px -5px 8px #24322e32,inset 3px 3px 3px #fff9,1px 3px 3px #0003;background:linear-gradient(15deg,#f1e7c9 48%,#808885 49%,#e0a29c 52%);transform:rotate(-35deg);border:1px solid #65756655}.ball-1{left:52px;bottom:5px;background:linear-gradient(15deg,#efe4c4 48%,#798785 49%,#b4c5b1 52%);transform:rotate(35deg)}.ball-2{left:96px;bottom:0;transform:rotate(-60deg)}.ball-3{left:142px;bottom:8px;background:linear-gradient(15deg,#efe4c4 48%,#798785 49%,#97b4c2 52%)}.ball-4{left:24px;bottom:44px;background:linear-gradient(15deg,#efe4c4 48%,#798785 49%,#d2bb7e 52%);transform:rotate(15deg)}.ball-5{left:72px;bottom:45px;transform:rotate(90deg)}.ball-6{left:120px;bottom:49px;background:linear-gradient(15deg,#efe4c4 48%,#798785 49%,#b4c5b1 52%)}.ball-7{left:47px;bottom:85px;background:linear-gradient(15deg,#efe4c4 48%,#798785 49%,#97b4c2 52%)}.ball-8{left:99px;bottom:91px;transform:rotate(-70deg)}
.machine-base{display:block;border:1px solid #923d2b;border-radius:0 0 17px 17px;padding:18px 20px 12px;background:linear-gradient(100deg,#a2442f,#cb5c40 15%,#c75238 82%,#a53f2a);position:relative}.coin-slot{position:absolute;right:25px;top:24px;width:11px;height:30px;background:#283c3a;border:4px solid #b9beb3;box-shadow:0 2px 2px #0003;border-radius:3px}.knob-ring{display:block;width:84px;height:84px;background:repeating-conic-gradient(#d1c9ad 0 2deg,#59615a 2deg 27deg,#d1c9ad 27deg 30deg);padding:7px;border-radius:50%;margin:auto;box-shadow:1px 3px 4px #0005}.machine-knob{display:block;width:70px;height:70px;border:4px solid #c6c9bc;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fbf9eb,#acb2a5);box-shadow:2px 3px 5px #0005;transform:rotate(var(--turn));transition:transform .25s}.machine-knob i{position:absolute;inset:25px -8px 25px -8px;border-radius:6px;background:linear-gradient(#eeeee4,#b3b5a8);border:1px solid #949d8e;box-shadow:0 3px 3px #0005}.machine-instruction{display:block;font-size:8px;margin:9px 0 10px;letter-spacing:.06em}.machine-tray{display:block;width:110px;height:42px;border:4px solid #dfc7a7;background:#273b36;border-radius:20px 20px 5px 5px;margin:auto;box-shadow:inset 0 4px 8px #0009;position:relative;overflow:hidden}.dropping-ball{position:absolute;width:30px;height:30px;background:linear-gradient(0deg,#ebdfc0 48%,#bc8279 50%);border-radius:50%;left:35px;top:3px;transform:translateY(-45px)}.is-dragging .machine-knob{transition:none}.is-dragging .toy-ball:nth-child(odd){transform:translateY(calc(var(--p)*-9px)) rotate(calc(var(--p)*35deg))}.is-complete .dropping-ball{animation:tactile-drop .7s cubic-bezier(.4,0,.7,1) forwards}.is-complete .toy-ball{animation:tactile-rattle .5s ease-out}.is-complete .machine-knob{transform:rotate(270deg)}
.capsule-shell{display:block;width:185px;height:190px;position:relative;filter:drop-shadow(8px 15px 9px #26382c30);margin:48px 0}.capsule-top,.capsule-bottom{position:absolute;left:0;right:0;height:96px;background:radial-gradient(ellipse at 25% 30%,#fffd 0,transparent 25%),linear-gradient(120deg,#b2d5cfcc,#7da6a0cc 60%,#456e67);border:2px solid #b6cbc0}.capsule-top{top:0;border-radius:100px 100px 4px 4px;transform:translateY(calc(var(--p)*-80px)) rotate(calc(var(--p)*-12deg));transform-origin:left bottom;transition:transform .25s}.capsule-bottom{bottom:0;border-radius:4px 4px 100px 100px;background:linear-gradient(110deg,#fcf4d8,#ddd2aa 65%,#bcaf84);border-color:#c1b99d}.capsule-band{position:absolute;left:0;right:0;top:92px;height:6px;background:#a1b2a1;border-block:1px solid #f7f3d9;transform:translateY(calc(var(--p)*-80px));transition:transform .25s}.is-dragging .capsule-top,.is-dragging .capsule-band{transition:none}
.tactile-table.reveal-table{padding:25px 18px}.tactile-rewards{display:flex;gap:20px;margin:12px auto 10px;align-items:flex-start}.reward-item{width:190px;min-width:0}.flow-dialog .tactile-control.flow-reveal{display:block;position:relative;flex:none;width:100%;max-width:none;height:270px;min-height:0;padding:0;margin:0;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none;animation:none;transform:none;perspective:1000px}.reward-turner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .28s;transform:rotateY(calc(var(--p)*180deg))}.is-dragging .reward-turner{transition:none}.reward-front,.reward-back{display:block;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(5px 8px 5px #3332)}.reward-front{transform:rotateY(180deg)}.flow-reveal.revealed .reward-turner{transform:rotateY(180deg)}.flow-reveal.just-revealed .reward-turner{animation:tactile-flip .42s ease-out}.playing-card-back,.printed-card{position:absolute;inset:0;border-radius:9px;background:#244047;border:7px solid #f2eee1;display:flex;flex-direction:column;align-items:center;color:#d2d6af;box-shadow:inset 0 0 0 1px #829a8c}.playing-card-back{padding:20px 8px;background:repeating-linear-gradient(45deg,#d1cfaa0d 0 1px,transparent 1px 7px),#244047}.playing-card-back small{font-size:10px;letter-spacing:.2em}.playing-card-back .pack-emblem{flex:1;max-width:110px;margin:12px auto}.playing-card-back b{font-size:18px;font-weight:500;letter-spacing:.13em}.playing-card-back>span{font-size:7px;letter-spacing:.14em;margin-top:12px}.printed-card{padding:7px;background:#edf0dc;color:#25423f;align-items:stretch;box-shadow:inset 0 0 0 1px #c0c4b1}.card-print-head{display:flex;align-items:center;justify-content:space-between;font-size:9px;padding:3px 0 8px}.card-print-head small{font-size:8px;font-weight:650}.card-illustration{display:block;flex:1;min-height:0;border:1px solid #bec5ad;overflow:hidden}.card-illustration img{width:100%;height:100%;object-fit:cover}.card-print-name{font-size:13px;padding:10px 2px;text-align:left;font-weight:650}.card-print-footer{font-size:6px;text-align:left;border-top:1px solid #abb9a0;padding-top:5px;display:flex;justify-content:space-between}.card-print-footer i{font-style:normal}.reward-caption{margin-top:19px;min-height:40px;text-align:center;color:#30413c}.reward-caption small{font-size:10px;color:#777d70;display:block;margin-bottom:5px}.reward-caption b{display:block;font-size:12px;line-height:1.5;font-weight:550}
.table-chougu .flow-reveal,.table-lucky .flow-reveal{height:235px!important}.table-chougu .reward-turner,.table-lucky .reward-turner{transform:none!important;animation:none!important}.table-chougu .reward-front,.table-lucky .reward-front{transform:translateY(calc(var(--p)*-35px));display:grid;place-items:center}.table-chougu .reward-back,.table-lucky .reward-back{transform:translateY(calc(var(--p)*65px));opacity:calc(1 - var(--p));transition:transform .25s,opacity .25s}.table-chougu .revealed .reward-back,.table-lucky .revealed .reward-back{display:none}.table-chougu .revealed .reward-front,.table-lucky .revealed .reward-front{transform:none;animation:tactile-lift .45s ease-out}.real-pin{display:block;width:166px;height:166px;border:6px solid #c2c9c7;border-radius:50%;overflow:hidden;position:relative;box-shadow:inset 0 0 0 2px #fff,2px 7px 8px #23342c40;background:#ddd}.real-pin img{width:100%;height:100%;object-fit:cover}.pin-glint{position:absolute;inset:0;border-radius:50%;background:linear-gradient(125deg,#fff9 1%,transparent 35%,#fff5 37%,transparent 47%,#0002 90%);box-shadow:inset 1px 2px 2px #fff,inset -2px -2px 4px #0005}.badge-sleeve,.tissue-wrap{display:flex;flex-direction:column;justify-content:space-between;position:absolute;inset:0;background:linear-gradient(115deg,#e2dfd1,#f9f5e5 25%,#ddd9cb);border:1px solid #c8c5b7;padding:28px 10px;color:#697367;clip-path:polygon(0 3%,7% 0,13% 3%,20% 0,27% 3%,34% 0,41% 3%,48% 0,55% 3%,62% 0,69% 3%,76% 0,83% 3%,90% 0,100% 3%,100% 100%,0 100%)}.badge-sleeve:after{content:'';position:absolute;width:112px;height:112px;border-radius:50%;border:1px solid #c7c6b9;box-shadow:inset 4px 5px 10px #b9b8a828,2px 2px 3px #fff;top:68px;left:calc(50% - 56px)}.badge-sleeve small{font-size:15px}.badge-sleeve>span,.tissue-wrap>span{font-size:10px;margin-top:auto}.tissue-wrap{background:repeating-linear-gradient(35deg,#c1b8a419 0 1px,transparent 1px 13px),#f2e8d1}.tissue-wrap small{margin:55px auto;border:1px solid #bba67e;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;font-size:9px;background:#e3d0a5}.unwrapped-item{display:block;width:180px;max-width:100%;height:210px;overflow:hidden;border-radius:10px;box-shadow:2px 8px 10px #26322b20}.unwrapped-item img{width:100%;height:100%;object-fit:cover}
.physical-choice>.mini-package{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none}.mini-package>.foil-pack,.mini-package>.pin-bag,.mini-package>.prize-ticket{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.58)}.physical-selection .physical-choice{background:transparent!important;border:1px solid transparent!important;box-shadow:none;border-radius:3px;height:230px;min-height:0;padding:0;gap:0}.physical-selection .physical-choice>span:not(.mini-package),.physical-selection .physical-choice>b{display:none}.physical-selection .physical-choice>strong{z-index:1;margin:auto 0 27px;color:#263e3d;background:#fbf8e6;padding:2px 8px;border-radius:2px;font-size:13px}.physical-selection .physical-choice>small{position:absolute;bottom:3px;font-size:10px;color:var(--muted);left:0;right:0}.physical-selection .physical-choice.chosen{border-color:#a96240!important;background:#c9833a0a!important;transform:translateY(-5px)}.bag-selection,.ticket-selection{grid-template-columns:repeat(4,minmax(0,1fr));max-height:330px;overflow-y:auto;padding:8px}.bag-selection .physical-choice,.ticket-selection .physical-choice{height:180px}.bag-selection .mini-package>.pin-bag{transform:translate(-50%,-55%) scale(.5)}.ticket-selection .mini-package>.prize-ticket{transform:translate(-50%,-55%) rotate(-7deg) scale(.35)}.ticket-selection .physical-choice>strong{margin-bottom:28px}.ticket-selection .physical-choice[data-tactile]{touch-action:none}.physical-choice[data-tactile].is-dragging .mini-package{transform:translateY(calc(var(--p)*-35px))}.physical-selection .physical-choice:disabled{opacity:.28}
.play-stage .tactile-preview{display:flex;align-items:center;justify-content:center;min-height:360px;width:100%;border:0;border-radius:8px;background:radial-gradient(ellipse at 45% 35%,#fffcf3,#e7e4dc);position:relative;color:#344a43;cursor:pointer}.tactile-preview>span:first-child{transform:rotate(-5deg) scale(1.12)}.tactile-preview>.capsule-machine{transform:scale(.88)!important}.preview-action{position:absolute;bottom:17px;font-size:11px;letter-spacing:0;display:flex;align-items:center;gap:8px}.play-stage:has(.tactile-preview) .stage-art-wrap{padding:20px 24px;min-height:0}.play-stage:has(.tactile-preview) .product-thumbs{display:none}.play-stage .stage-art-wrap:has(.tactile-preview) .prize-ticket{transform:rotate(-8deg) scale(1.02)}
.summary-object{display:flex;justify-content:center;position:relative;margin:16px auto 24px;max-width:340px;min-height:190px;align-items:center}.summary-object .real-pin{width:155px;height:155px}.summary-ticket{background:#f9f0d9;border:1px solid #e0d4b8;box-shadow:3px 8px 10px #34291f20;padding:24px 40px;color:#573c35;transform:rotate(-2deg);width:100%;border-right:10px dotted #c4b394}.summary-ticket small{font-size:10px}.summary-ticket b{display:block;font-size:54px;line-height:1.2;margin:12px 0;font-weight:550}.summary-ticket span{font-size:12px}.summary-object .unwrapped-item{height:200px;width:200px;border:10px solid #f4eee0}.summary-object .capsule-shell{position:absolute;width:95px;height:95px;bottom:-15px;right:-3px;transform:rotate(15deg);margin:0;opacity:.6}.summary-object .capsule-top,.summary-object .capsule-bottom{height:48px}.summary-object .capsule-top{transform:translateY(-25px) rotate(-15deg)}
@keyframes tactile-flip{from{transform:rotateY(75deg)}to{transform:rotateY(180deg)}}@keyframes tactile-lift{from{transform:translateY(25px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes tactile-drop{0%,20%{transform:translateY(-45px)}70%{transform:translateY(4px) rotate(100deg)}85%{transform:translateY(-5px) rotate(120deg)}100%{transform:translateY(0) rotate(135deg)}}@keyframes tactile-rattle{0%,100%{translate:0 0}30%{translate:4px -12px}65%{translate:-5px -3px}}
@media(max-width:760px){.flow-dialog:has(.tactile-table){padding:20px 15px;max-height:calc(100dvh - 16px)}.flow-dialog:has(.tactile-table) h2{font-size:21px;margin:20px 0 16px}.flow-dialog .tactile-table{padding:16px 12px}.table-caption{font-size:11px}.table-caption>span{font-size:10px}.tactile-control{margin:25px auto}.table-gacha .tactile-control{margin:15px auto}.capsule-machine{width:205px}.machine-glass{height:139px}.machine-base{padding:13px 16px 10px}.machine-sign{font-size:17px;padding:7px}.ball-3{left:130px}.ball-6{left:110px}.ball-8{left:95px}.gesture-caption{font-size:11px}.gesture-feedback{margin-top:16px}.foil-pack{width:185px;height:260px}.pin-bag{width:205px;height:235px}.prize-ticket{width:270px;height:170px}.ticket-stub{width:65px;padding-inline:8px}.ticket-body{padding:18px 13px}.ticket-body>b{font-size:20px}.ticket-serial{font-size:6px}.cloth-bag{width:205px;height:235px}.bag-label{left:28px;right:28px}.tactile-rewards{gap:12px;overflow-x:auto;justify-content:flex-start;padding:12px 8px 15px;scroll-snap-type:x mandatory;scrollbar-width:thin}.reward-item{width:174px;flex:0 0 174px;scroll-snap-align:center}.reward-item:only-child{margin:auto}.flow-dialog .tactile-control.flow-reveal{height:250px}.reward-caption{margin-top:13px}.reveal-table .gesture-feedback{margin-top:5px}.physical-selection.pack-selection{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.physical-selection.pack-selection .physical-choice{height:180px}.mini-package>.foil-pack{transform:translate(-50%,-55%) scale(.47)}.bag-selection,.ticket-selection{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bag-selection .physical-choice,.ticket-selection .physical-choice{height:155px}.bag-selection .mini-package>.pin-bag{transform:translate(-50%,-58%) scale(.42)}.ticket-selection .mini-package>.prize-ticket{transform:translate(-50%,-55%) rotate(-7deg) scale(.3)}.physical-selection .physical-choice>small{font-size:8px}.physical-selection .physical-choice>strong{font-size:11px;margin-bottom:23px}.play-stage .tactile-preview{min-height:325px}.play-stage:has(.tactile-preview) .stage-art-wrap{padding:8px}.tactile-preview>.capsule-machine{transform:scale(.8)!important}.play-stage .stage-art-wrap:has(.tactile-preview) .prize-ticket{transform:rotate(-8deg) scale(1.02)}.tactile-access{font-size:10px;gap:10px}.summary-object{min-height:160px;max-width:270px}.summary-ticket{padding:16px 28px}}
@media(max-width:360px){.prize-ticket{width:235px}.ticket-stub{width:56px}.ticket-body{padding:18px 10px}.ticket-body>small{font-size:6px}.ticket-body>b{font-size:19px}.ticket-serial{font-size:5px}.tactile-preview>.prize-ticket{transform:rotate(-5deg) scale(.95)!important}.reward-item{width:166px;flex-basis:166px}.table-caption>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.tactile-control,.tactile-control *,.physical-choice,.gesture-track i{animation:none!important;transition:none!important}.flow-reveal.revealed .reward-turner{animation:none!important}}

.tactile-control.flow-reveal>.reward-turner{margin:0;color:inherit}.physical-choice>.mini-package{background:transparent;padding:0}.physical-choice:after{display:none}.physical-selection .physical-choice>strong{text-shadow:none}