#guideDialog{padding:0;width:min(760px,92vw);overflow:hidden;background:#fff8f3;display:none;grid-template-columns:42% 58%;border-radius:30px}#guideDialog[open]{display:grid}.guide-skip{position:absolute;right:22px;top:18px;z-index:2;font-size:11px;color:#9c8680}.guide-visual{min-height:430px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#fff7ef,#eac4bd 45%,#c88d8e);overflow:hidden}.guide-visual>span{position:absolute;left:28px;top:24px;color:#fff9f4aa;font:600 60px/1 serif}.guide-visual>b{position:relative;z-index:2;width:135px;height:135px;border-radius:50%;display:grid;place-items:center;background:#fff8f0d9;color:#a86c70;font:58px/1 serif;box-shadow:0 25px 70px #87595944}.guide-visual i{position:absolute;width:250px;height:250px;border:1px solid #fff9f477;border-radius:50%;animation:guidePulse 4s infinite}.guide-visual i:nth-of-type(2){width:340px;height:340px;animation-delay:1s}.guide-visual i:nth-of-type(3){width:430px;height:430px;animation-delay:2s}.guide-copy{padding:75px 55px 45px;display:flex;flex-direction:column}.guide-copy h2{font-family:serif;margin:18px 0 8px}.guide-copy p{font-size:14px;color:#765d57}.guide-copy small{display:block;margin-top:10px;padding:12px 14px;border-left:2px solid #c28a89;color:#9b8078;background:#f5e8e2}.guide-progress{display:flex;gap:7px;margin-top:auto}.guide-progress span{width:23px;height:3px;background:#dfcbc4;border-radius:5px}.guide-progress span.on{width:46px;background:#ab6d72}.guide-copy .primary{width:100%;margin-top:20px}.yuni-pet{position:fixed;right:18px;bottom:20px;z-index:12;display:flex;align-items:flex-end;filter:drop-shadow(0 10px 15px #74504328);transition:.25s}.pet-body{width:105px;height:105px;padding:0;position:relative;animation:petFloat 3.5s ease-in-out infinite}.pet-body img{width:100%;height:100%;object-fit:contain}.pet-body i{position:absolute;width:9px;height:9px;background:#f6a2a6;border-radius:50%;right:11px;top:13px;box-shadow:0 0 0 6px #f6a2a622;animation:petPing 2s infinite}.pet-note{position:absolute;right:85px;bottom:75px;width:205px;padding:14px 15px;background:#fffaf5;border:1px solid #e8d4cb;border-radius:18px 18px 3px 18px;display:none;box-shadow:0 12px 35px #76534b20}.yuni-pet.open .pet-note{display:grid;gap:5px;animation:arrive .2s}.pet-note b{font-size:12px}.pet-note span{font-size:11px;line-height:1.7;color:#907870}.pet-note button{justify-self:end;font-size:10px;color:#a45f68}.pet-close{position:absolute;right:-5px;top:1px;width:22px;height:22px;background:#fff9f4;border:1px solid #ead8d1;border-radius:50%;font-size:12px}.yuni-pet.hidden{transform:translateX(130%)}@keyframes guidePulse{50%{transform:scale(1.06);opacity:.5}}@keyframes petFloat{50%{transform:translateY(-7px) rotate(1deg)}}@keyframes petPing{50%{transform:scale(.65);opacity:.5}}@media(max-width:1100px){.yuni-pet{bottom:75px}}@media(max-width:650px){#guideDialog[open]{display:block}.guide-visual{min-height:205px}.guide-visual>b{width:95px;height:95px;font-size:40px}.guide-visual>span{font-size:42px}.guide-copy{padding:32px 28px 28px;min-height:355px}.guide-copy h2{font-size:23px}.guide-copy p{font-size:13px}.yuni-pet{right:5px;bottom:68px}.pet-body{width:76px;height:76px}.pet-note{right:60px;bottom:55px;width:190px}.pet-close{right:0}}