:root{--ink:#463326;--brown:#6b4b35;--gold:#b78343;--paper:#fffaf0;--sage:#dce5cb;--rose:#d99c96;--line:rgba(119,83,54,.2);--serif:"Gowun Batang",Georgia,serif;--sans:"Gowun Dodum",sans-serif;--latin:"DM Sans",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 5%,#fffefa 0,#fff5e9 42%,#ede0c8 100%);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh}
button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b56b5b;outline-offset:4px}img{max-width:100%}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:16px;top:-100px;z-index:1000;background:#fff;padding:12px}.skip:focus{top:10px}
.pg-header{min-height:76px;padding:14px clamp(20px,5vw,80px);display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #8b68501a;background:#fffaf3c7;backdrop-filter:blur(8px)}
.pg-logo{display:flex;align-items:center;gap:10px}.pg-logo b{font-size:22px;font-weight:700}.pg-logo small{font:500 9px var(--latin);letter-spacing:1.6px;display:block;margin-top:2px}.pg-mark{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;background:#c98b71;color:white;font-size:28px}.pg-escape{font-size:13px;border:1px solid var(--line);padding:10px 16px;border-radius:40px;background:#fffaf2}.pg-escape span{margin-left:8px}
main{min-height:80vh}.pg-plaza{padding:36px 18px 90px;text-align:center;max-width:1000px;margin:auto}.pg-overline,.pg-kicker,.pg-eyebrow{font:600 11px var(--latin);letter-spacing:3px;color:#987452}.pg-plaza h1,.pg-game h1{font:700 clamp(34px,5vw,56px)/1.3 var(--serif);margin:8px auto 12px}.pg-plaza h1 em,.pg-game h1 em{font-style:normal;color:#bb806b}.pg-intro{color:#867464;font-size:14px;line-height:1.8;margin:0 auto 27px}
.pg-scene{position:relative;max-width:720px;margin:0 auto;aspect-ratio:9/16;border:8px solid #ecd3a9;border-radius:24px;overflow:hidden;box-shadow:0 25px 60px #5f443c45,0 0 0 2px #ab855b;background:#e8c696}.pg-scene img{display:block;width:100%;height:100%;object-fit:fill;user-select:none;pointer-events:none}
.pg-scene-pick{position:absolute;top:39.3%;height:42.1%;width:32.2%;border:0;border-radius:20px;background:transparent;transition:box-shadow .22s,background .22s,transform .22s}.pg-scene-pick-tarot{left:.5%}.pg-scene-pick-pet{left:33.8%}.pg-scene-pick-rps{left:67%}.pg-scene-pick:hover,.pg-scene-pick:focus-visible{background:#fff9dd22;box-shadow:inset 0 0 0 4px #fff9df,0 0 32px #ffe29888;outline:0;transform:translateY(-3px)}.pg-choice-tiles{max-width:720px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px auto}.pg-choice-tiles button{background:#fffdfa;border:1px solid #dac6ab;border-radius:20px;padding:18px 8px;box-shadow:0 9px 25px #9274581c;display:grid;justify-items:center;gap:5px}.pg-choice-tiles button:hover{transform:translateY(-3px);border-color:#a9805a}.pg-choice-tiles button span{font:normal 28px var(--serif);color:#aa8159}.pg-choice-tiles button strong{font-size:15px}.pg-choice-tiles button small{color:#96836f;font-size:11px}.pg-privacy{font-size:11px;color:#988b79;line-height:1.7}
.pg-game{max-width:1160px;margin:0 auto;padding:26px clamp(18px,4vw,44px) 100px;text-align:center}.pg-game-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:38px}.pg-game-heading>span{font:600 10px var(--latin);letter-spacing:2.1px;color:#8b6b4c}.pg-back{background:transparent;border:0;font-size:13px;color:#70533b;padding:8px 6px}.pg-back:hover{text-decoration:underline}.pg-kicker{color:#b98b5b}.pg-game-lead{font-size:15px;line-height:1.8;color:#8a7667;margin:0 auto 36px}
.pg-tarot{background:radial-gradient(ellipse at 50% 18%,#fff8e9 0%,#f4e6cd 58%,#e3cfb5 100%);max-width:none}.pg-tarot>.pg-game-heading,.pg-tarot>.pg-tarot-layout{max-width:1160px;margin-left:auto;margin-right:auto}.pg-tarot-layout{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,60px);min-height:610px}
.pg-tarot-board{width:100%;margin:0 auto;display:grid;justify-items:center;align-content:center}.pg-state{font-size:13px;color:#8c7356;letter-spacing:.4px;margin:0 0 20px}.pg-tarot-picker{width:100%;display:flex;justify-content:center;align-items:center;gap:clamp(7px,1.9vw,19px);min-height:400px}.pg-tarot-picker button{width:clamp(75px,28%,138px);aspect-ratio:2/3;border-radius:13px;border:3px solid #ad864f;background:radial-gradient(circle,#354461,#10192e);position:relative;box-shadow:0 12px 30px #30314a55,inset 0 0 0 6px #1c223b,inset 0 0 0 8px #d7b471;transition:transform .25s,box-shadow .25s}.pg-tarot-picker button:nth-child(1){transform:rotate(-8deg) translateY(8px)}.pg-tarot-picker button:nth-child(3){transform:rotate(8deg) translateY(8px)}.pg-tarot-picker button:hover,.pg-tarot-picker button:focus-visible{transform:translateY(-12px) scale(1.03);box-shadow:0 17px 35px #3b315f66}.tarot-mini-back{color:#e6c485;font-size:64px;text-shadow:0 0 15px #f7db94}.pg-tarot-picker button::after{content:"✦ ✧ ✦";display:block;position:absolute;bottom:12%;width:100%;color:#c9a56f;font-size:11px;letter-spacing:5px}
.pg-tarot-card{width:min(100%,370px);aspect-ratio:2/3;perspective:1500px;filter:drop-shadow(0 20px 29px #6f462f51)}.pg-tarot-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.pg-tarot-card-inner.revealed{transform:rotateY(180deg)}.pg-face{position:absolute;inset:0;border-radius:19px;overflow:hidden;backface-visibility:hidden}.pg-face-back{background:radial-gradient(circle,#3c4770,#11172c 76%);border:7px ridge #c8a064;outline:1px solid #f7db9a;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;color:#e8c27c;font:500 14px var(--latin);letter-spacing:3px;box-shadow:inset 0 0 0 6px #202e4f,inset 0 0 0 8px #a38850}.pg-face-back:before,.pg-face-back:after{content:"❀ ✦ ❀";position:absolute;left:0;right:0;color:#bfa170}.pg-face-back:before{top:22px}.pg-face-back:after{bottom:22px}.pg-back-letter{font:700 100px var(--serif);text-shadow:0 0 29px #c6a56e}.pg-back-crest{font-size:35px}.pg-face-front{transform:rotateY(180deg);background:#e9c991;border:5px ridge #c79a61}.pg-face-front img{display:block;width:100%;height:100%;object-fit:contain}.pg-card-caption{position:absolute;left:3%;right:3%;bottom:2%;padding:7px 9px 11px;background:linear-gradient(0deg,#fff3d9ed,#fff9e2b9);border:1px solid #b9925f;border-radius:9px;color:#573927;box-shadow:0 -5px 20px #bba06455}.pg-card-caption small{display:block;font:600 13px var(--latin);letter-spacing:2px}.pg-card-caption b{font:700 25px/1.35 var(--serif)}
.pg-tarot-reading{background:#fffaf2de;border:1px solid #d6be9d;border-radius:28px;box-shadow:0 24px 60px #a1845928;min-height:375px;padding:clamp(26px,4vw,53px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px}.pg-reading-emblem{font-size:55px;color:#b99461}.pg-reading-hint{font:700 19px/1.8 var(--serif);color:#8b6e58}.pg-tarot-reading h2{font:700 clamp(26px,3.1vw,40px)/1.4 var(--serif);margin:0}.pg-tarot-reading #tarot-message{font:500 clamp(16px,1.7vw,19px)/2 var(--serif);color:#6a5341;margin:8px 0}.pg-tarot-disclaimer{font-size:11px;line-height:1.8;color:#a7957e;margin:12px auto}.pg-button{background:#6c4c3f;color:#fff9ef;border:1px solid #9b7553;border-radius:40px;padding:12px 22px}.pg-button:hover{background:#473126}.pg-bottom-note{color:#927e68;font-size:12px;margin:40px auto 0}
.pg-pet-stage{width:min(100%,830px);height:clamp(280px,57vw,520px);border:7px solid #eee1c6;border-radius:26px;position:relative;margin:0 auto;background:#f1e0b8;box-shadow:0 15px 45px #85685133;overflow:hidden}.pg-pet-stage img{width:100%;height:100%;object-fit:cover;display:block}.pg-pet-stage.touched img{animation:pg-tilt .8s ease-in-out}.pg-pet-spark{position:absolute;left:50%;top:33%;transform:translate(-50%,15px) scale(.5);opacity:0;font-size:50px;color:#fbc9bc;text-shadow:0 0 14px #fff}.pg-pet-stage.touched .pg-pet-spark{animation:pg-spark 1.2s ease-out}.pg-pet-bubble{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);max-width:85%;background:#fffbf1f1;border:1px solid #cbac85;border-radius:40px;padding:12px 23px;font:700 18px/1.5 var(--serif);box-shadow:0 6px 24px #55433144}.pg-pet-dashboard{max-width:830px;margin:24px auto;background:#fffaf1;border:1px solid #dfc9a6;border-radius:24px;padding:clamp(21px,4vw,45px);text-align:left;box-shadow:0 15px 40px #94735518}.pg-pet-title-row{display:flex;justify-content:space-between;align-items:center}.pg-pet-title-row h2{font:700 31px var(--serif);margin:10px 0 24px}.pg-pet-title-row h2 small{font:500 13px var(--sans);color:#9e8b77}.pg-level{border-radius:16px;border:1px solid #d8bb89;padding:12px 16px;text-align:center;font:700 12px var(--latin);background:#f8eddb}.pg-level strong{font-size:27px}.pg-level small{display:block;color:#91755d}.pg-meter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pg-meter-grid>div{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:12px;color:#917663}.pg-meter-grid progress{grid-column:1/-1;width:100%;height:13px;accent-color:#be9685}.pg-pet-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:27px auto 16px}.pg-pet-actions button{display:grid;justify-items:center;gap:8px;border:1px solid #dfccb4;border-radius:18px;padding:17px 7px;background:#fffefa;box-shadow:0 5px 0 #ebdfc9}.pg-pet-actions button span{font-size:33px}.pg-pet-actions button strong{font-size:14px}.pg-pet-actions button small{font-size:11px;color:#8b7e6b}.pg-pet-actions button:active{transform:translateY(4px);box-shadow:0 1px 0 #ebdfc9}.pg-pet-note{font-size:11px;color:#988772;line-height:1.8}
.pg-rps-stage{max-width:800px;margin:auto;background:linear-gradient(140deg,#f7e7d0,#fff8eb,#e6e8d7);border:1px solid #d8b893;border-radius:28px;padding:clamp(26px,5vw,65px);box-shadow:0 20px 50px #89675033}.pg-rps-arena{display:flex;align-items:center;justify-content:center;gap:clamp(14px,5vw,58px);padding:24px 0}.pg-rps-player{display:grid;gap:12px;min-width:110px}.pg-rps-player small{font-size:14px;color:#916947}.pg-rps-gesture{font-size:clamp(55px,8vw,94px);width:clamp(115px,18vw,180px);height:clamp(115px,18vw,180px);border-radius:30px;border:2px solid #ddbd94;box-shadow:0 12px 35px #b49c7942;display:grid;place-items:center;background:#fffef9}.pg-rps-vs{font:600 17px var(--latin);color:#ac8962}.pg-rps-stage #rps-result{font:700 clamp(18px,3vw,25px)/1.7 var(--serif);min-height:47px;margin:20px auto}.pg-rps-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pg-rps-buttons button{border-radius:20px;border:1px solid #d4ae85;background:#fffdf6;padding:19px 7px;display:grid;gap:4px}.pg-rps-buttons button:hover,.pg-rps-buttons button:focus-visible{background:#f9e9cc;transform:translateY(-3px)}.pg-rps-buttons button span{font-size:39px}.pg-rps-buttons button strong{font-size:16px}.pg-rps-score{margin:32px auto 0;border-top:1px solid #dec7a8;padding-top:23px;display:flex;justify-content:space-evenly;font-size:13px;color:#88745d}.pg-rps-score b{font:700 18px var(--latin);color:#62412b;margin-left:8px}
.pg-footer{text-align:center;padding:38px 16px 50px;border-top:1px solid var(--line);background:#fff9ee;color:#8d7560}.pg-footer p{font:700 17px var(--serif)}.pg-footer small{font:600 10px var(--latin);letter-spacing:1.6px}.pg-toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,30px);background:#49372f;color:#fff7eb;border-radius:40px;padding:13px 25px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;max-width:90vw;text-align:center}.pg-toast.shown{opacity:1;transform:translate(-50%,0)}
@keyframes pg-spark{0%{transform:translate(-50%,15px) scale(.5);opacity:0}30%{opacity:1}100%{transform:translate(-50%,-65px) scale(1.5);opacity:0}}@keyframes pg-tilt{0%,100%{transform:none}30%{transform:rotate(-2deg) scale(1.02)}70%{transform:rotate(2deg) scale(1.015)}}
@media(max-width:800px){.pg-tarot-layout{grid-template-columns:1fr;min-height:0;gap:25px}.pg-tarot-reading{max-width:580px;margin:auto;width:100%;min-height:250px}.pg-tarot-picker{min-height:270px}.pg-tarot-card{width:min(70vw,340px)}.pg-game{padding-top:22px}}
@media(max-width:560px){.pg-header{min-height:68px;padding:12px 15px}.pg-logo b{font-size:19px}.pg-logo small{font-size:8px}.pg-escape{font-size:11px;padding:9px 11px}.pg-plaza{padding:24px 9px 65px}.pg-overline{font-size:9px}.pg-plaza h1{margin:6px auto 8px}.pg-intro{font-size:12px}.pg-scene{border-width:4px;border-radius:10px}.pg-scene-pick{border-radius:10px}.pg-choice-tiles{gap:6px;margin:17px 3px}.pg-choice-tiles button{border-radius:13px;padding:12px 2px}.pg-choice-tiles button strong{font-size:12px}.pg-choice-tiles button small{font-size:10px}.pg-game{padding:20px 14px 60px}.pg-game-heading{margin-bottom:26px}.pg-game-heading>span{font-size:9px}.pg-game-lead{font-size:13px}.pg-tarot-card{width:min(76vw,315px)}.pg-tarot-picker{min-height:245px}.pg-tarot-picker button{width:28%}.tarot-mini-back{font-size:38px}.pg-tarot-reading{border-radius:20px;padding:26px 20px}.pg-pet-stage{border-radius:15px;border-width:4px;height:330px}.pg-pet-bubble{font-size:14px;white-space:normal;bottom:14px;padding:10px 15px}.pg-pet-dashboard{padding:22px 15px;border-radius:17px}.pg-pet-title-row h2{font-size:23px}.pg-meter-grid{gap:8px}.pg-meter-grid>div{font-size:11px}.pg-pet-actions{gap:7px}.pg-pet-actions button{padding:11px 2px;border-radius:12px}.pg-pet-actions button span{font-size:28px}.pg-pet-actions button strong{font-size:12px}.pg-pet-actions button small{font-size:9px}.pg-rps-stage{padding:20px 12px}.pg-rps-arena{gap:8px}.pg-rps-gesture{width:102px;height:110px;font-size:57px;border-radius:19px}.pg-rps-buttons{gap:7px}.pg-rps-buttons button{padding:11px 3px;border-radius:13px}.pg-rps-buttons button span{font-size:29px}.pg-rps-buttons button strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* HAEMUNGI playground 2.0: original illustrations remain intact */
.pg-pet-stage{aspect-ratio:3/2;height:auto;min-height:245px;isolation:isolate}
.pg-pet-stage>img{object-fit:contain}
.pg-pet-daylight{position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,#fff6d822 1%,transparent 55%);mix-blend-mode:screen;animation:pgDaylight 10s ease-in-out infinite alternate}
.pg-pet-stage.pg-night .pg-pet-daylight{background:linear-gradient(140deg,#1b244555,#4b32541f 70%);mix-blend-mode:multiply}
.pg-pet-stage.pg-morning .pg-pet-daylight{background:linear-gradient(135deg,#fff2b24a,transparent 75%)}
.pg-pet-time{position:absolute;top:17px;left:18px;z-index:2;background:#fff9ecdc;color:#704f39;border:1px solid #fff8ed;border-radius:30px;padding:8px 14px;box-shadow:0 5px 22px #56402930;font-size:12px;font-weight:700;backdrop-filter:blur(5px)}
.pg-pet-decoration{position:absolute;right:6%;top:10%;font-size:clamp(20px,4vw,43px);letter-spacing:18px;color:#fef6d9;text-shadow:0 0 8px #c58e4d,0 3px 13px #73573a;pointer-events:none;animation:pgDecorDrift 5s ease-in-out infinite alternate}
.pg-pet-touch{position:absolute;left:50%;bottom:20%;transform:translateX(-50%);z-index:2;border:1px solid #e7c49c;border-radius:40px;background:#fffaf0e8;color:#ad7166;box-shadow:0 6px 18px #67493240;padding:8px 13px;display:flex;gap:6px;align-items:center;font-weight:700;backdrop-filter:blur(5px)}
.pg-pet-touch span{font-size:12px;color:#624838}
.pg-pet-touch:hover,.pg-pet-touch:focus-visible{background:#fff;box-shadow:0 0 0 5px #ffffff77,0 8px 20px #67493250}
.pg-pet-bubble{z-index:2;bottom:12px;min-width:140px;max-width:76%;padding:9px 14px;border-color:#e2c5ac;font-size:clamp(12px,2.5vw,16px)}
.pg-pet-spark{z-index:3}
.pg-pet-butterfly{position:absolute;z-index:5;border:2px solid #fff5d3;border-radius:50%;background:#fff8e8e8;width:60px;height:60px;font-size:37px;display:grid;place-items:center;box-shadow:0 10px 30px #5f503455;transition:left .15s,top .15s}
.pg-pet-butterfly.flutter{animation:pgButterflyFloat .6s ease-in-out infinite alternate}
.pg-pet-stage.is-playing>img{animation:pgBreathe .8s ease-in-out}
.pg-pet-stage.is-resting .pg-pet-daylight{animation:pgRest 1.2s ease-in-out}
.pg-pet-stage.is-fed .pg-pet-decoration{animation:pgDecorPop .9s ease-out}
.pg-pet-stage.is-petted .pg-pet-spark{animation:pg-spark 1.3s ease-out}
.pg-pet-affection{background:linear-gradient(120deg,#fff3e7,#f6ecdd);border-radius:16px;padding:17px 20px;display:grid;grid-template-columns:1fr auto;gap:7px 10px;margin:0 0 24px;font-size:13px;color:#8f7059}
.pg-pet-affection strong{color:#a46a62}
.pg-bond-track{height:8px;border-radius:30px;background:#e6d7c6;grid-column:1/-1;overflow:hidden}
.pg-bond-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#e3b4a2,#bc8c89);border-radius:30px;transition:width .45s ease}
.pg-pet-affection small{grid-column:1/-1;font-size:11px;color:#917a63}
.pg-pet-progress-note{font-size:12px;color:#967a61;margin:11px 0 25px;text-align:center}
.pg-pet-mission,.pg-pet-cupboard,.pg-pet-memories{border:1px solid #e3d0b5;border-radius:20px;padding:24px;margin:17px auto;background:linear-gradient(145deg,#fffdf7,#fff5e9)}
.pg-pet-mission{display:grid;grid-template-columns:1fr auto;gap:13px;align-items:center}
.pg-pet-mission h3,.pg-pet-cupboard h3,.pg-pet-memories h3{font:700 23px/1.4 var(--serif);margin:8px 0}
.pg-pet-mission p,.pg-pet-cupboard p{font-size:13px;color:#826b59;line-height:1.7;margin:6px 0}
.pg-pet-quest{border:1px solid #af8771;border-radius:40px;padding:12px 18px;background:#70523e;color:#fff8ed;white-space:nowrap}
.pg-pet-quest:hover{background:#4f392d}
.pg-pet-quest:disabled{opacity:.55;cursor:wait}
.pg-pet-quest-status{grid-column:1/-1;border-top:1px solid #e4d6c6;padding-top:10px;color:#987969;font-size:12px;line-height:1.6}
.pg-pet-decor-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.pg-pet-decor-buttons button{border:1px solid #dec5aa;background:#fffdf9;color:#73513e;border-radius:40px;padding:10px 15px;font-size:13px}
.pg-pet-decor-buttons button[aria-pressed=true]{background:#c98b76;color:#fff;border-color:#b97c68}
.pg-pet-decor-buttons button:disabled{opacity:.43;cursor:not-allowed}
.pg-pet-decor-buttons small{font-size:10px;margin-left:4px}
.pg-pet-memories ul{list-style:none;margin:15px 0 0;padding:0;display:grid;gap:9px}
.pg-pet-memories li{display:flex;align-items:baseline;gap:14px;background:#fffaf1;border:1px solid #e8d8c6;border-radius:12px;padding:11px 13px;font-size:13px;color:#624b3c}
.pg-pet-memories time{font:600 11px var(--latin);color:#ad8a78;white-space:nowrap}
.pg-pet-note{line-height:1.8}
.pg-rps-stage{position:relative;overflow:hidden}
.pg-rps-stage:before{content:"✦ ✧ ✦";position:absolute;top:32%;right:-40px;opacity:0;font-size:58px;color:#dcac78;pointer-events:none}
.pg-rps-stage.is-firework:before{animation:pgConfetti 1.2s ease-out}
.pg-rps-matchtop{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;text-align:left;padding:15px 20px;margin:0 0 12px;border:1px solid #e4caab;border-radius:24px;background:linear-gradient(125deg,#fff7e8,#f9e6d6)}
.pg-rps-character{width:138px;min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transform-origin:center bottom}
.pg-rps-character img{display:block;width:118px;height:118px;object-fit:contain;border-radius:16px;background:#f6e4d1;box-shadow:0 5px 20px #ad87631f}
.pg-rps-character span{font:700 13px/1.4 var(--serif);color:#936f5c;text-align:center}
.pg-rps-character.is-sulking{animation:pgSulk .7s ease-out both}
.pg-rps-character.is-cheering{animation:pgCheer .75s ease-out both}
.pg-rps-character.is-twinning{animation:pgTwin .6s ease}
.pg-rps-matchcard p{color:#9b775e;font-size:14px;margin:8px 0 4px}
.pg-rps-matchscore{display:flex;align-items:center;gap:20px;font:700 36px var(--serif)}
.pg-rps-matchscore span{font-size:18px;color:#ad9479}
.pg-rps-matchscore strong:first-child{color:#b77d68}
.pg-rps-rounds{font-size:12px;color:#9e8168}
.pg-rps-arena{padding:14px 0 4px}
.pg-rps-stage.is-counting .pg-rps-gesture{animation:pgCount .35s ease-in-out infinite alternate}
.pg-rps-stage.is-revealing .pg-rps-gesture{animation:pgReveal .45s ease both}
.pg-rps-buttons button:disabled{opacity:.55;cursor:wait;transform:none}
.pg-rps-controls{display:flex;justify-content:center;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}
.pg-rps-again,.pg-rps-sound{border:1px solid #c7a88f;border-radius:30px;padding:11px 19px;background:#fff9ee;color:#795741}
.pg-rps-again{background:#674c3d;color:#fff9ed}
.pg-rps-again:hover{background:#473629}
.pg-rps-score{flex-wrap:wrap;gap:11px 18px;margin-top:22px}
.pg-rps-caption{color:#9c8a75;font-size:11px;line-height:1.5;margin-top:18px}
.pg-rps-stage #rps-result{margin:12px auto;min-height:43px}
.pg-rps-player small{font-weight:700}
.pg-rps-buttons button{box-shadow:0 5px 0 #e2cdb6}
.pg-rps-buttons button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #e2cdb6}
@keyframes pgDaylight{from{opacity:.35}to{opacity:.85}}
@keyframes pgDecorDrift{from{transform:translateY(0)}to{transform:translateY(-10px)}}
@keyframes pgDecorPop{0%{transform:scale(.8);opacity:.2}45%{transform:scale(1.2);opacity:1}100%{transform:scale(1)}}
@keyframes pgBreathe{0%,100%{transform:scale(1)}45%{transform:scale(1.018)}}
@keyframes pgRest{0%{opacity:.95}50%{opacity:.15}100%{opacity:.9}}
@keyframes pgButterflyFloat{from{transform:rotate(-12deg) translateY(5px)}to{transform:rotate(12deg) translateY(-6px)}}
@keyframes pgSulk{30%{transform:rotate(-9deg) translateY(5px)}100%{transform:rotate(-5deg)}}
@keyframes pgCheer{0%,100%{transform:none}35%,75%{transform:translateY(-9px) rotate(6deg)}}
@keyframes pgTwin{25%,75%{transform:rotate(6deg)}50%{transform:rotate(-6deg)}}
@keyframes pgCount{from{transform:rotate(-9deg) translateY(0)}to{transform:rotate(9deg) translateY(-7px)}}
@keyframes pgReveal{0%{transform:scale(.5) rotateY(95deg)}80%{transform:scale(1.06)}100%{transform:none}}
@keyframes pgConfetti{0%{opacity:0;transform:translateY(45px) scale(.6)}40%{opacity:1}100%{opacity:0;transform:translateY(-100px) scale(1.35)}}
@media(max-width:560px){
 .pg-pet-stage{height:auto;aspect-ratio:3/2;min-height:0;border-width:4px}
 .pg-pet-time{top:8px;left:8px;font-size:10px;padding:5px 9px}
 .pg-pet-decoration{font-size:21px;letter-spacing:3px;top:11%;right:4%}
 .pg-pet-touch{bottom:19%;padding:5px 9px;font-size:12px}
 .pg-pet-touch span{font-size:10px}
 .pg-pet-bubble{bottom:6px;max-width:82%;padding:5px 9px;font-size:11px;line-height:1.35}
 .pg-pet-butterfly{width:52px;height:52px;font-size:29px}
 .pg-pet-dashboard{margin-top:13px}
 .pg-pet-affection{padding:12px}
 .pg-pet-mission,.pg-pet-cupboard,.pg-pet-memories{padding:17px 14px;border-radius:14px}
 .pg-pet-mission{grid-template-columns:1fr}
 .pg-pet-quest{justify-self:start}
 .pg-pet-mission h3,.pg-pet-cupboard h3,.pg-pet-memories h3{font-size:20px}
 .pg-pet-memories li{display:grid;gap:4px}
 .pg-rps-matchtop{grid-template-columns:90px 1fr;gap:9px;padding:9px;border-radius:15px}
 .pg-rps-character{width:88px;min-height:115px}
 .pg-rps-character img{width:78px;height:78px}
 .pg-rps-character span{font-size:9px}
 .pg-rps-matchcard p{font-size:11px;margin:5px 0}
 .pg-rps-matchscore{font-size:29px;gap:13px}
 .pg-rps-rounds{font-size:10px}
 .pg-rps-gesture{width:98px;height:100px;font-size:53px}
 .pg-rps-score{font-size:11px}
 .pg-rps-caption{margin-top:14px}
 .pg-rps-stage{padding:15px 10px 20px}
 .pg-rps-buttons button{padding:12px 3px}
}