:root{--bg-darker: #07080f;--bg-dark: #0b0c16;--bg-card: rgba(15, 17, 32, .7);--primary: #6366f1;--primary-light: #818cf8;--primary-glow: rgba(99, 102, 241, .3);--secondary: #ec4899;--secondary-light: #f472b6;--secondary-glow: rgba(236, 72, 153, .3);--accent: #14b8a6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-glass: rgba(255, 255, 255, .08);--bg-glass: rgba(255, 255, 255, .03);--font-sans: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "ZCOOL XiaoWei", "Noto Serif SC", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:var(--font-sans);background-color:var(--bg-darker);color:var(--text-primary);overflow:hidden;height:100vh;width:100vw}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;position:relative;background-size:cover;background-position:center;transition:background-image .8s ease-in-out}.ambient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#0b0c1633,#07080fcc);pointer-events:none;z-index:1}.glass-panel{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 8px 32px #0000005e;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#6366f133}.shiny-border-card{position:relative;overflow:hidden}.shiny-border-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.shiny-border-card:hover:after{left:100%}.btn{font-family:var(--font-sans);font-weight:600;padding:10px 20px;border-radius:10px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;outline:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow),0 0 8px var(--secondary-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-glass)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--primary-light);transform:translateY(-1px)}.input-field{width:100%;background:#0006;border:1px solid var(--border-glass);border-radius:10px;padding:12px 16px;color:#fff;outline:none;font-family:var(--font-sans);transition:all .25s ease}.input-field:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);background:#0009}.dialogue-box{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:90%;max-width:960px;height:180px;z-index:10;padding:24px 32px;display:flex;flex-direction:column;justify-content:space-between}.dialogue-name{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--secondary-light);text-shadow:0 0 10px var(--secondary-glow);margin-bottom:8px}.dialogue-text{font-family:var(--font-serif);font-size:20px;line-height:1.6;color:var(--text-primary);overflow-y:auto;flex-grow:1}.sprite-container{position:absolute;bottom:120px;left:50%;transform:translate(-50%);height:70vh;z-index:5;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.sprite-img{max-height:100%;object-fit:contain;transition:all .5s cubic-bezier(.175,.885,.32,1.275);animation:sprite-entry .8s ease-out}@keyframes sprite-entry{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bounce-light{animation:bounce-subtle 3s ease-in-out infinite}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.star-particles{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.particle{position:absolute;background:#fff;border-radius:50%;opacity:.3;animation:float-particle 10s linear infinite}@keyframes float-particle{0%{transform:translateY(100vh) scale(0);opacity:0}50%{opacity:.6}to{transform:translateY(-10vh) scale(1);opacity:0}}.game-topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;z-index:10;position:relative;background:linear-gradient(to bottom,rgba(7,8,15,.8),transparent)}.stats-badge{background:var(--bg-glass);border:1px solid var(--border-glass);padding:6px 12px;border-radius:20px;font-size:14px;display:inline-flex;align-items:center;gap:6px;font-weight:600}.stats-badge.heart{color:var(--secondary-light);border-color:var(--secondary-glow);background:#ec48990d}.memory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%}.memory-card{height:160px;position:relative;border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid var(--border-glass);background-size:cover;background-position:center;display:flex;align-items:flex-end;transition:all .3s ease}.memory-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#07080ff2,#07080f4d)}.memory-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #6366f133;border-color:var(--primary)}.memory-content{position:relative;z-index:2;padding:16px;width:100%}.memory-title{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.memory-card.locked{filter:grayscale(100%);cursor:not-allowed}.memory-card.locked:before{background:#07080fd9}.locked-icon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;text-align:center;color:var(--text-muted)}