@charset "utf-8";


#tcas * {box-sizing: border-box;}
#tcas .container {z-index: 1;}


/* gacha */
.gch-top {padding: 8.75rem 0 6.25rem; overflow: hidden; background: url('https://img.megastudyth.com/event/2025/gacha/top_bg.jpg')no-repeat center top / cover;}
.gch-top__title {opacity: 0;}
.gch-top__title img {display: block; max-width: 70%; margin: 0 auto;}
.gch-top__title.on {animation: bounceAni 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0s normal forwards;}
.gch-top__bead {position: relative; margin-top: -6%; margin-left: auto; margin-right: auto; max-width: 80%;}
.gch-top__bead:after {content: ''; display: block; position: absolute; top: 95%; left: -200%; right: -200%; bottom: -1000%; border-radius: 50%; background: linear-gradient(to right, #B289FF 0%, #DBB9FF 100%);}
.gch-top__effect {position: absolute; top: 16%; left: 50%; width: 40%; padding-bottom: 40%; transform: translateX(-50%);}
.gch-top__effect > div {position: absolute;	 left: 0; right: 0; top: 0; bottom: 0; transform: scale(1.5); opacity: 0.5;}
.gch-top__step {margin-top: 4rem; position: relative;}
.gch-top__step {display: flex; gap: 0 1.25rem;}
.gch-top__step li {flex: 1;}
.gch-top__step li dl {height: 100%; display: flex; flex-direction: column; align-items: center;}
.gch-top__step li dl dt {flex-shrink: 0; width: 4rem; height: 4rem; color: #fff; padding-bottom: 0.75rem; -webkit-text-stroke: 1px #FFE391; font-weight: 700; background: #922CFF; border: solid 3px #FFE391; box-shadow: 0px 0px 0.625rem 0px rgba(255, 221, 145, 1); border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center;}
.gch-top__step li dl dd {flex-grow: 1; width: 100%; padding: 10px; position: relative; z-index: 1; background: #fff; margin-top: -1.5rem; border-radius: 1.25rem; box-shadow: 0px 0.25rem 0.625rem 0px rgba(0, 0, 0, 0.25);}
.gch-top__step li dl dd > div {border: solid 1px #D687EC; height: 100%;}
.gch-top__step li dl dd:before,
.gch-top__step li dl dd:after,
.gch-top__step li dl dd > div:before,
.gch-top__step li dl dd > div:after {content: ''; display: block; width: 8px; height: 8px; position: absolute; background: url('https://img.megastudyth.com/event/2025/gacha/top_deco_1.png')no-repeat center center / cover;}
.gch-top__step li dl dd:before {left: 10px; top: 10px; transform: rotate(90deg);}
.gch-top__step li dl dd:after {right: 10px; top: 10px; transform: rotate(180deg);}
.gch-top__step li dl dd > div:before {left: 10px; bottom: 10px;}
.gch-top__step li dl dd > div:after {right: 10px; bottom: 10px; transform: rotate(270deg);}
.gch-top__step li dl dd > div > div {position: relative; height: 100%; padding: 2.5rem;}
.gch-top__step li dl dd > div > div:before,
.gch-top__step li dl dd > div > div:after {content: ''; display: block; width: 50px; height: 16px; position: absolute; left: 50%; margin-left: -25px; background: url('https://img.megastudyth.com/event/2025/gacha/top_deco_2.png')no-repeat center center / cover;}
.gch-top__step li dl dd > div > div:before {top: -1px;}
.gch-top__step li dl dd > div > div:after {bottom: -1px; transform: rotate(180deg);}
.gch-top__step li dl dd p {text-align: center; font-size: 1.25rem; color: #7A00CF; font-weight: 500;}
.gch-top__step li dl dd p:before {content: ''; display: block; width: 35px; height: 48px; margin: 0 auto 10px; background: url('https://img.megastudyth.com/event/2025/gacha/top_deco_3.png')no-repeat center center / cover;}

@keyframes bounceAni {
	0% {animation-timing-function: ease-in; opacity: 1; transform: translateY(-160px);}
	24% {opacity: 1;}
	40% {animation-timing-function: ease-in; transform: translateY(-24px);}
	65% {animation-timing-function: ease-in; transform: translateY(-12px);}
	82% {animation-timing-function: ease-in; transform: translateY(-6px);}
	93% {animation-timing-function: ease-in; transform: translateY(-4px);}
	25%,
	55%,
	75%,
	87% {animation-timing-function: ease-out; transform: translateY(0px);}
	100% {animation-timing-function: ease-out; opacity: 1; transform: translateY(0px);}
}

@media (max-width:992px) {
	.gch-top__effect > div {transform: scale(1.2);}
	.gch-top__step li dl dd > div > div {padding: 2.5rem 1rem;}
}

@media (max-width:768px) {
	.gch-top__title img {max-width: 100%;}
	.gch-top__bead {margin-top: -6%; max-width: none; margin-left: -10%; margin-right: -10%;}
	.gch-top__effect > div {transform: scale(0.7);}
	.gch-top__step {flex-direction: column; gap: 0.5rem 0; margin-top: 2rem;}
	.gch-top__step li dl dt {display: none;}
	.gch-top__step li dl dd {margin-top: 0;}
	.gch-top__step li dl dd > div > div {padding: 1.5rem 1rem;}
	.gch-top__step li dl dd p {font-size: 1.125rem;}
	.gch-top__step li dl dd p:before {display: none;}
}




/* --------------- machine --------------- */

.gch-mch {padding: 6.25rem 0 4.75rem; position: relative; background: #A664FF; overflow: hidden;}
.gch-mch:before {content: ''; display: block; position: absolute; left: -40%; right: -40%; top: -80%; bottom: -80%; background: url('https://img.megastudyth.com/event/2025/gacha/machin_bg.png')no-repeat center center / cover; animation: rotateBg linear 120s infinite;}
.gch-mch .container {padding-left: 0; padding-right: 0;}
.gch-mch__sky {padding: 2.75rem 0 1.25rem; background: url('https://img.megastudyth.com/event/2025/gacha/machin_sky.png')no-repeat center center / cover;}
.gch-mch__body {max-width: 25rem; margin: 0 auto; position: relative; padding-top: 20px;}
.gch-mch__body:before {content: ''; display: block; width: 41%; padding-bottom: 8%; background: linear-gradient(to top, #B56BFF 0%, #7701FF 100%); border-radius: 1rem 1rem 0 0; position: absolute; left: 50%; top: 1%; z-index: 1; transform: translateX(-50%);}
.gch-mch__circle {padding-bottom: 100%; position: relative;}
.gch-mch__over {position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; border-radius: 50%; background: linear-gradient(to bottom right, rgba(255,255,255,0.9) 0%, rgba(184, 112, 255, 0.8) 100%);}
.gch-mch__over:before,
.gch-mch__over:after {content: ''; display: block; height: 100%; background: rgba(255,255,255,0.07); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(55deg);}
.gch-mch__over:before {width: 15%; margin-top: -20%;}
.gch-mch__over:after {width: 8%;}
.gch-mch__ball {display:block; position:absolute; border-radius:50%; transform:translateZ(0); will-change:transform;}
.gch-mch__ball.num1 {left: 9%; bottom: 33%; width: 18%; height: 18%; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_e.png')no-repeat center center / cover;}
.gch-mch__ball.num2 {left: 13%; bottom: 12%; width: 15%; height: 15%; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_a.png')no-repeat center center / cover;}
.gch-mch__ball.num3 {left: 30%; bottom: 17%; width: 18%; height: 18%; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_b.png')no-repeat center center / cover;}
.gch-mch__ball.num4 {left: 31%; bottom: 10%; width: 17%; height: 17%; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_c.png')no-repeat center center / cover;}
.gch-mch__ball.num5 {left: 59%; bottom: 18%; width: 17%; height: 17%; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_d.png')no-repeat center center / cover;}
.gch-mch__ball.num6 {left: 45%; bottom: 13%; width: 18%; height: 18%; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_e.png')no-repeat center center / cover;}
.gch-mch__ball.num7 {left: 76%; bottom: 27%; width: 22%; height: 22%; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_4.png')no-repeat center center / cover;}
.gch-mch__ball.num8 {left: 68%; bottom: 23%; width: 16%; height: 16%; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_b.png')no-repeat center center / cover;}
.gch-mch__ball.num9 {left: 71%; bottom: 13%; width: 17%; height: 17%; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_c.png')no-repeat center center / cover;}
.gch-mch__ball.num10 {left: 5%; bottom: 22%; width: 16%; height: 16%; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_d.png')no-repeat center center / cover;}
.gch-mch__ball.num11 {left: 18%; bottom: 15%; width: 16%; height: 16%; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_e.png')no-repeat center center / cover;}
.gch-mch__ball.num12 {left: 16%; bottom: 26%; width: 19%; height: 19%; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_1.png')no-repeat center center / cover;}
.gch-mch__ball.num13 {left: 23%; bottom: 5%; width: 15%; height: 15%; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_2.png')no-repeat center center / cover;}
.gch-mch__ball.num14 {left: 33%; bottom: 4%; width: 16%; height: 16%; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_b.png')no-repeat center center / cover;}
.gch-mch__ball.num15 {left: 45%; bottom: 3%; width: 16%; height: 16%; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_a.png')no-repeat center center / cover;}
.gch-mch__ball.num16 {left: 58%; bottom: 4%; width: 20%; height: 20%; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_5.png')no-repeat center center / cover;}
.gch-mch.on .gch-mch__ball {animation-name: bounceY; animation-timing-function: cubic-bezier(.2,.65,.2,1); animation-fill-mode: none;}
.gch-mch.on .gch-mch__ball.num1  { --amp:1.6vh; animation-duration:.22s; animation-iteration-count:7; animation-delay:.00s; }
.gch-mch.on .gch-mch__ball.num7  { --amp:1.7vh; animation-duration:.25s; animation-iteration-count:6; animation-delay:.08s; }
.gch-mch.on .gch-mch__ball.num12 { --amp:1.5vh; animation-duration:.28s; animation-iteration-count:6; animation-delay:.16s; }
.gch-mch.on .gch-mch__ball.num3  { --amp:1.3vh; animation-duration:.24s; animation-iteration-count:7; animation-delay:.12s; }
.gch-mch.on .gch-mch__ball.num5  { --amp:1.8vh; animation-duration:.34s; animation-iteration-count:6; animation-delay:.06s; }
.gch-mch.on .gch-mch__ball.num11 { --amp:1.4vh; animation-duration:.38s; animation-iteration-count:5; animation-delay:.18s; }
.gch-mch.on .gch-mch__ball.num9  { --amp:1.2vh; animation-duration:.30s; animation-iteration-count:6; animation-delay:.03s; }
.gch-mch.on .gch-mch__ball.num15 { --amp:1.6vh; animation-duration:.36s; animation-iteration-count:5; animation-delay:.21s; }
.gch-mch.on .gch-mch__ball.num2  { --amp:1.1vh; animation-duration:.42s; animation-iteration-count:5; animation-delay:.09s; }
.gch-mch.on .gch-mch__ball.num6  { --amp:1.3vh; animation-duration:.46s; animation-iteration-count:4; animation-delay:.15s; }
.gch-mch.on .gch-mch__ball.num8  { --amp:1.2vh; animation-duration:.40s; animation-iteration-count:5; animation-delay:.24s; }
.gch-mch.on .gch-mch__ball.num10 { --amp:1.0vh; animation-duration:.44s; animation-iteration-count:4; animation-delay:.04s; }
.gch-mch.on .gch-mch__ball.num4  { --amp:2.0vh; animation-duration:.52s; animation-iteration-count:4; animation-delay:.13s; }
.gch-mch.on .gch-mch__ball.num13 { --amp:1.9vh; animation-duration:.50s; animation-iteration-count:4; animation-delay:.02s; }
.gch-mch.on .gch-mch__ball.num14 { --amp:1.7vh; animation-duration:.38s; animation-iteration-count:5; animation-delay:.20s; }
.gch-mch.on .gch-mch__ball.num16 { --amp:1.5vh; animation-duration:.55s; animation-iteration-count:4; animation-delay:.11s; }
.gch-mch__bot {padding-bottom: 41.4364%; margin-top: -30px; position: relative; z-index: 1; background: url('https://img.megastudyth.com/event/2025/gacha/gacha_machine_bot.png')no-repeat center center / auto 100%;}
.gch-mch__handle {width: 14rem; height: 3rem; font-size: 1.125rem; background: #FFE400; color: #000; border: solid 2px #fff; font-weight: 600; position: absolute; top: 0; left: 50%; transform: translateX(-50%); border-radius: 10rem; display: flex; align-items: center; justify-content: center;}
.gch-mch__hole {width: 36%; padding-bottom: 36%; position: absolute; left: 50%; bottom: -22%; overflow: hidden; transform-origin: center center; border-radius: 50%; transform: translateX(-50%); transition: all 1s ease-in-out;}
.gch-mch__hole span {display: block; position: absolute; width: 40%; padding-bottom: 40%; left: 50%; margin-left: -20%; top: -100%; transition: all .4s ease-in-out; transition-delay: 2.5s;}
.gch-mch__hole span em {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transform-origin: center center;}
.gch-mch__hole#color1 span em {background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_1.png')no-repeat center center / cover;}
.gch-mch__hole#color2 span em {background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_2.png')no-repeat center center / cover;}
.gch-mch__hole#color3 span em {background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_3.png')no-repeat center center / cover;}
.gch-mch__hole#color4 span em {background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_4.png')no-repeat center center / cover;}
.gch-mch__hole#color5 span em {background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_5.png')no-repeat center center / cover;}
.gch-mch.on .gch-mch__hole span {top: 10%; animation: rotateBall 3s 1; animation-delay: 2.5s;}

@keyframes bounceY{
	0%		{transform: translateY(0) scale(1);}
	35%	{transform: translateY(calc(-1 * var(--amp, 1.4vh))) scale(1.04);}
	70%	{transform: translateY(0) scale(1);}
	85%	{transform: translateY(calc(-0.30 * var(--amp, 1.4vh))) scale(1.02);}
	100%	{transform: translateY(0) scale(1);}
}

@keyframes rotateBall {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

@keyframes rotateBg {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

@media (max-width:768px) {
	.gch-mch__body {max-width: 20rem;}
}




/* --------------- info --------------- */
.gch-info {display: none; background: rgba(0,0,0,0.7); padding: 2rem; overflow-y: auto; overflow-x: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000;}
.gch-info > div {display: table; width: 100%; height: 100%;}
.gch-info > div > div {display: table-cell; width: 100%; vertical-align: middle;}
.gch-info:before,
.gch-info:after {content: ''; display: block; z-index: 0; background: #000; position: absolute; top: 0; bottom: 0; width: 43%;}
.gch-info:before {left: 0;}
.gch-info:after {right: 0;}
.gch-info.on {display: block;}
.gch-info.on .gch-info__box {animation: fadeInUp 4s cubic-bezier(.24,1.41,.54,1.01) 0s forwards;}
.gch-info__box {opacity: 0; text-align: center; position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.gch-info__close {position: absolute; right: 0; top: 0; z-index: 1; width: 4rem; height: 4rem; background: none; text-indent: -9999px;}
.gch-info__close:before,
.gch-info__close:after {content: ''; display: block; width: 2.5rem; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -1.25rem; margin-top: -1px;}
.gch-info__close:before {transform: rotate(-45deg);}
.gch-info__close:after {transform: rotate(45deg);}
.gch-info__title {text-align: center; color: #fff;}
.gch-info__title h3 {font-size: 2.25rem; color: #FFE400;}
.gch-info__title h4 {font-size: 1.125rem; font-weight: 300;}
.gch-info__item {position: relative; margin-top: 1.5rem;}
.gch-info__item:before,
.gch-info__item:after {content: ''; display: block; position: absolute; opacity:0; transform:scale(.7); animation-name: starAppear, starTwinkle;  animation-duration: 200ms, 900ms; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards, both; animation-direction: normal, alternate;}
.gch-info__item:before {width: 2.5rem; height: 2.5rem; margin-top: 1.25rem; top: auto; right: 100%; margin-right: 2rem; background: url('https://img.megastudyth.com/event/2025/gacha/info_star_1.png')no-repeat center center / cover; animation-delay: 2000ms, 1400ms;}
.gch-info__item:after {width: 1.75rem; height: 1.75rem; left: 100%; bottom: 50%; margin-left: 3rem; margin-bottom: 3rem; background: url('https://img.megastudyth.com/event/2025/gacha/info_star_2.png')no-repeat center center / cover; animation-delay: 1400ms, 2000ms;}
.gch-info__ball {display: block; width: 19.5rem; height: 19.5rem; cursor: pointer;}
.gch-info__ball#color1 {background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_1.png')no-repeat center center / cover;}
.gch-info__ball#color2 {background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_2.png')no-repeat center center / cover;}
.gch-info__ball#color3 {background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_3.png')no-repeat center center / cover;}
.gch-info__ball#color4 {background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_4.png')no-repeat center center / cover;}
.gch-info__ball#color5 {background: url('https://img.megastudyth.com/event/2025/gacha/gacha_ball_5.png')no-repeat center center / cover;}
.gch-info__ball.on {animation: softBall 2s forwards;}
.gch-info__text {font-size: 1.75rem; color: #fff; margin-top: 1.5rem; font-weight: 600;}
.gch-info__btn {height: 3.75rem; background: #FFE400; color: #000; border: solid 2px #fff; margin-top: 1.5rem; padding: 0 2rem; font-size: 1.25rem; font-weight: 500; border-radius: 4rem; display: flex; align-items: center; justify-content: center;}
.gch-info__btn:before,
.gch-info__btn:after {content: ''; display: block; width: 1.25rem; height: 1.25rem; background: url('https://img.megastudyth.com/event/2025/gacha/info_star_3.png')no-repeat center center / cover;}
.gch-info__btn:before {margin-right: 2.5rem;}
.gch-info__btn:after {margin-left: 2.5rem;}

@keyframes softBall {
	0%{transform: scale(1.0, 1.0);}
	10%{transform: scale(1.2, 0.8);}
	20%{transform: scale(0.8, 1.2);}
	30%{transform: scale(1.2, 0.8);}
	40%{transform: scale(0.8, 1.2);}
	50%{transform: scale(1.2, 0.8);}
	60%{transform: scale(0.8, 1.2);}
	70%{transform: scale(1.2, 0.8);}
	80%{transform: scale(0.8, 1.2);}	
	82%{transform: scale(0, 0);}
	100%{transform: scale(0, 0);}
}

@keyframes fadeInUp {
	0% {opacity: 0; transform: translateY(40px);}
	100% {opacity: 1; transform: translateY(0);	}
}

@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes starAppear{
	from{ opacity:0; transform:scale(.7); }
	to  { opacity:1; transform:scale(1); }
}
@keyframes starTwinkle{
	0%  { transform:scale(1); }
	50% { transform:scale(1.5); }
	100%{ transform:scale(1); }
}

@media (max-width:768px) {
	.gch-info__ball {width: 14rem; height: 14rem;}
	.gch-info__text {font-size: 1.5rem;}
}




/* --------------- result --------------- */
.gch-rst {display: none; padding: 10% 0; overflow-y: auto; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; background: #fff;}
.gch-rst:before {content: ''; display: block; position: fixed; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; background: url('https://img.megastudyth.com/event/2025/gacha/result_bg.jpg')no-repeat center center / cover;}
.gch-rst > div {display: table; width: 100%; height: 100%;}
.gch-rst > div > div {display: table-cell; width: 100%; vertical-align: middle;}
.gch-rst.on:before {animation: fadeIn 2s ease-in 0s forwards;}
.gch-rst.on {display: block;}
.gch-rst.on .gch-rst__box {animation: fadeInUp 4s cubic-bezier(.24,1.41,.54,1.01) 0s forwards;}
.gch-rst__box {opacity: 0; text-align: center;}
.gch-rst__close {position: absolute; right: 0; top: 0; z-index: 1; width: 4rem; height: 4rem; background: none; text-indent: -9999px;}
.gch-rst__close:before,
.gch-rst__close:after {content: ''; display: block; width: 2.5rem; height: 2px; background: #000; position: absolute; left: 50%; top: 50%; margin-left: -1.25rem; margin-top: -1px;}
.gch-rst__close:before {transform: rotate(-45deg);}
.gch-rst__close:after {transform: rotate(45deg);}
.gch-rst__layout {display: flex; align-items: center; justify-content: center;}
.gch-rst__layout dt {width: 14.25rem; margin-right: 3.75rem; flex-shrink: 0; display: flex; flex-direction: column; align-items: center;}
.gch-rst__layout dd {flex-grow: 1; width: calc(100% - 18rem); max-width: 32.5rem;}
.gch-rst__layout dd h4 {display: flex; justify-content: center;}
.gch-rst__card {display: block; width: 100%; position: relative;}
.gch-rst__card em {display: block; padding-bottom: 222.25%; border: solid 0.75rem #fff;}
.gch-rst__card#card1 em {background: url('https://img.megastudyth.com/event/2025/gacha/result_card_1.png')no-repeat center center / cover;}
.gch-rst__card#card2 em {background: url('https://img.megastudyth.com/event/2025/gacha/result_card_2.png')no-repeat center center / cover;}
.gch-rst__card#card3 em {background: url('https://img.megastudyth.com/event/2025/gacha/result_card_3.png')no-repeat center center / cover;}
.gch-rst__card#card4 em {background: url('https://img.megastudyth.com/event/2025/gacha/result_card_4.png')no-repeat center center / cover;}
.gch-rst__card#card5 em {background: url('https://img.megastudyth.com/event/2025/gacha/result_card_5.png')no-repeat center center / cover;}
.gch-rst__down {width: 15rem; height: 3.75rem; background: #000; color: #fff !important; font-size: 1.25rem; font-weight: 400; margin-top: 1.25rem; border-radius: 4rem; display: flex; align-items: center; justify-content: center;}
.gch-rst__down:after {content: ''; display: block; width: 1rem; height: 1rem; margin-left: 0.625rem; background: url('https://img.megastudyth.com/event/2025/gacha/result_down.png')no-repeat center center / cover;}
.gch-rst__title {font-size: 3.75rem; font-weight: 600; display: block; line-height: 1.0; -webkit-text-fill-color: transparent; background: linear-gradient(to right, #FF15D6 0%, #6D15DA 100%) text;}
.gch-rst__board {margin-top: 1.5rem; border-radius: 1.25rem; padding: 0.375rem; background: #8622F5; background: linear-gradient(to top right, #8622F5 0%, #7416DE 20%, #8622F5 40%, #7616E0 60%, #8622F5 80%, #7416DE 100%);}
.gch-rst__board > div {border: solid 1px #fff; border-radius: 0.875rem; padding: 0.5rem 1rem;}
.gch-rst__board > div:before,
.gch-rst__board > div:after {content: ''; display: block; width: 4.25rem; height: 0.75rem; margin-left: auto; margin-right: auto; background: url('https://img.megastudyth.com/event/2025/gacha/result_moon.png')no-repeat center center / cover;}
.gch-rst__board > div:before {margin-bottom: 3rem;}
.gch-rst__board > div:after {margin-top: 3rem;}
.gch-rst__desc {font-size: 1.5rem; color: #FFE400; font-weight: 600; display: inline; box-shadow: inset 0 -1rem 0 #5600A7; }
.gch-rst__detail {font-size: 1.25rem; color: #fff; font-weight: 300; line-height: 1.4; margin-top: 1rem;}

@media (max-width:768px) {
	.gch-rst__layout {flex-direction: column;}
	.gch-rst__layout dt {width: 100%; margin-right: 0;}
	.gch-rst__layout dd {width: 100%; margin-top: 3rem;}
	.gch-rst__card {width: 70%}
	.gch-rst__down {width: 13rem; height: 3rem;}
	.gch-rst__title {font-size: 2.75rem;}
	.gch-rst__board {margin-top: 1rem;}
	.gch-rst__board > div:before {margin-bottom: 1.5rem;}
	.gch-rst__board > div:after {margin-top: 1.5rem;}
	.gch-rst__detail {font-size: 1rem;}
}