:root{--bg: #fff3f6;--card: #ffffff;--point: #ff9ebb;--point-deep: #f2789f;--text: #5c4a52;--muted: #b39aa5;--gold: #ffd166;--mint: #aee8d5;--radius: 20px;--nav-h: 68px;--hud-h: 52px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;overscroll-behavior:none;user-select:none;-webkit-user-select:none}#app{height:100%;display:flex;flex-direction:column;max-width:480px;margin:0 auto}.hud{height:var(--hud-h);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.hud-title{font-weight:800;font-size:18px;color:var(--point-deep)}.hud-coins{background:var(--card);border-radius:999px;padding:6px 14px;font-size:15px;box-shadow:0 2px 8px #f2789f26}#view{flex:1;overflow-y:auto;padding:4px 16px calc(var(--nav-h) + 12px);display:flex;flex-direction:column;gap:12px}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-h);display:flex;background:var(--card);border-radius:22px 22px 0 0;box-shadow:0 -4px 20px #f2789f2e;padding:4px 6px calc(4px + env(safe-area-inset-bottom))}.nav-btn{flex:1;border:0;background:none;font-family:inherit;color:var(--muted);font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:14px;min-height:48px;cursor:pointer}.nav-icon{font-size:22px}.nav-btn.active{background:var(--bg);color:var(--point-deep);font-weight:700}.btn{border:0;font-family:inherit;font-size:15px;font-weight:700;border-radius:16px;padding:12px 18px;min-height:48px;cursor:pointer;color:#fff;background:var(--point);box-shadow:0 3px 0 var(--point-deep);transition:transform .08s}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--point-deep)}.btn-main.big{font-size:18px;padding:14px 32px}.btn-ghost{background:var(--card);color:var(--text);box-shadow:0 3px #e8d5dc}.icon-btn{border:0;background:var(--card);border-radius:50%;width:44px;height:44px;font-size:20px;cursor:pointer;box-shadow:0 2px 8px #f2789f26}.home-top{display:flex;align-items:center;justify-content:space-between}.doll-name{font-size:18px;font-weight:800}.doll-name small{color:var(--muted);font-weight:600}.doll-stage{position:relative;width:100%;aspect-ratio:3 / 4;max-height:46vh;border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 24px #f2789f33;background:#fdeef3;align-self:center}.doll-stage.sad:after{content:"💧";position:absolute;top:12%;right:22%;font-size:28px;animation:droop 1.6s ease-in-out infinite}@keyframes droop{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.gauges{display:flex;gap:10px}.gauge{flex:1;display:flex;align-items:center;gap:6px;background:var(--card);border-radius:999px;padding:8px 12px;font-size:16px;box-shadow:0 2px 8px #f2789f1f}.gauge-bar{flex:1;height:10px;background:#f5e3e9;border-radius:999px;overflow:hidden}.gauge-fill{height:100%;background:linear-gradient(90deg,var(--point),var(--gold));border-radius:999px;transition:width .4s}.care-btns{display:flex;gap:10px}.care-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;font-size:13px}.care-icon{font-size:24px}.settings-panel{display:flex;flex-direction:column;gap:8px;background:var(--card);border-radius:var(--radius);padding:14px}.settings-panel[hidden]{display:none}.settings-panel .btn{text-align:center}#backup-load-label{display:flex;align-items:center;justify-content:center}.credit{text-align:center;color:var(--muted);font-size:12px;margin-top:4px}.closet-stage{max-height:38vh}.strip-btn{align-self:center;padding:8px 16px;min-height:40px;font-size:13px}.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.tabs::-webkit-scrollbar{display:none}.tab{border:0;font-family:inherit;font-weight:700;font-size:13px;color:var(--muted);background:var(--card);border-radius:999px;padding:9px 16px;min-height:40px;cursor:pointer;white-space:nowrap;box-shadow:0 2px 6px #f2789f1a}.tab.active{background:var(--point);color:#fff}.item-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;min-height:118px}.item-card{border:3px solid transparent;background:var(--card);border-radius:16px;padding:6px;width:92px;flex-shrink:0;font-family:inherit;font-size:11px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px #f2789f1f}.item-card img{width:72px;height:84px;object-fit:contain;background:#fdf2f6;border-radius:10px}.item-card.on{border-color:var(--point)}.item-card.on:after{content:"입는 중 ♥";color:var(--point-deep);font-weight:700}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shop-card{border:0;background:var(--card);border-radius:16px;padding:8px;font-family:inherit;font-size:12px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 2px 8px #f2789f1f;min-height:48px}.shop-card img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#fdf2f6;border-radius:10px}.shop-name{font-weight:700}.shop-price{color:var(--point-deep);font-weight:800}.silhouette{filter:brightness(0) opacity(.3)}.dex-count{text-align:center;font-size:15px}.dex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dex-card{border:3px solid transparent;background:var(--card);border-radius:16px;padding:8px;font-family:inherit;font-size:13px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px #f2789f1f}.dex-card img{width:100%;aspect-ratio:3/4;object-fit:contain}.dex-card small{color:var(--muted)}.dex-card.active{border-color:var(--gold)}.dex-card.locked{opacity:.85}.game-intro{text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;padding-top:8vh}.game-intro h2{color:var(--point-deep)}.game-left{color:var(--muted);font-size:14px}.game-field{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(#2e3560,#4a5490);z-index:40;overflow:hidden}.game-hud{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#ffffffeb;border-radius:999px;padding:8px 20px;font-size:16px;font-weight:800;z-index:2}.star{position:absolute;top:-10%;border:0;background:none;font-size:44px;cursor:pointer;transform:translate(-50%);filter:drop-shadow(0 0 8px rgba(255,226,138,.8));transition:transform .15s;padding:6px}.star.caught{transform:translate(-50%) scale(1.8);opacity:0}.photo-stage{max-height:44vh}.photo-btns{display:flex;gap:10px;justify-content:center}.photo-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.photo-gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;box-shadow:0 2px 6px #f2789f26}.toast{position:fixed;bottom:calc(var(--nav-h) + 24px);left:50%;transform:translate(-50%) translateY(16px);background:#5c4a52f0;color:#fff;border-radius:999px;padding:11px 22px;font-size:14px;font-weight:600;opacity:0;transition:all .3s;z-index:60;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#5c4a5273;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s;z-index:50;padding:24px}.modal-back.show{opacity:1}.modal-card{background:var(--card);border-radius:24px;padding:24px 20px 18px;width:100%;max-width:320px;text-align:center;transform:scale(.92);transition:transform .25s}.modal-back.show .modal-card{transform:scale(1)}.modal-title{font-size:19px;font-weight:800;color:var(--point-deep);margin-bottom:8px}.modal-body{font-size:15px;line-height:1.6}.modal-btns{display:flex;gap:10px;margin-top:18px}.modal-btns .btn{flex:1}.gift-box{font-size:56px;transition:transform .4s}.gift-box.open{animation:giftpop .6s ease}@keyframes giftpop{0%{transform:scale(1)}40%{transform:scale(1.35) rotate(-8deg)}70%{transform:scale(1.15) rotate(6deg)}to{transform:scale(1.2)}}.heart-fx{position:fixed;font-size:24px;pointer-events:none;z-index:55;animation:heartup 1.3s ease-out forwards}@keyframes heartup{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-90px) scale(1.3)}}.coin-fx{position:fixed;font-size:17px;font-weight:800;color:#c9862b;pointer-events:none;z-index:55;transform:translate(-50%);animation:coinup 1.2s ease-out forwards}@keyframes coinup{0%{opacity:0;transform:translate(-50%) translateY(0)}25%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-60px)}}.empty-msg{color:var(--muted);text-align:center;padding:18px 0;grid-column:1 / -1;line-height:1.6}