/* v4 見本：既存v2/v3のレイアウトとガチャ機を維持。固定星を削除し、10連の逐次開封とカード内サイコロ表示を追加。 */
/* ガチャの固定星飾りを除去。背景の静かな動く粒は維持。 */
.mimi-gacha-stage::before,.mimi-gacha-stage::after,.mimi-example-card::before,.hero::before{content:none!important;display:none!important;animation:none!important}
.header-stars{display:none!important}
/* ガチャ中の演出はあくまで背景のレイヤー。文字やボタンにはかぶせない。 */
.mimi-gacha-stage{background:radial-gradient(circle at 48% 51%,#fff5d5 0,transparent 38%),linear-gradient(145deg,var(--mimi-white),#fff,var(--mimi-pale))!important}
/* スマホでは余白が細くなるため、薄い背景の粒を前景まで少しだけ通して見えるようにする。 */
@media(max-width:700px){
 .mimi-glitter-field{z-index:11!important;opacity:.24!important}
 .mimi-glitter-field .glitter-piece{left:var(--mobile-left,var(--left))!important;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 3px var(--mimi-accent));text-shadow:0 0 4px #fff}
 .mimi-gacha-stage{padding:16px 12px!important}
}
/* 10個のカプセル：開封後のカードは一枚ずつアニメーションで登場 */
.ten-pull-show{margin:14px 0 12px;padding:16px 13px;border:1px solid var(--mimi-edge);background:linear-gradient(145deg,#fff,var(--mimi-white));border-radius:20px;box-shadow:0 5px 18px var(--mimi-glow)}
.ten-pull-show[hidden]{display:none!important}
.ten-pull-heading{text-align:center;color:var(--mimi-deep);margin:0 0 5px;font-weight:900;font-size:19px}
.ten-pull-progress{text-align:center;margin:0 0 12px;font-weight:750;font-size:12px;color:var(--mimi-letter)}
.ten-pull-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.ten-pull-item{position:relative;margin:0;min-height:143px;border-radius:15px;border:2px solid color-mix(in srgb,var(--mimi-accent) 38%,#fff);background:linear-gradient(135deg,#fff,var(--mimi-pale));padding:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;box-shadow:0 3px 10px var(--mimi-glow);width:100%;cursor:default;color:var(--mimi-deep)}
.ten-pull-item.is-next{border-color:var(--mimi-accent);box-shadow:0 0 0 2px #fff inset,0 0 13px var(--mimi-glow)}
.ten-pull-number{position:absolute;top:7px;left:9px;font-size:10px;opacity:.65;font-weight:850}
.ten-capsule{display:block;width:66px;height:67px;position:relative;filter:drop-shadow(0 5px 5px #b8729750)}
.ten-cap-top,.ten-cap-bottom{position:absolute;left:1px;width:64px;height:33px;border:2px solid #fff8;border-radius:36px 36px 5px 5px;background:linear-gradient(125deg,#fff9,transparent 55%),var(--cap-top);box-shadow:inset -5px -5px 6px #7e396030;transition:transform .45s cubic-bezier(.15,.76,.33,1),opacity .4s}
.ten-cap-top{top:2px;z-index:2}
.ten-cap-bottom{bottom:0;z-index:1;border-radius:5px 5px 36px 36px;background:linear-gradient(120deg,#fff8,transparent 60%),var(--cap-bottom)}
.ten-pull-item.opening .ten-cap-top,.ten-pull-item.opened .ten-cap-top{transform:translate(-15px,-20px) rotate(-26deg);opacity:.1}
.ten-pull-item.opening .ten-cap-bottom,.ten-pull-item.opened .ten-cap-bottom{transform:translate(12px,10px) rotate(16deg);opacity:.1}
.ten-pull-item.opened .ten-capsule{display:none}
.ten-pull-reward{display:none;position:relative;align-items:center;flex-direction:column;justify-content:space-between;gap:7px;width:100%;min-height:118px;border-radius:12px;border:2px solid #d9aec8;padding:10px 6px 7px;background:linear-gradient(140deg,#fff6fd,#fff);box-shadow:inset 0 0 12px #fff,0 4px 12px #c27b9933}
.ten-pull-item.opened .ten-pull-reward{display:flex;animation:mimiV4Flip .5s both}
.ten-pull-reward strong{color:#9f5a87;font-size:13px}
.ten-pull-reward span{color:#78546a;font-size:10px;line-height:1.45;text-align:center;overflow-wrap:anywhere}
.ten-pull-reward small{font-size:9px;color:#ab7e94}
.ten-pull-item.rare-R .ten-pull-reward{border-color:#a5a4e3;background:linear-gradient(145deg,#f2edff,#fff,#edf8ff)}
.ten-pull-item.rare-SR .ten-pull-reward{border-color:#d9ab47;background:linear-gradient(140deg,#fff2c7,#fff,#fff5d9);box-shadow:0 0 19px #e2c47588}
.ten-pull-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:13px}
.ten-pull-actions button{width:auto;min-width:155px;max-width:100%;margin:0;border-radius:14px;padding:12px 16px}
.ten-pull-preview{margin-top:12px;border:2px solid var(--mimi-edge);border-radius:14px;padding:12px;background:linear-gradient(120deg,#fff,var(--mimi-pale));text-align:center}
.ten-pull-preview strong{display:block;margin-bottom:4px;color:var(--mimi-deep)}
.ten-pull-preview p{font-size:13px;line-height:1.6;color:var(--mimi-letter);font-weight:650;margin:5px 0}
.ten-pull-preview[hidden]{display:none!important}
@keyframes mimiV4Flip{from{opacity:0;transform:translateY(8px) scale(.77) rotate(-4deg)}65%{opacity:1;transform:scale(1.055)}to{opacity:1;transform:none}}
@media(max-width:700px){
 .ten-pull-show{padding:12px 8px}
 .ten-pull-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .ten-pull-item{min-height:149px}
 .ten-pull-actions button{flex:1;min-width:125px}
}
/* ちんちろの公開結果は「カード」画面に置く。管理ボタンは表示しない。 */
.mimi-card-dice{margin-top:18px;background:linear-gradient(140deg,#fff,var(--mimi-white))!important;border:2px solid var(--mimi-edge);border-radius:24px}
.card-dice-heading{font-size:20px;font-weight:850;color:var(--mimi-deep);margin:0 0 7px}
.card-dice-desc{color:var(--mimi-letter);font-size:12px;line-height:1.6;margin:0 0 10px}
.card-dice-box{border:1px solid var(--mimi-edge);border-radius:20px;padding:18px 12px;background:radial-gradient(ellipse at 50% 20%,#fff,#fff9fc 58%,var(--mimi-pale));text-align:center;box-shadow:inset 0 3px 15px #fff,0 6px 15px var(--mimi-glow)}
.card-dice-row{display:flex;align-items:center;justify-content:center;gap:12px;min-height:106px}
.card-die{width:83px;height:83px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;padding:15px;border-radius:19px;border:3px solid var(--mimi-edge);background:linear-gradient(135deg,#fff,#fff3fb);box-shadow:inset -5px -7px 7px #c26d9b17,0 6px 9px #bb75a041}
.card-die-dot{visibility:hidden;border-radius:50%;background:var(--mimi-accent);box-shadow:inset 2px 2px 2px #fff7}
.card-die-dot.yes{visibility:visible}
.card-die.rolling{animation:mimiCardDiceShake .16s linear infinite alternate}
@keyframes mimiCardDiceShake{from{transform:rotate(-6deg) translateY(2px)}to{transform:rotate(7deg) translateY(-3px)}}
.card-dice-role{font-size:24px;font-weight:900;color:var(--mimi-deep);margin:9px 0 3px}
.card-dice-pts{font-size:19px;font-weight:800;color:#a07a34;margin:0 0 5px}
.card-dice-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.card-dice-actions button,.card-dice-actions a{width:auto;min-width:148px;max-width:100%;margin:3px 0}
.card-dice-actions a{display:inline-block;padding:11px 13px;font-size:12px;font-weight:750;text-align:center;text-decoration:none;border-radius:13px;background:var(--mimi-pale);color:var(--mimi-deep);border:1px solid var(--mimi-edge)}
.card-dice-foot{font-size:11px;color:var(--mimi-letter);margin-top:10px;text-align:center;line-height:1.6}
@media(max-width:560px){.card-dice-row{gap:7px}.card-die{width:74px;height:74px;padding:14px}.card-dice-actions button,.card-dice-actions a{flex:1;min-width:125px}}
@media(prefers-reduced-motion:reduce){.card-die.rolling,.ten-pull-item.opened .ten-pull-reward{animation:none!important}}

/* v5 カプセルを直接タップするUI。次へ進むボタンは作らない */
.ten-pull-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:5px}
.ten-pull-heading{margin:0!important}
.ten-pull-skip{width:auto!important;margin:0!important;padding:8px 10px!important;font-size:11px!important;border-radius:12px!important}
.ten-pull-skip[hidden]{display:none!important}
.ten-pull-item{appearance:none;margin:0;padding:5px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;cursor:pointer}
.ten-pull-item:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 0 0 2px #fff inset,0 0 19px var(--mimi-glow)}
.ten-pull-item:not(:disabled):focus-visible{outline:3px solid var(--mimi-accent);outline-offset:3px}
.ten-pull-item:disabled{opacity:1;cursor:default}
.ten-pull-item.is-next .ten-capsule{animation:mimiCapBreath 1.1s ease-in-out infinite alternate}
@keyframes mimiCapBreath{to{transform:translateY(-4px) scale(1.07)}}
/* 結果側に大きく表示するタップ開封カプセル */
.mimi-result-side{position:relative;isolation:isolate}
.single-open-capsule{appearance:none;position:absolute;inset:0;z-index:6;margin:0!important;width:100%;height:100%;min-height:220px;border:2px solid var(--mimi-edge);border-radius:20px;
 background:radial-gradient(circle at 50% 32%,#fff,#fff8fc 55%,var(--mimi-pale));box-shadow:0 6px 22px var(--mimi-glow);padding:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;
 color:var(--mimi-deep);cursor:pointer}
.single-open-capsule[hidden]{display:none!important}
.single-capsule-hint{font-size:15px;font-weight:850;color:var(--mimi-deep);text-align:center}
.single-open-capsule .ten-capsule{width:110px;height:110px;transform:scale(1);animation:mimiSingleCapBreathe .9s ease-in-out infinite alternate}
.single-open-capsule .ten-cap-top,.single-open-capsule .ten-cap-bottom{width:108px;height:55px;border-width:3px}
.single-open-capsule .ten-cap-top{border-radius:60px 60px 5px 5px}
.single-open-capsule .ten-cap-bottom{border-radius:5px 5px 60px 60px}
.single-open-capsule.opening .ten-capsule{animation:none}
.single-open-capsule.opening .ten-cap-top{transform:translate(-30px,-27px) rotate(-28deg);opacity:0}
.single-open-capsule.opening .ten-cap-bottom{transform:translate(23px,26px) rotate(24deg);opacity:0}
.single-capsule-tap-label{font-size:14px;font-weight:900;color:var(--mimi-accent);letter-spacing:.12em}
@keyframes mimiSingleCapBreathe{to{transform:translateY(-5px) scale(1.035)}}
.mimi-gacha-stage.awaiting-tap .machine-capsule-out{opacity:1;transform:translateY(0) scale(1);cursor:pointer;pointer-events:auto;z-index:8}
.mimi-gacha-stage.awaiting-tap .machine-capsule-out:focus-visible{outline:3px solid var(--mimi-accent);outline-offset:5px}
.glitter-piece:has(.glitter-sakura-petal){filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 3px var(--mimi-accent))}
@media(max-width:700px){.single-open-capsule{min-height:185px}.ten-pull-heading{font-size:17px}.ten-pull-skip{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.single-open-capsule .ten-capsule,.ten-pull-item.is-next .ten-capsule{animation:none!important}}

/* 既存の共通 button の濃い色指定より、開封カプセルの淡い色を優先 */
button.ten-pull-item{background:linear-gradient(135deg,#fff,var(--mimi-pale))!important;color:var(--mimi-deep)!important;box-shadow:0 3px 10px var(--mimi-glow)!important;padding:5px!important}
button.single-open-capsule{background:radial-gradient(circle at 50% 32%,#fff 0,#fff8fc 55%,var(--mimi-pale) 100%)!important;color:var(--mimi-deep)!important;box-shadow:0 6px 22px var(--mimi-glow)!important}
button.ten-pull-item:not(:disabled):hover{box-shadow:0 0 0 2px #fff inset,0 0 19px var(--mimi-glow)!important}

/* v6：スタンプはすべて円形。15・30の特別枠は残す。 */
.track .dot,.hero .dot{border-radius:50%!important;aspect-ratio:1!important;min-width:0;display:flex;align-items:center;justify-content:center}
/* v6：10連は好きな順番に開封できる。 */
.ten-pull-item:not(.opened):not(.opening) .ten-capsule{animation:mimiCapBreath 1.45s ease-in-out infinite alternate}
.ten-pull-item:not(.opened):not(.opening){border-color:var(--mimi-edge)}
.ten-pull-item.opening{border-color:var(--mimi-accent);box-shadow:0 0 20px var(--mimi-glow)!important}
.ten-pull-item.opened{cursor:default;opacity:1}
.ten-pull-item:disabled:not(.opened){opacity:1}
/* v6：リスナー側のサイコロでも転がりをはっきり見せる。 */
.card-dice-box.dice-is-rolling{box-shadow:inset 0 3px 15px #fff,0 0 28px var(--mimi-glow);background:radial-gradient(circle at 50% 25%,var(--mimi-pale),#fff 75%)}
.card-dice-box.dice-is-rolling .card-die.rolling{animation:mimiViewerDiceRoll .18s ease-in-out infinite alternate;transform-origin:center;filter:drop-shadow(0 8px 5px var(--mimi-glow))}
@keyframes mimiViewerDiceRoll{from{transform:translate(-5px,-8px) rotate(-16deg) scale(.94)}to{transform:translate(6px,8px) rotate(17deg) scale(1.045)}}
@media(prefers-reduced-motion:reduce){.ten-pull-item:not(.opened) .ten-capsule,.card-dice-box.dice-is-rolling .card-die.rolling{animation:none!important}}

/* v10 cute tabletop dice animation (presentation only) */
.mimi-card-dice{position:relative;overflow:hidden;box-shadow:inset 0 -11px 0 var(--mimi-edge)!important}
.mimi-card-dice::after{content:'♡ ころころステージ ♡';display:block;text-align:center;font-size:12px;opacity:.65;margin:12px 0 0}
.mimi-card-dice .card-die.rolling{animation:mimiDiceTumble .27s ease-in-out infinite alternate!important;transform-origin:center 74%}
.mimi-card-dice .card-die.rolling:nth-child(2){animation-delay:-.1s!important}
.mimi-card-dice .card-die.rolling:nth-child(3){animation-delay:-.19s!important}
@keyframes mimiDiceTumble{0%{transform:translate(-12px,-7px) rotate(-24deg) scale(.93)}55%{transform:translate(0,-22px) rotate(30deg) scale(1.06)}100%{transform:translate(12px,-5px) rotate(43deg)}}
@media(prefers-reduced-motion:reduce){.mimi-card-dice .card-die.rolling{animation:none!important}}