/* 波乃みみ v3：既存v2の全体デザインを維持し、背景装飾・カプセルだけ改善 */
/* 背景で止まって見える固定絵柄を削除。動くレイヤーに統一する。 */
body::before{display:none!important}
.mimi-glitter-field{opacity:.67!important}
.glitter-piece{display:flex;align-items:center;justify-content:center;width:var(--size);height:var(--size);color:var(--mimi-accent)!important;opacity:0;filter:drop-shadow(0 0 4px #fff);text-shadow:0 0 7px #fff,0 0 7px var(--mimi-accent);line-height:1;will-change:transform,opacity}
.glitter-piece:nth-child(5n),.glitter-piece:nth-child(7n){color:var(--mimi-accent)!important}
.glitter-piece svg{display:block;width:100%;height:100%;overflow:visible}
.glitter-icon{font-size:var(--size);font-weight:650}
.glitter-circle{width:85%;height:85%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,var(--mimi-accent) 70%,transparent);box-shadow:0 0 11px var(--mimi-accent)}
.mimi-glitter-off .mimi-glitter-field{display:none!important}
/* 「動きをOFF」にしたときは停止絵を置かず、背景ごと消す */
.mimi-glitter-static .mimi-glitter-field{display:none!important}
@media(prefers-reduced-motion:reduce){.mimi-glitter-field{display:none!important}}
/* 色を選ぶドロップダウンは既存v2のまま。飾りも同じ折り畳み式。 */
.motif-pick-details{margin-top:10px;border:1px solid var(--mimi-edge);border-radius:15px;background:#fff;overflow:hidden}
.motif-pick-details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:13px;min-height:47px;background:linear-gradient(120deg,#fff,var(--mimi-white));color:var(--mimi-deep);font-size:13px;font-weight:800;overflow-wrap:anywhere}
.motif-pick-details>summary::-webkit-details-marker{display:none}
.motif-pick-details>summary::before{content:'✧';font-size:20px;color:var(--mimi-accent)}
.motif-pick-details>summary::after{content:'▾';margin-left:auto;padding-left:7px}
.motif-pick-details[open]>summary::after{content:'▴'}
#selectedMotifLabel{flex:1}
.motif-picker-inner{padding:12px}
.motif-picker-inner>p{margin:0 0 9px}
.motif-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.motif-chip{display:flex;align-items:center;gap:7px;min-height:43px;margin:0!important;padding:8px 9px;border:1px solid var(--mimi-edge);border-radius:12px;background:linear-gradient(120deg,#fff,var(--mimi-white));cursor:pointer;font-size:12px;color:var(--mimi-deep)}
.motif-chip:has(input:checked){background:var(--mimi-pale);border:2px solid var(--mimi-accent);padding:7px 8px}
.motif-chip input{accent-color:var(--mimi-accent);width:16px!important;min-width:16px;cursor:pointer}
.motif-chip span{font-weight:650;overflow-wrap:anywhere}
.motif-done{margin-top:13px!important}
@media(max-width:700px){.motif-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 現行v2ガチャ機本体は変更しない。飛び出すカプセルだけを立体的な2枚構造に。 */
.machine-capsule-out{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible;border-radius:0!important;--cap-top:#ff93b7;--cap-bottom:#d877a9}
.machine-capsule-out::after{display:none!important}
.cap-half{position:absolute;left:3px;width:71px;height:37px;border:3px solid #ffe8f3;box-shadow:inset -7px -6px 10px #76355c22,0 4px 7px #9d5a8640;transform-origin:50% 100%}
.cap-upper{top:0;border-radius:48px 48px 8px 8px;background:linear-gradient(135deg,#ffffffdb 0%,#ffffff33 35%,transparent 65%),var(--cap-top);z-index:2}
.cap-lower{bottom:1px;border-radius:8px 8px 47px 47px;background:linear-gradient(140deg,#ffffff73,transparent 52%),var(--cap-bottom);border-top-color:#fff;z-index:1;transform-origin:50% 0}
.cap-glimmer{position:absolute;top:12px;left:30px;color:#fff;font-size:19px;z-index:3;filter:drop-shadow(0 0 2px #fff)}
.mimi-gacha-stage.spinning .cap-upper,.mimi-gacha-stage.spinning .cap-lower{animation:mimiCapsuleHue .34s linear infinite alternate}
.mimi-gacha-stage.opening .machine-capsule-out,.mimi-gacha-stage.revealed .machine-capsule-out{opacity:1;transform:translateY(0) scale(1)}
.mimi-gacha-stage.opening .cap-upper{animation:mimiCapsuleOpenTop .78s cubic-bezier(.19,.78,.27,1) forwards}
.mimi-gacha-stage.opening .cap-lower{animation:mimiCapsuleOpenBottom .78s cubic-bezier(.19,.78,.27,1) forwards}
.mimi-gacha-stage.revealed .cap-upper{transform:translate(-27px,-36px) rotate(-32deg)}
.mimi-gacha-stage.revealed .cap-lower{transform:translate(8px,10px) rotate(14deg)}
.mimi-gacha-stage.opening .cap-glimmer{animation:mimiCapsuleShine .7s ease both}
.mimi-gacha-stage.revealed .cap-glimmer{opacity:0}
@keyframes mimiCapsuleHue{to{filter:hue-rotate(55deg) brightness(1.15)}}
@keyframes mimiCapsuleOpenTop{0%{transform:none}70%,100%{transform:translate(-27px,-36px) rotate(-32deg)}}
@keyframes mimiCapsuleOpenBottom{0%{transform:none}70%,100%{transform:translate(8px,10px) rotate(14deg)}}
@keyframes mimiCapsuleShine{0%{opacity:.4;transform:scale(.7)}60%{opacity:1;transform:scale(2.6)}100%{opacity:0;transform:scale(3)}}
@media(prefers-reduced-motion:reduce){.mimi-gacha-stage.spinning .cap-upper,.mimi-gacha-stage.spinning .cap-lower,.mimi-gacha-stage.opening .cap-upper,.mimi-gacha-stage.opening .cap-lower{animation:none!important}}
.dice-nav-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.dice-nav-panel p{margin:6px 0 0}
.dice-nav-link{background:linear-gradient(140deg,var(--mimi-accent),var(--mimi-deep));color:#fff;padding:12px 17px;border-radius:14px;font-weight:800;text-decoration:none;box-shadow:0 5px 14px var(--mimi-glow);white-space:normal}
.dice-nav-link:focus-visible{outline:3px solid var(--mimi-accent);outline-offset:3px}