:root{--gold: #f6c445;--gold-dark: #d4a020;--lavender: #b8a9c9;--lavender-dark: #7b6b8a;--meadow: #7a9e6d;--cream: #fef9ef;--warm-white: #fff8f0;--deep-night: #1a0e2e;--text-light: #fef5e7;--text-dim: rgba(254, 245, 231, .6);--glass-bg: rgba(26, 14, 46, .75);--glass-border: rgba(246, 196, 69, .2);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100vh;overflow:hidden;font-family:Inter,sans-serif;background:var(--deep-night);color:var(--text-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(ellipse at center,var(--deep-night) 0%,#000 100%);opacity:1;transition:opacity .6s var(--ease-smooth),transform .6s var(--ease-smooth);z-index:20}.screen.fade-out{opacity:0;pointer-events:none}.screen.hidden{display:none}.intro-content{max-width:600px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.intro-title{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:700;color:var(--gold);text-shadow:0 0 30px rgba(246,196,69,.35),0 0 60px rgba(246,196,69,.12);letter-spacing:.04em;margin-bottom:8px;animation:fadeIn 1.2s var(--ease-smooth) both}.intro-text{font-family:Inter,sans-serif;font-weight:300;font-size:1.1rem;color:var(--cream);line-height:1.8;min-height:120px}.intro-text p{opacity:0;animation:fadeIn .8s var(--ease-smooth) forwards;margin-bottom:6px}#begin-btn{margin-top:24px;padding:14px 44px;font-family:Playfair Display,serif;font-size:1.05rem;font-weight:600;letter-spacing:.06em;color:var(--gold);background:#f6c44514;border:1px solid var(--glass-border);border-radius:30px;cursor:pointer;pointer-events:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .35s var(--ease-smooth);opacity:0;animation:fadeIn .8s var(--ease-smooth) .5s forwards}#begin-btn:hover{background:#f6c4452e;border-color:var(--gold);box-shadow:0 0 24px #f6c44540,0 0 48px #f6c44514;transform:scale(1.04)}#begin-btn:active{transform:scale(.97)}#dialog-box{position:fixed;bottom:40px;left:50%;transform:translate(-50%);max-width:700px;width:90%;padding:24px 28px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;pointer-events:auto;z-index:30;animation:slideUp .45s var(--ease-smooth) both;cursor:pointer;-webkit-user-select:none;user-select:none}#dialog-box.hidden{display:none}#dialog-box.slide-down{animation:slideDown .35s var(--ease-smooth) forwards}#dialog-text{font-family:Playfair Display,serif;font-style:italic;font-size:1.15rem;color:var(--cream);line-height:1.75;min-height:1.5em}.dialog-continue{position:absolute;bottom:12px;right:16px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--gold);opacity:0;animation:blink 1s ease-in-out infinite}.dialog-continue.visible{opacity:1}#quiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:#0a0514d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:25;opacity:1;transition:opacity .5s var(--ease-smooth)}#quiz-overlay.hidden{display:none}#quiz-overlay.fade-out{opacity:0;pointer-events:none}.quiz-container{max-width:550px;width:92%;background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:20px;padding:32px;animation:slideUp .5s var(--ease-smooth) both}.quiz-photo-frame{position:relative;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;border:2px solid var(--gold-dark);box-shadow:0 0 16px #f6c4451f;background:linear-gradient(135deg,var(--lavender-dark) 0%,var(--deep-night) 100%)}#quiz-photo{width:100%;height:100%;object-fit:cover;transition:filter 1.5s var(--ease-smooth)}#quiz-photo.blurred{filter:blur(15px) saturate(.3) brightness(.7)}#quiz-photo.revealed{filter:none brightness(1.05);filter:brightness(1.05)}.quiz-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffc;opacity:0;pointer-events:none;border-radius:12px;z-index:2}.quiz-flash.active{animation:flashReveal .5s var(--ease-smooth) forwards}.quiz-narrator{font-family:Playfair Display,serif;font-style:italic;font-size:1rem;color:var(--lavender);margin-top:16px;line-height:1.6}.quiz-prompt{font-family:Inter,sans-serif;font-weight:500;font-size:1.1rem;color:var(--cream);margin:12px 0 16px;line-height:1.5}.quiz-choices{display:flex;flex-direction:column;gap:10px}.quiz-choice-btn{width:100%;padding:14px 20px;font-family:Inter,sans-serif;font-weight:400;font-size:1rem;color:var(--cream);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;text-align:left;transition:all .3s var(--ease-smooth);pointer-events:auto}.quiz-choice-btn:hover{border-color:var(--gold);background:#f6c44514;box-shadow:0 0 12px #f6c4451f;transform:translateY(-1px)}.quiz-choice-btn.wrong{opacity:.3;pointer-events:none;text-decoration:line-through;border-color:#dc505066;background:#dc50500f}.quiz-choice-btn.correct{background:var(--gold);color:var(--deep-night);font-weight:600;border-color:var(--gold);box-shadow:0 0 20px #f6c44566,0 0 40px #f6c4451f;pointer-events:none}.quiz-reveal{margin-top:20px;text-align:center;animation:fadeIn .6s var(--ease-smooth) both}.quiz-reveal .reveal-title{font-family:Playfair Display,serif;font-size:1.1rem;color:var(--gold);margin-bottom:10px}.reveal-detail{font-family:Inter,sans-serif;font-weight:300;font-size:.95rem;color:var(--cream);line-height:1.7;margin-bottom:4px}.reveal-detail .accent{color:var(--gold);font-weight:500}.quiz-continue-btn{margin-top:18px;padding:12px 36px;font-family:Playfair Display,serif;font-size:.95rem;color:var(--gold);background:#f6c44514;border:1px solid var(--glass-border);border-radius:24px;cursor:pointer;transition:all .3s var(--ease-smooth);animation:fadeIn .5s var(--ease-smooth) .3s both}.quiz-continue-btn:hover{background:#f6c4452e;border-color:var(--gold);box-shadow:0 0 18px #f6c44533;transform:scale(1.03)}#hud{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;z-index:35;pointer-events:none;transition:opacity .4s var(--ease-smooth)}#hud.hidden{display:none}.hud-progress{font-family:Inter,sans-serif;font-weight:300;font-size:.9rem;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;pointer-events:none}.hud-progress .hud-count-num{display:inline-block;transition:transform .3s var(--ease-smooth),opacity .3s var(--ease-smooth)}.hud-progress .hud-count-num.pop{animation:numberPop .4s var(--ease-smooth)}.hud-controls{display:flex;gap:10px}.hud-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--gold);font-size:1rem;cursor:pointer;pointer-events:auto;transition:all .3s var(--ease-smooth);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hud-btn:hover{background:#f6c4451f;box-shadow:0 0 14px #f6c44533}.hud-btn.muted{opacity:.4;text-decoration:line-through}.interaction-prompt{position:fixed;bottom:120px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px 18px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:24px;pointer-events:none;z-index:28;animation:float 2.5s ease-in-out infinite,fadeIn .4s var(--ease-smooth) both;transition:opacity .4s var(--ease-smooth)}.interaction-prompt.hidden{display:none}.interaction-prompt.fade-out{opacity:0}.prompt-key{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--gold);color:var(--deep-night);border-radius:6px;font-family:Inter,sans-serif;font-weight:600;font-size:.75rem}.prompt-text{font-family:Inter,sans-serif;font-weight:300;font-size:.85rem;color:var(--text-dim)}#finale-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(ellipse at center,var(--deep-night) 0%,#12082a 50%,#0a0414 100%);z-index:40;opacity:1;transition:opacity .8s var(--ease-smooth)}#finale-screen.hidden{display:none}#finale-screen.fade-out{opacity:0;pointer-events:none}.finale-content{max-width:650px;width:92%;max-height:85vh;overflow-y:auto;text-align:center;padding:20px 0;scrollbar-width:thin;scrollbar-color:var(--gold-dark) transparent}.finale-content::-webkit-scrollbar{width:4px}.finale-content::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:2px}.finale-title{font-family:Playfair Display,serif;font-size:3rem;font-weight:700;color:var(--gold);text-shadow:0 0 30px rgba(246,196,69,.3),0 0 60px rgba(246,196,69,.1);margin-bottom:24px;animation:fadeIn 1s var(--ease-smooth) both}.finale-text{font-family:Inter,sans-serif;font-weight:300;font-size:1.15rem;color:var(--cream);line-height:2;margin-bottom:32px}.finale-text p{opacity:0;animation:fadeIn .8s var(--ease-smooth) forwards}.finale-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.finale-gallery img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;border:1px solid var(--glass-border);opacity:0;animation:fadeIn .5s var(--ease-smooth) forwards;transition:transform .3s var(--ease-smooth),box-shadow .3s var(--ease-smooth)}.finale-gallery img:hover{transform:scale(1.08);box-shadow:0 0 16px #f6c44533;z-index:2;position:relative}.finale-signature{font-family:Playfair Display,serif;font-style:italic;font-size:1.3rem;color:var(--gold);margin-top:40px;opacity:0;animation:fadeIn 1s var(--ease-smooth) forwards}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--deep-night);z-index:50;gap:20px;transition:opacity .5s var(--ease-smooth)}#loading-screen.hidden{display:none}#loading-screen.fade-out{opacity:0;pointer-events:none}.loading-spinner{width:40px;height:40px;border:2px solid rgba(246,196,69,.15);border-top:2px solid var(--gold);border-radius:50%;animation:spin .9s linear infinite}.loading-text{font-family:Inter,sans-serif;font-weight:300;font-size:.95rem;color:var(--text-dim);letter-spacing:1px}.hidden{display:none!important}.fade-in{animation:fadeIn .6s var(--ease-smooth) both}.fade-out{animation:fadeOut .4s var(--ease-smooth) both}.slide-up{animation:slideUp .5s var(--ease-smooth) both}.no-pointer{pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #f6c44526}50%{box-shadow:0 0 22px #f6c44559,0 0 44px #f6c4451a}}@keyframes revealPhoto{0%{filter:blur(15px) saturate(.3) brightness(.7)}to{filter:blur(0) saturate(1) brightness(1.05)}}@keyframes flashReveal{0%{opacity:.8}to{opacity:0}}@keyframes numberPop{0%{transform:scale(1);opacity:1}40%{transform:scale(1.3);opacity:.7}to{transform:scale(1);opacity:1}}@media(max-width:600px){.intro-title{font-size:2.4rem}.intro-text{font-size:1rem}#dialog-box{bottom:20px;padding:18px 20px}#dialog-text{font-size:1rem}.quiz-container{padding:20px}.finale-title{font-size:2.2rem}.finale-gallery{grid-template-columns:repeat(3,1fr)}#hud{padding:14px 16px}}