.pgi-overlay{position:fixed;inset:0;background:rgba(30,20,10,.5);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:3000;padding:20px}.pgi-detail-overlay{z-index:3001}.pgi-box{background:#fff9f2;border-radius:40px;padding:30px 26px 26px;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:pgi-pop .4s cubic-bezier(.34,1.56,.64,1);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pgi-detail-box{max-width:460px}.pgi-title{font-size:1.6rem;color:#b4512b;margin-bottom:14px;line-height:1.3}.pgi-body{font-size:1.02rem;color:#6b3f2b;line-height:1.55;margin-bottom:14px}.pgi-extra{background:#ffe3d0;border-radius:20px;padding:12px 14px;margin-bottom:16px;font-size:.95rem;font-weight:700;color:#8f5e3c;line-height:1.5}.pgi-btn{display:block;width:100%;border:none;border-radius:60px;padding:14px 20px;min-height:48px;font-size:1.15rem;font-weight:700;cursor:pointer;font-family:inherit;transition:.08s linear}.pgi-btn+.pgi-btn{margin-top:10px}.pgi-how{background:#ff8a5c;color:#fff;box-shadow:0 6px 0 rgba(0,0,0,.2)}.pgi-how:hover{filter:brightness(1.1)}.pgi-how:active{transform:translateY(6px);box-shadow:0 0 0 rgba(0,0,0,.2)}.pgi-later{background:#f0e6d8;color:#6b3f2b;box-shadow:0 4px 0 #c4b5a0}.pgi-later:hover{filter:brightness(1.02)}.pgi-later:active{transform:translateY(4px);box-shadow:0 0 0 rgba(0,0,0,.2)}.pgi-ok{background:#6bcb77;color:#fff;box-shadow:0 6px 0 rgba(0,0,0,.2)}.pgi-ok:hover{filter:brightness(1.1)}.pgi-ok:active{transform:translateY(6px);box-shadow:0 0 0 rgba(0,0,0,.2)}.pgi-btn:focus-visible{outline:3px solid #a29bfe;outline-offset:2px}.pgi-detail-title{font-size:1.5rem;color:#b4512b;margin-bottom:12px;line-height:1.3}.pgi-detail-text{font-size:1rem;color:#6b3f2b;line-height:1.55;margin-bottom:10px;text-align:left}.pgi-detail-same{font-size:1rem;font-weight:700;color:#ff6b6b;margin-bottom:12px}.pgi-detail-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left}.pgi-detail-list li{display:flex;gap:8px;align-items:flex-start;font-size:.98rem;color:#6b3f2b;line-height:1.45}.pgi-detail-list li:before{content:"•";color:#ff8a5c;font-weight:800}.pgi-detail-explain{background:#fff3e2;border-radius:16px;padding:10px 12px;font-size:.95rem;color:#8f5e3c;line-height:1.5;margin-bottom:12px;text-align:left}.pgi-detail-site{font-size:.95rem;font-weight:700;color:#3f9a4a;margin-bottom:14px;word-break:break-word}@keyframes pgi-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:400px){.pgi-box{padding:26px 20px 22px;border-radius:32px}.pgi-title{font-size:1.35rem}.pgi-detail-title{font-size:1.25rem}}