:root{--peach:#ee8a52;--cream:#ffe7b6;--cream-shadow:#e8bd80;--ink:#2d222b;--green:#438f55;--green-dark:#236037;--red:#c84a4e;--red-dark:#823137;--rose:#dc6a78;--purple:#5c4c9a}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;background:var(--peach);font-family:'Pixelify Sans',system-ui,sans-serif}.scene{position:relative;width:100vw;height:100vh;min-height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 48%,#ffe8ba 0 22%,#f5ca8e 64%,#dc814e 100%)}.heart-wall{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(circle at 50% 33%,#e3ad70 0 7px,transparent 8px),linear-gradient(135deg,transparent 48%,#e3ad70 49% 58%,transparent 59%),linear-gradient(45deg,transparent 48%,#e3ad70 49% 58%,transparent 59%);background-size:48px 48px;mask-image:linear-gradient(#0009,#0003)}.heart-wall:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 33% 33%,#e3ad70 0 7px,transparent 8px),radial-gradient(circle at 67% 33%,#e3ad70 0 7px,transparent 8px);background-size:48px 48px}.pixel-stars{position:absolute;inset:0;color:#fffbe5;font-family:'Press Start 2P',monospace;font-size:22px;text-shadow:3px 3px #e58a50}.pixel-stars i{position:absolute;font-style:normal;animation:twinkle 2.6s steps(2,end) infinite}.pixel-stars i:nth-child(1){left:10%;top:10%}.pixel-stars i:nth-child(2){left:25%;top:31%;animation-delay:.5s}.pixel-stars i:nth-child(3){left:67%;top:10%;animation-delay:1s}.pixel-stars i:nth-child(4){right:12%;top:28%;animation-delay:1.5s}.pixel-stars i:nth-child(5){left:16%;bottom:16%;animation-delay:1.9s}.pixel-stars i:nth-child(6){right:24%;bottom:19%;animation-delay:.8s}.pixel-stars i:nth-child(7){right:8%;bottom:38%;animation-delay:1.2s}.pixel-stars i:nth-child(8){left:38%;top:13%;animation-delay:2.1s}.corner-bows{position:absolute;right:3vw;top:2vh;color:#fff0c4;font-size:clamp(1.1rem,2.8vw,2.1rem);filter:drop-shadow(3px 3px #9f4a4d);letter-spacing:-.4rem;white-space:nowrap}.side-stamps{position:absolute;left:2.5vw;top:22%;display:grid;gap:11px}.side-stamps span{display:grid;place-items:center;width:50px;height:50px;border:4px solid #fff0cf;background:#ed8449;box-shadow:4px 4px #a64c4c;color:#fff0c7;font-family:'Press Start 2P';font-size:1rem}.side-stamps span:nth-child(2){background:#f3bd5e;color:#483054}.side-stamps span:nth-child(3){background:#5b8ab0}.ground{position:absolute;right:0;bottom:0;left:0;height:6.5vh;min-height:34px;background:#e57945;border-top:5px solid #fff0bd;box-shadow:0 -8px #bd5a45}.question-stage{position:absolute;left:50%;top:50%;width:min(560px,88vw);transform:translate(-50%,-49%);text-align:center;filter:drop-shadow(7px 9px 0 #9e4a4b55)}.pixel-heart{position:relative;z-index:0;width:170px;height:145px;margin:0 auto -23px;display:grid;place-items:center;color:#ffe9bf;font-family:'Press Start 2P';font-size:3.3rem;line-height:1;background:var(--peach);clip-path:polygon(50% 100%,4% 56%,4% 25%,20% 7%,39% 7%,50% 18%,61% 7%,80% 7%,96% 25%,96% 56%);border:none;filter:drop-shadow(0 0 0 #fff)}.pixel-heart:before{content:"";position:absolute;inset:-6px;z-index:-1;background:#fff2cf;clip-path:inherit}.question-card{position:relative;z-index:2;padding:20px 25px 17px;border:6px solid #fff2cd;background:var(--cream);box-shadow:inset 0 0 0 4px #ee8b54,7px 7px 0 #a64b4e}.question-card:before,.question-card:after{content:"";position:absolute;top:50%;width:21px;height:42px;background:#ef8952;border:5px solid #fff2cd;transform:translateY(-50%)}.question-card:before{right:100%;border-right:0}.question-card:after{left:100%;border-left:0}.question-card p{margin:0;color:var(--ink);font-family:'Press Start 2P',monospace;font-size:clamp(.78rem,2.25vw,1.2rem);line-height:1.7;letter-spacing:-.03em}.answer-area{position:relative;width:min(440px,100%);height:112px;margin:12px auto 0}.answer{position:absolute;top:17px;min-width:144px;border:5px solid #fff2cd;padding:13px 15px 10px;color:#fff8d5;font-family:'Press Start 2P',monospace;font-size:clamp(.72rem,2.4vw,1rem);line-height:1.2;box-shadow:6px 6px 0 #703946;transition:left .55s steps(9,end),background .5s steps(4,end),transform .18s steps(2,end),opacity .5s}.answer:hover{transform:translateY(-4px)}.answer:active{transform:translateY(5px);box-shadow:2px 2px 0 #703946}.yes{left:2%;background:var(--green);text-shadow:2px 2px var(--green-dark)}.no{left:62%;background:var(--red);text-shadow:2px 2px var(--red-dark)}.answer.correcting{animation:correct .76s steps(5,end) forwards}.answer.fleeing{animation:flee .8s steps(7,end) forwards;pointer-events:none}.scene-note{min-height:27px;margin:0;color:#6e3959;font-size:clamp(1.05rem,3vw,1.45rem);font-weight:700;text-shadow:1px 1px #fff1be}.scene-note.confirmed{color:#28663c;font-family:'Press Start 2P';font-size:clamp(.7rem,2vw,1rem);line-height:1.6}.cat-pop{position:absolute;left:50%;bottom:9vh;z-index:3;display:flex;align-items:center;gap:10px;transform:translateX(-50%);color:#fff2c6;font-family:'Press Start 2P';font-size:.7rem;white-space:nowrap;text-shadow:2px 2px #4b315f}.cat-pop span{font-size:3.1rem;animation:catBounce .7s steps(4,end) infinite}.cat-pop p{margin:0}@keyframes twinkle{50%{transform:scale(.6);opacity:.35}}@keyframes correct{0%,30%{transform:scale(.86) rotate(-4deg)}45%{transform:scale(1.1) rotate(4deg);background:var(--red)}100%{transform:scale(1);background:var(--green);text-shadow:2px 2px var(--green-dark)}}@keyframes flee{35%{transform:translate(18px,-14px) rotate(7deg)}100%{transform:translate(600px,-180px) rotate(21deg);opacity:0}}@keyframes catBounce{50%{transform:translateY(-9px)}}@media(max-width:620px){.side-stamps{top:auto;bottom:12%;gap:6px}.side-stamps span{width:35px;height:35px;border-width:3px;font-size:.7rem}.corner-bows{right:5vw}.question-stage{top:48%}.pixel-heart{width:140px;height:122px;font-size:2.6rem;margin-bottom:-19px}.question-card{padding:17px 12px 14px;border-width:5px}.question-card:before,.question-card:after{width:13px;height:34px;border-width:4px}.answer-area{height:105px}.answer{min-width:125px;padding:13px 9px 11px;border-width:4px;box-shadow:4px 4px #703946}.yes{left:0}.no{left:59%}.pixel-stars{font-size:16px}.pixel-stars i:nth-child(3),.pixel-stars i:nth-child(4){display:none}}@media(max-height:580px){.pixel-heart{transform:scale(.7);margin-bottom:-36px}.question-stage{top:48%}.corner-bows{display:none}.side-stamps{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.verification-stage{position:absolute;left:50%;top:50%;width:min(560px,88vw);transform:translate(-50%,-49%);text-align:center;filter:drop-shadow(7px 9px 0 #9e4a4b55)}
.verification-stage .question-card p{font-size:clamp(.72rem,2vw,1rem);line-height:1.8}
.verification-actions{position:relative;display:flex;justify-content:center;align-items:center;gap:clamp(18px,6vw,54px);min-height:88px;margin:14px auto 0}
.verification-actions>.answer,.verification-form>.answer{position:relative;top:auto;left:auto;min-height:48px;width:auto;min-width:140px;cursor:pointer}
.verification-note{min-height:32px;margin:2px 0 0;color:#6e3959;font-size:clamp(1.05rem,3vw,1.4rem);font-weight:700;text-shadow:1px 1px #fff1be}
.verification-form{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}
.verification-form input{width:min(260px,55vw);min-width:0;min-height:48px;padding:9px 12px;border:4px solid #fff2cd;background:var(--cream);box-shadow:4px 4px #a64b4e;color:var(--ink);font:700 1.25rem 'Pixelify Sans',system-ui,sans-serif;outline-color:var(--green)}
.welcome-name{margin:0;color:var(--ink);font-size:clamp(1.3rem,4vw,1.8rem);font-weight:700;text-shadow:1px 1px #fff1be}
@media(max-width:620px){.verification-stage{top:49%;width:min(560px,calc(100vw - 32px))}.verification-stage .question-card p{font-size:clamp(.65rem,3vw,.9rem)}.verification-actions{gap:clamp(12px,4vw,28px);min-height:82px}.verification-actions>.answer,.verification-form>.answer{min-width:0;width:42%;padding:12px 5px;font-size:clamp(.62rem,3vw,.8rem)}.verification-form{gap:9px}.verification-form input{width:54vw;font-size:1.1rem}}