:root{--mint: #7fd6a8;--sun: #ffd166;--berry: #ff6b9d;--lavender: #b39ddb;--sky: #7ec8ff;--cream: #fffaf0;--ink: #4a3b52;--ink-soft: #7a6a83;--panel: rgba(255, 252, 245, .92);--shadow: 0 10px 30px rgba(90, 60, 100, .18);--shadow-soft: 0 4px 14px rgba(90, 60, 100, .14);--radius: 20px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:Trebuchet MS,Segoe UI,Verdana,sans-serif;color:var(--ink);background:linear-gradient(180deg,#bfe8ff,#e8f7d8);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{font-family:inherit;color:inherit;cursor:pointer}.app{position:relative;width:100%;height:100%}.scene{position:absolute;top:0;right:0;bottom:0;left:0}.ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:16px;gap:12px}.ui>*{pointer-events:none}.ui button,.ui .panel,.ui .card{pointer-events:auto}.row{display:flex;gap:12px;align-items:flex-start}.row.top{justify-content:space-between}.spacer{flex:1}.panel{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid rgba(255,255,255,.85);padding:14px 16px}.hud{display:flex;flex-direction:column;gap:10px;min-width:280px}.hud-top{display:flex;align-items:center;gap:12px}.coins{display:flex;align-items:center;gap:8px;font-size:30px;font-weight:700;color:#c98a00;text-shadow:0 2px 0 rgba(255,255,255,.8)}.coins .emoji{font-size:32px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}.level-badge{background:linear-gradient(140deg,var(--lavender),var(--berry));color:#fff;border-radius:14px;padding:4px 12px;font-weight:700;font-size:17px;box-shadow:var(--shadow-soft);white-space:nowrap}.xp-bar{position:relative;height:14px;border-radius:8px;background:#78648229;overflow:hidden}.xp-bar>i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--mint),var(--sun));border-radius:8px;transition:width .4s ease}.xp-label{font-size:14px;color:var(--ink-soft);text-align:right}.stats{display:flex;gap:14px;font-size:15px;color:var(--ink-soft);flex-wrap:wrap}.stats b{color:var(--ink)}.icon-btn{width:56px;height:56px;border-radius:16px;border:2px solid rgba(255,255,255,.9);background:var(--panel);box-shadow:var(--shadow-soft);font-size:27px;display:grid;place-items:center;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.icon-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow)}.icon-btn:active{transform:scale(.95)}.icon-btn.off{opacity:.45}.icon-btn.accent{background:linear-gradient(140deg,var(--sun),var(--berry));color:#fff}.btn{border:none;border-radius:16px;padding:12px 22px;font-size:18px;font-weight:700;background:linear-gradient(140deg,var(--mint),#4fc38a);color:#fff;box-shadow:var(--shadow-soft);transition:transform .15s ease,filter .15s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn:active{transform:scale(.97)}.btn.pink{background:linear-gradient(140deg,var(--berry),#ff9ec4)}.btn.ghost{background:#ffffffbf;color:var(--ink)}.dock{display:flex;flex-direction:column;gap:8px;align-items:center}.hint{font-size:16px;color:var(--ink);background:#fffcf5d9;border-radius:14px;padding:6px 14px;box-shadow:var(--shadow-soft)}.seed-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;background:var(--panel);border-radius:var(--radius);border:2px solid rgba(255,255,255,.85);box-shadow:var(--shadow);padding:10px 12px;pointer-events:auto}.seed{position:relative;width:94px;border:2px solid transparent;border-radius:16px;background:#fffc;padding:8px 4px 6px;text-align:center;transition:transform .15s ease,border-color .15s ease,background .15s ease}.seed:hover{transform:translateY(-3px)}.seed.active{border-color:var(--berry);background:#fff2f7;box-shadow:0 6px 16px #ff6b9d47}.seed.locked{filter:grayscale(.85);opacity:.6;cursor:not-allowed}.seed .emoji{font-size:32px;display:block;line-height:1.1}.seed .name{display:block;font-size:14px;font-weight:700;line-height:1.15}.seed .price{display:block;font-size:14px;color:#c98a00;font-weight:700;line-height:1.2}.seed .lock{position:absolute;top:2px;right:6px;font-size:15px}.seed .have{position:absolute;top:3px;left:6px;min-width:20px;padding:0 5px;border-radius:10px;background:linear-gradient(140deg,var(--mint),#4fc38a);color:#fff;font-size:12px;font-weight:700;line-height:18px;box-shadow:0 2px 6px #3c8c6459}.pet-row{align-items:flex-start}.name-input{font-family:inherit;font-weight:700;font-size:17px;color:var(--ink);background:#ffffffb3;border:2px solid rgba(180,160,190,.25);border-radius:10px;padding:3px 8px;width:100%;transition:border-color .15s ease,background .15s ease}.name-input:hover{border-color:#ff6b9d59}.name-input:focus{outline:none;border-color:var(--berry);background:#fff}.hearts{color:var(--berry);letter-spacing:1px}.bows{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}.bow-dot{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:var(--shadow-soft);padding:0;transition:transform .15s ease,border-color .15s ease}.bow-dot:hover{transform:scale(1.15)}.bow-dot.active{border-color:var(--ink);transform:scale(1.15)}.bow-dot.none{background:#fffc;color:var(--ink-soft);font-size:11px;line-height:1}.shop{position:absolute;top:90px;right:16px;bottom:160px;width:min(400px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px;overflow:hidden;pointer-events:auto;animation:slide-in .25s ease}@keyframes slide-in{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}.shop h3{margin:0;font-size:21px}.shop .scroll{overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.shop .scroll::-webkit-scrollbar{width:8px}.shop .scroll::-webkit-scrollbar-thumb{background:#b4a0be66;border-radius:8px}.shop-item{display:flex;align-items:center;gap:10px;background:#fffc;border:2px solid rgba(255,255,255,.9);border-radius:16px;padding:10px;text-align:left;width:100%;transition:transform .15s ease,box-shadow .15s ease}.shop-item:hover:not(:disabled){transform:translate(-3px);box-shadow:var(--shadow-soft)}.shop-item:disabled{opacity:.55;cursor:not-allowed}.shop-item .emoji{font-size:36px}.shop-item .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.shop-item .title{font-weight:700;font-size:17px}.shop-item .desc{font-size:14px;color:var(--ink-soft)}.shop-item .cost{font-weight:700;color:#c98a00;white-space:nowrap}.tabs{display:flex;gap:6px}.tab{flex:1;border:none;border-radius:12px;padding:8px;background:#fff9;font-size:16px;font-weight:700;color:var(--ink-soft)}.tab.active{background:linear-gradient(140deg,var(--sky),var(--lavender));color:#fff}.toasts{position:absolute;left:50%;top:96px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:8px;background:var(--panel);border:2px solid rgba(255,255,255,.9);border-radius:16px;padding:8px 16px;font-size:17px;font-weight:700;box-shadow:var(--shadow);animation:pop .28s ease}.toast.good{background:linear-gradient(140deg,#e5ffe9,#fff9e0)}.toast.bad{background:linear-gradient(140deg,#ffe9ec,#fff3f0)}@keyframes pop{0%{transform:translateY(-12px) scale(.9);opacity:0}to{transform:none;opacity:1}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,#ffd6e88c,#785a8c73);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;pointer-events:auto;animation:fade .3s ease;z-index:30}@keyframes fade{0%{opacity:0}to{opacity:1}}.card{background:var(--cream);border-radius:28px;box-shadow:0 24px 60px #50285a59;border:3px solid #fff;padding:30px 34px;max-width:560px;text-align:center;animation:rise .4s cubic-bezier(.2,1.3,.5,1)}@keyframes rise{0%{transform:translateY(30px) scale(.94);opacity:0}to{transform:none;opacity:1}}.card h1{margin:0 0 6px;font-size:36px;background:linear-gradient(120deg,var(--berry),var(--lavender),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}.card h2{margin:0 0 10px;font-size:24px}.card p{margin:8px 0;line-height:1.55;color:var(--ink-soft);font-size:18px}.card .big-emoji{font-size:64px;display:block;margin-bottom:4px;animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}.card .actions{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}.wish{background:linear-gradient(140deg,#fff0f6,#f0f8ff);border-radius:18px;padding:14px 16px;margin:14px 0 4px;font-size:18px;color:var(--ink);border:2px dashed rgba(255,107,157,.35)}.report-list{display:flex;flex-direction:column;gap:8px;margin:12px 0;font-size:18px}.floater{font-family:Trebuchet MS,sans-serif;font-weight:700;font-size:19px;white-space:nowrap;text-shadow:0 2px 6px rgba(60,30,70,.65),0 0 2px rgba(0,0,0,.4);animation:floatfade 1.4s ease forwards}@keyframes floatfade{0%{opacity:0;transform:scale(.7)}20%{opacity:1;transform:scale(1.05)}75%{opacity:1}to{opacity:0;transform:scale(.95)}}.name-tag{display:flex;flex-direction:column;align-items:center;gap:1px;background:var(--panel);border:2px solid #fff;border-radius:12px;padding:4px 10px;box-shadow:var(--shadow-soft);white-space:nowrap;font-size:15px;line-height:1.25}.name-tag b{color:var(--ink);font-size:16px}.name-tag .hearts{font-size:13px;line-height:1}.name-tag span{color:var(--ink-soft);font-size:14px}.save-dot{font-size:14px;color:var(--ink-soft);display:flex;align-items:center;gap:5px}.save-dot i{width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 6px var(--mint);transition:background .3s ease}.save-dot.dirty i{background:var(--sun);box-shadow:0 0 6px var(--sun)}.save-dot.failed{color:#c96a6a}.save-dot.failed i{background:#e08a8a;box-shadow:0 0 6px #e08a8a}.ui,.show-skip{transition:opacity .8s ease}.app.show-on .ui{opacity:.12}.show-skip{position:absolute;left:50%;bottom:34px;transform:translate(-50%);z-index:30;border:2px solid rgba(255,255,255,.45);border-radius:18px;padding:11px 22px;font-size:17px;font-weight:700;color:#fff;background:#3c285a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #140a2859;opacity:.75}.show-skip:hover{opacity:1;transform:translate(-50%) translateY(-2px)}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(180deg,#bfe8ff,#e8f7d8);z-index:40;transition:opacity .6s ease}.loading .big-emoji{font-size:76px;animation:bob 1.8s ease-in-out infinite}@media (max-width: 640px){.hud{min-width:0}.coins{font-size:24px}.stats{display:none}.seed{width:78px}.seed .emoji{font-size:27px}.shop{top:82px;bottom:196px}.card{padding:22px 18px}.card h1{font-size:29px}.name-input{font-size:15px}.bow-dot{width:20px;height:20px}}