/* Series references stay on the packaging; material and interaction remain live DOM. */
.play-stage:has(.series-card),.table-card:not(.reveal-table){--series-tint:#f0d9c8;--series-accent:#b73e28}
.play-stage:has(.series-badge),.table-chougu{--series-tint:#e9d8f0;--series-accent:#745098}
.play-stage:has(.series-machine),.table-gacha{--series-tint:#d9ecf2;--series-accent:#327a92}
.play-stage:has(.series-ticket),.table-kuji{--series-tint:#efd9d5;--series-accent:#b72e3d}
.play-stage:has(.series-tote),.table-lucky{--series-tint:#e6dfed;--series-accent:#855a91}
:root[data-theme] .play-stage:has([data-packaging-series]),:root[data-theme] .flow-dialog .tactile-table:has([data-packaging-series]){box-shadow:inset 0 0 50px #5d443209;background:radial-gradient(ellipse at 45% 25%,#fff9,transparent 65%),linear-gradient(180deg,var(--series-tint) 0 62%,#ece8e2 62% 63%,#f6f1e9 63%)!important}
.series-scenery{position:absolute;left:12px;top:64px;width:105px;display:flex;flex-direction:column;gap:8px;transform:rotate(-7deg)!important;pointer-events:none;z-index:0;text-align:left;color:#3b3a42}
.scene-reference{display:block;aspect-ratio:1;background:#fff;border:5px solid #fff;box-shadow:1px 4px 9px #3e2e3e20;overflow:hidden}
.series-photo{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.scene-title{font-size:10px;font-weight:750;line-height:1.6;letter-spacing:0}.scene-title small{display:block;font-size:8px;font-weight:400;color:#68626d}
.series-lineup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:white;height:100%;width:100%}
.series-sample{position:relative;display:block;min-width:0;overflow:hidden;aspect-ratio:1}
.scene-reference .lineup-lucky{display:flex;flex-direction:column;justify-content:center;background:#fff6fa}.scene-reference .lineup-lucky .series-sample{flex:1;max-height:50%}
.sample-half{aspect-ratio:2}.sample-half .series-photo{position:absolute;width:100%;height:200%;max-height:none;object-fit:fill;top:0}.sample-bottom .series-photo{top:-100%}
.tactile-preview>.series-card,.tactile-preview>.series-badge,.tactile-preview>.series-ticket,.tactile-preview>.series-tote{z-index:1;transform:translateY(-12px) rotate(-6deg) scale(1.02)}
.tactile-preview>.series-machine{z-index:1;transform:translateY(-12px) scale(.85)!important}
.play-stage .preview-action{z-index:3;bottom:-10px!important}
.tactile-table>.tactile-control{z-index:1}.packaging-note{font-size:10px;line-height:1.7;color:var(--muted);text-align:center;margin:10px 5px 0}
/* Actual CSM1aC wrapper photo: the foil seam and torn strip respond above it. */
.series-card{width:184px;height:326px;background:#d5b5a1;border-radius:2px;overflow:visible;box-shadow:inset 0 0 0 1px #7a351c25}
.series-card .official-pack{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;border-radius:2px}
.series-card .foil-seal{height:8px;opacity:.45}.series-card .tear-joined,.series-card .foil-tear{top:8px;height:19px;background:linear-gradient(100deg,#deb6a1,#fff0dd 50%,#bb7155);color:#603223;border-color:#8c593d80}
.series-card:after,.series-badge:after{inset:0;background:linear-gradient(104deg,#fff5 0,transparent 7%,transparent 20%,#fff5 23%,transparent 30%,transparent 70%,#1d0c0820 75%,#fff4 82%,transparent 90%);mix-blend-mode:soft-light}
.pack-test-label{position:absolute;left:-7px;right:-7px;bottom:22px;background:#fff6e9ed;color:#6c291d;padding:5px 4px;font-size:9px;letter-spacing:.02em;border:1px solid #b65e3c50;box-shadow:1px 2px 3px #4e241418}.pack-test-label b{font-size:9px;margin-left:5px}
/* A simulated foil sleeve printed with the selected four actual badge designs. */
.series-badge{width:235px;height:275px;background:linear-gradient(100deg,#9ba3ae,#fafcff 15%,#e1d3ed 45%,#f4f8ff 80%,#9ba3ae);border:1px solid #b6b1bb;border-radius:2px 2px 7px 7px}
.series-badge .pack-print{inset:20px 9px 19px;background:linear-gradient(140deg,#f5e9ff,#fdfaff 46%,#d5e2f8);border:1px solid #c9b6d6;color:#553965;align-items:center;padding:27px 6px 7px;text-align:center}
.series-badge .pack-print>small{font-size:13px;color:#503d67;align-self:center;letter-spacing:-.03em}.series-badge .pack-print>b{font-size:22px;margin:5px 0 6px;letter-spacing:.12em;line-height:1.1}
.series-badge .pack-print>.badge-series-print{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:135px;height:118px;margin:0 auto 6px;background:#fffc;border-radius:8px;padding:4px;overflow:hidden}.badge-series-print img{object-fit:contain;min-height:0}
.series-badge .pack-print>span:not(.badge-series-print){font-size:8px;margin:0}.series-badge .pack-print>strong{font-size:9px;margin-top:4px;padding:0}.series-badge strong i{font-style:normal;margin-left:12px}
.series-badge .tear-joined,.series-badge .foil-tear{background:linear-gradient(100deg,#b5aec6,#f8f4ff 50%,#b5aec6);color:#5f4578;border-color:#7b638d70}
.series-badge .foil-seal{background:repeating-linear-gradient(90deg,#b7b2c3 0 1px,#eee9f7 1px 3px)}
/* The real lineup sheet sits behind shallow translucent capsules in the cabinet. */
.series-machine .machine-sign{background:linear-gradient(#fff,#e7f3f6);border-color:#c4dde4;color:#39758a;font-size:18px;letter-spacing:-.04em;border-radius:17px 17px 0 0;padding:10px 6px}
.series-machine .machine-sign small{font-size:9px;font-weight:650;letter-spacing:.02em;color:#4e7582}
.series-machine .machine-glass{height:184px;background:linear-gradient(110deg,#effbff,#cce5ec);border:7px solid #f7fafb;border-top:0;border-radius:0 0 9px 9px;box-shadow:inset 2px 0 7px #34617a30}
.series-machine .machine-display{position:absolute;left:4%;top:0;width:92%;height:160px;object-fit:contain;filter:saturate(.97)}
.series-machine .toy-ball{width:35px;height:35px;bottom:-4px;opacity:.78}.series-machine .ball-0{left:4px}.series-machine .ball-1{left:42px;bottom:-2px}.series-machine .ball-2{left:80px}.series-machine .ball-3{left:119px;bottom:-4px}.series-machine .ball-4{left:155px;bottom:0}
.series-machine .machine-base{background:linear-gradient(110deg,#edf5f7,#fff 24%,#f9fcfd 80%,#cbdce3);border-color:#c9d9df;padding:10px 20px 12px;box-shadow:inset 0 2px 2px #fff}
.machine-test-label{display:block;color:#557e8b;font-size:8px;margin-bottom:10px;letter-spacing:.04em}
.series-machine .machine-knob{background:radial-gradient(circle at 35% 25%,#62b8d3,#3185a3 65%,#1b5975);border-color:#72b8ca;box-shadow:0 3px 0 #164f69,inset 0 1px 2px #fff9}
.series-machine .machine-knob i{background:linear-gradient(#fbffff,#d1e6ec);box-shadow:0 3px 2px #1b536c}
.series-machine .machine-tray{background:linear-gradient(#172e3a,#304e5a);border-color:#d2e0e5;border-radius:20px 20px 7px 7px;box-shadow:inset 0 7px 7px #0007}
.machine-detents{display:flex;gap:6px;justify-content:center;margin:8px 0 0}.machine-detents i{display:block;width:4px;height:4px;background:#c3d4db;border-radius:50%}
[data-detent="1"] .machine-detents i:first-child,[data-detent="2"] .machine-detents i:nth-child(-n+2),[data-detent="3"] .machine-detents i{background:#3394af;box-shadow:0 0 4px #77d7f3}
.series-machine .machine-instruction{font-size:8px;color:#466d7a;margin:7px 0}
/* Pino's red and cream paper ticket has a perforated counterfoil and peel cover. */
.series-ticket{width:330px;height:181px;background:#fff7e8;border-color:#d9c1ac;color:#7a2830;box-shadow:inset 0 0 0 4px #fff0d9;filter:drop-shadow(3px 9px 5px #5f273126)}
.series-ticket .ticket-stub{background:#ae2335;color:#fff7e8;border-color:#e6a5a3;padding:18px 9px;font:italic 18px Georgia,serif;width:72px}.series-ticket .ticket-stub b{font:600 20px sans-serif}.series-ticket .ticket-stub small{font:9px sans-serif}
.series-ticket .ticket-body>small{color:#a33b46;font-size:9px}.series-ticket .ticket-body>b{font-size:21px;color:#7c2831}.series-ticket .ticket-cover{background:linear-gradient(105deg,#eecbaf,#fff0db 50%,#e5b397);border-color:#ab6753;box-shadow:1px 3px 6px #71233120;color:#9b2c3c;font-size:11px}
.series-ticket .ticket-cover>span:not(.ticket-series-art){font:italic 34px Georgia,serif;line-height:.9;z-index:1}.series-ticket .ticket-cover small{display:block;font:8px sans-serif;margin-top:8px}.series-ticket .ticket-cover>i{font:11px sans-serif;z-index:1}.series-ticket .ticket-serial{font-size:8px;color:#8a6e6b;letter-spacing:.02em}
.ticket-series-art{position:absolute;inset:3px 0 3px 45%;opacity:.25;overflow:hidden}.ticket-series-art .series-lineup{background:transparent}.ticket-series-art img{mix-blend-mode:multiply}
/* The 2025 series uses a tote silhouette with fabric seams and a removable test seal. */
.series-tote{width:230px;height:235px;border-radius:5px 5px 14px 14px;transform:rotate(-5deg);margin-top:55px;background:repeating-linear-gradient(0deg,#826b9a0a 0 1px,transparent 1px 3px),linear-gradient(100deg,#b8a6c5,#f2eaf6 17%,#eee4f3 78%,#b8a8c5);border:1px solid #b7a5c1;box-shadow:inset 5px 0 4px #fff3,inset -7px 0 5px #75578920,4px 13px 10px #46364b25}
.series-tote.theme-figure{background-color:#efc7d4;background-image:linear-gradient(100deg,#cc99b3,#f8e6ee 17%,#f2d3e2 78%,#c49bb3)}
.series-tote.theme-stationery{background-color:#cbe5ed;background-image:linear-gradient(100deg,#a3c8d1,#f1f8fc 17%,#e6f1f7 78%,#a3bec9)}
.series-tote .bag-neck{top:-3px;left:2px;right:2px;height:20px;border-radius:50%;border:1px solid #a693b4;background:linear-gradient(#605468,#bca9ca);transform:scaleY(calc(.3 + var(--p)*1.4));transform-origin:center;z-index:0}
.tote-handle{display:block;position:absolute;left:calc(50% - 47px);top:-65px;width:94px;height:88px;border:12px solid #b7a0c5;border-bottom:0;border-radius:55px 55px 0 0;box-shadow:inset 1px 1px 2px #fff7,1px -1px 2px #76578d20;transform-origin:50% 100%;transform:rotateX(calc(var(--p)*32deg)) rotate(calc(var(--p)*-5deg))}
.handle-back{left:calc(50% - 38px);top:-73px;border-color:#9b83ad;z-index:-1;opacity:.75}.handle-front{z-index:2}
.series-tote .bag-cord{left:38%;right:auto;top:-9px;width:95px;height:22px;background:#fff8dc;border-radius:1px;z-index:3;box-shadow:0 1px 3px #73594b30;transform:translateX(calc(var(--p)*100px)) rotate(calc(var(--p)*-18deg));opacity:calc(1 - var(--p)*.6);border:1px dashed #baa174}
.series-tote .bag-cord i{position:static;width:auto;height:auto;border:0;display:block;transform:none;color:#85602b;font:8px sans-serif;padding:5px}.series-tote .bag-cord b,.series-tote .bag-cord:after{display:none}
.series-tote .bag-label{inset:26px 17px 16px;padding:11px 7px;border:1px solid #b299c060;background:#fffc;box-shadow:none;border-radius:5px;justify-content:flex-start;color:#6a4d7e;gap:5px;overflow:hidden}
.series-tote .bag-label>small{font-size:9px;letter-spacing:0}.series-tote .bag-label>b{font:700 38px Georgia,serif;line-height:.85;color:#8b609d;margin:0}.series-tote .bag-label em{font:9px sans-serif;letter-spacing:.12em}.series-tote .bag-label>span{font-size:8px;letter-spacing:0;line-height:1.5}.bag-character-list{font-weight:650;max-width:175px}.bag-series-art{display:block;width:100%;height:65px;overflow:hidden}.bag-series-art .series-lineup{gap:1px}.bag-series-art .series-sample{aspect-ratio:auto}
.series-tote .bag-seam{inset:5px;border:1px dashed #947b9b70;border-top:0;border-radius:0 0 11px 11px;bottom:5px;height:auto}
/* Stress, folds and specular light follow actual gesture progress. */
.tactile-control:is(.is-dragging,.is-finishing) .series-card,.tactile-control:is(.is-dragging,.is-finishing) .series-badge{rotate:calc(var(--p)*3deg);scale:calc(1 + var(--p)*.015) calc(1 - var(--p)*.018)}
.tactile-control:is(.is-dragging,.is-finishing) .series-card:after,.tactile-control:is(.is-dragging,.is-finishing) .series-badge:after{translate:calc(var(--p)*8px) 0}
.is-dragging .series-tote .bag-cord,.is-finishing .series-tote .bag-cord,.is-dragging .tote-handle,.is-finishing .tote-handle{transition:none}
:root[data-theme=dark] .play-stage:has([data-packaging-series]),:root[data-theme=dark] .flow-dialog .tactile-table:has([data-packaging-series]){background:radial-gradient(ellipse at 45% 25%,#ffffff0b,transparent 65%),linear-gradient(#30323c 0 62%,#514753 62% 63%,#35313a 63%)!important}
:root[data-theme=dark] .scene-title{color:#eee1f1}:root[data-theme=dark] .scene-title small{color:#c2b9c7}
@media(max-width:1050px){.play-stage .series-scenery{display:none}}
@media(max-width:760px){
 .play-stage .preview-action{bottom:-8px!important} .series-scenery{display:none}.packaging-note{font-size:9px;line-height:1.6;margin-top:8px}
 .tactile-preview>.series-card{transform:rotate(-6deg) scale(.75)!important}.tactile-preview>.series-badge{transform:rotate(4deg) scale(.77)!important}.tactile-preview>.series-tote{transform:rotate(-5deg) scale(.8)!important}.tactile-preview>.series-machine{transform:scale(.66)!important}
 .flow-dialog .series-card{width:165px;height:293px}.flow-dialog .series-badge{width:210px;height:250px}.series-badge .pack-print>.badge-series-print{height:103px;width:128px}.flow-dialog .series-machine{width:205px}.flow-dialog .series-machine .machine-glass{height:169px}.flow-dialog .series-machine .machine-display{height:147px}.flow-dialog .series-machine .machine-sign{font-size:16px}.flow-dialog .series-machine .machine-base{padding:8px 15px 10px}.series-machine .ball-4{left:140px}
 .flow-dialog .series-tote{width:212px;height:225px}.flow-dialog .series-tote .bag-label{top:22px;bottom:13px}.flow-dialog .series-ticket{width:280px;height:177px}.series-ticket .ticket-body{padding:17px 12px}.series-ticket .ticket-body>small{font-size:8px}.series-ticket .ticket-stub{width:62px}.series-ticket .ticket-cover>span:not(.ticket-series-art){font-size:30px}
 .flow-dialog .table-gacha{min-height:450px!important}.table-gacha .tactile-control{margin-top:16px;margin-bottom:17px}.physical-selection .series-card .pack-test-label{font-size:9px}
}
@media(max-width:360px){.flow-dialog .series-ticket{width:237px}.series-ticket .ticket-stub{width:50px}.series-ticket .ticket-body>small{font-size:7px}.series-ticket .ticket-cover>i{font-size:9px}}
@media(prefers-reduced-motion:reduce){.tactile-control *{animation:none!important;transition:none!important}}