:root{--bg: #fff8e7;--card: #ffffff;--accent: #ffd24a;--accent-strong: #f5a623;--text: #3a2f1b;--shadow: 0 6px 0 rgba(0, 0, 0, .08)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}#app{max-width:720px;margin:0 auto;padding:env(safe-area-inset-top) 20px 40px}.topbar{display:flex;align-items:center;gap:12px;padding:20px 0 8px}.topbar{justify-content:space-between}.topbar h1{font-size:2rem;margin:0 auto 0 0}.coins{font-size:1.2rem;font-weight:800;background:var(--card);padding:8px 14px;border-radius:999px;box-shadow:var(--shadow);white-space:nowrap}.avatar-home{display:flex;flex-direction:column;align-items:center;gap:12px;margin:8px 0 4px}.avatar-box{width:150px}.avatar-box.big{width:190px;margin:8px auto 4px}.avatar-svg{width:100%;height:auto;display:block}.shop-btn{font-size:1.2rem;font-weight:800;color:var(--text);background:var(--accent);border:none;padding:12px 24px;border-radius:999px;box-shadow:var(--shadow)}.toast{margin:12px 0;padding:14px 18px;background:#e7ffd6;border-radius:16px;font-size:1.15rem;font-weight:700;text-align:center}.shop-grid{grid-template-columns:repeat(2,1fr)}.shop-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:var(--card);border-radius:20px;box-shadow:var(--shadow);border:3px solid transparent}.shop-item.equipped{border-color:var(--accent-strong)}.shop-preview{width:84px}.shop-preview .avatar-svg{width:100%}.shop-name{font-weight:700}.mini-btn{border:none;background:var(--accent);color:var(--text);font-weight:800;padding:8px 14px;border-radius:999px;box-shadow:var(--shadow)}.mini-btn.buy{background:var(--accent-strong);color:#fff}.stars{font-size:2rem;letter-spacing:4px;color:var(--accent-strong)}.fb-text{margin:8px 0}.gained{font-weight:800;color:#2e7d32;font-size:1.2rem}.faces{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:12px}.face{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;border:none;border-radius:24px;background:var(--card);box-shadow:var(--shadow)}.face:active{transform:translateY(2px)}.face-pic{width:110px;height:110px;border-radius:50%;overflow:hidden;background:var(--accent);display:flex;align-items:center;justify-content:center}.face-pic img{width:100%;height:100%;object-fit:cover}.face-emoji{font-size:4rem;align-items:center;justify-content:center}.face-name{font-size:1.4rem;font-weight:800}.switch{border:none;background:var(--card);color:var(--text);font-weight:800;padding:8px 16px;border-radius:999px;box-shadow:var(--shadow)}.pin-dots{text-align:center;font-size:2.6rem;letter-spacing:12px;color:var(--accent-strong);margin:8px 0}.pin-error{text-align:center;min-height:1.5rem;font-weight:700;color:#c0392b}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:320px;margin:8px auto 0}.key{font-size:1.8rem;font-weight:800;padding:18px 0;border:none;border-radius:20px;background:var(--card);box-shadow:var(--shadow);color:var(--text)}.key:active{transform:translateY(2px)}.key-blank{background:transparent;box-shadow:none}.key-del{background:var(--accent)}.home-actions{display:flex;gap:10px}.bell-btn{display:block;width:100%;margin:4px 0 16px;padding:14px;font-size:1.05rem;font-weight:700;color:var(--text);background:var(--card);border:none;border-radius:18px;box-shadow:var(--shadow)}.bell-btn.on{background:#e7ffd6}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery-item{position:relative;border:none;border-radius:16px;overflow:hidden;padding:0;aspect-ratio:1;background:var(--card);box-shadow:var(--shadow)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-stars{position:absolute;left:0;right:0;bottom:0;padding:4px;font-size:.8rem;text-align:center;color:var(--accent-strong);background:#ffffffd9}.back{font-size:2rem;line-height:1;border:none;background:var(--accent);color:var(--text);width:48px;height:48px;border-radius:16px;box-shadow:var(--shadow)}.lead{font-size:1.25rem;margin:16px 0}.level{margin-bottom:28px}.level-title{font-size:1.35rem;margin:0 0 12px;color:var(--accent-strong)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 12px;border:none;border-radius:24px;background:var(--card);box-shadow:var(--shadow);cursor:pointer}.card:active{transform:translateY(2px)}.card-emoji{font-size:3.5rem}.card-title{font-size:1.25rem;font-weight:700}.video{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);background:#000}.video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.big-btn{display:block;width:100%;padding:22px;font-size:1.6rem;font-weight:800;color:var(--text);background:var(--accent);border:none;border-radius:24px;box-shadow:var(--shadow);cursor:pointer}.big-btn:active{transform:translateY(2px)}.photo{width:100%;border-radius:20px;margin-top:24px;box-shadow:var(--shadow)}.feedback{margin-top:16px;padding:20px;font-size:1.3rem;line-height:1.5;background:var(--card);border-radius:20px;box-shadow:var(--shadow)}.feedback.loading{opacity:.7;font-style:italic}.feedback.error{background:#ffe2e2}