:root { --ink:#543b58; --cream:#fff8df; --pink:#f8b8c5; --rose:#e87599; --lilac:#cdb8e8; --blue:#bce4e8; --yellow:#ffd66b; --shadow:#ad7897; }
*{box-sizing:border-box} body{margin:0;min-height:100vh;color:var(--ink);font-family:Gaegu,cursive;font-size:21px;background:linear-gradient(#bce4e8 0%,#ddcaec 52%,#f9d0d4 100%);overflow-x:hidden}.sky-effects,.sky-effects:before,.sky-effects:after{position:fixed;inset:0;pointer-events:none;content:"";background-image:radial-gradient(#fff 1px,transparent 2px),radial-gradient(#fff5b6 2px,transparent 3px);background-size:70px 80px,120px 125px;background-position:20px 10px,55px 80px;opacity:.55;animation:twinkle 3s steps(2) infinite}.sky-effects:before{inset:auto 0 12% 0;height:80px;background:none;content:"♥   ✦      ♥     ✧       ♥     ✦";font-size:28px;color:#ed789d;word-spacing:35px;animation:float 6s ease-in-out infinite}@keyframes twinkle{50%{opacity:.18}}@keyframes float{50%{transform:translateY(-16px)}}
.hud{height:76px;display:flex;justify-content:space-between;align-items:center;padding:10px clamp(14px,5vw,54px);background:#fff8dfdd;border-bottom:4px solid var(--ink);position:relative;z-index:4}.brand,.meter-label,.pixel,.btn{font-family:'Press Start 2P',monospace}.brand{font-size:10px;color:var(--rose);text-decoration:none;line-height:1.55;text-shadow:1px 1px #fff}.brand span{font-size:7px;color:var(--ink)}.key-meter{display:flex;align-items:center;gap:10px}.meter-label{font-size:9px}.keys{display:flex;gap:5px}.key{font-size:21px;filter:grayscale(1) opacity(.35);transition:.5s}.key.got{filter:none;animation:keyIn .7s cubic-bezier(.2,1.5,.5,1)}@keyframes keyIn{from{transform:translateY(-160px) scale(2) rotate(-45deg)}to{transform:none}}.sound-toggle{border:2px solid var(--ink);background:var(--pink);padding:8px;font-family:'Press Start 2P';font-size:8px;color:var(--ink);cursor:pointer;box-shadow:3px 3px var(--ink)}
.game-shell{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:26px 16px 60px}.scene{width:min(900px,100%);min-height:520px;position:relative;overflow:hidden;background:var(--cream);border:5px solid var(--ink);box-shadow:10px 10px 0 var(--shadow),inset 0 0 0 5px #fff;border-radius:8px;animation:sceneIn .45s both}.scene:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,transparent 0 3px,#7b5475 3px 4px)}@keyframes sceneIn{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}.scene-inner{position:relative;z-index:1;min-height:520px;padding:clamp(24px,5vw,58px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.eyebrow{font-family:'Press Start 2P';font-size:10px;color:var(--rose);margin:0 0 18px}.title{font-family:'Press Start 2P';font-size:clamp(19px,3.6vw,36px);line-height:1.45;margin:0 0 20px;color:#6d4a74;text-shadow:3px 3px #f5c1cf}.subtitle{max-width:600px;line-height:1.1;font-size:27px;margin:0 0 22px}.btn{font-size:11px;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);padding:16px 20px;box-shadow:5px 5px 0 var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.btn:active{transform:translate(5px,5px);box-shadow:none}.btn.pink{background:var(--pink)}
.pixel-person{width:100px;height:142px;position:relative;margin:8px auto 20px;image-rendering:pixelated;background:linear-gradient(#633d51 0 9%,transparent 9% 14%,#ffd1ab 14% 43%,#633d51 43% 47%,#f68ca9 47% 78%,#704358 78%);clip-path:polygon(24% 0,76% 0,76% 9%,88% 9%,88% 29%,78% 29%,78% 47%,100% 47%,100% 64%,76% 64%,76% 100%,24% 100%,24% 64%,0 64%,0 47%,22% 47%,22% 29%,12% 29%,12% 9%,24% 9%);filter:drop-shadow(4px 4px 0 #654454)}.chest{width:138px;height:90px;background:repeating-linear-gradient(90deg,#a6604f 0 23px,#d18b60 23px 29px);border:5px solid #704358;border-radius:9px 9px 4px 4px;box-shadow:inset 0 17px #6b4250,5px 6px #704358;position:relative;margin:0 auto 24px}.chest:before{content:"🔒";font-size:25px;position:absolute;left:48px;top:28px}.chest.open{animation:chestShake .65s ease-in-out 2}.chest.open:before{content:"✨";font-size:42px;top:-55px;left:40px}.chest.open:after{content:"";position:absolute;left:-6px;right:-6px;top:-35px;height:35px;background:repeating-linear-gradient(90deg,#a6604f 0 24px,#d18b60 24px 30px);border:5px solid #704358;border-bottom:0;border-radius:9px 9px 0 0;transform:rotate(-10deg);transform-origin:left bottom}@keyframes chestShake{25%{transform:translateX(-7px) rotate(-2deg)}75%{transform:translateX(7px) rotate(2deg)}}
.dialogue{max-width:630px;min-height:91px;background:white;border:3px solid var(--ink);padding:18px 20px;box-shadow:5px 5px 0 var(--pink);text-align:left;font-size:25px;line-height:1.05;position:relative}.dialogue:before{content:"";position:absolute;left:32px;top:-13px;border-width:0 12px 13px;border-style:solid;border-color:transparent transparent var(--ink)}.dialogue:after{content:"";position:absolute;left:34px;top:-9px;border-width:0 10px 11px;border-style:solid;border-color:transparent transparent white}.dots{font-family:'Press Start 2P';font-size:10px;color:var(--rose);height:20px;margin:14px}.intro-controls{display:flex;gap:12px;align-items:center}.skip{border:0;background:none;text-decoration:underline;color:var(--ink);font:inherit;cursor:pointer}
.level-bg{position:absolute;inset:0;overflow:hidden;opacity:.55;z-index:0}.level-bg.date{background:linear-gradient(#98d5e4 0 55%,#92bb78 55%);}.level-bg.date:after{content:"☀  ♥     ✦        ☁";white-space:pre;position:absolute;inset:35px 5%;font-size:52px;color:#fff0a8}.level-bg.detective{background:#e8d6b0;background-image:radial-gradient(#b17f79 1px,transparent 2px);background-size:17px 17px}.level-bg.music{background:linear-gradient(135deg,#b9a7d8,#e9a4b6)}.level-bg.future{background:radial-gradient(circle at 50% 30%,#ffffe8,#ba9cdb 28%,#5d477a 75%)}.level-card{width:min(650px,100%);background:#fff9e9eF;border:3px solid var(--ink);padding:25px;box-shadow:7px 7px 0 var(--shadow);position:relative}.level-card h2{font-family:'Press Start 2P';font-size:clamp(16px,3vw,25px);line-height:1.5;margin:0 0 14px}.level-card p{line-height:1.05}.quiz-options,.date-options{display:grid;gap:10px;margin:20px 0}.option{background:#fff;border:3px solid var(--ink);padding:12px 15px;text-align:left;color:var(--ink);font:700 21px Gaegu;cursor:pointer;transition:.16s}.option:hover,.option.selected{background:var(--pink);transform:translateX(5px)}.option.correct{background:#bdeaa5}.option.wrong{background:#f3a6a6;animation:shake .3s}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.question-count{font-family:'Press Start 2P';font-size:9px;color:var(--rose)}.answer-box{width:100%;background:#fff;border:3px dashed var(--ink);padding:14px;font:700 23px Gaegu;color:var(--ink);outline:none;text-align:center}.note{background:#fff4a9;padding:19px;transform:rotate(-2deg);box-shadow:4px 5px #c99883;font-size:24px;line-height:1.05;margin:20px 0}.meme{font-size:75px;background:#d6c4e8;padding:8px 30px;margin:14px auto;border:3px solid var(--ink);transform:rotate(2deg)}.vinyl{width:145px;height:145px;background:repeating-radial-gradient(circle,#302c42 0 5px,#59435e 6px 8px);border:8px solid #302c42;border-radius:50%;margin:10px auto;animation:spin 2.5s linear infinite}.vinyl:after{content:"♥";display:grid;place-items:center;width:44px;height:44px;border-radius:50%;margin:42px;background:var(--pink);color:white}@keyframes spin{to{transform:rotate(360deg)}}.audio-row{display:flex;gap:8px;justify-content:center;margin:10px}.playlist{background:#e6f0c4;border:3px solid var(--ink);padding:15px;text-align:left;font-size:20px;margin:16px 0}.crystal{width:140px;height:140px;border:5px solid #fdf7ff;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,#c7a1e8 30%,#67518b);box-shadow:0 0 20px 12px #f7cce7;margin:0 auto 18px;display:grid;place-items:center;font-size:42px;animation:float 3s ease-in-out infinite}.reward{font-family:'Press Start 2P';font-size:11px;line-height:1.8;color:var(--rose)}
.final-scene{background:linear-gradient(#5d477a,#9e77a7 52%,#f4b6c5)}.final-scene .title{color:#fff8df;text-shadow:3px 3px #704358}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;width:9px;height:16px;background:var(--yellow);left:calc(var(--i)*5%);animation:fall 2.4s linear infinite;animation-delay:calc(var(--i)*-.18s)}.confetti i:nth-child(3n){background:var(--pink)}.confetti i:nth-child(4n){background:var(--blue)}@keyframes fall{from{transform:translateY(-25px) rotate(0)}to{transform:translateY(610px) rotate(540deg)}}.coupon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;width:min(700px,100%)}.coupon{background:#fff8df;border:3px dashed var(--rose);box-shadow:4px 4px #704358;min-height:120px;padding:15px 10px;display:grid;place-items:center;align-content:center;gap:9px;font-size:19px;line-height:1;transition:.2s}.coupon:hover{transform:translateY(-7px) rotate(-1deg);background:#fff}.coupon .icon{font-size:32px}.coupon small{font-family:'Press Start 2P';font-size:7px;color:var(--rose)}
.coupon{font-family:Gaegu,cursive;color:var(--ink);cursor:pointer}.coupon.redeemed{background:#d5edbd;transform:rotate(-4deg) translateY(-8px);box-shadow:2px 2px #704358;opacity:.82;cursor:default}.coupon.redeemed:after{content:'✓';font-family:'Press Start 2P';font-size:26px;color:#4f8552;position:absolute}
.memory-log{width:min(690px,100%);background:#fff8df;border:3px solid var(--ink);box-shadow:7px 7px 0 #704358;padding:clamp(19px,4vw,34px);text-align:left;position:relative}.memory-log h1,.memory-log h2{font-family:'Press Start 2P';line-height:1.55}.memory-log h1{font-size:clamp(16px,3vw,25px);text-align:center;color:var(--rose);margin:0 0 20px}.memory-log h2{font-size:12px;margin:0 0 10px}.memory-log p{line-height:1.1;margin:12px 0}.memory-log ol{padding-left:26px;margin:14px 0 20px}.memory-log li{padding:4px 0}.memory-log li span{color:#9a718e}.log-entry{background:#fff4a9;padding:17px 18px;box-shadow:3px 4px #c99883;transform:rotate(-1deg)}.capsule-prompt{text-align:center;font-size:22px}.memory-log #lockCapsule{text-align:center;margin-top:20px}.locked-message{font-family:'Press Start 2P';font-size:10px;line-height:1.8;color:#4f8552}
@media(max-width:560px){.hud{height:66px}.brand{font-size:8px}.brand span,.meter-label{display:none}.sound-toggle{font-size:7px}.game-shell{min-height:calc(100vh - 66px);padding:18px 10px 48px}.scene,.scene-inner{min-height:500px}.scene-inner{padding:24px 16px}.subtitle{font-size:23px}.dialogue{font-size:22px}.coupon-grid{grid-template-columns:repeat(2,1fr);gap:9px}.coupon{min-height:105px;font-size:17px}.level-card{padding:18px 13px}.option{font-size:19px}}