/* GACHA: isolated styles, safe for existing comic/light themes */
.gacha-page{max-width:820px;margin:auto;padding-bottom:110px!important;color:#192138!important}
.gacha-hero{position:relative;overflow:hidden;text-align:center;margin:10px 0 22px;padding:28px 22px 34px;border:3px solid #192138;border-radius:27px;background:radial-gradient(circle at 85% 8%,#ffffff80 0 7%,transparent 8%),linear-gradient(125deg,#377cf7,#6d63ee 58%,#d856b2);color:#fff;box-shadow:5px 6px 0 #192138}
.gacha-back{position:absolute;top:13px;left:14px;font-weight:850;color:#fff!important;font-size:12px;text-decoration:none!important;padding:7px;border-radius:12px;background:#ffffff20}
.gacha-hero-tag{display:inline-flex;align-items:center;gap:7px;background:#ffe15a;border:2px solid #192138;color:#192138;border-radius:999px;padding:6px 15px;font-weight:1000;font-size:11px;margin:20px 0 10px;box-shadow:2px 3px 0 #192138}
.gacha-hero h1{font-family:'Bangers','Nunito',sans-serif;font-size:clamp(42px,9vw,71px);letter-spacing:2px;line-height:1.05;text-shadow:3px 4px 0 #192138;margin:0 0 10px}
.gacha-hero h1 em{font-style:normal;color:#ffe15a}
.gacha-hero p{max-width:420px;margin:auto;font-size:13px;font-weight:800;line-height:1.5;color:#fff}
.gacha-floating{position:absolute;color:#fff87b;opacity:.8;font-size:25px;pointer-events:none;animation:gachaFloat 3s ease-in-out infinite}
.gacha-floating-a{left:8%;bottom:12%}.gacha-floating-b{right:7%;top:21%;animation-delay:-1.3s}
.gacha-stage{padding:27px 16px 22px;border:3px solid #192138;border-radius:27px;background:#fff;box-shadow:5px 7px 0 #192138;text-align:center;position:relative}
.gacha-lightrow{color:#ffbc30;letter-spacing:25px;font-size:24px;white-space:nowrap;overflow:hidden}
.gacha-lightrow span{color:#f15d9f}
.gacha-machine{position:relative;width:min(100%,295px);margin:12px auto 20px;padding:18px 20px 21px;border:5px solid #192138;border-radius:34px;background:linear-gradient(135deg,#f55d9e,#f2476a);box-shadow:6px 8px 0 #ffc933,inset 0 0 0 6px #ffb4cf;overflow:hidden;transition:transform .24s ease}
.gacha-machine::before{content:'';position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 40%,#ffffff45 49%,transparent 58%);transform:translateX(-130%) rotate(-15deg);animation:gachaShine 5s linear infinite;pointer-events:none}
.gacha-machine-top,.gacha-machine-foot{position:relative;z-index:1;color:#fff;text-shadow:2px 2px 0 #a91f48;font-size:17px;letter-spacing:1px;font-weight:1000;display:flex;gap:14px;align-items:center;justify-content:center}
.gacha-machine-top i,.gacha-machine-foot i{color:#ffde57}.gacha-machine-foot{font-size:12px;margin-top:12px}
.gacha-orb{display:grid;place-items:center;width:145px;height:145px;margin:17px auto;border-radius:50%;border:6px solid #192138;background:linear-gradient(145deg,#d1f4ff,#8ad5ff);box-shadow:inset -8px -11px 0 #6ca4ee,3px 5px 0 #192138;animation:gachaFloat 3s ease-in-out infinite}
.gacha-orb-inner{font-size:60px;color:#334fee;filter:drop-shadow(3px 4px 0 #1d2e59)}
.gacha-slots{display:flex;gap:8px;justify-content:center}.gacha-slots span{display:grid;place-items:center;background:#fff8cc;border:3px solid #192138;border-radius:8px;width:56px;height:51px;font:900 35px 'Nunito',sans-serif;color:#29334f;box-shadow:2px 3px 0 #192138}
.gacha-machine.is-spinning{animation:gachaWobble .28s ease-in-out infinite alternate}.gacha-machine.is-spinning .gacha-orb{animation:gachaOrbSpin .6s linear infinite}.gacha-machine.is-spinning .gacha-slots span{animation:gachaReel .19s linear infinite alternate}.gacha-machine.is-spinning .gacha-slots span:nth-child(2){animation-delay:.07s}.gacha-machine.is-spinning .gacha-slots span:nth-child(3){animation-delay:.11s}
.gacha-machine.is-winner{box-shadow:6px 8px 0 #39d6a0,inset 0 0 0 6px #ffb4cf}
.gacha-result{min-height:96px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;color:#192138}
.gacha-result-emoji{font-size:27px;color:#21ac78;animation:gachaPop .5s cubic-bezier(.2,1.8,.3,1) both}.gacha-result h2{font-size:clamp(20px,5vw,27px);line-height:1.3;font-weight:1000;margin:0}.gacha-result p{margin:0;font-size:13px;color:#56637d}.gacha-result p strong{font-size:18px;color:#175bcc}
.gacha-play{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;margin:16px auto 10px;padding:16px 14px;width:min(100%,430px);border:3px solid #192138;border-radius:17px;background:#ffdd39!important;color:#192138!important;box-shadow:3px 5px 0 #192138;font:1000 16px 'Nunito',sans-serif;cursor:pointer;transition:transform .16s,box-shadow .16s}
.gacha-play:not(:disabled){animation:gachaPulse 3s ease-in-out infinite}
.gacha-play:not(:disabled):active{transform:translateY(3px);box-shadow:1px 1px 0 #192138}
.gacha-play:disabled{background:#e9edf5!important;color:#617087!important;cursor:not-allowed;box-shadow:2px 3px 0 #192138;animation:none}
.gacha-countdown{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:12px;color:#657189}.gacha-countdown strong{color:#284ddd;font-size:14px;font-variant-numeric:tabular-nums}
.gacha-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 15px}.gacha-info{padding:17px 9px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;background:#fff;border:3px solid #192138;border-radius:17px;box-shadow:2px 4px 0 #192138}.gacha-info>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ffe36b;color:#192138;font-size:19px}.gacha-info:nth-child(2)>span{background:#ffd0e4}.gacha-info:nth-child(3)>span{background:#cbecff}.gacha-info small{font-size:11px;color:#536079;font-weight:800}.gacha-info b{font-size:clamp(13px,3.2vw,18px);font-weight:1000;word-break:break-word}
.gacha-rules{font-size:12px;color:#46526a;line-height:1.65;margin:14px 0;padding:14px 17px;background:#e9f1ff;border:2px dashed #8da7dd;border-radius:12px}.gacha-deposit-link{display:flex;align-items:center;gap:10px;font-weight:900;color:#19375b!important;margin:16px 0;text-decoration:none!important}.gacha-deposit-link i:last-child{margin-left:auto}
.gacha-admin-preview{border-radius:14px;border:2px dashed #2f69ed;background:#e7eeff;padding:14px;margin:6px 0 20px;color:#253b67;font-size:12px;line-height:1.6}
@media(max-width:390px){.gacha-lightrow{letter-spacing:13px}.gacha-info-grid{gap:7px}.gacha-info{padding:13px 5px}.gacha-info>span{width:36px;height:36px}.gacha-page{padding-left:12px!important;padding-right:12px!important}.gacha-play{font-size:13px}}
@keyframes gachaFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(3deg)}}
@keyframes gachaShine{0%{transform:translateX(-130%) rotate(-15deg)}40%,100%{transform:translateX(130%) rotate(-15deg)}}
@keyframes gachaWobble{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
@keyframes gachaOrbSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes gachaReel{from{transform:translateY(-5px);filter:blur(1px)}to{transform:translateY(5px);filter:blur(2px)}}
@keyframes gachaPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.07)}}
@keyframes gachaPop{0%{transform:scale(.1);opacity:0}80%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.gacha-floating,.gacha-orb,.gacha-machine::before,.gacha-play:not(:disabled),.gacha-machine.is-spinning,.gacha-machine.is-spinning *{animation:none!important}}

/* Widget discoverability on homepage */
html[data-design] body .pop-gacha-banner{display:flex!important;align-items:center!important;gap:13px!important;margin:16px 0 25px!important;min-height:100px!important;padding:16px!important;border:3px solid #192138!important;border-radius:22px!important;background:linear-gradient(110deg,#fff8dd,#ffe09a)!important;color:#192138!important;box-shadow:3px 5px 0 #192138!important;text-decoration:none!important;transition:transform .2s!important}
html[data-design] body .pop-gacha-banner:hover{transform:translateY(-3px)!important}
html[data-design] body .pop-gacha-icon{display:grid;place-items:center;flex-shrink:0;width:61px;height:61px;border:2px solid #192138;border-radius:15px;background:#ff8cb4;color:#fff;font-size:29px;animation:accountGiftBop 2.4s ease-in-out infinite}
html[data-design] body .pop-gacha-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
html[data-design] body .pop-gacha-copy strong{font-size:clamp(16px,4vw,21px);font-weight:1000;line-height:1.3}
html[data-design] body .pop-gacha-copy small{font-size:12px;line-height:1.5;color:#59637a}
html[data-design] body .pop-gacha-arrow{font-size:19px;flex-shrink:0}
@media(prefers-reduced-motion:reduce){html[data-design] body .pop-gacha-icon{animation:none!important}}