@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Press+Start+2P&display=swap";:root{--yellow-solar: #FFD23F;--yellow-deep: #F5B700;--graphite: #17212B;--black-soft: #0D141A;--white-warm: #FFF8E7;--coral: #FF645A;--blue-intel: #46C7F4;--green-pos: #50D890;--purple-emo: #9867E9;--bg-app: #1a1a2e;--bg-card: #16213e;--bg-card2: #0f3460;--surface-1: #1E2D3D;--surface-2: #263748;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-app);color:var(--white-warm);font-family:Inter,system-ui,sans-serif;overflow:hidden;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:100vw;height:100vh}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;transition:opacity .5s}.hidden{display:none!important}.fade-out{opacity:0;pointer-events:none}#splash{background:radial-gradient(circle at 50% 40%,#ffe066,#ffd23f 50%,#f5b700);gap:12px}.splash-logo{font-family:"Press Start 2P",monospace;font-size:clamp(1.2rem,5vw,2rem);color:#17212b;text-shadow:3px 3px 0 rgba(0,0,0,.12);animation:pop-in .6s cubic-bezier(.175,.885,.32,1.275) both}.splash-sub{font-size:.85rem;font-weight:600;color:#17212ba6;animation:pop-in .6s .15s both}.splash-dots{display:flex;gap:8px;margin-top:20px;animation:pop-in .4s .3s both}.splash-dots span{width:8px;height:8px;border-radius:50%;background:#17212b;animation:dot-bounce 1.2s infinite}.splash-dots span:nth-child(2){animation-delay:.2s}.splash-dots span:nth-child(3){animation-delay:.4s}.glass-card{background:#16213ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,210,63,.25);border-radius:var(--radius-lg);padding:32px 28px;text-align:center;max-width:min(88vw,360px);box-shadow:0 20px 60px #00000080;animation:pop-in .5s both}.glass-card h2{font-family:"Press Start 2P",monospace;font-size:.8rem;color:var(--yellow-solar);line-height:1.7;margin-bottom:16px}.glass-card p{font-size:.9rem;line-height:1.7;color:#fff8e7bf;margin-bottom:24px}.fancy-input{width:100%;padding:14px 18px;border-radius:var(--radius-md);border:2px solid rgba(255,210,63,.3);background:#0d141ab3;color:var(--white-warm);font-family:Inter,sans-serif;font-size:1rem;font-weight:500;outline:none;text-align:center;margin-bottom:20px;transition:border-color .2s,box-shadow .2s}.fancy-input:focus{border-color:var(--yellow-solar);box-shadow:0 0 0 3px #ffd23f33}.fancy-input::placeholder{color:#fff8e74d}.btn-primary{width:100%;padding:14px 24px;border-radius:var(--radius-md);border:none;background:var(--yellow-solar);color:#17212b;font-family:Inter,sans-serif;font-size:.95rem;font-weight:800;cursor:pointer;box-shadow:0 4px #c89b00,0 6px 16px #ffd23f4d;transition:transform .12s,box-shadow .12s}.btn-primary:active{transform:translateY(3px);box-shadow:0 1px #c89b00}.btn-green{background:var(--green-pos);box-shadow:0 4px #27ae60,0 6px 16px #50d8904d;color:#0d141a}#device-frame{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-app)}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;background:var(--bg-card);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;padding-top:max(10px,env(safe-area-inset-top))}.top-bar-left{display:flex;align-items:center;gap:10px}.avatar-mini{width:40px;height:40px;border-radius:20px;background:var(--yellow-solar);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,210,63,.5);box-shadow:0 0 10px #ffd23f4d;flex-shrink:0}.top-bar-name{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--yellow-solar);letter-spacing:1px}.top-bar-status{display:flex;align-items:center;gap:5px;margin-top:3px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green-pos);box-shadow:0 0 6px #50d890cc;animation:led-pulse 2s infinite}#status-text{font-size:.7rem;color:#fff8e799;font-weight:500}.top-bar-right{display:flex;align-items:center;gap:6px}.icon-btn{width:34px;height:34px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:active{transform:scale(.88);background:#ffd23f26}.icon-btn.active{background:var(--yellow-solar);color:#17212b;border-color:var(--yellow-solar)}.canvas-wrapper{background:#0a0a14;flex-shrink:0;position:relative;border-bottom:2px solid rgba(255,210,63,.2)}#app{width:100%;aspect-ratio:4/3;display:block;overflow:hidden}#ui-container{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;gap:0}#ui-container::-webkit-scrollbar{display:none}.emotion-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;cursor:pointer}.emotion-left{display:flex;align-items:center;gap:12px}.emotion-emoji{font-size:32px;line-height:1}.emotion-title{font-size:.95rem;font-weight:700}.emotion-title .highlight{color:var(--yellow-solar)}.emotion-sub{font-size:.72rem;color:#fff8e780;margin-top:2px}.emotion-arrow{font-size:1.4rem;color:#ffffff4d}.needs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff0f;flex-shrink:0}.need-card{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-card)}.need-icon{font-size:18px;flex-shrink:0}.need-info{flex:1;min-width:0}.need-name{font-size:.65rem;color:#fff8e78c;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.need-bar-bg{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.need-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.need-bar-fill.low{animation:pulse-bar 1s infinite}.need-pct{font-size:.7rem;font-weight:700;color:#fff8e7b3;flex-shrink:0;min-width:32px;text-align:right}.actions-section{padding:12px 12px 8px;flex-shrink:0}.actions-title{font-size:.72rem;font-weight:700;color:#fff8e799;text-align:center;margin-bottom:10px;letter-spacing:.5px}.actions-row{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:4px}.actions-row::-webkit-scrollbar{display:none}.action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:64px;flex-shrink:0;padding:12px 6px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:transform .12s,box-shadow .12s;scroll-snap-align:start;box-shadow:0 3px #0000004d,0 4px 10px #0003}.action-btn:active{transform:translateY(3px);box-shadow:0 0 #0000004d}.action-btn .emoji{font-size:26px;line-height:1}.action-btn .label{font-size:.6rem;font-weight:700;white-space:nowrap;letter-spacing:.2px}.action-btn[data-action=eat]{background:#c0392b;color:#fff}.action-btn[data-action=play]{background:#2c3e50;color:#fff;border:1px solid rgba(255,255,255,.1)}.action-btn[data-action=talk]{background:#1a6b4a;color:#fff}.action-btn[data-action=hug]{background:#7d3c98;color:#fff}.action-btn[data-action=sleep]{background:#1a4a7a;color:#fff}.action-btn[data-action=bathe]{background:#117a8b;color:#fff}.action-btn[data-action=dance]{background:#b9500a;color:#fff}#build-catalog{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background:var(--black-soft);overflow-y:auto;-webkit-overflow-scrolling:touch}#build-catalog::-webkit-scrollbar{width:3px}#build-catalog::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:2px}#avatar-catalog{position:absolute;top:55%;left:0;right:0;bottom:0;background:#0d141af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;flex-direction:column;animation:slide-up .3s ease-out;border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -10px 40px #00000080;border-top:1px solid rgba(255,255,255,.05)}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}#avatar-catalog.hidden{display:none}.avatar-editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(180deg,rgba(255,210,63,.1) 0%,transparent 100%);border-bottom:1px solid rgba(255,210,63,.2)}.avatar-editor-header h3{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--yellow-solar);letter-spacing:1px}.avatar-close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.avatar-tabs{display:flex;overflow-x:auto;gap:12px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.avatar-tabs::-webkit-scrollbar{display:none}.avatar-tab{padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:700;white-space:nowrap;background:#ffffff0d;color:#fff9;border:1px solid transparent;cursor:pointer;transition:all .2s}.avatar-tab.active{background:#ffd23f26;color:var(--yellow-solar);border-color:var(--yellow-solar)}.avatar-content{flex:1;overflow-y:auto;padding:20px}.avatar-section-title{font-size:.75rem;font-weight:800;color:#8ea1b3;text-transform:uppercase;margin-bottom:12px;letter-spacing:.5px}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;margin-bottom:24px}.avatar-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 6px;color:#fff;font-size:.7rem;font-weight:600;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.avatar-btn:active{transform:scale(.95)}.avatar-btn.selected{background:#ffd23f1a;border-color:var(--yellow-solar);color:var(--yellow-solar);box-shadow:0 0 10px #ffd23f33}.color-palette{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.color-btn{width:32px;height:32px;border-radius:16px;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .2s}.color-btn:active{transform:scale(.85)}.color-btn.selected{border:3px solid #fff;box-shadow:0 0 10px #ffffff80}.catalog-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-card);border-bottom:1px solid rgba(255,210,63,.15);flex-shrink:0}.catalog-header h3{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--yellow-solar);letter-spacing:1px}.room-tabs{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;flex-shrink:0}.room-tabs::-webkit-scrollbar{display:none}.room-tab{padding:5px 14px;border-radius:20px;font-size:.72rem;font-weight:700;white-space:nowrap;border:1px solid rgba(255,210,63,.4);background:transparent;color:#fff8e7a6;cursor:pointer;transition:all .2s;flex-shrink:0}.room-tab.active{background:var(--yellow-solar);color:#17212b;border-color:var(--yellow-solar)}.paint-strip{display:flex;gap:8px;padding:8px 14px;overflow-x:auto;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.paint-strip::-webkit-scrollbar{display:none}.paint-label{font-size:.62rem;font-weight:700;color:#fff8e773;white-space:nowrap;flex-shrink:0}.paint-swatch{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.15);cursor:pointer;flex-shrink:0;transition:transform .2s,border-color .2s}.paint-swatch:active{transform:scale(.9)}.paint-swatch.selected{border-color:var(--yellow-solar);box-shadow:0 0 8px #ffd23f80}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px;padding:10px 12px 80px}.catalog-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-sm);padding:10px 6px;text-align:center;cursor:pointer;transition:transform .15s,border-color .15s}.catalog-card:active{transform:scale(.94);border-color:#ffd23f80}.catalog-card .cat{font-size:.5rem;color:#ffffff4d;text-transform:uppercase;margin-bottom:4px}.catalog-card .name{font-size:.68rem;font-weight:700;margin-bottom:5px;line-height:1.3}.catalog-card .price{font-size:.62rem;font-weight:700;color:var(--green-pos)}.bottom-nav{display:flex;background:var(--bg-card);border-top:1px solid rgba(255,255,255,.07);flex-shrink:0;padding-bottom:env(safe-area-inset-bottom)}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0 6px;background:none;border:none;cursor:pointer;color:#fff8e766;transition:color .2s}.nav-btn.active{color:var(--yellow-solar)}.nav-btn:active{transform:scale(.9)}.nav-icon{font-size:20px;line-height:1}.nav-label{font-size:.55rem;font-weight:700;letter-spacing:.2px}@keyframes pop-in{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-8px);opacity:1}}@keyframes led-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.35}}