/* GACHA1029 ガチャのページ。動かすのは transform と opacity だけ。動きを減らす設定では止める（いちばん下） */
.gh{--gh-ink:#3d2a4a;--gh-sub:#8a7896;--gh-ur:#ff6fd0;--gh-sr:#ffc24d;--gh-r:#7ac8ff;--gh-n:#b9b0c4;--gh-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0l2.4 7.6L20 10l-7.6 2.4L10 20l-2.4-7.6L0 10l7.6-2.4z'/%3E%3C/svg%3E");
	max-width:560px;margin:0 auto;padding:10px 14px 28px;font-family:"Zen Maru Gothic",system-ui,-apple-system,"Hiragino Maru Gothic ProN",sans-serif;color:var(--gh-ink);box-sizing:border-box}
.gh *{box-sizing:border-box}

/* ---- 最近の UR の帯 ---- */
.gh-tk{display:flex;align-items:center;gap:8px;height:34px;margin:0 0 12px;padding:0 4px 0 6px;border-radius:999px;background:linear-gradient(90deg,#2b1640,#4b1f5e);box-shadow:inset 0 0 0 1px rgba(255,214,110,.35),0 6px 16px -8px rgba(60,20,90,.6);overflow:hidden}
.gh-tk__h{flex:0 0 auto;padding:3px 9px;border-radius:999px;font:900 11px/1 system-ui,sans-serif;letter-spacing:.06em;color:#4a2a00;background:linear-gradient(135deg,#fff3b0,#ffc24d 55%,#ff9ad5)}
.gh-tk__w{flex:1;min-width:0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.gh-tk__r{display:inline-flex;gap:26px;white-space:nowrap;animation:gh-mq 48s linear infinite;will-change:transform}
.gh-tk__i{font-size:12px;color:#f3e6ff}
.gh-tk__i b{color:#fff;font-weight:900}
.gh-tk__i em{font-style:normal;font-weight:900;background:linear-gradient(90deg,#ffd1ef,#fff3b0);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes gh-mq{to{transform:translateX(-50%)}}

/* ---- 目玉 ---- */
.gh-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;padding:16px 14px 16px;color:#fff;text-align:center;
	background:radial-gradient(120% 80% at 50% 105%,#ff9ccb 0%,rgba(255,156,203,0) 55%),radial-gradient(90% 60% at 50% 38%,#7a3fbf 0%,rgba(122,63,191,0) 70%),linear-gradient(180deg,#1d0f3b 0%,#3a1660 45%,#7b2a7c 100%);
	box-shadow:0 0 0 2px rgba(255,214,110,.55),0 0 0 6px rgba(255,255,255,.65),0 24px 46px -18px rgba(90,30,120,.65)}
.gh-hero__sky{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.gh-hero__rays{position:absolute;left:50%;top:44%;width:620px;height:620px;margin:-310px 0 0 -310px;border-radius:50%;opacity:.22;
	background:repeating-conic-gradient(rgba(255,240,200,.5) 0 5deg,rgba(255,240,200,0) 5deg 15deg);-webkit-mask:radial-gradient(closest-side,#000 8%,transparent 72%);mask:radial-gradient(closest-side,#000 8%,transparent 72%);animation:gh-spin 90s linear infinite}
.gh-hero.is-ur .gh-hero__rays{background:repeating-conic-gradient(rgba(255,150,220,.55) 0 4deg,rgba(255,255,255,0) 4deg 10deg,rgba(150,220,255,.5) 10deg 14deg,rgba(255,255,255,0) 14deg 20deg,rgba(255,236,150,.55) 20deg 24deg,rgba(255,255,255,0) 24deg 30deg)}
.gh-hero__pl{position:absolute;left:50%;top:-10%;bottom:20%;width:150px;margin-left:-75px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,236,250,.42) 35%,rgba(255,255,255,.6) 50%,rgba(255,236,250,.42) 65%,rgba(255,255,255,0));opacity:.28;animation:gh-pl 5s ease-in-out infinite}
.gh-hero__sp{position:absolute;width:12px;height:12px;background:#fff7d6;-webkit-mask:var(--gh-star) center/contain no-repeat;mask:var(--gh-star) center/contain no-repeat;filter:drop-shadow(0 0 4px #ffd56b);opacity:0;animation:gh-tw 2.6s ease-in-out infinite}
.gh-hero__sp.s1{left:12%;top:24%}.gh-hero__sp.s2{right:14%;top:18%;animation-delay:.7s}.gh-hero__sp.s3{left:20%;top:52%;animation-delay:1.3s;width:9px;height:9px}.gh-hero__sp.s4{right:18%;top:48%;animation-delay:1.9s;width:9px;height:9px}
@keyframes gh-spin{to{transform:rotate(360deg)}}
@keyframes gh-pl{0%,100%{opacity:.18}50%{opacity:.34}}
@keyframes gh-tw{0%,100%{opacity:0;transform:scale(.3) rotate(0)}45%{opacity:1;transform:scale(1) rotate(45deg)}75%{opacity:0;transform:scale(.5) rotate(90deg)}}
.gh-hero__k{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0;font:900 13px/1.2 system-ui,sans-serif;letter-spacing:.14em;color:#ffe9a8;text-shadow:0 1px 0 rgba(80,20,60,.6)}
.gh-hero__k span{font:500 19px/1.3 "Kiwi Maru","Zen Maru Gothic",serif;letter-spacing:.06em;color:#fff;text-shadow:0 2px 10px rgba(255,120,200,.6)}
.gh-hero__stage{position:relative;height:290px;margin:4px auto 0}
.gh-hero__fig{position:absolute;left:50%;bottom:22px;width:196px;height:294px;margin-left:-98px;animation:gh-float 4.8s ease-in-out infinite;filter:drop-shadow(0 10px 18px rgba(40,0,60,.55)) drop-shadow(0 0 22px rgba(255,190,240,.45))}
.gh-hero__fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
@keyframes gh-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.gh-hero__ped{position:absolute;left:50%;bottom:6px;width:210px;height:44px;margin-left:-105px;border-radius:50%;
	background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,200,240,.65) 40%,rgba(255,160,220,0));box-shadow:0 0 0 2px rgba(255,214,110,.6) inset}
.gh-hero__plate{position:relative;margin:-4px auto 12px;max-width:330px;padding:10px 14px 9px;border-radius:18px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.gh-hero__plate h1{margin:4px 0 2px;font:500 21px/1.35 "Kiwi Maru","Zen Maru Gothic",serif;color:#fff;text-shadow:0 2px 8px rgba(120,20,90,.6)}
.gh-hero__up{margin:0;font-size:12px;color:#ffe3f3}
.gh-hero__up b{display:inline-block;margin-right:6px;padding:2px 8px;border-radius:999px;font-size:11px;color:#5a2a00;background:linear-gradient(135deg,#fff3b0,#ffc24d)}
.gh-rar{display:inline-block;min-width:34px;padding:2px 8px;border-radius:6px;font:900 12px/1.25 system-ui,sans-serif;letter-spacing:.06em;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.gh-rar--ur{background:linear-gradient(135deg,#ff6fd0,#b46cf0 40%,#5fc8ff 75%,#ffe066)}
.gh-rar--sr{background:linear-gradient(135deg,#ffe58a,#f2a91a);color:#5a3500;text-shadow:none}
.gh-rar--r{background:linear-gradient(135deg,#a8ddff,#4aa6e8)}
.gh-rar--c{background:#a59cb3}
/* 引くボタン */
.gh-hero__btns{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin:0 2px}
.gh-btn{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;border:0;border-radius:18px;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}
.gh-btn small{font-size:11px;font-weight:800;opacity:.92}
.gh-btn b{font-size:18px;font-weight:900;letter-spacing:.02em}
.gh-btn--1{color:#a0306c;background:linear-gradient(180deg,#fff,#ffe6f2);box-shadow:0 6px 0 #e4a9c6,0 12px 20px -8px rgba(0,0,0,.45)}
.gh-btn--10{color:#4a2400;background:linear-gradient(180deg,#fff6c8,#ffcc4d 55%,#f5a623);box-shadow:0 6px 0 #c7801a,0 12px 22px -8px rgba(0,0,0,.5),0 0 22px rgba(255,200,80,.55)}
.gh-btn--10::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.85) 50%,rgba(255,255,255,0));transform:translateX(-120%) skewX(-18deg);animation:gh-shine 3.4s ease-in-out infinite}
@keyframes gh-shine{0%,60%{transform:translateX(-120%) skewX(-18deg)}85%,100%{transform:translateX(320%) skewX(-18deg)}}
.gh-btn:active,.gh-btn.is-press{transform:translateY(4px)}
.gh-btn:disabled{opacity:.6}
/* 天井 */
.gh-ceil{margin:14px 2px 0;padding:10px 12px;border-radius:16px;background:rgba(20,6,40,.38);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);text-align:left}
.gh-ceil__t{display:flex;justify-content:space-between;gap:8px;font-size:12.5px}
.gh-ceil__t b{color:#ffe3a0}
.gh-ceil__bar{height:10px;margin:7px 0 6px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}
.gh-ceil__bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ff7ad9,#ffd56b);box-shadow:0 0 10px rgba(255,180,220,.8)}
.gh-ceil__n{margin:8px 2px 0;font-size:11.5px;line-height:1.6;color:#f0dcf6}
.gh-me{margin:10px 0 0;font-size:12.5px;color:#ffeefa}
.gh-me b{font-size:15px;color:#fff}
.gh-me a{color:#ffd9a8;font-weight:800}
/* 確率 */
.gh-rt{margin:12px 2px 0;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.94);color:var(--gh-ink);text-align:left}
.gh-rt__h{margin:0 0 6px;font-size:12px;font-weight:900;color:#7a4a8c}
.gh-rt__row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.gh-rt__c{display:flex;flex-direction:column;align-items:center;padding:5px 0;border-radius:10px;background:#f6f0fa;font-size:13px;font-weight:900}
.gh-rt__c b{font-size:11px;color:#fff;padding:1px 7px;border-radius:5px;margin-bottom:2px}
.gh-rt__c--ur b{background:linear-gradient(135deg,#ff6fd0,#5fc8ff)}.gh-rt__c--sr b{background:#f2a91a}.gh-rt__c--r b{background:#4aa6e8}.gh-rt__c--c b{background:#a59cb3}
.gh-rt__d{margin:8px 0 0;font-size:12px}
.gh-rt__d summary{cursor:pointer;color:#8b5cb0;font-weight:800;min-height:32px;display:flex;align-items:center}
.gh-rt__d ul{list-style:none;margin:6px 0 0;padding:0;max-height:260px;overflow:auto}
.gh-rt__d li{display:flex;align-items:center;gap:6px;padding:6px 0;border-top:1px solid #f1e8f6}
.gh-rt__d li small{margin-left:auto;color:var(--gh-sub)}
.gh-rt__d li em{font-style:normal;font-size:10.5px;font-weight:900;color:#c2408a}
.gh-rt__d li.is-own{opacity:.55}
/* ---- ほかのガチャ ---- */
.gh-h2{margin:22px 4px 10px;font:500 18px/1.3 "Kiwi Maru","Zen Maru Gothic",serif;color:#5a3048}
.gh-h2::after{content:"";display:block;width:64px;height:3px;margin-top:5px;border-radius:3px;background:linear-gradient(90deg,#ff7aa8,#a98ee0,#ffc24d)}
.gh-list{display:flex;flex-direction:column;gap:10px}
.gh-card{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border-radius:20px;text-decoration:none!important;color:var(--gh-ink)!important;background:linear-gradient(135deg,#fff,var(--c2,#fff2f8));
	box-shadow:0 0 0 1.5px var(--c3,#f4d3e2),0 12px 22px -14px var(--c4,rgba(200,80,140,.55));transition:transform .15s ease}
.gh-card:active{transform:scale(.98)}
.gh-card--night{--c2:#efe6ff;--c3:#d8c8f4;--c4:rgba(110,60,190,.55)}
.gh-card--autumn{--c2:#fff0e0;--c3:#f4d1ad;--c4:rgba(210,120,40,.5)}
.gh-card--mint{--c2:#e8fbf3;--c3:#bfe9d6;--c4:rgba(40,170,120,.45)}
.gh-card--gold{--c2:#fff6dc;--c3:#f3dca0;--c4:rgba(220,160,40,.5)}
.gh-card--peach{--c2:#fff0ea;--c3:#f6d0c3;--c4:rgba(230,120,90,.45)}
.gh-card__art{flex:0 0 84px;width:84px;height:84px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.gh-card__art img{width:100%;height:100%;object-fit:cover}
.gh-card__b{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.gh-card__b b{font-size:15.5px;font-weight:900}
.gh-card__b small{font-size:11.5px;color:var(--gh-sub)}
.gh-card__p{font-size:11.5px;font-weight:800;color:#a0306c}
.gh-bd{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:900;color:#6b4a7c;background:#f3eafa}
.gh-bd--free{color:#fff;background:linear-gradient(135deg,#2fc28a,#1e9d72);box-shadow:0 2px 8px rgba(30,160,110,.4)}
.gh-card__pity{position:relative;display:block;width:100%;max-width:200px;height:16px;border-radius:999px;background:#f1e8f6;overflow:hidden}
.gh-card__pity i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#ffb3d9,#ffd56b)}
.gh-card__pity em{position:relative;display:block;padding:0 8px;font:900 10px/16px system-ui,sans-serif;font-style:normal;color:#6b3a5c}
.gh-card__pity.is-txt{background:none;height:auto}.gh-card__pity.is-txt em{padding:0;line-height:1.4}
.gh-card__go{flex:0 0 auto;font-style:normal;font-size:22px;color:#c9a6c0}
.gh-note{margin:16px 6px 0;font-size:11.5px;line-height:1.7;color:var(--gh-sub)}

/* ---- 引いた時（全画面） ---- */
.gh-rv{position:fixed;inset:0;z-index:2147482000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#fff;font-family:inherit;
	background:radial-gradient(80% 60% at 50% 45%,#5a2a8a 0%,#22103e 60%,#0d0620 100%)}
.gh-rv[hidden]{display:none}
.gh-rv__x{position:absolute;right:12px;top:max(12px,env(safe-area-inset-top));min-width:64px;height:40px;border:0;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font:800 13px system-ui,sans-serif}
.gh-rv__rays{position:absolute;left:50%;top:44%;width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;opacity:0;
	background:repeating-conic-gradient(var(--rc,#fff4c2) 0 4deg,rgba(255,255,255,0) 4deg 12deg);-webkit-mask:radial-gradient(closest-side,#000 6%,transparent 70%);mask:radial-gradient(closest-side,#000 6%,transparent 70%)}
.gh-rv__pl{position:absolute;left:50%;top:-10%;bottom:-10%;width:160px;margin-left:-80px;opacity:0;background:linear-gradient(90deg,rgba(255,255,255,0),var(--rc,#fff4c2) 30%,#fff 50%,var(--rc,#fff4c2) 70%,rgba(255,255,255,0))}
.gh-rv__fl{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
.gh-rv__orb{position:relative;width:130px;height:130px;border-radius:50%;
	background:radial-gradient(circle at 35% 30%,#fff 0,#ffe9fb 18%,var(--rc,#e9dcff) 52%,rgba(255,255,255,.1) 76%);box-shadow:0 0 40px 10px var(--rg,rgba(220,200,255,.55)),inset 0 -10px 24px rgba(80,20,120,.35)}
.gh-rv__orb::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:4px;margin-top:-2px;border-radius:4px;background:rgba(255,255,255,.75)}
.gh-rv.is-charge .gh-rv__orb{animation:gh-charge 1.15s cubic-bezier(.5,0,.8,.4) forwards}
@keyframes gh-charge{0%{transform:scale(.7);opacity:.6}100%{transform:scale(1.12);opacity:1}}
.gh-rv__p{position:absolute;left:50%;top:44%;width:8px;height:8px;margin:-4px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px var(--rg,rgba(255,220,120,.9));opacity:0}
.gh-rv__p{display:none}
@keyframes gh-suck{0%{opacity:0;transform:rotate(var(--a)) translateY(-190px) scale(1.5)}30%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(-10px) scale(.3)}}
.gh-rv.is-open .gh-rv__orb{animation:gh-pop .45s ease-out forwards}
@keyframes gh-pop{to{transform:scale(2.4);opacity:0}}
.gh-rv.is-open .gh-rv__fl{animation:gh-flash .7s ease-out forwards}
@keyframes gh-flash{0%{opacity:0}20%{opacity:.55}100%{opacity:0}}
.gh-rv.is-open.is-sr .gh-rv__rays,.gh-rv.is-open.is-ur .gh-rv__rays{animation:gh-rays 2.6s ease-out forwards}
@keyframes gh-rays{0%{opacity:0;transform:rotate(0)}30%{opacity:.45}100%{opacity:.25;transform:rotate(20deg)}}
.gh-rv.is-open.is-sr .gh-rv__pl,.gh-rv.is-open.is-ur .gh-rv__pl{animation:gh-pillar 1.8s ease-out forwards}
@keyframes gh-pillar{0%{opacity:0}25%{opacity:.5}100%{opacity:0}}

.gh-rv.is-sr{--rc:#ffe08a;--rg:rgba(255,200,80,.85)}
.gh-rv.is-ur{--rc:#ff9be0;--rg:rgba(255,130,220,.9)}
.gh-rv.is-ur .gh-rv__orb{background:radial-gradient(circle at 35% 30%,#fff 0,#ffe0f6 16%,#ff9be0 40%,#9a7bff 62%,#5fd3ff 78%,rgba(255,255,255,.1) 92%)}
.gh-rv.is-ur .gh-rv__rays{background:repeating-conic-gradient(#ff9be0 0 4deg,rgba(255,255,255,0) 4deg 10deg,#8fe3ff 10deg 14deg,rgba(255,255,255,0) 14deg 20deg,#ffe58a 20deg 24deg,rgba(255,255,255,0) 24deg 30deg)}
.gh-rv.is-ur .gh-rv__pl{background:linear-gradient(90deg,rgba(255,255,255,0),#ff9be0 20%,#ffe58a 38%,#fff 50%,#8fe3ff 62%,#b49bff 80%,rgba(255,255,255,0))}
/* 結果のカード */
.gh-rv__res{position:absolute;left:0;right:0;top:50%;transform:translateY(-52%);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 12px;perspective:900px}
.gh-rc{position:relative;width:104px;height:150px;border-radius:14px;background:linear-gradient(180deg,#fff,#f4ecfb);box-shadow:0 0 0 2px var(--b,#d8cde6),0 10px 20px -8px rgba(0,0,0,.6);color:var(--gh-ink);overflow:hidden;opacity:0;transform:translateY(14px) scale(.94)}
.gh-rc.is-in{animation:gh-flip .5s cubic-bezier(.2,.8,.2,1) var(--d,0s) forwards}
@keyframes gh-flip{0%{opacity:0;transform:translateY(14px) scale(.94)}100%{opacity:1;transform:none}}
.gh-rc__fig{position:absolute;left:0;right:0;top:4px;bottom:30px}
.gh-rc__fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.gh-rc__kk{position:absolute;left:50%;top:44%;width:56px;height:56px;margin:-28px;border-radius:14px;transform:rotate(45deg);background:linear-gradient(135deg,#e6f6ff,#a9d8ff 50%,#7ab6f0);box-shadow:0 0 14px rgba(120,190,255,.8)}
.gh-rc__n{position:absolute;left:4px;right:4px;bottom:5px;font-size:10.5px;font-weight:800;line-height:1.25;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gh-rc .gh-rar{position:absolute;left:5px;top:5px;min-width:0;padding:1px 6px;font-size:10px}
.gh-rc.is-sr{--b:#ffcf5a;box-shadow:0 0 0 2.5px #ffcf5a,0 0 22px rgba(255,200,80,.85)}
.gh-rc.is-ur{--b:#ff8fdc;box-shadow:0 0 0 2.5px #ff8fdc,0 0 26px rgba(255,130,220,.9),0 0 50px rgba(120,220,255,.55)}
.gh-rc.is-ur::after,.gh-rc.is-sr::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.75) 50%,rgba(255,255,255,0));transform:translateX(-130%) skewX(-18deg);animation:gh-shine 2.4s ease-in-out calc(var(--d,0s) + .5s) 2}
.gh-rv:not(.is-one) .gh-rv__res{gap:6px;padding:0 10px}
.gh-rv:not(.is-one) .gh-rc{width:calc((100% - 44px) / 5);max-width:100px;height:auto;aspect-ratio:2/3;border-radius:12px}
.gh-rv:not(.is-one) .gh-rc__n{font-size:9.5px;bottom:4px}
.gh-rv:not(.is-one) .gh-rc__fig{bottom:20px}
.gh-rv:not(.is-one) .gh-rc .gh-rar{font-size:9px;padding:1px 4px;left:3px;top:3px}
.gh-rv:not(.is-one) .gh-rc__kk{width:34px;height:34px;margin:-17px}
.gh-rv.is-one .gh-rc{width:190px;height:270px;border-radius:20px}
.gh-rv.is-one .gh-rc__n{font-size:14px;bottom:10px}
.gh-rv.is-one .gh-rc__fig{bottom:40px}
.gh-rv.is-one .gh-rc .gh-rar{font-size:13px;padding:2px 9px;left:8px;top:8px}
.gh-rv__msg{position:absolute;left:0;right:0;top:max(70px,9vh);text-align:center;font:500 22px/1.3 "Kiwi Maru","Zen Maru Gothic",serif;opacity:0;text-shadow:0 2px 14px var(--rg,rgba(255,255,255,.5))}
.gh-rv.is-done .gh-rv__msg{animation:gh-msg .6s ease-out .2s forwards}
@keyframes gh-msg{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.gh-rv__btns{position:absolute;left:0;right:0;bottom:max(24px,env(safe-area-inset-bottom));display:flex;justify-content:center;gap:10px;padding:0 16px;opacity:0;pointer-events:none}
.gh-rv.is-done .gh-rv__btns{opacity:1;pointer-events:auto;transition:opacity .3s .5s}
.gh-rv__btns .gh-btn{flex:1;max-width:200px;min-height:54px}
.gh-rv__skip{position:absolute;left:0;right:0;bottom:max(28px,env(safe-area-inset-bottom));text-align:center;font-size:12px;color:rgba(255,255,255,.7)}
.gh-rv.is-done .gh-rv__skip{display:none}
.gh-err{margin:10px 2px 0;padding:8px 10px;border-radius:12px;background:#fff;color:#b0306a;font-size:12.5px;font-weight:800}
.gh-err a{color:#8b5cb0}
@media (max-width:359px){.gh-hero__stage{height:250px}.gh-hero__fig{width:170px;height:255px;margin-left:-85px}.gh-rc{width:92px;height:134px}.gh-btn b{font-size:16px}}
@media (min-width:420px){.gh-hero__stage{height:310px}.gh-hero__fig{width:210px;height:315px;margin-left:-105px}}
@media (prefers-reduced-motion:reduce){
	.gh-tk__r,.gh-hero__rays,.gh-hero__pl,.gh-hero__sp,.gh-hero__fig,.gh-btn--10::after,.gh-rv *,.gh-rv{animation:none!important}
	.gh-rc{opacity:1;transform:none}
	.gh-rv__msg,.gh-rv__btns{opacity:1;pointer-events:auto}
	.gh-rv__orb,.gh-rv__rays,.gh-rv__pl,.gh-rv__p,.gh-rv__fl{display:none}
}

/* AVPMARK1029 アバターパワーの札（並び・目玉・引いた結果）。N・R は控えめ、SR は白銀、UR は金で数字を大きく。
   オーラ（AVAURA1029）は絵の後ろと前の粒なので、札は絵の下の帯に置いてかぶせない（z-index は絵より上・光の筋 ::after より下は気にしない大きさ） */
.gh-pw{position:relative;display:inline-flex;align-items:center;gap:2px;padding:1px 7px 1px 2px;border-radius:999px;white-space:nowrap;line-height:1.3;font-variant-numeric:tabular-nums;color:#5b4a7a;background:#f4effa;box-shadow:inset 0 0 0 1px #e3d8f1;overflow:hidden}
.gh-pw .avpm{width:15px;height:15px}
.gh-pw b{font-size:11px;font-weight:900;letter-spacing:-.01em}
.gh-pw small{font-size:9px;font-weight:800;margin-right:3px;opacity:.85}
.gh-pw--r{color:#2f5f93;background:#eef6ff;box-shadow:inset 0 0 0 1px #cfe3fa}
.gh-pw--sr{color:#3d4660;background:linear-gradient(135deg,#ffffff,#e9eef7 55%,#d6deec);box-shadow:inset 0 0 0 1px #fff,0 0 0 1px #b9c4d8,0 0 10px rgba(200,215,240,.9)}
.gh-pw--sr b{font-size:12px}
.gh-pw--ur{color:#5a3200;background:linear-gradient(135deg,#fff7cf,#ffd766 45%,#f2b33a 75%,#ffe7a0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 0 0 1px #c98a12,0 0 14px rgba(255,200,80,.85)}
.gh-pw--ur b{font-size:13px;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.gh-pw--ur .avpm,.gh-pw--sr .avpm{width:18px;height:18px;margin:-2px 0 -2px -1px}
.gh-pw--ur::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.85) 50%,rgba(255,255,255,0));transform:translateX(-160%) skewX(-18deg);animation:gh-pwshine 3.2s ease-in-out 1s infinite;pointer-events:none}
@keyframes gh-pwshine{0%,55%{transform:translateX(-160%) skewX(-18deg)}100%{transform:translateX(320%) skewX(-18deg)}}
/* 目玉の札 */
.gh-hero__plate .gh-pw{margin:2px 0 6px;padding:2px 10px 2px 3px}
.gh-hero__plate .gh-pw .avpm{width:22px;height:22px}
.gh-hero__plate .gh-pw--ur b{font-size:16px}
.gh-hero__plate .gh-pw small{font-size:10px}
/* 品ごとの確率の一覧 */
.gh-rt__d li .gh-pw{margin-left:auto;flex:none}
.gh-rt__d li:has(.gh-pw) em{white-space:nowrap}
.gh-rt__d li .gh-pw + small{margin-left:0;flex:none;min-width:3.6em;text-align:right}
.gh-rt__d li .gh-pw b{font-size:10.5px}
.gh-rt__d li .gh-pw--ur b{font-size:12px}
/* 引いた結果のカード: 名前の上に札・絵はその分だけ上に */
.gh-rc.has-pw .gh-pw{position:absolute;left:50%;bottom:21px;transform:translateX(-50%);z-index:3;max-width:calc(100% - 6px);box-sizing:border-box}
.gh-rc.has-pw .gh-rc__fig{bottom:42px}
.gh-rv:not(.is-one) .gh-rc.has-pw .gh-pw{bottom:15px;padding:0 4px 0 1px;gap:1px}
.gh-rv:not(.is-one) .gh-rc.has-pw .gh-pw .avpm{width:11px;height:11px;margin:0}
.gh-rv:not(.is-one) .gh-rc.has-pw .gh-pw b{font-size:8.5px}
.gh-rv:not(.is-one) .gh-rc.has-pw .gh-pw--sr b{font-size:9px}
.gh-rv:not(.is-one) .gh-rc.has-pw .gh-pw--ur b{font-size:9.5px}
.gh-rv:not(.is-one) .gh-rc.has-pw .gh-rc__fig{bottom:30px}
.gh-rv.is-one .gh-rc.has-pw .gh-pw{bottom:34px;padding:2px 10px 2px 3px}
.gh-rv.is-one .gh-rc.has-pw .gh-pw .avpm{width:22px;height:22px}
.gh-rv.is-one .gh-rc.has-pw .gh-pw b{font-size:14px}
.gh-rv.is-one .gh-rc.has-pw .gh-pw--ur b{font-size:17px}
.gh-rv.is-one .gh-rc.has-pw .gh-rc__fig{bottom:64px}
/* 札は結果のカードが出た後にふわっと（UR は少し遅れて） */
.gh-rc.has-pw.is-in .gh-pw{animation:gh-pwin .45s cubic-bezier(.2,.8,.2,1) calc(var(--d,0s) + .35s) both}
.gh-rc.has-pw.is-in .gh-pw--ur{animation:gh-pwin .55s cubic-bezier(.2,.8,.2,1) calc(var(--d,0s) + .55s) both}
@keyframes gh-pwin{0%{opacity:0;transform:translateX(-50%) translateY(6px) scale(.8)}100%{opacity:1;transform:translateX(-50%)}}
/* AVPFIX1029d 札の絵（AVTHUMB1029 の .gh-rc__th）とパワーの札が重ならないよう、10連の小さいカードでは札の絵を少し小さく */
.gh-rv:not(.is-one) .gh-rc.has-pw .gh-rc__fig img.gh-rc__th{left:9px;top:13px;width:calc(100% - 18px)}
.gh-rc .gh-rar{z-index:3}
.gh-rv.is-one .gh-rc .gh-rc__fig img.gh-rc__th{left:16px;top:34px;width:calc(100% - 32px)}
@media (prefers-reduced-motion:reduce){.gh-pw--ur::after{display:none}.gh-rc.has-pw .gh-pw{animation:none!important}}