@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Press+Start+2P&display=swap";:root{--yellow-solar: #E2A000;--yellow-deep: #D09000;--graphite: #1a1a1a;--black-soft: #2b2b2b;--white-warm: #1a1a1a;--coral: #FF5252;--blue-intel: #3D9970;--green-pos: #2ECC40;--purple-emo: #85144b;--bg-app: #FFC300;--bg-card: #FFD54F;--bg-card2: #FFE082;--surface-1: #FFCA28;--surface-2: #FFB300;--radius-lg: 0px;--radius-md: 0px;--radius-sm: 0px}.retro-border{border:4px solid #1a1a1a!important;box-shadow:4px 4px #1a1a1a!important}*{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:100dvh}body.is-onboarding{background:#0a0a0f!important}.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 .8s ease-in-out;background:#000}.hidden{display:none!important}.fade-out{opacity:0;pointer-events:none}#entry-screen{background:#000;overflow:hidden}.setup-bg{background:transparent!important}#entry-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}#btn-enter-game{opacity:0;transform:translateY(20px);transition:all .5s ease-out}#btn-enter-game.show{opacity:1;transform:translateY(0)}.entry-bottom-bar{position:absolute;bottom:0;left:0;width:100%;height:80px;background:var(--bg-card);border-top:4px solid #1a1a1a;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 -4px 10px #0000004d}.entry-brand{display:flex;align-items:center;gap:12px}.entry-subtitle{font-family:"Press Start 2P",monospace;font-size:.6rem;color:#1a1a1a;text-transform:uppercase;line-height:1.5;letter-spacing:.5px}.glass-card{background:var(--bg-card);border:4px solid #1a1a1a;border-radius:var(--radius-lg);padding:32px 28px;text-align:center;max-width:min(88vw,360px);box-shadow:8px 8px #000c;animation:pop-in .5s both}.glass-card h2{font-family:"Press Start 2P",monospace;font-size:.8rem;color:#1a1a1a;line-height:1.7;margin-bottom:16px}.glass-card p{font-size:.9rem;line-height:1.7;color:#1a1a1acc;margin-bottom:24px}.fancy-input{width:100%;padding:14px 18px;border-radius:var(--radius-md);border:4px solid #1a1a1a;background:#fff;color:#1a1a1a;font-family:"Press Start 2P",monospace;font-size:.7rem;font-weight:500;outline:none;text-align:center;margin-bottom:20px;transition:transform .2s,box-shadow .2s}.fancy-input:focus{transform:translateY(-2px);box-shadow:4px 4px #1a1a1a}.fancy-input::placeholder{color:#1a1a1a66}.auth-bg{background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.auth-glass-card{background:#ffd54ff2;border:4px solid #1a1a1a;border-radius:var(--radius-lg);padding:32px 28px;width:90%;max-width:400px;box-shadow:12px 12px #000c;animation:slide-up .4s cubic-bezier(.175,.885,.32,1.275) both;display:flex;flex-direction:column;gap:20px}.auth-tabs{display:flex;gap:10px;margin-bottom:8px;background:#1a1a1a1a;padding:6px;border-radius:8px}.auth-tab{flex:1;padding:10px;background:transparent;border:3px solid transparent;color:#1a1a1a99;font-family:"Press Start 2P",monospace;font-size:.5rem;cursor:pointer;transition:all .2s ease;border-radius:4px}.auth-tab.active{background:var(--yellow-solar);color:#1a1a1a;border-color:#1a1a1a;box-shadow:2px 2px #1a1a1a;transform:translateY(-2px)}.auth-form-section{display:flex;flex-direction:column;gap:16px;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-header h2{font-family:"Press Start 2P",monospace;font-size:.8rem;color:#1a1a1a;line-height:1.5;margin-bottom:8px;text-align:center}.auth-header p{font-family:Inter,sans-serif;font-size:.85rem;color:#1a1a1acc;font-weight:600;text-align:center}.auth-input-group{display:flex;flex-direction:column}.auth-row{display:flex;gap:12px}.auth-input{width:100%;padding:14px 16px;background:#fff;border:3px solid #1a1a1a;color:#1a1a1a;font-family:Inter,sans-serif;font-weight:700;font-size:.9rem;outline:none;transition:transform .15s,box-shadow .15s}.auth-input:focus{transform:translateY(-2px);box-shadow:3px 3px #1a1a1a;border-color:var(--green-pos)}.auth-input::placeholder{color:#1a1a1a66;font-weight:600}.setup-bg{background:transparent;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:max(20px,env(safe-area-inset-top))}.setup-main-title{text-align:center;margin-top:5vh;pointer-events:auto;animation:fade-down .5s ease-out both;z-index:10}@keyframes fade-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.setup-main-title h1.glow-text{font-family:"Press Start 2P",monospace;font-size:1.3rem;color:#fff;margin:0 0 6px;text-transform:uppercase;background:linear-gradient(180deg,#fff,#ffd54f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 6px rgba(0,0,0,.8))}.setup-main-title p.subtitle{font-family:Inter,sans-serif;font-size:.65rem;font-weight:800;color:#ffffffb3;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.dark-solid-panel{pointer-events:auto;width:95%;max-width:420px;background:#1a1d2a;border:1px solid #2A2F45;border-radius:24px;padding:16px;box-shadow:0 10px 40px #000000e6,inset 0 2px #ffffff0d;animation:slide-up .5s cubic-bezier(.16,1,.3,1) both;display:flex;flex-direction:column;margin-bottom:max(12px,env(safe-area-inset-bottom))}.setup-header{text-align:center;margin-bottom:12px}.setup-header h2{font-family:Inter,sans-serif;font-weight:800;font-size:1.1rem;color:#fff;margin-bottom:4px;letter-spacing:-.2px}.setup-header p{font-family:Inter,sans-serif;font-size:.75rem;color:#8c99a6;font-weight:500}.glowing-input{width:100%;padding:16px;background:#0d0f16;border:1px solid #2A2F45;color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:1rem;border-radius:14px;outline:none;text-align:center;margin-bottom:16px;transition:all .2s ease;box-shadow:inset 0 2px 8px #00000080}.glowing-input::placeholder{color:#4a5568}.glowing-input:focus{border-color:#ffd54f;box-shadow:inset 0 2px 8px #00000080,0 0 0 2px #ffd54f33}.setup-gender-toggle{display:flex;gap:12px;margin-bottom:20px}.premium-btn{flex:1;padding:12px;background:#202436;border:1px solid #2A2F45;color:#8c99a6;font-family:Inter,sans-serif;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease;border-radius:12px;display:flex;align-items:center;justify-content:center}.premium-btn.active{background:#2a2f45;color:#fff;border-color:#ffd54f;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.wardrobe-header{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px;padding-bottom:4px}.wardrobe-header::-webkit-scrollbar{display:none}.w-tab{flex:none;min-width:70px;padding:8px 12px}.wardrobe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;max-height:140px;overflow-y:auto;padding-right:4px}.wardrobe-grid::-webkit-scrollbar{width:4px}.wardrobe-grid::-webkit-scrollbar-thumb{background:#2a2f45;border-radius:4px}.wardrobe-item-btn{background:#202436;border:1px solid #2A2F45;border-radius:8px;color:#8c99a6;font-family:Inter,sans-serif;font-weight:600;font-size:.7rem;padding:10px 4px;cursor:pointer;text-align:center;transition:all .2s}.wardrobe-item-btn.active{background:#2a2f45;color:#fff;border-color:#ffd54f;box-shadow:0 2px 8px #0000004d}.wardrobe-colors{display:flex;gap:10px;justify-content:center;margin-bottom:16px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.wardrobe-colors::-webkit-scrollbar{display:none}.color-dot{width:28px;height:28px;border-radius:50%;border:2px solid #2A2F45;cursor:pointer;transition:transform .1s}.color-dot.active{border-color:#ffd54f;transform:scale(1.1);box-shadow:0 0 10px #ffd54f4d}.btn-primary{width:100%;padding:14px 24px;border-radius:var(--radius-md);border:none;background:var(--yellow-solar);color:#17212b;font-family:"Press Start 2P",monospace;font-size:.8rem;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:active{box-shadow:0 1px #27ae60}.btn-yellow{background:var(--yellow-solar);box-shadow:0 4px #c89b00,0 6px 16px #ffd23f4d;color:#0d141a}.btn-yellow:active{box-shadow:0 1px #c89b00}#creation-wizard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;overflow:hidden;font-family:"Press Start 2P",monospace;pointer-events:none}#creation-wizard.hidden{display:none!important}#creation-wizard *{pointer-events:auto}.is-onboarding-avatar .canvas-wrapper{flex:1 1 auto;border-bottom:none}.wz-top-transparent{flex:1;display:flex;flex-direction:column;background:transparent}.wz-retro-header{display:flex;align-items:center;justify-content:space-between;padding:max(24px,calc(env(safe-area-inset-top) + 12px)) 24px 16px;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%)}.wz-back-btn{background:var(--yellow-solar);color:#1a1a1a;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s;box-shadow:2px 2px #1a1a1a!important}.wz-back-btn:active{transform:translateY(2px);box-shadow:0 0 #1a1a1a!important}.wz-step-indicator{display:flex;gap:8px}.step-dot{width:12px;height:12px;border:3px solid #1a1a1a;background:#fff;transition:all .2s}.step-dot.active{background:var(--green-pos);transform:scale(1.2)}.wz-retro-panel{background:var(--bg-card);border-top-left-radius:0;border-top-right-radius:0;border-width:4px 0 0 0!important;padding:16px 20px max(24px,env(safe-area-inset-bottom));flex-shrink:0;height:50vh;position:relative;display:flex;flex-direction:column}.wz-screen{display:flex;flex-direction:column;gap:12px;flex:1}.wz-screen.hidden-screen{display:none!important}.wz-title{font-family:"Press Start 2P",monospace;font-size:.8rem;color:#1a1a1a;text-align:center;margin:0}.wz-subtitle{font-family:Inter,sans-serif;font-size:.85rem;color:#1a1a1acc;text-align:center;margin:0 0 8px;font-weight:700}.wz-gender-grid{display:flex;gap:12px;flex:1;margin-bottom:8px}.wz-gender-btn{flex:1;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .1s;color:#1a1a1a;box-shadow:4px 4px #1a1a1a!important}.wz-gender-icon{font-size:32px;filter:grayscale(100%)}.wz-gender-label{font-family:"Press Start 2P",monospace;font-size:.5rem}.wz-gender-btn.active{background:var(--green-pos);transform:translateY(2px);box-shadow:2px 2px #1a1a1a!important}.wz-gender-btn.active .wz-gender-icon{filter:none}.wz-gender-btn:active{transform:translateY(4px);box-shadow:0 0 #1a1a1a!important}.wz-points-badge{background:var(--coral);color:#fff;padding:4px 8px;font-family:"Press Start 2P",monospace;font-size:.6rem}.wz-stats-container{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto}.wz-stat-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:3px solid #1a1a1a;padding:8px 12px;box-shadow:2px 2px #1a1a1a}.stat-name{font-family:"Press Start 2P",monospace;font-size:.55rem;color:#1a1a1a}.stat-controls{display:flex;align-items:center;gap:10px}.wz-stat-btn{width:28px;height:28px;background:var(--yellow-solar);color:#1a1a1a;font-size:14px;font-weight:700;cursor:pointer;box-shadow:2px 2px #1a1a1a!important;display:flex;align-items:center;justify-content:center}.wz-stat-btn:active{transform:translateY(2px);box-shadow:0 0 #1a1a1a!important}.wz-stat-val{font-family:"Press Start 2P",monospace;font-size:.7rem;color:#1a1a1a;width:16px;text-align:center}.wz-tab-pills{display:flex;gap:8px;margin-bottom:8px}.wz-pill{flex:1;padding:10px;background:#fff;color:#1a1a1a;font-family:"Press Start 2P",monospace;font-size:.5rem;cursor:pointer;box-shadow:3px 3px #1a1a1a!important}.wz-pill.active{background:var(--blue-intel);color:#fff;transform:translateY(2px);box-shadow:1px 1px #1a1a1a!important}.wz-scroll-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:8px}.wz-scroll-tabs::-webkit-scrollbar{display:none}.wz-icon-tab{padding:10px 14px;background:#fff;color:#1a1a1a;font-family:"Press Start 2P",monospace;font-size:.5rem;white-space:nowrap;cursor:pointer;box-shadow:3px 3px #1a1a1a!important}.wz-icon-tab.active{background:var(--yellow-solar);transform:translateY(2px);box-shadow:1px 1px #1a1a1a!important}.wz-color-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 0 8px}.wz-color-strip::-webkit-scrollbar{display:none}.wz-color-dot{width:32px;height:32px;flex-shrink:0;border:3px solid #1a1a1a;cursor:pointer;box-shadow:2px 2px #1a1a1a}.wz-color-dot.active{transform:scale(1.1);border-color:#fff;box-shadow:0 0 0 2px #1a1a1a}.wz-item-grid-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;overflow-y:auto;padding:4px;flex:1;min-height:0}.wz-item-grid-scroll::-webkit-scrollbar{width:4px}.wz-item-grid-scroll::-webkit-scrollbar-thumb{background:#1a1a1a}.wz-item-btn{aspect-ratio:1;background:#fff;border:3px solid #1a1a1a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;box-shadow:3px 3px #1a1a1a}.wz-item-btn .item-icon{font-size:24px}.wz-item-btn .item-label{font-family:"Press Start 2P",monospace;font-size:.4rem;color:#1a1a1a;text-transform:uppercase}.wz-item-btn.active{background:var(--green-pos);transform:translateY(2px);box-shadow:1px 1px #1a1a1a}.wz-input-wrapper{margin-bottom:8px}.wz-summary-card{background:#fff;padding:12px;flex:1;overflow-y:auto;margin-bottom:12px}.wz-summary-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:2px dashed rgba(26,26,26,.2)}.wz-summary-row:last-child{border:none}.wz-summary-row .sr-name{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#1a1a1a}.wz-summary-row .sr-val{font-family:Inter,sans-serif;font-size:.8rem;font-weight:800;color:#1a1a1a;text-transform:uppercase}#device-frame{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-app)}#device-frame.is-onboarding-avatar{background:#0a0a0f}.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;min-width:0;flex:1}.avatar-mini{width:40px;height:40px;border-radius:0;background:#fff;display:flex;align-items:center;justify-content:center;border:4px solid #1a1a1a;box-shadow:2px 2px #1a1a1a;flex-shrink:0}.top-bar-info{min-width:0;flex:1;overflow:hidden}.top-bar-name{font-family:"Press Start 2P",monospace;font-size:.6rem;color:#1a1a1a;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-bar-status{display:flex;align-items:center;gap:5px;margin-top:3px}.status-dot{width:6px;height:6px;border-radius:0;background:var(--green-pos);box-shadow:2px 2px #0003;animation:led-pulse 2s infinite}#status-text{font-family:"Press Start 2P",monospace;font-size:.4rem;color:#1a1a1acc;line-height:1.5}.top-bar-right{display:flex;align-items:center;gap:6px}.icon-btn{width:34px;height:34px;border-radius:0;background:#fff;border:3px solid #1a1a1a;box-shadow:2px 2px #1a1a1a;color:#1a1a1a;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s}.icon-btn:active{transform:scale(.9)}.icon-btn.active{background:var(--yellow-solar)}.canvas-wrapper{background-color:#111720;flex:0 0 45vh;min-height:250px;position:relative;border-bottom:4px solid #1a1a1a}#app{width:100%;height:100%;display:block;overflow:hidden}.is-onboarding-avatar .top-bar,.is-onboarding-avatar .bottom-nav,.is-onboarding-avatar #ui-container{display:none!important}body.is-build-mode .canvas-wrapper{flex:0 0 calc(100dvh - clamp(230px,34dvh,300px));height:calc(100dvh - clamp(230px,34dvh,300px));min-height:0;border-bottom:none}body.is-build-mode .top-bar{display:none}body.is-build-mode #device-frame{background:#090c12}#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;padding-bottom:80px}#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:#1a1a1ab3;margin-top:2px}.emotion-arrow{font-size:1.4rem;color:#1a1a1a80}.needs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1a1a1a33;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:#1a1a1abf;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.need-bar-bg{width:100%;height:6px;background:#1a1a1a26;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:#1a1a1acc;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:#1a1a1a99;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:45%;left:0;right:0;bottom:0;background:#0d141abf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:1000;display:flex;flex-direction:column;animation:slide-up .3s cubic-bezier(.175,.885,.32,1.1);border-top-left-radius:32px;border-top-right-radius:32px;box-shadow:0 -10px 40px #0009,inset 0 1px #ffffff1a;border-top:1px solid rgba(255,255,255,.15)}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}#avatar-catalog.hidden{display:none}.avatar-editor-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;background:linear-gradient(180deg,rgba(255,210,63,.08) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.05)}.header-title{display:flex;align-items:center;gap:8px}.header-title .emoji{font-size:20px}.header-title h3{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:800;color:var(--white-warm);letter-spacing:-.5px}.avatar-close-btn{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s}.avatar-close-btn:active{background:#fff3;transform:scale(.9)}.avatar-tabs{display:flex;overflow-x:auto;gap:12px;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.avatar-tabs::-webkit-scrollbar{display:none}.avatar-tab{padding:10px 20px;border-radius:24px;font-size:.85rem;font-weight:700;white-space:nowrap;background:#ffffff08;color:#ffffff80;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .3s cubic-bezier(.2,0,0,1)}.avatar-tab.active{background:var(--yellow-solar);color:#0d141a;border-color:var(--yellow-solar);box-shadow:0 4px 16px #ffd23f4d;transform:translateY(-2px)}.avatar-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.avatar-section{display:flex;flex-direction:column;gap:12px}.avatar-section-title{font-size:.75rem;font-weight:800;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;margin-left:4px}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:12px}.avatar-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 8px;color:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.avatar-btn:active{transform:scale(.95)}.avatar-btn .btn-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.avatar-btn .btn-label{font-size:.65rem;font-weight:700;text-transform:capitalize;color:#ffffffb3}.avatar-btn.selected{background:#ffd23f26;border-color:var(--yellow-solar);box-shadow:0 4px 12px #ffd23f33,inset 0 1px #fff3}.avatar-btn.selected .btn-label{color:var(--yellow-solar)}.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:4px solid #1a1a1a;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom)}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0 6px;background:none;border:none;cursor:pointer;color:#1a1a1a99;transition:color .2s}.nav-btn.active{color:#1a1a1a}.nav-btn:active{transform:scale(.9)}.nav-icon{font-size:20px;line-height:1}.nav-label{font-size:.5rem;font-family:"Press Start 2P",monospace}@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}}.setup-body-scroll-container{margin:8px 0 12px;text-align:left}.setup-section-label{display:block;font-size:.65rem;color:#90a4ae;letter-spacing:1px;margin-bottom:4px;font-weight:700}.horizontal-scroll{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.horizontal-scroll>button{flex:0 0 calc(33% - 8px);scroll-snap-align:start;white-space:nowrap}.horizontal-scroll::-webkit-scrollbar{display:none}.horizontal-scroll::-webkit-scrollbar-track{background:#0003;border-radius:4px}.horizontal-scroll::-webkit-scrollbar-thumb{background:var(--yellow-solar);border-radius:4px}#amee-dock{position:absolute;bottom:0;left:0;right:0;height:34dvh;min-height:230px;max-height:300px;background:linear-gradient(155deg,#131822f7,#070a10fa);backdrop-filter:blur(28px) saturate(1.25);-webkit-backdrop-filter:blur(28px) saturate(1.25);border-top:1px solid rgba(255,210,63,.28);border-radius:26px 26px 0 0;box-shadow:0 -18px 60px #000000b8,inset 0 1px #ffffff12;z-index:1000;display:flex;flex-direction:column;color:#fff;transform:translateY(120%);transition:transform .4s cubic-bezier(.2,.8,.2,1);pointer-events:auto;padding-bottom:max(12px,env(safe-area-inset-bottom))}#amee-dock:not(.hidden){transform:translateY(0)}#dock-tooltip{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#1e1e23f2;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:6px 12px;font-size:11px;font-weight:600;color:#a0a0a0;box-shadow:0 5px 15px #00000080;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none}#dock-tooltip:not(.hidden){opacity:1}#dock-tooltip span.highlight{color:var(--yellow-solar)}.build-master-panel{display:flex;flex-direction:column;height:100%;box-sizing:border-box;overflow:hidden;padding:10px 14px 4px}.build-mode-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 9px;flex-shrink:0}.build-mode-identity{display:flex;flex-direction:column;min-width:0}.build-mode-identity strong{font:800 1.05rem/1.1 Inter,sans-serif;letter-spacing:-.025em}.build-mode-kicker{color:#ffd23f;font:800 .48rem/1.5 Inter,sans-serif;letter-spacing:.16em}.build-room-chip{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:12px;background:#ffffff0e;border:1px solid rgba(255,255,255,.09);color:#fff;font:700 .63rem Inter,sans-serif;white-space:nowrap}.build-room-chip>span{width:6px;height:6px;border-radius:50%;background:#50d890;box-shadow:0 0 10px #50d890}.build-room-chip b{color:#788493;font-size:.52rem;font-weight:700;padding-left:5px;border-left:1px solid rgba(255,255,255,.1)}.build-tabs-header{display:flex;gap:6px;overflow-x:auto;padding:4px;margin:0 -2px 5px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#0000003b;scrollbar-width:none;flex-shrink:0}.build-tabs-header::-webkit-scrollbar{display:none}.b-tab{display:flex;align-items:center;gap:6px;padding:7px 11px;border-radius:11px;background:#ffffff08;border:1px solid transparent;color:#a0a0a0;font-family:Inter,sans-serif;font-weight:700;font-size:.75rem;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.b-tab.active{background:linear-gradient(135deg,#ffd84f,#e9a900);border-color:#ffe88d;color:#17130a;box-shadow:0 5px 18px #e2a0003d}.b-tab .icon{font-size:1rem}.build-sub-rail{display:flex;gap:8px;overflow-x:auto;padding:8px 0;scrollbar-width:none;flex-shrink:0}.build-sub-rail::-webkit-scrollbar{display:none}.b-sub-pill{padding:4px 12px;border-radius:12px;font-size:.7rem;font-weight:700;font-family:Inter,sans-serif;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#8c99a6;cursor:pointer;white-space:nowrap;transition:all .2s}.b-sub-pill.active{background:var(--yellow-solar);color:#000;border-color:var(--yellow-solar)}.construction-rail .b-sub-pill{display:flex;align-items:center;gap:6px}.construction-rail .b-sub-pill span{font-size:.82rem}.build-empty-state{grid-row:1 / -1;width:250px;min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;border:1px dashed rgba(255,210,63,.3);border-radius:14px;background:#ffd23f0b;color:#fff}.build-empty-state span{font-size:1.4rem}.build-empty-state strong{margin-top:5px;font:800 .72rem Inter,sans-serif}.build-empty-state small{margin-top:3px;color:#7f8b98;font:600 .56rem/1.35 Inter,sans-serif}.build-catalog-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.build-grid{flex:1;display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-columns:78px;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;align-content:stretch;scroll-snap-type:x proximity}.build-grid::-webkit-scrollbar{display:none}.build-placement-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(90deg,#ffd23f1f,#ffffff09);border-radius:14px;margin-bottom:6px;flex-shrink:0;border:1px solid rgba(255,210,63,.3);box-shadow:inset 3px 0 #ffd23f}.placement-copy{display:flex;flex-direction:column;margin-right:auto;min-width:0;font-family:Inter,sans-serif}.placement-copy span{color:#ffd23f;font-size:.46rem;letter-spacing:.14em;font-weight:900}.placement-copy strong{color:#fff;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placement-copy small{color:#84909d;font-size:.53rem}.b-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border-radius:12px;font-weight:700;font-size:.75rem;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s}.b-btn.icon-only{width:34px;padding:8px}.b-btn.outline{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.2)}.b-btn.primary{background:var(--yellow-solar);color:#000;border:none}.b-btn.danger{background:#ff5252;color:#fff;border:none}.b-btn:active{transform:scale(.95)}.dock-item-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:2px;width:100%;aspect-ratio:1;padding:7px;box-sizing:border-box;overflow:hidden;background:linear-gradient(145deg,#ffffff13,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:13px;cursor:pointer;transition:transform .18s,border-color .18s,background .18s;scroll-snap-align:start}.dock-item-card:hover{border-color:#ffffff38;background:#ffffff17}.dock-item-card.selected{border-color:var(--yellow-solar);background:linear-gradient(145deg,#ffd54f33,#ffd54f0f);box-shadow:inset 0 0 0 1px #ffd23f33,0 8px 20px #0003}.dock-item-card:active{transform:scale(.95)}.dock-item-thumb{position:absolute;top:7px;right:7px;bottom:29px;left:7px;background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:8px}.dock-item-card.color-card .dock-item-thumb{top:7px;right:7px;bottom:24px;left:7px;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff1f}.dock-item-card.color-card.selected .dock-item-thumb{border:2px solid var(--yellow-solar);box-sizing:border-box}.dock-item-label{z-index:1;font-size:7.5px;color:#e9edf2;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:left;font-family:Inter,sans-serif}.dock-item-meta{z-index:1;width:100%;display:flex;justify-content:space-between;gap:3px;color:#697583;font:650 5.5px Inter,sans-serif;white-space:nowrap;overflow:hidden}.dock-item-meta span{overflow:hidden;text-overflow:ellipsis}.dock-item-meta b{color:#ffd23f;font-weight:800}.dock-item-card.selected .dock-item-label{color:#fff}.build-edit-panel{flex:1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 4px}.build-edit-copy{display:flex;flex-direction:column;font-family:Inter,sans-serif;min-width:0}.build-edit-copy span{color:#ffd23f;font-size:.48rem;font-weight:900;letter-spacing:.15em}.build-edit-copy strong{color:#fff;font-size:1.08rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-edit-copy small{color:#7f8b98;font-size:.62rem;margin-top:3px}.build-edit-actions{display:flex;gap:8px}@media (max-width: 520px){#amee-dock{height:36dvh;min-height:240px;max-height:280px}body.is-build-mode .canvas-wrapper{flex-basis:calc(100dvh - clamp(240px,36dvh,280px));height:calc(100dvh - clamp(240px,36dvh,280px))}.build-room-chip b,.b-tab .label{display:none}.b-tab{padding:7px 10px}.build-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-columns:74px;gap:7px}.build-edit-panel{align-items:stretch;flex-direction:column;gap:10px}.build-edit-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr}.build-edit-actions .b-btn{padding:9px 7px}.placement-copy small{display:none}}