body{margin:0;font-family:system-ui,sans-serif;background:#f5f7fb;color:#0f172a}.page{max-width:1160px;margin:0 auto;padding:24px}.hidden{display:none}.muted{color:#475569}.hub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.hub-home{font-size:1.2rem;font-weight:900;color:#0f172a;text-decoration:none;cursor:pointer;background:none;border:none;padding:0}.hub-home:hover{color:#4f46e5}.hub-banner{background:linear-gradient(135deg,#f6d365,#d4a017 40%,#f9e076 60%,#c8981a);padding:14px 48px;border-radius:4px;clip-path:polygon(8% 0%,92% 0%,100% 50%,92% 100%,8% 100%,0% 50%);text-align:center}.hub-banner h1{margin:0;font-size:1.8rem;font-weight:900;color:#1a1a1a;text-shadow:0 1px 2px rgba(255,255,255,.3)}.hub-coins{display:flex;align-items:center;gap:6px;font-size:1.3rem;font-weight:900;color:#0f172a}.hub-coin-icon{width:28px;height:28px;background:linear-gradient(135deg,#f6d365,#d4a017);border-radius:50%;display:inline-block}.hub-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.hub-preview-card{display:flex;flex-direction:column;align-items:center;cursor:pointer;background:#fff;border-radius:16px;padding:16px;border:2px solid transparent;transition:border-color .2s,transform .15s}.hub-preview-card:hover{border-color:#d4a017;transform:translateY(-3px)}.hub-preview-card:disabled{cursor:default;opacity:.7}.hub-preview-card:disabled:hover{border-color:transparent;transform:none}.hub-preview-frame{width:180px;height:200px;position:relative;overflow:hidden;border-radius:12px;margin-bottom:8px}.hub-preview-frame img{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:auto;object-fit:contain;pointer-events:none}.hub-preview-label{font-weight:700;font-size:1rem;color:#0f172a}.hub-preview-frame.locked-silhouette{display:flex;align-items:center;justify-content:center;background:#f1f5f9}.locked-silhouette svg{width:120px;height:120px;opacity:.25}.hub-cta{text-align:center;font-size:1.3rem;font-weight:800;color:#475569;margin-top:4px}.top{background:#fff;padding:16px;border-radius:14px;margin-bottom:16px;display:flex;justify-content:space-between;gap:16px;align-items:center}.top h1{margin:0}.top p{margin:6px 0 0;color:#475569}.top-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.coins{font-size:1.1rem}.home-btn{color:#4f46e5;text-decoration:none;font-weight:600}.pane{background:#fff;border-radius:14px;padding:18px}.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}.room-card{text-align:left;border:1px solid #dbeafe;border-radius:12px;padding:14px;background:#f8fafc;color:#0f172a}.room-card span{font-weight:700;color:#4f46e5}.room-card.locked{background:#f1f5f9;opacity:.7}.room-card.locked span{color:#64748b}.avatar-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.avatar-top h2{margin:0}.avatar-layout{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:14px}.avatar-preview{border:1px solid #dbeafe;border-radius:12px;padding:12px;background:#f8fafc}.avatar-preview h3{margin-top:0}.avatar-frame{height:240px;border-radius:10px;background:#fef3c7;position:relative;overflow:hidden;margin-bottom:10px}.avatar-layer{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:auto;object-fit:contain;pointer-events:none}.avatar-base{z-index:0}.equipped-list{display:grid;gap:8px}.equipped-row{display:grid;grid-template-columns:72px 34px 1fr;align-items:center;gap:8px;font-size:.92rem}.equipped-row .thumb{font-size:1.3rem}.equipped-thumb{width:34px;height:34px;object-fit:contain}.shop{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.item{background:#fff;border-radius:12px;padding:12px;border:1px solid #dbeafe}.item-thumb{height:110px;border-radius:10px;background:#fef3c7;position:relative;overflow:hidden;margin-bottom:8px}.item-thumb-base,.item-thumb-img{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:auto;object-fit:contain}.item-thumb-base{opacity:.35}button{background:#4f46e5;color:#fff;border:none;padding:8px 10px;border-radius:8px;cursor:pointer}button.secondary{background:#334155}button:disabled{background:#94a3b8;cursor:not-allowed}button.equipped-btn{background:#16a34a}#robotPane .avatar-frame,#robotPane .item-thumb{background:#fff}.slot-group{margin-bottom:8px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.slot-group-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8fafc;cursor:pointer;font-weight:700;font-size:.95rem;border:none;width:100%;color:#0f172a;text-align:left}.slot-group-header:hover{background:#f1f5f9}.slot-group-header .chevron{transition:transform .2s;font-size:.8rem;color:#64748b}.slot-group.collapsed .chevron{transform:rotate(-90deg)}.slot-group-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;padding:10px}.slot-group.collapsed .slot-group-body{display:none}.slot-group-header .slot-equipped{font-weight:400;font-size:.85rem;color:#16a34a;margin-left:8px}.fishtank-frame{background:linear-gradient(180deg,#e0f2fe,#7dd3fc 60%,#bae6fd)}.fishtank-thumb-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:auto;object-fit:contain}#fishtankPane .item-thumb{height:220px}@media(max-width:900px){.avatar-layout{grid-template-columns:1fr}.top{flex-direction:column;align-items:flex-start}.top-actions{align-items:flex-start}}